:root{--ink: #12232B;--surface: #1B333D;--surface-2: #152A33;--paper: #FBF9F4;--line: #2C4A56;--text: #FBF9F4;--muted: #A8BFC8;--dim: #8AA5AF;--gold: #D8B45E;--green: #63C594;--amber: #E2B457;--red: #F08A80;--on-paper: #12232B;--on-paper-body: #24404B;--on-paper-meta: #5A6B72;--on-paper-quote: #3A4C54;--pos: #1B6B47;--neg: #99332B;--neu: #46585F;--serif: Georgia, "Iowan Old Style", "Times New Roman", serif;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--nav-h: 60px;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--ink);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.5;overscroll-behavior-y:none;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}.app{display:flex;flex-direction:column;height:100%}.topbar{padding:calc(var(--safe-t) + 12px) 16px 10px;display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);background:var(--ink);flex:0 0 auto}.topbar h1{font-family:var(--serif);font-size:19px;margin:0;letter-spacing:-.01em;font-weight:700}.countdown{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--gold);text-transform:uppercase;white-space:nowrap}.countdown b{font-size:14px;font-weight:700}.screen{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px 16px 24px}.screen.flush{padding:0;display:flex;flex-direction:column}.nav{flex:0 0 auto;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);background:var(--surface-2);padding-bottom:var(--safe-b)}.nav button{background:none;border:0;padding:9px 4px 8px;min-height:var(--nav-h);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--dim);font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-family:var(--mono)}.nav button[aria-current=page]{color:var(--gold)}.nav button[aria-current=page] .nav-ico{background:#d8b45e26}.nav-ico{width:24px;height:18px;border:1.5px solid currentColor;border-radius:3px;display:block}.nav-ico.quant{border-radius:50%;height:21px;width:21px}.nav-ico.tips{border-radius:3px 3px 3px 10px}.eyebrow{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin:0 0 10px}.lede{font-family:var(--serif);font-size:21px;line-height:1.35;margin:0 0 18px}.lede b{color:var(--gold);font-weight:700}.panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:16px;margin:0 0 12px}.panel h2{font-family:var(--serif);font-size:17px;margin:0 0 4px}.panel p{margin:0;color:var(--muted);font-size:14px}.cta{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;background:var(--paper);color:var(--on-paper);border:0;border-radius:10px;padding:15px 16px;margin-top:12px;min-height:56px;font-weight:600}.cta.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.cta:disabled{opacity:.45;cursor:default}.cta .sub{display:block;font-weight:400;font-size:12.5px;color:var(--on-paper-meta);margin-top:2px}.cta.ghost .sub{color:var(--dim)}.cta .chev{font-size:20px;opacity:.5;flex:0 0 auto}.statrow{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 4px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:11px 8px;text-align:center}.stat b{display:block;font-family:var(--serif);font-size:22px;line-height:1.1}.stat span{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}.meter{height:6px;border-radius:3px;background:var(--line);overflow:hidden;display:flex;margin:10px 0 0}.meter i{display:block;height:100%;transition:width .35s ease}.setgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:8px;margin-top:10px}.setbtn{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:10px 8px;text-align:left;min-height:64px;display:flex;flex-direction:column;justify-content:center}.setbtn b{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.setbtn .thm{font-size:11.5px;color:var(--dim);line-height:1.3;margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.setbtn[data-state=done]{border-color:var(--green)}.setbtn[data-state=done] b{color:var(--green)}.setbtn[data-state=active]{background:var(--paper);border-color:var(--paper)}.setbtn[data-state=active] b{color:var(--on-paper)}.setbtn[data-state=active] .thm{color:var(--on-paper-meta)}.study{display:flex;flex-direction:column;height:100%}.studybar{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line);flex:0 0 auto}.studybar .back{background:none;border:0;padding:8px 10px 8px 0;color:var(--muted);font-family:var(--mono);font-size:12px}.studybar .track{flex:1 1 auto;height:4px;border-radius:2px;background:var(--line);overflow:hidden}.studybar .track i{display:block;height:100%;background:var(--gold);transition:width .3s ease}.studybar .n{font-family:var(--mono);font-size:11.5px;color:var(--muted);white-space:nowrap}.cardwrap{flex:1 1 auto;overflow-y:auto;padding:14px;display:flex}.card{background:var(--paper);color:var(--on-paper);border-radius:12px;padding:24px 20px 22px;width:100%;box-shadow:0 14px 34px #0000004d;display:flex;flex-direction:column;align-self:flex-start;min-height:100%}.card.center{justify-content:center}.cardmeta{font-family:var(--mono);font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--on-paper-meta);display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.word{font-family:var(--serif);font-size:clamp(32px,9vw,46px);line-height:1.04;margin:0 0 4px;letter-spacing:-.015em;overflow-wrap:break-word}.pos{font-family:var(--serif);font-style:italic;font-size:15px;color:var(--on-paper-meta);margin:0}.tapzone{flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-height:90px}.taphint{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--on-paper-meta)}.def{font-family:var(--serif);font-size:clamp(19px,4.6vw,23px);line-height:1.4;margin:14px 0 0}.ex{font-family:var(--serif);font-style:italic;font-size:16px;line-height:1.55;color:var(--on-paper-quote);margin:16px 0 0;padding-left:13px;border-left:2px solid #D9D4C7}.block{margin-top:16px;padding-top:14px;border-top:1px solid #E6E1D5}.block h4{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--on-paper-meta);margin:0 0 5px;font-weight:600}.block p{margin:0;font-size:14.5px;line-height:1.5;color:var(--on-paper-body)}.block p.mono{font-family:var(--mono);font-size:13.5px}.badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.badge{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;border:1px solid currentColor;border-radius:3px;padding:4px 8px;font-weight:600}.badge[data-c=positive]{color:var(--pos)}.badge[data-c=negative]{color:var(--neg)}.badge[data-c=neutral]{color:var(--neu)}.badge.warn{color:var(--neg)}.wordlist{font-size:14.5px;color:var(--on-paper-body);margin:0}.formula{font-family:var(--mono);font-size:clamp(15px,4.2vw,18px);line-height:1.55;background:#f1eee4;border-radius:8px;padding:14px 15px;margin:14px 0 0;overflow-x:auto;white-space:pre-wrap;overflow-wrap:break-word}.rating{flex:0 0 auto;padding:10px 14px calc(14px + var(--safe-b));border-top:1px solid var(--line)}.rating .lbl{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin:0 0 8px;text-align:center}.rating .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.rating .grid[data-n="4"]{grid-template-columns:repeat(4,1fr)}.rate{border:1px solid;background:transparent;border-radius:8px;padding:11px 4px 9px;min-height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-family:var(--mono);font-size:10px;letter-spacing:.04em;text-transform:uppercase}.rate .k{font-family:var(--serif);font-size:17px;font-weight:700;letter-spacing:0}.rate[data-c="0"]{color:var(--red)}.rate[data-c="1"]{color:var(--amber)}.rate[data-c="2"]{color:var(--green)}.rate[data-c="3"]{color:var(--gold)}.rate:active{background:#ffffff14}.flipbtn{width:100%;background:var(--paper);color:var(--on-paper);border:0;border-radius:8px;min-height:54px;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:600}.done{text-align:center;padding:40px 8px}.done h2{font-family:var(--serif);font-size:26px;margin:0 0 8px}.done p{color:var(--muted);margin:0 0 20px;font-size:15px}.filterrow{display:flex;gap:6px;overflow-x:auto;margin:0 -16px 6px;padding:0 16px 12px;scrollbar-width:none}.filterrow::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:8px 14px;font-family:var(--mono);font-size:11.5px;letter-spacing:.05em;min-height:38px;white-space:nowrap}.chip[aria-pressed=true]{background:var(--paper);color:var(--on-paper);border-color:var(--paper);font-weight:600}.rowlist{list-style:none;margin:0;padding:0}.rowlist li{border-bottom:1px solid var(--line)}.rowlist button{width:100%;text-align:left;background:none;border:0;padding:14px 2px;display:flex;gap:12px;align-items:flex-start}.rowlist .rw{flex:1 1 auto;min-width:0}.rowlist .rt{font-family:var(--serif);font-size:16.5px;margin:0 0 2px}.rowlist .rs{font-size:13px;color:var(--dim);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rowlist .dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;margin-top:8px;background:var(--line)}.rowlist .dot[data-c="0"]{background:var(--red)}.rowlist .dot[data-c="1"]{background:var(--amber)}.rowlist .dot[data-c="2"]{background:var(--green)}.rowlist .dot[data-c="3"]{background:var(--gold)}.hint{color:var(--dim);font-size:13px;line-height:1.5}.linkbtn{background:none;border:0;color:var(--gold);font-size:13px;text-decoration:underline;padding:10px 0}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.countdown{background:none;border:1px solid var(--line);border-radius:999px;padding:8px 14px;min-height:44px;display:inline-flex;align-items:center;gap:5px}.dateinput{font:inherit;font-family:var(--mono);font-size:15px;background:var(--surface-2);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:10px 12px;margin-top:12px;width:100%;min-height:46px}.confirm{margin-top:10px}:focus{outline:none}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px}.card :focus-visible,.cta:focus-visible,.flipbtn:focus-visible{outline-color:var(--ink);outline-offset:3px}.rate:focus-visible,.nav button:focus-visible,.chip:focus-visible,.countdown:focus-visible{outline-color:var(--gold)}