:root{--ink:#14110f;--paper:#fffcf2;--yellow:#ffd93d;--pink:#ff2e88;--mint:#00e0a4;--blue:#3d5afe;--orange:#ff7a2f;--shadow-hard:6px 6px 0 var(--ink);--border:3px solid var(--ink);--radius-card:20px;--radius-key:16px;--font-ui:"Bricolage Grotesque", system-ui, sans-serif;--font-num:"Martian Mono", ui-monospace, monospace;--surface:var(--yellow);--surface-raised:var(--paper);--text:var(--ink);--mode-sprint:var(--mint);--mode-daily:var(--blue);--on-mode-daily:var(--paper);--correct:var(--mint);--error:var(--pink);--urgent:var(--orange);--radius-pill:999px}*,:before,:after{box-sizing:border-box}.landing-body{background:var(--surface);color:var(--text);font-family:var(--font-ui);margin:0;line-height:1.5}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums}:focus-visible{outline:3px solid var(--text);outline-offset:3px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.landing{gap:40px;width:min(100%,960px);margin:0 auto;padding:24px 16px 32px;display:grid}.hero{justify-items:start;gap:14px;display:grid}.wordmark{letter-spacing:3px;background:var(--surface-raised);border:var(--border);border-radius:var(--radius-key);box-shadow:var(--shadow-hard);margin:0 0 8px;padding:6px 16px;font-size:1.25rem;font-weight:800;transform:rotate(-3deg)}.hero h1{letter-spacing:-.02em;max-width:14ch;margin:0;font-size:clamp(2.4rem,9vw,4.25rem);font-weight:800;line-height:1.02}.lede{max-width:34ch;margin:0;font-size:clamp(1.1rem,3.6vw,1.35rem)}.chips{flex-wrap:wrap;gap:8px;margin:4px 0 0;padding:0;list-style:none;display:flex}.chips li{background:var(--surface-raised);border:var(--border);border-radius:var(--radius-pill);padding:4px 14px;font-weight:700}.glimpse{background:var(--surface-raised);border:var(--border);border-radius:var(--radius-card);width:min(100%,380px);box-shadow:var(--shadow-hard);justify-self:center;justify-items:center;gap:8px;margin:0;padding:16px 18px 20px;display:grid;transform:rotate(1.5deg)}.glimpse-hud{justify-content:space-between;width:100%;font-size:1.4rem;font-weight:800;display:flex}.glimpse-timer{transition:color .3s}.glimpse-urgent{color:var(--urgent)}.glimpse-question{margin:12px 0 0;font-size:clamp(2.2rem,10vw,3rem);font-weight:800;line-height:1.1}.glimpse-answer{text-align:center;background:var(--surface-raised);border:var(--border);border-radius:var(--radius-key);min-width:60%;min-height:1.6em;margin:0;padding:4px 16px;font-size:clamp(1.8rem,8vw,2.4rem);font-weight:700;transition:background-color .12s}.glimpse-correct{background:var(--correct)}.glimpse-feedback{min-height:1.5em;margin:0;font-weight:700}.landing h2{margin:0 0 12px;font-size:clamp(1.6rem,5vw,2.2rem);font-weight:800;line-height:1.1}.landing p{margin:0}.landing-modes{gap:16px;display:grid}.landing-mode{border:var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-hard);padding:18px 20px 20px}.landing-mode h3{margin:0 0 6px;font-size:1.5rem;font-weight:800}.landing-mode-sub{font-size:.95rem;font-weight:700;display:block}.landing-mode-sprint{background:var(--mode-sprint)}.landing-mode-daily{background:var(--mode-daily);color:var(--on-mode-daily)}.daily-section p,.start-section p{max-width:52ch;font-size:1.1rem}.start-section{gap:4px;display:grid}.landing-cta{padding:12px 16px calc(14px + env(safe-area-inset-bottom));background:var(--surface);border-top:var(--border);justify-content:center;display:flex;position:sticky;bottom:0}.landing-start{text-align:center;width:min(100%,420px);min-height:56px;color:var(--text);background:var(--mode-sprint);border:var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-hard);padding:14px 32px;font-size:1.3rem;font-weight:800;text-decoration:none;display:block}@media (width>=760px){.landing{grid-template-columns:1.2fr 1fr;align-items:center;gap:56px;padding-top:48px}.hero{grid-column:1}.glimpse{grid-column:2}.modes-section,.daily-section,.start-section{grid-column:1/-1}.landing-modes{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
