@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fredoka-latin-600-normal-C4zohCW5.woff2) format("woff2"),url(/assets/fredoka-latin-600-normal-CcrEjrB4.woff) format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fredoka-latin-700-normal-BOIZVyIN.woff2) format("woff2"),url(/assets/fredoka-latin-700-normal-C8FeHd3X.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-600-normal-Br8yIETf.woff2) format("woff2"),url(/assets/nunito-latin-600-normal-Cd0eNu1l.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-Dz8SOQK_.woff2) format("woff2"),url(/assets/nunito-latin-800-normal-D-J0wlBY.woff) format("woff")}:root,[data-theme=night]{--bg: #141737;--bg-deep: #0e1029;--panel: #1d2153;--panel-2: #262b66;--edge: #353c86;--text: #f3f0ff;--muted: #a9a7d9;--lamp: #ffc145;--lamp-text: #2b1b00;--ok: #4fe3b5;--coral: #ff9f8a;--lilac: #c3b2ff;--bolt-body: #9fb0ff;--bolt-dark: #3d4691;--bolt-face: #11143a;--bolt-eye: #7cf7d4;--paper: #fbf9f2;--ink: #1f2240;--font-display: "Fredoka", "Nunito", system-ui, sans-serif;--font-body: "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--card: var(--panel);--accent: var(--lamp);--accent-text: var(--lamp-text);--warn: var(--coral);--line: var(--edge);--radius: 20px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;color:var(--text);background:var(--bg-deep)}body{font:600 19px/1.5 var(--font-body);min-height:100dvh;-webkit-tap-highlight-color:transparent;background:radial-gradient(120% 60% at 50% -10%,#2a2f7a 0%,transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='70' viewBox='0 0 120 70'%3E%3Cpath d='M0 70V34L30 14V34L60 14V34L90 14V34L120 14V70Z' fill='%23181c48'/%3E%3Crect x='14' y='44' width='8' height='8' rx='2' fill='%23ffc145' opacity='.35'/%3E%3Crect x='74' y='44' width='8' height='8' rx='2' fill='%23ffc145' opacity='.2'/%3E%3C/svg%3E") repeat-x bottom / 120px 70px fixed,var(--bg)}.shell{max-width:480px;margin:0 auto;padding:max(10px,env(safe-area-inset-top)) 16px calc(90px + env(safe-area-inset-bottom))}h1,h2,.display{font-family:var(--font-display);font-weight:700;letter-spacing:.01em;line-height:1.15}h1{font-size:1.9rem;margin:0 0 8px}h2{font-size:1.5rem;margin:8px 0 12px}p{margin:8px 0}.center{text-align:center}.muted{color:var(--muted);font-size:.9rem}.warn{color:var(--coral)}.stack{display:grid;gap:12px;margin:16px 0}.link{display:inline-block;margin-top:16px;color:var(--muted)}.panel,.card{background:var(--panel);border-radius:var(--radius);padding:20px;margin-top:16px}.loading{padding-top:30vh}.btn{min-height:56px;padding:0 22px;border:0;border-radius:16px;background:var(--lamp);color:var(--lamp-text);font:700 1.1rem/1 var(--font-display);letter-spacing:.02em;cursor:pointer;box-shadow:0 4px #c98a12;transition:transform .06s,box-shadow .06s}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #c98a12}.btn:disabled{background:var(--panel-2);color:var(--muted);box-shadow:none;cursor:default}.btn.big{width:100%;min-height:64px;font-size:1.3rem;margin-top:18px}.btn.ghost{background:transparent;color:var(--text);border:2px solid var(--edge);box-shadow:none}.btn.small{min-height:44px;font-size:.95rem;padding:0 14px}.btn:focus-visible,.input:focus-visible,.option:focus-visible,.key:focus-visible,.chip:focus-visible,.station:focus-visible,.pad-box:focus-visible{outline:3px solid var(--lamp);outline-offset:3px}.input{width:100%;min-height:56px;padding:0 16px;border-radius:14px;border:2px solid var(--edge);background:var(--bg-deep);color:var(--text);font:inherit}.input.code{font:700 1.6rem var(--font-display);letter-spacing:.2em;text-align:center;text-transform:uppercase}.topbar{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 0 10px;background:linear-gradient(var(--bg) 70%,transparent)}.topbar-right{display:flex;gap:6px;justify-self:end}.chip{display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:0 12px;border-radius:999px;border:0;background:var(--panel);color:var(--text);font:700 1rem var(--font-display);white-space:nowrap}.chip.icon{width:44px;justify-content:center;padding:0;font-size:1.1rem}.chip.stars{color:var(--lamp)}.chip.quiet{color:var(--muted);font-size:.9rem}button.chip{cursor:pointer}.meter{display:grid;gap:3px;min-width:0}.meter-text{font:700 .85rem var(--font-display);color:var(--muted);text-align:center}.meter-bar{height:10px;border-radius:99px;background:var(--panel);overflow:hidden}.meter-bar i{display:block;height:100%;background:var(--ok);border-radius:99px;transition:width .4s}.bolt{display:block;flex:none;overflow:visible}.bolt-blink{transform-origin:60px 50px;animation:blink 5s infinite}.bolt-happy,.bolt-cheer{animation:hop .9s ease-out 1}.bolt-cheer{animation:hop .7s ease-out 3}.bolt-z{animation:drift 2.4s ease-in-out infinite}.bolt-sleep .bolt-lamp{animation:charge 2s ease-in-out infinite}@keyframes blink{0%,94%,to{transform:scaleY(1)}97%{transform:scaleY(.1)}}@keyframes hop{0%,to{transform:translateY(0)}40%{transform:translateY(-12px)}}@keyframes drift{0%{transform:translate(0);opacity:0}30%{opacity:1}to{transform:translate(8px,-12px);opacity:0}}@keyframes charge{50%{fill:var(--lamp)}}.hello{display:flex;align-items:center;gap:14px;margin:6px 0 4px}.hello h1{font-size:1.75rem;margin:0}.hello p{margin:4px 0 0;color:var(--muted)}.btn.go{margin:14px 0 6px}.path{position:relative;margin:18px 0 8px}.belt{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.belt-base{fill:none;stroke:var(--bg-deep);stroke-width:22;stroke-linecap:round}.belt-dash{fill:none;stroke:var(--edge);stroke-width:4;stroke-dasharray:2 12;stroke-linecap:round}.stations{list-style:none;margin:0;padding:0}.station-wrap{position:absolute;transform:translate(-50%,-50%)}.station{position:relative;display:grid;place-items:center;width:64px;height:64px;padding:0;border-radius:50%;border:4px solid var(--edge);background:var(--panel);color:var(--muted);font:700 1.35rem/1 var(--font-display)}.station:disabled{cursor:default}.station.redo{border-radius:18px;transform:rotate(45deg);border-color:var(--lilac);border-style:dashed}.station.redo .station-face{transform:rotate(-45deg)}.station-face{display:grid;place-items:center;line-height:1}.station-stars{font-size:.7rem;color:var(--lamp);letter-spacing:1px;margin-top:2px}.s-done{background:#17473f;border-color:var(--ok);color:#d8fff2}.s-tried{background:var(--panel);border-color:var(--edge);font-size:1.2rem}.s-parked{background:#3a2f6e;border-color:var(--lilac);font-size:1.4rem}.s-current{width:76px;height:76px;background:var(--lamp);border-color:#fff3cf;color:var(--lamp-text);font-size:1.7rem;cursor:pointer;box-shadow:0 0 0 8px #ffc1452e,0 0 30px #ffc1458c}.station.redo.s-current{border-style:solid}.station-badge{position:absolute;right:-8px;bottom:-6px;font-size:1rem;filter:drop-shadow(0 1px 1px #000)}.station.redo .station-badge{transform:rotate(-45deg)}.station-bolt{position:absolute;top:50%;transform:translateY(-62%)}.station-bolt.right{left:calc(100% + 6px)}.station-bolt.left{right:calc(100% + 6px)}.redo-sign{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);white-space:nowrap;padding:4px 12px;border-radius:99px;background:#3a2f6e;color:var(--lilac);font:700 .9rem var(--font-display)}.redo-banner,.review-banner{margin:4px 0 12px;padding:10px 14px;border-radius:14px;background:#3a2f6e;color:#ece6ff;font-size:.98rem}.review-banner{background:#23405a;color:#d7efff}.stem{position:relative;padding:20px 18px 18px;border-radius:var(--radius);background:var(--panel);border-top:4px solid var(--lamp)}.stem-theme{position:absolute;right:12px;top:-16px;font-size:1.6rem;filter:drop-shadow(0 2px 2px #000a)}.stem-text{margin:0;font-size:1.3rem;line-height:1.5;font-weight:800}.figure{display:block;width:100%;height:auto;margin:14px 0 0;background:var(--paper);border-radius:16px}.fig-shape{fill:#e7ecff;stroke:var(--ink);stroke-width:2.5;stroke-linejoin:round}.fig-dashed{stroke:var(--ink);stroke-width:1.6;stroke-dasharray:6 5}.fig-label{font:700 15px var(--font-body);fill:var(--ink);text-anchor:middle}.fig-angle{font-size:14px}.fig-unknown{fill:#d0442c;font-size:18px}.fig-small{font:700 13px var(--font-body);fill:var(--ink);text-anchor:middle}.fig-tag{font-family:var(--font-display);font-size:17px}.fig-face{stroke:var(--ink);stroke-width:2;stroke-linejoin:round}.fig-face-0{fill:#c9d3ff}.fig-face-1{fill:#ffe2a8}.fig-face-2{fill:#bff0de}.fig-top{fill:#eef1ff}.fig-side{fill:#a7b3e6}.fig-grid{stroke:#c9cbe0;stroke-width:1}.fig-axis-line{stroke:var(--ink);stroke-width:2}.fig-axis{font:700 11px var(--font-body);fill:#5a5d7a;text-anchor:middle}.fig-point{fill:#d0442c;stroke:#fff;stroke-width:2}.fig-slice{stroke:#fff;stroke-width:2}.fig-slice-0{fill:#8ea2ff}.fig-slice-1{fill:#ffc145}.fig-slice-2{fill:#4fe3b5}.fig-slice-3{fill:#ff9f8a}.options{display:grid;gap:12px;margin-top:16px}.options.grid2{grid-template-columns:1fr 1fr}.option{display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 14px;border-radius:16px;border:3px solid var(--edge);background:var(--bg);color:var(--text);font:800 1.2rem var(--font-body);text-align:left;cursor:pointer}.option-letter{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--panel-2);font-family:var(--font-display);color:var(--muted)}.option.selected{border-color:var(--lamp);background:#2f2a2a}.option.selected .option-letter{background:var(--lamp);color:var(--lamp-text)}.pad{margin-top:16px}.pad-display{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}.pad-box{min-width:140px;min-height:68px;padding:0 14px;border-radius:16px;border:3px solid var(--edge);background:var(--bg-deep);color:var(--text);font:700 2rem var(--font-display);font-variant-numeric:tabular-nums;cursor:pointer}.pad-box.part{min-width:86px}.pad-box.on{border-color:var(--lamp);box-shadow:0 0 0 4px #ffc14533}.pad-placeholder{color:var(--edge)}.pad-unit{font:700 1.3rem var(--font-display);color:var(--muted)}.pad-hint{text-align:center;color:var(--muted);font-size:.9rem}.keys{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.keys .key{min-height:60px;border:0;border-radius:16px;background:var(--panel-2);color:var(--text);font:700 1.6rem var(--font-display);box-shadow:0 4px 0 var(--bg-deep);cursor:pointer}.keys .key:active{transform:translateY(3px);box-shadow:0 1px 0 var(--bg-deep)}.keys .key:disabled{opacity:.35}.keys .key-alt{background:var(--panel);color:var(--muted)}.keys .key-wide{grid-column:span 2;font-size:1.1rem}.photo{margin-top:18px;padding:16px;border-radius:var(--radius);border:3px dashed var(--edge);background:var(--bg)}.photo.has{border-style:solid;border-color:var(--ok)}.photo-ask{margin:0 0 12px;font-weight:800}.photo-btns{display:grid;grid-template-columns:2fr 1fr;gap:10px}.photo-ready{display:flex;gap:14px;align-items:center}.photo-thumb{width:96px;height:96px;object-fit:cover;border-radius:12px;background:var(--panel)}.photo-ok{margin:0;color:var(--ok);font-weight:800}.small-note{margin:10px 0 0;text-align:center}.submit{margin-bottom:8px}.result-hero{display:flex;align-items:center;gap:12px;margin:8px 0 12px}.result-title{font-size:2.3rem;margin:0}.result-ok .result-title{color:var(--ok)}.result-wrong .result-title{color:var(--coral)}.result-ask .result-title{color:var(--lilac)}.result-stars{margin:4px 0 0;color:var(--lamp);font-size:1.8rem;letter-spacing:2px}.result-stars span{font:700 1.1rem var(--font-display);letter-spacing:0}.compare{padding:12px 16px;border-radius:16px;background:var(--panel)}.compare p{margin:4px 0}.compare s{color:var(--coral);text-decoration-thickness:2px}.compare b{color:var(--ok);font-size:1.15rem}.steps{margin:14px 0;padding:0;list-style:none;counter-reset:step}.steps li{counter-increment:step;position:relative;padding:12px 14px 12px 54px;margin-bottom:8px;border-radius:14px;background:var(--paper);color:var(--ink);font-weight:800}.steps li:before{content:counter(step);position:absolute;left:12px;top:10px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--bolt-dark);color:#fff;font:700 .95rem var(--font-display)}.redo-note{padding:10px 14px;border-radius:14px;background:#3a2f6e;color:#ece6ff;font-size:.98rem}.worked{padding:14px;border-radius:var(--radius);background:var(--panel)}.worked-q{margin:0 0 6px;font-weight:800}.worked-answer{margin:4px 0 0}.worked-answer b{color:var(--ok)}.fact{margin-top:16px;padding:14px 16px;border-radius:16px;background:repeating-linear-gradient(-45deg,#2b2f6f 0 14px,#282c69 14px 28px);border-left:6px solid var(--lamp)}.fact-title{margin:0 0 4px;font:700 1.05rem var(--font-display);color:var(--lamp)}.countdown-screen{text-align:center}.charge{display:flex;flex-direction:column;align-items:center;gap:10px;margin:18px 0 14px}.battery{position:relative;width:120px;height:26px;border:3px solid var(--bolt-body);border-radius:8px;padding:3px}.battery:after{content:"";position:absolute;right:-9px;top:6px;width:5px;height:9px;border-radius:0 3px 3px 0;background:var(--bolt-body)}.battery i{display:block;height:100%;border-radius:4px;background:var(--ok)}.countdown{margin:14px 0;font:700 3.4rem/1 var(--font-display);font-variant-numeric:tabular-nums;color:var(--lamp);text-shadow:0 0 24px rgba(255,193,69,.45)}.celebrate{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:6vh}.celebrate-title{font-size:4rem;margin:10px 0 0;color:var(--lamp);text-shadow:0 0 30px rgba(255,193,69,.5)}.celebrate-sub{font-size:1.15rem}.celebrate-stars{font:700 1.4rem var(--font-display);color:var(--lamp)}.confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:10}.confetti i{position:absolute;top:-20px;animation:fall linear forwards}@keyframes fall{to{transform:translateY(110vh) rotate(720deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.confetti{display:none}}.pin-dots{display:flex;justify-content:center;gap:16px;margin:20px 0}.pin-dots span{width:18px;height:18px;border-radius:50%;border:2px solid var(--muted)}.pin-dots span.on{background:var(--lamp);border-color:var(--lamp)}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:300px;margin:0 auto}.keypad .key{min-height:68px;font-size:1.5rem;background:var(--bg);color:var(--text);border:2px solid var(--edge);box-shadow:none}.row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--edge);flex-wrap:wrap}.row-actions{display:flex;gap:8px}.pairing{text-align:center;padding:16px 0}.qr{background:#fff;padding:8px;border-radius:12px;width:240px;margin:0 auto}.qr svg{display:block;width:100%;height:auto}.code-big{font:700 2rem var(--font-display);letter-spacing:.15em;margin:12px 0 4px}