:root{--ink:#141313;--paper:#f8f6f1;--panel:#fff;--muted:#6d6862;--line:#ded9d0;--red:#9f342d;--red-dark:#73211e;--sage:#5f7668;--yellow:#e8b64d;--black:#181818;--shadow:0 22px 50px #211f1c1f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(90deg, #14131309 1px, transparent 1px), linear-gradient(180deg, #14131308 1px, transparent 1px), var(--paper);color:var(--ink);letter-spacing:0;background-size:42px 42px;margin:0;font-family:Avenir Next,Helvetica Neue,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.root-redirect{text-align:center;place-items:center;min-height:100vh;padding:32px;display:grid}.site-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8f6f1e0;border-bottom:1px solid #1413131a;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:18px clamp(18px,4vw,64px);display:grid;position:sticky;top:0}.brand{align-items:center;gap:10px;font-weight:900;display:inline-flex}.brand-mark{border:2px solid var(--ink);background:var(--yellow);place-items:center;block-size:36px;inline-size:36px;font-family:Georgia,Times New Roman,serif;display:grid}.segment-nav{border:1px solid var(--line);background:#ffffffb8;grid-auto-flow:column;justify-self:center;gap:4px;padding:4px;display:inline-grid}.segment-nav a{color:var(--muted);padding:9px 14px;font-size:14px;font-weight:800}.segment-nav a.active{background:var(--black);color:#fff}.header-actions{align-items:center;gap:10px;display:flex}.language-switcher{color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.language-switcher select{border:1px solid var(--line);min-block-size:42px;color:var(--ink);background:#fff;padding:0 30px 0 12px}.button{border:1px solid var(--ink);cursor:pointer;justify-content:center;align-items:center;gap:9px;min-block-size:48px;padding:0 18px;font-weight:900;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--black);color:#fff;box-shadow:6px 6px 0 var(--yellow)}.button.secondary,.button.ghost{color:var(--ink);background:#fff}.button.compact{min-block-size:42px}.button:disabled{cursor:wait;opacity:.55}.hero{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:clamp(28px,6vw,80px);min-height:calc(100vh - 76px);padding:clamp(40px,6vw,92px) clamp(18px,5vw,80px);display:grid}.hero h1,.app-shell h1{max-width:980px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(44px,7vw,104px);line-height:.94}.hero-body,.composer-panel>p,.auth-panel p{max-width:650px;color:var(--muted);font-size:clamp(18px,2vw,24px);line-height:1.55}.eyebrow{color:var(--red);letter-spacing:0;text-transform:uppercase;margin:0 0 14px;font-size:13px;font-weight:950}.hero-actions,.composer-actions,.result-actions,.oauth-row{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.phone-stage{border-left:2px solid var(--ink);place-items:center;min-height:560px;display:grid;position:relative}.quest-card,.result-panel,.composer-panel,.auth-panel,.value-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffe6}.quest-card{width:min(420px,100%);padding:24px}.quest-card-top{color:var(--muted);text-transform:uppercase;justify-content:space-between;align-items:center;gap:16px;font-size:13px;font-weight:900;display:flex}.source-text{margin:22px 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,4vw,46px);line-height:1.1}.step-list,.progress-rail{gap:8px;display:grid}.step-list span,.progress-rail span{border:1px solid var(--line);color:var(--muted);background:#fafafa;padding:10px 12px;font-weight:800}.step-list .done,.progress-rail .done{color:var(--sage);background:#5f76681f;border-color:#5f766873}.expression-chip{border:1px solid var(--red);color:var(--red-dark);background:#9f342d14;margin-top:16px;padding:12px;font-weight:950}.comment-stack{gap:10px;display:grid;position:absolute;bottom:54px;right:0}.comment-stack span{border:1px solid var(--ink);background:var(--yellow);padding:9px 12px;font-weight:900;transform:rotate(-2deg)}.section{padding:clamp(48px,6vw,96px) clamp(18px,5vw,80px)}.band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#ffffff80}.section-heading{text-align:center;max-width:760px;margin:0 auto 32px}.section-heading.align-left{text-align:left;margin-inline:0}.section-heading h2,.auth-panel h2,.result-panel h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,5vw,70px);line-height:1}.value-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.value-card{padding:26px}.value-index{border:1px solid var(--ink);background:var(--yellow);place-items:center;block-size:42px;inline-size:42px;font-weight:950;display:inline-grid}.value-card h3{margin:22px 0 10px;font-size:24px}.value-card p,.muted,.expression-row p,.practice-strip p{color:var(--muted);line-height:1.6}.sample-row{flex-wrap:wrap;gap:14px;display:flex}.sample-pill{border:1px solid var(--line);background:#fff;padding:14px 18px;font-weight:900}.app-shell{grid-template-columns:minmax(300px,.74fr) minmax(0,1.26fr);align-items:start;gap:24px;padding:clamp(24px,4vw,64px);display:grid}.composer-panel,.result-panel,.auth-panel{padding:clamp(22px,3vw,38px)}.composer-panel{position:sticky;top:96px}textarea,input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;outline:none;padding:14px}textarea{resize:vertical;min-height:190px;font-size:22px;line-height:1.45}textarea:focus,input:focus,select:focus{border-color:var(--red);box-shadow:0 0 0 3px #9f342d24}.sample-list{gap:10px;margin-top:24px;display:grid}.sample-list button{border:1px solid var(--line);color:var(--muted);text-align:left;cursor:pointer;background:#ffffffc2;padding:12px}.progress-rail{grid-template-columns:repeat(5,minmax(0,1fr));margin:22px 0}.quest-section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.quest-section-grid section,.expression-board,.practice-strip,.quiz-panel,.review-cards{border:1px solid var(--line);background:#f8f6f1cc;padding:18px}.expression-board,.practice-strip,.quiz-panel,.review-cards{margin-top:16px}.expression-row{border-top:1px solid var(--line);grid-template-columns:minmax(90px,.4fr) minmax(120px,.5fr) 1fr;align-items:start;gap:12px;padding:14px 0;display:grid}.expression-row small,.practice-strip small,.review-card span,.status-line{color:var(--muted)}.quiz-item{border-top:1px solid var(--line);padding:16px 0}.quiz-options{flex-wrap:wrap;gap:10px;display:flex}.quiz-options button{border:1px solid var(--line);cursor:pointer;background:#fff;padding:10px 12px}.quiz-options button.selected{border-color:var(--sage);color:var(--sage);background:#5f766821;font-weight:900}.review-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.review-cards h3{grid-column:1/-1}.review-card{border:1px solid var(--line);background:#fff;padding:14px}.auth-panel{margin:0 clamp(18px,5vw,80px) clamp(42px,6vw,96px)}.auth-grid{grid-template-columns:1fr auto .65fr auto;align-items:end;gap:12px;margin-top:22px;display:grid}.auth-grid label{color:var(--muted);gap:7px;font-weight:900;display:grid}.oauth-logo{border:1px solid var(--line);background:#fff;place-items:center;block-size:26px;inline-size:26px;font-size:12px;font-weight:950;display:inline-grid}.google{color:#1a73e8}.github{color:var(--ink)}.site-footer{border-top:1px solid var(--line);color:var(--muted);padding:28px clamp(18px,5vw,80px);font-weight:800}@media (max-width:980px){.site-header,.hero,.app-shell,.value-grid,.quest-section-grid,.auth-grid{grid-template-columns:1fr}.segment-nav{justify-self:start}.header-actions{flex-wrap:wrap}.phone-stage{border-left:0;border-top:2px solid var(--ink);min-height:420px;padding-top:30px}.composer-panel{position:static}.progress-rail,.expression-row,.review-cards{grid-template-columns:1fr}}@media (max-width:620px){.site-header{padding:14px}.hero,.app-shell,.section{padding-inline:14px}.hero h1,.app-shell h1{font-size:44px}.button{width:100%}.hero-actions,.composer-actions,.result-actions,.oauth-row{display:grid}}