:root{--paper:#F5F8F6;--card:#FFFFFF;--ink:#17212B;--muted:#56626D;--line:#D8E1DC;--soft:#EDF2EF;--grid:rgba(36,110,170,.09);--contour:rgba(186,112,48,.15);--good:#1B7F43;--good-bg:#E3F4E9;--bad:#C92F35;--bad-bg:#FCE9E9;--focus:#2F6FDE;--shadow:0 1px 2px rgba(20,40,50,.06),0 8px 22px rgba(20,40,50,.08);--display:"Bricolage Grotesque","Trebuchet MS",system-ui,sans-serif;--body:"Atkinson Hyperlegible","Segoe UI",system-ui,sans-serif;--brand-a:#1A56DB;--brand-b:#12B886;--brand-ink:#0B3A8C;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#0E141A;--card:#17202A;--ink:#EDF2F6;--muted:#9DA9B5;--line:#2B3844;--soft:#1E2934;--grid:rgba(110,170,230,.07);--contour:rgba(230,160,90,.1);--good:#56C985;--good-bg:#15301F;--bad:#FF7275;--bad-bg:#3A1B1D;--focus:#7FA8FF;--shadow:0 1px 2px rgba(0,0,0,.35),0 8px 22px rgba(0,0,0,.28);--brand-a:#5B8DEF;--brand-b:#34D399;--brand-ink:#04122B;color-scheme:dark}}:root[data-theme=dark]{--paper:#0E141A;--card:#17202A;--ink:#EDF2F6;--muted:#9DA9B5;--line:#2B3844;--soft:#1E2934;--grid:rgba(110,170,230,.07);--contour:rgba(230,160,90,.1);--good:#56C985;--good-bg:#15301F;--bad:#FF7275;--bad-bg:#3A1B1D;--focus:#7FA8FF;--shadow:0 1px 2px rgba(0,0,0,.35),0 8px 22px rgba(0,0,0,.28);--brand-a:#5B8DEF;--brand-b:#34D399;--brand-ink:#04122B;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased}#bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}#fx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none}.wrap{position:relative;z-index:1;max-width:820px;margin:0 auto;padding-inline:16px;padding-block:18px 56px}h1,h2,h3{font-family:var(--display);line-height:1.1;margin:0;text-wrap:balance;letter-spacing:-.01em}p{margin:0}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:10px}.muted{color:var(--muted)}.stack{display:grid;gap:16px}.sec-title{font-size:22px;margin-top:6px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:14px;padding:13px 20px;min-height:52px;font:700 17px/1.2 var(--body);background:var(--h,#2F6FDE);color:var(--on,#fff);box-shadow:0 4px color-mix(in oklab,var(--h,#2F6FDE) 68%,#000);display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:transform .08s,box-shadow .08s;text-align:center}.btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 0 transparent}.btn.ghost{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 2px var(--line),0 4px 0 var(--line)}.btn.ghost:active:not(:disabled){box-shadow:inset 0 0 0 2px var(--line)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.wide{width:100%}.btn.small{min-height:40px;padding:8px 14px;font-size:15px;border-radius:12px}.row{display:flex;gap:12px;flex-wrap:wrap}.row>.btn{flex:1 1 140px}.icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:var(--card);box-shadow:inset 0 0 0 2px var(--line);border-radius:999px;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink);flex:none}.icon-btn svg{width:20px;height:20px}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.link-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;color:var(--muted);text-decoration:underline;cursor:pointer;padding:6px;font-size:15px}.topbar{display:flex;align-items:center;gap:12px;margin-bottom:16px}.topbar .grow{flex:1;min-width:0}.crumb{font-weight:700;color:var(--muted);font-size:15px}.kicker{font-size:15px;font-weight:700;color:var(--muted)}.hero{background:var(--card);border-radius:24px;box-shadow:var(--shadow);padding:20px;display:grid;gap:14px;overflow:hidden;position:relative}.hero-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.hero-actions{display:flex;align-items:center;gap:10px;flex:none}.hero .kicker{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:12.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.hero .kicker i{width:4px;height:4px;border-radius:50%;background:linear-gradient(var(--brand-a),var(--brand-b))}.brand{display:flex;align-items:center;gap:clamp(12px,3vw,20px);margin-top:-4px}.brand-words{display:grid;gap:4px;min-width:0}.hero:before{content:"";position:absolute;inset:-40% -20% auto auto;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,color-mix(in oklab,var(--brand-b) 22%,transparent),transparent);pointer-events:none}.hero:after{content:"";position:absolute;inset:auto auto -45% -25%;width:65%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,color-mix(in oklab,var(--brand-a) 16%,transparent),transparent);pointer-events:none}.hero>*{position:relative;z-index:1}.brand-mark{width:clamp(52px,14vw,76px);height:auto;flex:none;filter:drop-shadow(0 6px 10px color-mix(in oklab,var(--brand-a) 28%,transparent));animation:mark-in .7s cubic-bezier(.2,.9,.3,1.3) both}.wordmark{font-size:clamp(42px,11.5vw,64px);font-weight:800;letter-spacing:-.045em;line-height:.95;padding-bottom:.04em;width:max-content;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.85) 48%,transparent 58%) no-repeat,linear-gradient(95deg,var(--brand-a) 8%,color-mix(in oklab,var(--brand-a),var(--brand-b)) 50%,var(--brand-b) 92%);background-size:260% 100%,100% 100%;background-position:120% 0,0 0;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 0 color-mix(in oklab,var(--brand-ink) 30%,transparent)) drop-shadow(0 10px 18px color-mix(in oklab,var(--brand-a) 22%,transparent));animation:sheen 1.6s .5s ease-out both}.scribble{display:block;width:100%;height:clamp(10px,2.8vw,14px);overflow:visible}.scribble path{fill:none;stroke:url(#sg);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:0;animation:draw 1s .25s cubic-bezier(.6,0,.2,1) forwards}.tagline{font-weight:700;font-size:15px;color:var(--ink);opacity:.82}@keyframes sheen{0%{background-position:120% 0,0 0}to{background-position:-60% 0,0 0}}@keyframes draw{0%{opacity:0}6%{opacity:1}to{opacity:1;stroke-dashoffset:0}}@keyframes mark-in{0%{opacity:0;transform:translateY(8px) rotate(-8deg) scale(.85)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.scribble path{stroke-dashoffset:0;opacity:1}}#splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:var(--paper);transition:opacity .4s ease,visibility .4s}#splash img{width:min(52vw,230px);height:auto;animation:splash-in .6s cubic-bezier(.2,.9,.3,1.2) both}#splash.out{opacity:0;visibility:hidden}@keyframes splash-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}.spectrum{height:10px;border-radius:10px;display:flex;overflow:hidden;gap:3px}.spectrum i{flex:1;border-radius:3px}.stats{display:flex;flex-wrap:wrap;gap:8px}.stat{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:var(--soft);font-weight:700;font-size:15px;font-variant-numeric:tabular-nums}.stat svg{width:18px;height:18px}.weekpick{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap}.weekpick .ctl{display:flex;align-items:center;gap:8px}.weekpick .wk{font:800 22px var(--display);min-width:5.5ch;text-align:center;font-variant-numeric:tabular-nums}.tonight{display:grid;gap:10px}.seg{display:grid;grid-template-columns:1fr 1fr;background:var(--soft);border-radius:14px;padding:4px;gap:4px}.seg button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;border-radius:11px;padding:11px;font-weight:700;font-size:16px;cursor:pointer;color:var(--muted)}.seg button[aria-selected=true]{background:var(--card);color:var(--ink);box-shadow:0 1px 4px #0000001f}.wchips{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 8px;scrollbar-width:thin}.wchip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;flex:none;min-width:48px;height:52px;border-radius:14px;background:var(--card);box-shadow:inset 0 0 0 2px var(--line);font:800 19px var(--display);color:var(--ink);cursor:pointer;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;padding:0 10px;font-variant-numeric:tabular-nums}.wchip small{font:700 11px var(--body);margin-top:3px;color:var(--muted)}.wchip.built{box-shadow:inset 0 0 0 2px var(--good)}.wchip.now{box-shadow:inset 0 0 0 2px #2f6fde}.wchip.on{background:#2f6fde;color:#fff;box-shadow:0 3px #1f4fa8}.wchip.on small{color:#fff}.wchip:disabled{opacity:.35;cursor:not-allowed}.wk-h{font-size:20px;display:flex;align-items:center;gap:10px;margin-top:4px}.nowpill{font:700 13px var(--body);background:#2f6fde;color:#fff;border-radius:999px;padding:3px 10px}.tn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;width:100%;text-align:left;cursor:pointer;background:var(--card);border-radius:18px;box-shadow:var(--shadow);padding:12px 14px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.tn .sw{width:44px;height:44px;border-radius:12px;background:var(--h);display:inline-flex;align-items:center;justify-content:center;color:var(--on)}.tn .sw svg{width:24px;height:24px}.tn b{font:700 18px/1.15 var(--display);display:block}.tn span.m{font-size:14px;color:var(--muted)}.subjects{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,160px),1fr));gap:14px}.subjects>*{min-width:0}.scard{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;text-align:left;cursor:pointer;border-radius:20px;padding:0;overflow:hidden;background:var(--card);box-shadow:var(--shadow);display:grid;transition:transform .1s}.scard:active{transform:scale(.98)}.scard .art{display:block;border-bottom:3px solid var(--h);aspect-ratio:16/10;overflow:hidden}.scard .art img{display:block;width:100%;height:100%;object-fit:cover}.scard .art svg{display:block;width:100%;max-width:100%;height:auto}.scard .body{padding:12px 14px 14px;display:grid;gap:6px}.scard b{font:800 19px/1.1 var(--display)}.scard .m{font-size:14px;color:var(--muted)}.bar{height:7px;border-radius:7px;background:color-mix(in oklab,var(--h) 18%,var(--card));overflow:hidden}.bar i{display:block;height:100%;background:var(--h);border-radius:7px}.pp{transition:opacity .5s,filter .5s}.pp.empty{opacity:.13;filter:grayscale(1)}.pp.prog{opacity:.5}.pic-hero{background:var(--card);border-radius:24px;padding:12px 12px 18px;display:grid;gap:12px;box-shadow:var(--shadow)}.pic-hero>:not(.stage3d){margin-inline:6px}.stage3d{position:relative;width:100%;aspect-ratio:16/10;border-radius:18px;overflow:hidden;max-width:100%;cursor:grab}.stage3d:active{cursor:grabbing}.stage3d>svg{width:100%;height:100%}.stage3d .spin{position:absolute;right:10px;bottom:10px;background:#0a0e148c;color:#fff;font-size:13px;font-weight:700;padding:5px 10px;border-radius:999px;pointer-events:none}.legend{display:flex;flex-wrap:wrap;gap:8px}.legend span{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--muted);background:var(--soft);border-radius:999px;padding:5px 10px}.legend i{width:14px;height:14px;border-radius:4px;display:inline-block}.done .stage3d{max-width:520px}.pic-hero svg{display:block;width:100%;max-width:520px;height:auto;margin:0 auto}.pic-hero h1{font-size:clamp(30px,7vw,42px);font-weight:800}.pic-cap{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:baseline}.weeks{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.tile{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;text-align:left;cursor:pointer;border-radius:18px;padding:14px;display:grid;gap:10px;align-content:start;background:color-mix(in oklab,var(--h) 10%,var(--card));box-shadow:inset 0 0 0 2px color-mix(in oklab,var(--h) 32%,var(--card));transition:transform .1s}.tile:active{transform:scale(.98)}.tile-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.tile .num{width:36px;height:36px;border-radius:999px;background:var(--h);color:var(--on);display:inline-flex;align-items:center;justify-content:center;font:800 17px var(--display);flex:none}.tile .status{font-size:13px;font-weight:700;color:var(--muted);text-align:right}.tile .topic{font:700 17px/1.15 var(--display)}.pips{display:flex;gap:4px}.pips span{height:7px;flex:1;border-radius:4px;background:color-mix(in oklab,var(--h) 22%,transparent)}.pips span.on{background:var(--h)}.tile.lit{background:var(--h);color:var(--on);box-shadow:0 5px color-mix(in oklab,var(--h) 68%,#000)}.tile.lit .num{background:var(--on);color:var(--h)}.tile.lit .status{color:var(--on)}.tile.lit .pips span{background:color-mix(in oklab,var(--on) 85%,transparent)}.tile.now:not(.lit){box-shadow:inset 0 0 0 3px var(--h)}body.calm .tile:not(.lit){background:var(--card)}.mix{background:var(--card);border-radius:22px;box-shadow:var(--shadow);padding:18px;display:grid;gap:12px}.week-head{border-radius:24px;padding:20px;background:var(--h);color:var(--on);display:grid;gap:6px;box-shadow:0 6px color-mix(in oklab,var(--h) 68%,#000)}.week-head .kicker{color:var(--on);opacity:.85}.week-head h1{font-size:clamp(28px,6.5vw,40px);font-weight:800}.steps{list-style:none;margin:0;padding:0;display:grid;gap:10px}.step{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;width:100%;text-align:left;background:var(--card);border-radius:18px;box-shadow:var(--shadow);padding:14px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;cursor:pointer}.step:disabled{cursor:not-allowed;opacity:.6}.step .sn{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font:800 18px var(--display);background:color-mix(in oklab,var(--h) 14%,var(--card));color:var(--ink)}.step.done .sn{background:var(--h);color:var(--on)}.step h3{font-size:18px}.step p{font-size:15px;color:var(--muted)}.step .end{display:inline-flex;align-items:center;gap:2px;color:var(--muted);font-weight:700;font-size:14px}.step .end svg{width:20px;height:20px}.stars-sm svg{width:18px;height:18px}.go{background:var(--h);color:var(--on);border-radius:999px;padding:6px 12px;font-size:14px;font-weight:700;white-space:nowrap}.note{background:var(--card);border-radius:16px;padding:12px 14px;box-shadow:var(--shadow);font-size:15px;display:flex;gap:10px;align-items:flex-start}.note svg{width:20px;height:20px;flex:none;margin-top:2px}details.sheet{background:var(--card);border-radius:18px;box-shadow:var(--shadow);padding:4px 16px}details.sheet summary{cursor:pointer;font-weight:700;padding:12px 0}.qa{display:grid;gap:4px;padding:12px 0;border-top:1px solid var(--line)}.qa b{font-family:var(--display);font-size:17px}.progress{height:10px;border-radius:10px;background:var(--soft);overflow:hidden}.progress>i{display:block;height:100%;background:var(--h);border-radius:10px;transition:width .3s}.qcard{background:var(--card);border-radius:22px;box-shadow:var(--shadow);padding:20px;display:grid;gap:14px}.tag{justify-self:start;display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;font-size:14px;font-weight:700;background:color-mix(in oklab,var(--h) 16%,var(--card));color:var(--ink)}.tag i{width:10px;height:10px;border-radius:999px;background:var(--h)}.q{font:700 clamp(21px,5vw,26px)/1.2 var(--display);text-wrap:balance}.prompt{font-weight:700;color:var(--muted);font-size:15px}.ans{font-size:19px;line-height:1.55;padding:14px 16px;border-radius:14px;background:color-mix(in oklab,var(--h) 9%,var(--card))}.reveal{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px dashed color-mix(in oklab,var(--h) 45%,var(--line));background:transparent;border-radius:14px;padding:22px;font-weight:700;color:var(--muted);cursor:pointer;width:100%}.blank{display:inline-block;min-width:5ch;border-bottom:3px solid var(--h);color:var(--h);font-weight:700;text-align:center}.blank.fill{color:var(--good);border-color:var(--good)}.opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.opt{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:14px;padding:12px 14px;min-height:54px;font:700 17px/1.25 var(--body);background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 2px var(--line),0 4px 0 var(--line);cursor:pointer}.opt:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 0 0 2px var(--line)}.opt.good{background:var(--good-bg);color:var(--good);box-shadow:inset 0 0 0 2px var(--good)}.opt.bad{background:var(--bad-bg);color:var(--bad);box-shadow:inset 0 0 0 2px var(--bad)}.opt.sel{background:color-mix(in oklab,var(--h) 18%,var(--card));box-shadow:inset 0 0 0 3px var(--h),0 4px color-mix(in oklab,var(--h) 50%,var(--line))}.opt.missed{box-shadow:inset 0 0 0 2px dashed var(--good);outline:2px dashed var(--good);outline-offset:-2px}.opt:disabled{cursor:default}.sentence{font-size:19px;line-height:2.1}.slot{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center;vertical-align:middle;min-height:48px;min-width:8ch;padding:6px;border-radius:12px;background:var(--soft);box-shadow:inset 0 0 0 2px color-mix(in oklab,var(--h) 45%,var(--line));line-height:1.3}.line{display:flex;flex-wrap:wrap;gap:8px;min-height:64px;padding:10px;border-radius:14px;background:var(--soft);box-shadow:inset 0 0 0 2px color-mix(in oklab,var(--h) 45%,var(--line));align-items:center}.line.letters{gap:3px}.line .hint{color:var(--muted);font-size:15px;padding:4px}.line .gap{margin-left:14px}.bank{display:flex;flex-wrap:wrap;gap:8px}.w{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:12px;padding:10px 13px;font:700 17px/1.2 var(--body);background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 2px var(--line),0 3px 0 var(--line);cursor:pointer}.w:active{transform:translateY(2px)}.w.placed{background:var(--h);color:var(--on);box-shadow:0 3px color-mix(in oklab,var(--h) 68%,#000)}.pattern{font:700 24px/1.4 var(--body);letter-spacing:.18em;word-spacing:.5em;text-align:center;padding:10px;border-radius:14px;background:var(--soft);overflow-wrap:anywhere}input.type,textarea{width:100%;border-radius:14px;border:2px solid var(--line);background:var(--card);color:var(--ink);padding:14px;font:400 19px/1.5 var(--body)}textarea{min-height:130px;resize:vertical}input.type:focus,textarea:focus{outline:none;border-color:var(--h)}.fb{border-radius:16px;padding:14px 16px;display:grid;gap:8px}.fb.good{background:var(--good-bg)}.fb.bad{background:var(--bad-bg)}.fb .title{font:800 19px var(--display)}.fb.good .title{color:var(--good)}.fb.bad .title{color:var(--bad)}.fb .model{color:var(--ink);font-size:18px}.fb .label{font-size:14px;font-weight:700;color:var(--muted)}.pts{display:flex;flex-wrap:wrap;gap:6px}.pt{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:999px;font-weight:700;font-size:15px;background:var(--card)}.pt svg{width:16px;height:16px}.pt.hit{color:var(--good);box-shadow:inset 0 0 0 2px var(--good)}.pt.miss{color:var(--bad);box-shadow:inset 0 0 0 2px var(--bad)}.clue{font-size:17px;letter-spacing:.06em;color:var(--muted)}.listen{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;color:var(--muted);display:inline-flex;align-items:center;gap:6px;font-weight:700;cursor:pointer;padding:4px 0;justify-self:start}.listen svg{width:18px;height:18px}.done{background:var(--card);border-radius:24px;box-shadow:var(--shadow);padding:24px 20px;display:grid;gap:14px;text-align:center;justify-items:center}.done h1{font-size:clamp(28px,6vw,38px)}.done svg.pic{width:100%;max-width:360px;height:auto}.big-stars{display:flex;gap:8px}.big-stars svg{width:44px;height:44px}.panel{background:var(--card);border-radius:20px;box-shadow:var(--shadow);padding:18px;display:grid;gap:12px}.choice{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:14px;padding:14px;text-align:left;background:var(--soft);cursor:pointer;display:grid;gap:4px}.choice button[aria-pressed=true]{background:color-mix(in oklab,#2F6FDE 14%,var(--card));box-shadow:inset 0 0 0 2px #2f6fde}.choice b{font-size:16px}.choice span{font-size:14px;color:var(--muted)}.codebox{font:800 clamp(28px,8vw,40px)/1.2 var(--display);letter-spacing:.12em;text-align:center;padding:16px 10px;border-radius:16px;background:var(--soft);-webkit-user-select:all;user-select:all;overflow-wrap:anywhere}.codeinput{font:800 26px/1.3 var(--display);letter-spacing:.14em;text-align:center;text-transform:uppercase}.bad-note{color:var(--bad);font-weight:700}.nudge{gap:8px}.nudge .row{align-items:center}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.ans.es,.fb .model[lang=es],.bub p[lang=es]{font-weight:700}.type.es{font-size:20px}.accents{display:flex;flex-wrap:wrap;gap:6px}.acc{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;min-width:42px;height:42px;border-radius:10px;background:var(--soft);color:var(--ink);font:700 19px var(--body);cursor:pointer;box-shadow:inset 0 0 0 2px var(--line)}.acc:active{transform:translateY(2px)}.micwrap{display:grid;justify-items:center;gap:10px;padding:8px 0}.mic{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;width:92px;height:92px;border-radius:999px;background:var(--h);color:var(--on);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px color-mix(in oklab,var(--h) 65%,#000)}.mic svg{width:42px;height:42px}.mic:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px color-mix(in oklab,var(--h) 65%,#000)}.mic.on{background:#e5484d;color:#fff;box-shadow:0 0 #e5484d80;animation:micpulse 1.2s ease-out infinite;cursor:default}@keyframes micpulse{0%{box-shadow:0 0 #e5484d8c}to{box-shadow:0 0 0 22px #e5484d00}}@media (prefers-reduced-motion: reduce){.mic.on{animation:none}}.micmsg{font-weight:700;color:var(--muted);text-align:center;font-size:15px}.chat{display:grid;gap:10px}.bub{max-width:86%;padding:12px 14px;border-radius:18px;display:grid;gap:4px;box-shadow:var(--shadow)}.bub p{font-size:18px}.bub .en{font-size:15px;font-weight:400;color:var(--muted)}.bub.bot{justify-self:start;background:var(--card);border-bottom-left-radius:6px;box-shadow:inset 4px 0 0 var(--h),var(--shadow)}.bub.me{justify-self:end;background:var(--h);color:var(--on);border-bottom-right-radius:6px}.bub.me .en{color:inherit;opacity:.85}.bub.me.miss{background:var(--bad-bg);color:var(--bad)}.sendrow{display:flex;gap:8px}.sendrow .type{flex:1;min-width:0}.sendrow .btn{flex:none}.listenrow{display:flex;gap:8px;flex-wrap:wrap}.listenrow .btn{display:inline-flex;align-items:center;gap:6px}.listenrow .btn svg{width:18px;height:18px;flex:none}:root{--spring:cubic-bezier(.34,1.56,.64,1);--ease-out:cubic-bezier(.2,.8,.2,1);--edge:color-mix(in oklab,var(--line) 70%,#7d8b96)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--edge:#0B1117}}:root[data-theme=dark]{--edge:#0B1117}.btn{position:relative;box-shadow:0 5px color-mix(in oklab,var(--h,#2F6FDE) 62%,#000),0 8px 16px color-mix(in oklab,var(--h,#2F6FDE) 25%,transparent);background-image:linear-gradient(180deg,#ffffff38,#fff0 55%);transition:transform .18s var(--spring),box-shadow .18s var(--spring),filter .15s}.btn:active:not(:disabled){transform:translateY(5px);box-shadow:0 0 0 transparent,0 2px 4px #0000001f;transition-duration:.06s}.btn.ghost{background-image:none;box-shadow:inset 0 0 0 2px var(--line),0 5px 0 var(--edge),0 8px 14px #14283214}.btn.ghost:active:not(:disabled){box-shadow:inset 0 0 0 2px var(--line),0 0 0 transparent}.btn.small{box-shadow:0 4px color-mix(in oklab,var(--h,#2F6FDE) 62%,#000)}.btn.small.ghost{box-shadow:inset 0 0 0 2px var(--line),0 4px 0 var(--edge)}.btn.small:active:not(:disabled){transform:translateY(4px)}.icon-btn{box-shadow:inset 0 0 0 2px var(--line),0 4px 0 var(--edge);transition:transform .18s var(--spring),box-shadow .18s var(--spring)}.icon-btn:active:not(:disabled){transform:translateY(4px);box-shadow:inset 0 0 0 2px var(--line),0 0 0 transparent;transition-duration:.06s}.icon-btn[data-act=settings] svg{transition:transform .5s var(--spring)}.scard,.tn,.step,.tile{transition:transform .22s var(--spring),box-shadow .22s var(--spring)}.scard{box-shadow:0 6px color-mix(in oklab,var(--h) 45%,var(--edge)),var(--shadow)}.scard:active{transform:translateY(6px);box-shadow:0 0 0 transparent,var(--shadow);transition-duration:.06s}.scard .art img,.scard .art svg{transition:transform .5s var(--ease-out)}.scard .bar i{transform-origin:left;animation:bar-grow .9s .25s var(--ease-out) both}.tn{box-shadow:inset 5px 0 0 var(--h),0 5px 0 var(--edge),var(--shadow)}.tn:active{transform:translateY(5px);box-shadow:inset 5px 0 0 var(--h),0 0 0 transparent;transition-duration:.06s}.tn .sw{box-shadow:0 3px color-mix(in oklab,var(--h) 62%,#000);transition:transform .3s var(--spring)}.step:not(:disabled){box-shadow:0 5px 0 var(--edge),var(--shadow)}.step:active:not(:disabled){transform:translateY(5px);box-shadow:0 0 0 transparent;transition-duration:.06s}.step.done .sn{box-shadow:0 3px color-mix(in oklab,var(--h) 62%,#000)}.tile:not(.lit){box-shadow:inset 0 0 0 2px color-mix(in oklab,var(--h) 32%,var(--card)),0 5px color-mix(in oklab,var(--h) 30%,var(--edge))}.tile.now:not(.lit){box-shadow:inset 0 0 0 3px var(--h),0 5px color-mix(in oklab,var(--h) 45%,var(--edge))}.tile:active{transform:translateY(5px);box-shadow:inset 0 0 0 2px color-mix(in oklab,var(--h) 32%,var(--card));transition-duration:.06s}.tile.lit{overflow:hidden;position:relative}.tile.lit:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);transform:translate(-120%);animation:tile-shine 5s 1s ease-in-out infinite;pointer-events:none}.wchip{box-shadow:inset 0 0 0 2px var(--line),0 4px 0 var(--edge);transition:transform .18s var(--spring),box-shadow .18s var(--spring);margin-bottom:4px}.wchip.built{box-shadow:inset 0 0 0 2px var(--good),0 4px color-mix(in oklab,var(--good) 55%,var(--edge))}.wchip.now{box-shadow:inset 0 0 0 2px #2f6fde,0 4px color-mix(in oklab,#2F6FDE 45%,var(--edge))}.wchip.on{box-shadow:0 4px #1f4fa8;animation:pop .35s var(--spring)}.wchip:active:not(:disabled){transform:translateY(4px);box-shadow:none;transition-duration:.06s}.seg{box-shadow:inset 0 2px 4px #00000014}.seg button{transition:transform .18s var(--spring),color .15s}.seg button[aria-selected=true]{box-shadow:0 3px 0 var(--edge),0 4px 10px #00000014}.seg button:active{transform:scale(.96)}.choice button{box-shadow:0 4px 0 var(--edge);transition:transform .18s var(--spring),box-shadow .18s var(--spring)}.choice button[aria-pressed=true]{transform:translateY(3px);box-shadow:inset 0 0 0 2px #2f6fde,0 1px color-mix(in oklab,#2F6FDE 40%,var(--edge))}.choice button:active{transform:translateY(4px);box-shadow:none;transition-duration:.06s}.opt{transition:transform .18s var(--spring),box-shadow .18s var(--spring)}.opt:active:not(:disabled){transform:translateY(4px)}.opt.good{animation:pop .45s var(--spring);box-shadow:inset 0 0 0 2px var(--good),0 4px color-mix(in oklab,var(--good) 60%,var(--edge))}.opt.bad{animation:shake .4s ease-in-out}.w{transition:transform .18s var(--spring),box-shadow .18s var(--spring)}.w:active{transform:translateY(3px);box-shadow:inset 0 0 0 2px var(--line);transition-duration:.06s}.w.pop{animation:pop .35s var(--spring)}.acc{box-shadow:inset 0 0 0 2px var(--line),0 3px 0 var(--edge);transition:transform .15s var(--spring)}.acc:active{transform:translateY(3px);box-shadow:inset 0 0 0 2px var(--line)}.reveal{transition:transform .2s var(--spring),border-color .2s}.reveal:active{transform:scale(.98)}.fb.good{animation:pop .45s var(--spring)}.fb.bad{animation:shake .45s ease-in-out}.progress{box-shadow:inset 0 2px 3px #0000001a}.progress>i{background-image:linear-gradient(45deg,rgba(255,255,255,.22) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.22) 50%,rgba(255,255,255,.22) 75%,transparent 75%);background-size:18px 18px;animation:stripes 1s linear infinite;transition:width .5s var(--spring)}input.type,textarea{transition:border-color .2s,box-shadow .2s}input.type:focus,textarea:focus{box-shadow:0 0 0 4px color-mix(in oklab,var(--h,#2F6FDE) 20%,transparent)}.big-stars svg{animation:star-in .6s var(--spring) both}.big-stars svg:nth-child(2){animation-delay:.15s}.big-stars svg:nth-child(3){animation-delay:.3s}.done h1{animation:rise .5s .1s var(--ease-out) both}.stat{transition:transform .2s var(--spring)}.stat svg{transition:transform .4s var(--spring)}.stats .stat:nth-child(2) svg{transform-origin:50% 90%;animation:flicker 2.4s ease-in-out infinite}.brand-mark{animation:mark-in .7s cubic-bezier(.2,.9,.3,1.3) both,float 6s 1s ease-in-out infinite}.codebox{box-shadow:inset 0 2px 5px #00000014}@media (hover:hover){.btn:hover:not(:disabled):not(:active){transform:translateY(-2px);box-shadow:0 7px color-mix(in oklab,var(--h,#2F6FDE) 62%,#000),0 12px 22px color-mix(in oklab,var(--h,#2F6FDE) 28%,transparent);filter:brightness(1.05)}.btn.ghost:hover:not(:disabled):not(:active){box-shadow:inset 0 0 0 2px var(--line),0 7px 0 var(--edge),0 12px 20px #1428321a;filter:none}.icon-btn:hover:not(:disabled):not(:active){transform:translateY(-2px);box-shadow:inset 0 0 0 2px var(--line),0 6px 0 var(--edge)}.icon-btn[data-act=settings]:hover svg{transform:rotate(90deg)}.scard:hover:not(:active){transform:translateY(-4px) rotate(-.4deg);box-shadow:0 10px color-mix(in oklab,var(--h) 45%,var(--edge)),0 18px 30px #14283224}.scard:hover .art img,.scard:hover .art svg{transform:scale(1.06)}.tn:hover:not(:active),.step:hover:not(:disabled):not(:active){transform:translateY(-3px);box-shadow:0 8px 0 var(--edge),0 14px 24px #1428321f}.tn:hover:not(:active){box-shadow:inset 5px 0 0 var(--h),0 8px 0 var(--edge),0 14px 24px #1428321f}.tn:hover .sw{transform:rotate(-8deg) scale(1.08)}.tile:hover:not(:active){transform:translateY(-4px)}.wchip:hover:not(:disabled):not(:active){transform:translateY(-2px)}.opt:hover:not(:disabled):not(:active),.w:hover:not(:active),.acc:hover:not(:active){transform:translateY(-2px)}.choice button:not([aria-pressed=true]):hover{transform:translateY(-2px)}.stat:hover{transform:translateY(-2px)}.stat:hover svg{transform:rotate(-14deg) scale(1.2)}}.rise{animation:rise .5s var(--ease-out) both;animation-delay:var(--d,0ms)}@keyframes rise{0%{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(.92)}60%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}@keyframes stripes{to{background-position:18px 0}}@keyframes bar-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes tile-shine{0%,70%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes star-in{0%{opacity:0;transform:scale(.2) rotate(-40deg)}to{opacity:1;transform:none}}@keyframes flicker{0%,to{transform:scale(1) rotate(0)}30%{transform:scale(1.08,.95) rotate(-3deg)}60%{transform:scale(.96,1.06) rotate(2deg)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(-2deg)}}body.calm .brand-mark{animation:mark-in .7s cubic-bezier(.2,.9,.3,1.3) both}body.calm .stats .stat:nth-child(2) svg,body.calm .tile.lit:after,body.calm .progress>i{animation:none}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.tile.lit:after{display:none}}.tile.locked,.tn.locked{cursor:not-allowed;opacity:.62;filter:saturate(.55);box-shadow:inset 0 0 0 2px dashed var(--line);background:repeating-linear-gradient(135deg,color-mix(in oklab,var(--h) 6%,var(--card)) 0 10px,var(--card) 10px 20px);outline:2px dashed color-mix(in oklab,var(--h) 35%,var(--line));outline-offset:-2px}.tile.locked .status{display:inline-flex;align-items:center;gap:4px}.tile.locked .status svg,.tn.locked .sw svg{width:16px;height:16px}.tn.locked .sw{background:var(--soft);color:var(--muted);box-shadow:none}@media (hover:hover){.tile.locked:hover,.tn.locked:hover{transform:none}}.wchip.locked{color:var(--muted);background:var(--soft)}.wchip.locked small svg{width:12px;height:12px}.wchip.locked.on{background:#5b6b7a;box-shadow:0 4px #3d4954;color:#fff}