:root{--ink:#19231e;--ink-soft:#4e5b54;--paper:#f6f1e8;--paper-deep:#ece4d8;--surface:#fffdf8;--line:#d8d0c3;--coral:#e95f43;--coral-dark:#c9432c;--sage:#dce8dc;--green:#2f5d47;--sun:#f0c769;--shadow:0 24px 60px #2b322d1a;--radius-lg:28px;--radius-md:18px;--radius-sm:12px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 8% 3%, #e95f4314, transparent 24rem), var(--paper);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #e95f4359}.topbar{justify-content:space-between;align-items:center;max-width:1440px;margin:0 auto;padding:24px 40px;display:flex}.brand{color:var(--ink);letter-spacing:-.03em;align-items:center;gap:11px;font-size:1.15rem;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{background:var(--ink);border-radius:10px 10px 10px 3px;flex-direction:column;justify-content:center;gap:4px;width:38px;height:34px;padding:0 9px;display:inline-flex;transform:rotate(-3deg)}.brand-mark span{background:var(--paper);border-radius:999px;height:3px;display:block}.brand-mark span:last-child{background:var(--coral);width:65%}.topbar-actions{align-items:center;gap:14px;display:flex}.prototype-chip{border:1px solid var(--line);color:var(--ink-soft);text-transform:uppercase;background:#fffdf8bf;border-radius:999px;padding:7px 12px;font-size:.77rem;font-weight:750}.avatar{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:.75rem;font-weight:800;display:flex}.hero{grid-template-columns:minmax(0,1fr) 300px;align-items:end;gap:48px;max-width:1280px;margin:34px auto 50px;padding:0 40px;display:grid}.kicker,.step-heading>p{color:var(--coral-dark);letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:850}.hero h1{letter-spacing:-.055em;max-width:930px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.8rem,6.4vw,6rem);font-weight:500;line-height:.98}.hero-copy{color:var(--ink-soft);max-width:700px;margin:24px 0 0;font-size:1.08rem}.hero-note{background:var(--ink);border-radius:var(--radius-md);color:#fff;flex-direction:column;gap:10px;padding:24px;display:flex;position:relative}.hero-note:before{background:var(--sun);content:"";border-radius:50%;width:12px;height:12px;position:absolute;top:20px;right:20px}.hero-note span{color:#bfc9c2;letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:800}.hero-note strong{font-family:Georgia,Times New Roman,serif;font-size:1.4rem;line-height:1.18}.hero-note small{color:#bfc9c2}.workspace{background:var(--surface);box-shadow:var(--shadow);border:1px solid #d8d0c3cc;border-radius:34px 34px 0 0;grid-template-columns:290px minmax(0,1fr);max-width:1440px;min-height:760px;margin:0 auto;display:grid;overflow:hidden}.workspace-sidebar{background:var(--ink);color:#fff;flex-direction:column;gap:30px;padding:42px 30px;display:flex}.sidebar-label{color:#aeb9b2;letter-spacing:.11em;text-transform:uppercase;margin:0 0 10px;font-size:.72rem;font-weight:800}.workspace-sidebar h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:2rem;font-weight:500}.workspace-sidebar>div>p:last-child{color:#c3ccc6;margin:8px 0 0;font-size:.88rem}.profile-summary{border-top:1px solid #ffffff1f;border-bottom:1px solid #ffffff1f;margin:0;padding:20px 0}.profile-summary div+div{margin-top:17px}.profile-summary dt{color:#93a097;letter-spacing:.09em;text-transform:uppercase;font-size:.68rem;font-weight:800}.profile-summary dd{color:#e5e9e6;margin:4px 0 0;font-size:.8rem;line-height:1.45}.progress-rail{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.progress-rail li{color:#758279;align-items:center;gap:12px;min-height:52px;font-size:.8rem;font-weight:700;display:flex;position:relative}.progress-rail li:not(:last-child):after{content:"";background:#39443e;width:1px;height:20px;position:absolute;top:42px;left:14px}.progress-rail li span{border:1px solid #4d5a52;border-radius:50%;justify-content:center;align-items:center;width:29px;height:29px;display:flex}.progress-rail li.is-active{color:#fff}.progress-rail li.is-active span{background:var(--coral);border-color:var(--coral)}.sidebar-tip{border-radius:var(--radius-sm);background:#ffffff12;align-items:flex-start;gap:10px;margin-top:auto;padding:15px;display:flex}.sidebar-tip span{color:var(--sun)}.sidebar-tip p{color:#c8d0cb;margin:0;font-size:.76rem}.workspace-main{min-width:0;padding:54px clamp(28px,5vw,76px) 80px}.step-panel{max-width:960px;margin:0 auto}.narrow-panel{max-width:760px}.step-heading{margin-bottom:34px}.step-heading h2{letter-spacing:-.04em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,4vw,3.4rem);font-weight:500;line-height:1.04}.step-heading>span{color:var(--ink-soft);max-width:680px;margin-top:14px;font-size:.98rem;display:block}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.topic-card{border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;flex-direction:column;min-height:290px;padding:24px;transition:border-color .16s,transform .16s,box-shadow .16s;display:flex}.topic-card:hover{border-color:#b8ad9e;transform:translateY(-3px);box-shadow:0 15px 36px #272d2914}.topic-card-featured{background:var(--sage);border-color:#c0d3c2;grid-row:span 2;min-height:100%}.topic-meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.topic-meta span{color:var(--green);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:850}.topic-meta small{color:var(--ink-soft);white-space:nowrap;background:#ffffffb8;border-radius:999px;padding:5px 9px}.topic-card h3{letter-spacing:-.035em;margin:36px 0 13px;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.4rem,2.7vw,2.2rem);font-weight:500;line-height:1.08}.topic-card:not(.topic-card-featured) h3{margin-top:24px;font-size:1.45rem}.topic-card p{color:var(--ink-soft);margin:0;font-size:.9rem}.topic-source{color:var(--green);align-items:center;gap:7px;margin-top:auto;padding-top:26px;font-size:.74rem;font-weight:750;display:flex}.topic-action{cursor:pointer;text-align:left;background:0 0;border:0;border-top:1px solid #19231e1f;justify-content:space-between;align-items:center;margin-top:14px;padding:15px 0 0;font-size:.86rem;font-weight:850;display:flex}.back-button{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;margin:0 0 28px;padding:0;font-size:.82rem;font-weight:750}.selected-topic{background:var(--paper);border-left:4px solid var(--coral);border-radius:0 var(--radius-sm) var(--radius-sm) 0;flex-direction:column;gap:5px;margin-bottom:22px;padding:17px 20px;display:flex}.selected-topic span,.review-topic span{color:var(--coral-dark);letter-spacing:.09em;text-transform:uppercase;font-size:.68rem;font-weight:850}.selected-topic strong{font-family:Georgia,Times New Roman,serif;font-size:1.08rem}.knowledge-list{gap:12px;display:grid}.knowledge-option{border:1px solid var(--line);border-radius:var(--radius-md);cursor:pointer;text-align:left;background:#fff;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:19px 21px;transition:border-color .16s,background .16s;display:grid}.knowledge-option:hover{background:var(--sage);border-color:#abc5ae}.knowledge-icon{background:var(--paper);color:var(--coral);border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.knowledge-option strong,.knowledge-option small{display:block}.knowledge-option small{color:var(--ink-soft);margin-top:3px}.option-arrow{font-size:1.3rem}.learning-card{background:var(--sage);border-radius:var(--radius-lg);border:1px solid #c3d6c5;padding:clamp(24px,5vw,40px);position:relative}.learning-number{background:var(--green);color:#fff;border-radius:999px;padding:7px 11px;font-size:.73rem;font-weight:800;display:inline-flex}.learning-card h3{margin:22px 0 10px;font-family:Georgia,Times New Roman,serif;font-size:1.8rem;font-weight:500;line-height:1.1}.learning-card>p{color:var(--ink-soft)}.learning-card ul{gap:13px;margin:25px 0;padding:0;list-style:none;display:grid}.learning-card li{gap:11px;display:flex}.learning-card li span{color:var(--coral-dark);font-weight:900}.source-notice{border-radius:var(--radius-sm);color:var(--ink-soft);background:#fff9;padding:13px 15px;font-size:.77rem}.primary-button,.secondary-button{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:12px;min-height:50px;padding:0 23px;font-size:.86rem;font-weight:850;transition:background .16s,transform .16s;display:inline-flex}.primary-button{background:var(--coral);border:1px solid var(--coral);color:#fff}.primary-button:hover:not(:disabled){background:var(--coral-dark);transform:translateY(-1px)}.primary-button:disabled{cursor:wait;opacity:.65}.secondary-button{border:1px solid var(--line);background:0 0}.full-button{width:100%;margin-top:22px}.creation-form{flex-direction:column;display:flex}.compact-topic{margin-bottom:26px}.creation-form fieldset{border:0;margin:0 0 22px;padding:0}.creation-form legend,.field-label,.draft-editor label{margin-bottom:9px;font-size:.78rem;font-weight:850}.field-label{flex-direction:column;gap:2px;display:flex}.field-label span{color:var(--ink-soft);font-size:.73rem;font-weight:500}.segmented-control{background:var(--paper);border-radius:var(--radius-sm);grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.segmented-control label{cursor:pointer;text-align:center;border-radius:9px;padding:10px 8px;font-size:.78rem;font-weight:750}.segmented-control label.is-selected{color:var(--coral-dark);background:#fff;box-shadow:0 2px 10px #1e262114}.segmented-control input{opacity:0;pointer-events:none;position:absolute}.creation-form textarea,.creation-form input,.draft-editor textarea{border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);resize:vertical;background:#fff;width:100%;padding:14px 15px;line-height:1.55}.creation-form textarea:focus,.creation-form input:focus,.draft-editor textarea:focus{border-color:var(--coral)}.creation-form input{margin-bottom:3px}.character-count{color:#7b857f;text-align:right;margin:5px 0 20px}.form-error{border-radius:var(--radius-sm);color:#982d1e;background:#ffebe6;margin:16px 0 0;padding:12px 14px;font-size:.82rem}.form-success{background:var(--sage);border-radius:var(--radius-sm);color:var(--green);margin:16px 0 0;padding:12px 14px;font-size:.82rem}.draft-panel{max-width:1000px}.draft-heading{justify-content:space-between;align-items:start;display:flex}.channel-badge{background:var(--sage);color:var(--green);text-transform:capitalize;border-radius:999px;padding:7px 12px;font-size:.72rem;font-weight:850}.draft-layout{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:24px;display:grid}.draft-editor{background:var(--paper);border-radius:var(--radius-lg);flex-direction:column;padding:24px;display:flex}.draft-editor label:not(:first-child){margin-top:18px}.draft-review{background:var(--ink);border-radius:var(--radius-md);color:#fff;padding:24px}.review-icon{color:var(--sun);font-size:1.6rem}.draft-review h3{margin:12px 0 8px;font-family:Georgia,Times New Roman,serif;font-size:1.5rem;font-weight:500}.draft-review>p{color:#c7d0ca;font-size:.82rem}.review-topic{border-top:1px solid #ffffff26;flex-direction:column;gap:7px;margin-top:24px;padding-top:18px;display:flex}.review-topic span{color:var(--sun)}.review-topic strong{font-size:.82rem}.draft-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.centered-page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);width:100%;max-width:420px;padding:clamp(28px,5vw,44px)}.auth-card .brand{margin-bottom:28px}.auth-card h1{letter-spacing:-.03em;margin:0 0 6px;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.7rem,4vw,2.2rem);font-weight:500}.auth-card>p{color:var(--ink-soft);margin:0 0 28px;font-size:.92rem}.auth-form{flex-direction:column;gap:18px;display:flex}.auth-toggle{color:var(--ink-soft);cursor:pointer;text-align:center;background:0 0;border:0;width:100%;margin-top:22px;padding:0;font-size:.84rem;font-weight:750}.auth-toggle:hover{color:var(--coral-dark)}.error-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);max-width:520px;padding:36px}.error-card h1{font-family:Georgia,Times New Roman,serif;font-weight:500}@media (max-width:980px){.hero{grid-template-columns:1fr;align-items:stretch}.hero-note{max-width:420px}.workspace{grid-template-columns:1fr}.workspace-sidebar{grid-template-columns:1fr 1fr;display:grid}.progress-rail,.sidebar-tip{display:none}}@media (max-width:720px){.topbar{padding:18px 20px}.prototype-chip{display:none}.hero{margin-top:24px;padding:0 20px}.hero h1{font-size:clamp(2.65rem,13vw,4.2rem)}.workspace{border-radius:24px 24px 0 0}.workspace-sidebar{grid-template-columns:1fr;padding:28px 22px}.profile-summary{display:none}.workspace-main{padding:38px 20px 60px}.topic-grid{grid-template-columns:1fr}.topic-card-featured{min-height:330px}.segmented-control{grid-template-columns:1fr}.draft-heading,.draft-actions{flex-direction:column;align-items:stretch}.draft-layout{grid-template-columns:1fr}.draft-actions button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}