:root{--ink: #0b1016;--ice: #e8edf2;color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Arial,sans-serif;color:var(--ice);background:var(--ink);font-synthesis:none;text-rendering:optimizeLegibility}:root[data-theme=light]{--ink: #FFF8E7;--ice: #342E2A;color-scheme:light}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0;background:var(--ink)}body{min-height:100vh}button,[contenteditable]{font:inherit}::selection{color:var(--ink);background:var(--ice)}.app{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;padding:32px clamp(28px,5vw,80px);color:var(--ice);background:var(--ink);-webkit-tap-highlight-color:transparent}.topbar,.footer{display:flex;align-items:center;justify-content:space-between}.wordmark{color:var(--ice);font-size:12px;font-weight:600;letter-spacing:.08em;text-decoration:none}.progress{display:flex;gap:32px;color:color-mix(in srgb,var(--ice) 54%,transparent);font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.08em}.progress-count{color:var(--ice)}.topbar-tools{display:flex;align-items:center;gap:32px}.theme-toggle{display:inline-flex;align-items:center;gap:6px;padding:8px 0;border:0;color:color-mix(in srgb,var(--ice) 38%,transparent);background:transparent;font-size:9px;font-weight:600;letter-spacing:.08em;cursor:pointer;touch-action:manipulation}.theme-toggle .is-active{color:var(--ice);text-decoration:underline;text-underline-offset:4px}.theme-toggle:focus-visible{outline:1px solid var(--ice);outline-offset:5px}.practice{display:flex;flex-direction:column;justify-content:center;align-items:stretch;width:100%;max-width:960px;margin:auto;padding:clamp(48px,10vh,100px) 0;gap:clamp(16px,2vh,24px);transform:translateY(-1cm)}.sentence-panel{width:100%}.answer-block{opacity:0;transition:opacity .2s ease}.answer-block.is-visible{opacity:1}.eyebrow,.screen-hint,.alternative{margin:0;color:color-mix(in srgb,var(--ice) 50%,transparent);font-size:10px;font-weight:600;line-height:1.4;letter-spacing:.12em}.eyebrow{margin-bottom:20px}.answer-label{margin-bottom:12px}.sentence-editor,.answer{margin:0;color:var(--ice);font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Arial,sans-serif;font-size:clamp(22px,2.5vw,36px);font-weight:400;line-height:1.4;letter-spacing:-.018em;word-wrap:break-word;overflow-wrap:break-word}.sentence-editor{min-height:2.8em;outline:none;caret-color:var(--ice)}.sentence-editor[contenteditable=true]{cursor:text}.sentence-editor:focus-visible{outline:none}.phase-revealed .sentence-editor{color:color-mix(in srgb,var(--ice) 66%,transparent)}.alternative{margin-top:16px;color:color-mix(in srgb,var(--ice) 48%,transparent);letter-spacing:.04em}.footer{position:relative;color:color-mix(in srgb,var(--ice) 44%,transparent)}.back-button{display:inline-flex;align-items:center;gap:12px;padding:8px 0;border:0;color:var(--ice);background:transparent;font-size:10px;font-weight:600;letter-spacing:.12em;cursor:pointer;touch-action:manipulation}.back-button span{font-size:14px;line-height:1}.back-button:hover:not(:disabled),.back-button:focus-visible{text-decoration:underline;text-underline-offset:5px}.back-button:focus-visible{outline:1px solid var(--ice);outline-offset:6px}.back-button:disabled{color:color-mix(in srgb,var(--ice) 24%,transparent);cursor:default}.screen-hint{position:absolute;left:50%;width:max-content;max-width:70vw;transform:translate(-50%);text-align:center;pointer-events:none}.contact-line{display:flex;align-items:center;gap:14px;margin:0;color:color-mix(in srgb,var(--ice) 34%,transparent);font-size:9px;font-style:normal;font-variant-numeric:tabular-nums;line-height:1.5;letter-spacing:.03em;white-space:nowrap}.contact-line a{color:inherit;text-decoration:none}.contact-line a:hover,.contact-line a:focus-visible{color:var(--ice);text-decoration:underline;text-underline-offset:4px}.contact-line a:focus-visible{outline:1px solid var(--ice);outline-offset:4px}.mobile-instruction{display:none}.complete-screen{grid-template-rows:1fr}.complete-theme{position:fixed;top:32px;right:clamp(28px,5vw,80px)}.frame-complete{width:min(720px,100%);margin:auto}.frame-complete h1{margin:0;color:var(--ice);font-size:clamp(38px,5vw,64px);font-weight:500;line-height:1.08;letter-spacing:-.035em}.completion-copy{margin:28px 0 32px;color:color-mix(in srgb,var(--ice) 58%,transparent);font-size:15px;line-height:1.6}.completion-actions{display:flex;align-items:center;gap:32px}.completion-back{padding:12px 0}.restart{padding:12px 16px;border:1px solid var(--ice);color:var(--ink);background:var(--ice);font-size:10px;font-weight:600;letter-spacing:.1em;cursor:pointer}.restart:hover,.restart:focus-visible{color:var(--ice);background:var(--ink);outline:1px solid var(--ice);outline-offset:4px}.restart span{margin-left:24px}.corner-mark{position:fixed;right:clamp(28px,5vw,80px);bottom:32px;margin:0;color:color-mix(in srgb,var(--ice) 42%,transparent);font-size:10px;letter-spacing:.1em}@media(max-width:760px){.app{padding:24px 20px}.progress{gap:14px;font-size:9px}.topbar-tools{gap:14px}.theme-toggle{gap:4px;font-size:8px}.practice{padding:40px 0;gap:16px}.sentence-editor,.answer{font-size:clamp(20px,5.5vw,28px)}.footer{display:grid;grid-template-columns:1fr;gap:18px}.screen-hint{position:static;grid-row:1;width:auto;max-width:none;transform:none;line-height:1.6}.back-button{grid-row:2;justify-self:start}.contact-line{grid-row:3;flex-direction:column;justify-self:center;gap:2px;font-size:8px;text-align:center;white-space:normal}.desktop-instruction{display:none}.mobile-instruction{display:inline}.sentence-editor{touch-action:auto}.corner-mark{right:20px;bottom:24px}.complete-theme{top:24px;right:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important}}