:root{--ink: #2b1a0e;--card: #fff8ea;--card-2: #fdf0d5;--text: #2b1a0e;--muted: #7a6a5a;--line: 3px;--drop: 5px;--radius: 22px;--radius-sm: 14px;--accent: #ff8c42;--accent-ink: #2b1a0e;--good: #22c55e;--mid: #f5b700;--bad: #ff5d5d;--quest: #ffd166;--agents: #b388ff;--news: #4cc9f0;--notes: #ff8fab;--weather: #fff;--chip: #fff;--font-display: "Lilita One", "Arial Rounded MT Bold", system-ui, sans-serif;--font-body: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--sky-a: #8fe3ff;--sky-b: #4cb6f5;--sky-c: #cfefff;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);color-scheme:light dark}html.dark{--ink: #0b0e1f;--card: #232a52;--card-2: #1b2145;--text: #f4f1ea;--muted: #a9b0d0;--chip: #2e3666;--weather: #2a3160;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--font-body);font-weight:700;color:var(--text);background:var(--sky-b);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}body.sheet-open{overflow:hidden}.display{font-family:var(--font-display);font-weight:400;letter-spacing:.01em;margin:0}.muted{color:var(--muted);font-weight:700}b{font-weight:900}.sky{min-height:100vh;min-height:100dvh;position:relative;overflow:hidden;background:linear-gradient(180deg,var(--sky-a) 0%,var(--sky-b) 55%,var(--sky-c) 100%);transition:background 1.2s ease}.sky-dawn{--sky-a: #ffb380;--sky-b: #ff8fa3;--sky-c: #ffd6a5}.sky-day{--sky-a: #8fe3ff;--sky-b: #4cb6f5;--sky-c: #bfeaff}.sky-dusk{--sky-a: #ff9a5c;--sky-b: #c4598a;--sky-c: #5a4b8f}.sky-night{--sky-a: #1a2457;--sky-b: #0f1636;--sky-c: #2b3a7a}.sky-day.sky-cloudy{--sky-a: #b9d4e6;--sky-b: #86a9c4;--sky-c: #d9e6f0}.sky-day.sky-rainy{--sky-a: #8ea7bd;--sky-b: #5f7d99;--sky-c: #a9bccc}.sky-day.sky-stormy{--sky-a: #6b7791;--sky-b: #3f4a66;--sky-c: #8792ab}.sky-day.sky-snowy{--sky-a: #e7f1fb;--sky-b: #b7cde3;--sky-c: #f4f8fc}.sky-dusk.sky-rainy,.sky-dusk.sky-stormy{--sky-a: #8c6b8a;--sky-b: #4b3f6b;--sky-c: #2f2a4a}.sky-dawn.sky-rainy,.sky-dawn.sky-cloudy{--sky-a: #d7b1b1;--sky-b: #a98fa8;--sky-c: #e9d5c8}.sky-night.sky-rainy,.sky-night.sky-stormy{--sky-a: #121830;--sky-b: #0a0e22;--sky-c: #1a2040}html.dark .sky-day{--sky-a: #2f6fb3;--sky-b: #1d478a;--sky-c: #3a7fc0}html.dark .sky-dawn{--sky-a: #a2546a;--sky-b: #5b3a6f;--sky-c: #c77a5a}html.dark .sky-dusk{--sky-a: #a85a4a;--sky-b: #5a2f63;--sky-c: #2b2550}html.dark .sky-day.sky-cloudy{--sky-a: #4a5f7a;--sky-b: #2f4059;--sky-c: #5b728d}html.dark .sky-day.sky-rainy,html.dark .sky-day.sky-stormy{--sky-a: #34435c;--sky-b: #1f2a3e;--sky-c: #3f4e68}.sky-decor{position:absolute;inset:0;overflow:hidden;pointer-events:none}.cloud{position:absolute;width:140px;height:46px;background:#ffffff8c;border-radius:40px;filter:blur(.3px);opacity:.9}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:50%}.cloud:before{width:60px;height:60px;left:22px;top:-30px}.cloud:after{width:44px;height:44px;left:70px;top:-20px}.cloud.c1{top:80px;left:-40px;transform:scale(.9)}.cloud.c2{top:200px;right:-60px;transform:scale(1.2);opacity:.6}.cloud.c3{top:480px;left:30%;transform:scale(.7);opacity:.5}.sky-night .cloud,.sky-dusk .cloud{background:#ffffff24}.sky-rainy .cloud,.sky-stormy .cloud,.sky-cloudy .cloud{background:#ffffffb3;opacity:1}.star{position:absolute;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 10px 2px #ffffffb3;opacity:0}.sky-night .star{opacity:.9}.star.s1{top:60px;left:15%}.star.s2{top:120px;left:70%;width:4px;height:4px}.star.s3{top:40px;left:85%}.star.s4{top:240px;left:40%;width:4px;height:4px}@media (prefers-reduced-motion: no-preference){.cloud{animation:drift 60s linear infinite}.cloud.c2{animation-duration:90s;animation-direction:reverse}.cloud.c3{animation-duration:75s}.sky-night .star{animation:twinkle 3s ease-in-out infinite}.star.s2{animation-delay:1s}.star.s3{animation-delay:2s}}@keyframes drift{0%{translate:0 0}50%{translate:40px 6px}to{translate:0 0}}@keyframes twinkle{0%,to{opacity:.9}50%{opacity:.3}}.card{background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--radius);box-shadow:0 var(--drop) 0 0 var(--ink);color:var(--text)}.widget{padding:16px;position:relative;display:flex;flex-direction:column;gap:12px;min-width:0}.widget-head{display:flex;align-items:center;gap:10px}.widget-head h2{font-size:26px;line-height:1}.widget-icon{width:36px;height:36px;display:grid;place-items:center;border:var(--line) solid var(--ink);border-radius:12px;background:var(--tone, var(--quest));color:var(--ink);font-size:18px;box-shadow:0 3px 0 0 var(--ink);flex:none}.widget-badge{margin-left:auto}.tone-quest{--tone: var(--quest)}.tone-agents{--tone: var(--agents)}.tone-news{--tone: var(--news)}.tone-notes{--tone: var(--notes)}.pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;border:2px solid var(--ink);background:var(--chip);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.pill-hot{background:var(--bad);color:#fff}@media (prefers-reduced-motion: no-preference){.pill-hot{animation:pulse 1.6s ease-in-out infinite}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}.empty{padding:14px 6px;text-align:center}.empty-text{font-family:var(--font-display);font-size:20px}.btn{font:inherit;font-weight:900;color:var(--text);background:var(--card-2);border:var(--line) solid var(--ink);border-radius:16px;box-shadow:0 4px 0 0 var(--ink);padding:12px 18px;min-height:48px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .12s cubic-bezier(.34,1.56,.64,1),box-shadow .12s;user-select:none;-webkit-user-select:none}.btn:active:not(:disabled){transform:translateY(3px) scale(.98);box-shadow:0 1px 0 0 var(--ink)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-danger{background:var(--bad);color:#fff}.btn-small{min-height:36px;padding:6px 12px;border-radius:12px;box-shadow:0 3px 0 0 var(--ink)}.btn-icon{width:48px;padding:0;font-size:22px;line-height:1;border-radius:14px}.input{font:inherit;font-weight:700;color:var(--text);background:var(--chip);border:var(--line) solid var(--ink);border-radius:16px;padding:12px 14px;min-height:48px;width:100%;min-width:0;outline:none}.input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 50%,transparent)}.input::placeholder{color:var(--muted)}.home{padding:calc(14px + var(--safe-top)) 16px calc(28px + var(--safe-bottom))}.home-head{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;max-width:1400px;margin:0 auto 16px;padding:4px 2px;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.25)}.home-greet{font-size:28px;line-height:1.05;-webkit-text-stroke:1px rgba(0,0,0,.35);paint-order:stroke fill}.home-sub{margin-top:6px;font-size:13px;font-weight:900;display:inline-block;padding:3px 10px;border-radius:999px;background:#14183c59;text-shadow:none;backdrop-filter:blur(4px)}.age-stale{color:#ffd166}.btn-menu{flex:none;text-shadow:none}.grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:18px;max-width:1400px;margin:0 auto}@media (min-width: 820px){.home{padding-left:24px;padding-right:24px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.home-greet{font-size:40px}}@media (min-width: 1240px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.widget.weather{grid-row:span 2;gap:18px}.weather-main{padding:10px 0}.weather-art,.weather-art svg{width:176px;height:176px}.score{font-size:100px}.score-unit{font-size:52px}.weather-label{font-size:22px}.weather-range{font-size:16px}.week li{padding:8px 0;font-size:14px}.week-icon,.week-icon svg{height:36px;width:36px}.rain-strip{height:86px}}@media (prefers-reduced-motion: no-preference){.grid>.widget{animation:rise .42s cubic-bezier(.34,1.56,.64,1) both}.grid>.widget:nth-child(2){animation-delay:60ms}.grid>.widget:nth-child(3){animation-delay:.12s}.grid>.widget:nth-child(4){animation-delay:.18s}.grid>.widget:nth-child(5){animation-delay:.24s}}@keyframes rise{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}.widget.weather{background:var(--weather);overflow:hidden}.weather-main{display:flex;align-items:center;gap:8px}.weather-art{flex:none;width:150px;height:150px;display:grid;place-items:center}.weather-score{flex:1;min-width:0}.score{font-size:84px;line-height:.9;color:var(--text);-webkit-text-stroke:0;text-shadow:0 4px 0 color-mix(in srgb,var(--ink) 18%,transparent)}.score-unit{font-size:44px;vertical-align:top;margin-left:2px}.weather-label{font-size:18px;font-weight:900;margin-top:6px}.weather-range{display:flex;gap:12px;margin-top:4px;font-size:14px;font-weight:900}.weather-range .hi{color:#e85d04}.weather-range .lo,.weather-range .rainpct{color:#1d7fd6}html.dark .weather-range .hi{color:#ffb088}html.dark .weather-range .lo,html.dark .weather-range .rainpct{color:#8fd0ff}.weather-chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:2px solid var(--ink);border-radius:999px;background:var(--chip);font-size:13px;font-weight:900;box-shadow:0 2px 0 0 var(--ink)}.chip small{font-size:11px;font-weight:800;opacity:.8}.chip-aqi.aqi-good{background:#b8f5c8;color:#0b3d1b}.chip-aqi.aqi-ok{background:#ffe9a3;color:#4a3500}.chip-aqi.aqi-bad{background:#ffb38a;color:#4a1c00}.chip-aqi.aqi-awful{background:#ff7b7b;color:#3d0000}.week{list-style:none;margin:0;padding:10px 6px;display:grid;grid-template-columns:repeat(7,1fr);gap:4px;background:var(--card-2);border:var(--line) solid var(--ink);border-radius:var(--radius-sm)}.week li{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12px;font-weight:900;padding:4px 0;border-radius:10px}.week li.today{background:var(--quest);color:var(--ink);outline:2px solid var(--ink)}.week-name{font-size:10px;letter-spacing:.05em;opacity:.8}.week-icon{height:28px;display:grid;place-items:center}.week-lo{opacity:.6;font-size:11px}.rain{display:flex;flex-direction:column;gap:6px}.rain-title{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.rain-strip{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:3px;height:64px;padding:6px 6px 0;background:var(--card-2);border:var(--line) solid var(--ink);border-radius:var(--radius-sm);align-items:end}.rain-bar{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;min-width:0}.rain-bar i{display:block;width:100%;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#8fd0ff,#1d7fd6);border:2px solid var(--ink);border-bottom:0;min-height:3px}.rain-bar.rain-high i{background:linear-gradient(180deg,#4cc9f0,#0b4f9c)}.rain-bar span{font-size:9px;font-weight:900;color:var(--muted);line-height:1.6}.alert-banner{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:var(--line) solid var(--ink);border-radius:var(--radius-sm);background:#ffb347;color:#2b1a0e;font-size:14px;box-shadow:0 3px 0 0 var(--ink)}.alert-banner.level-red{background:#ff5d5d;color:#fff}.alert-banner.level-yellow{background:#ffe066}.alert-icon{flex:none;width:24px;height:24px;border-radius:50%;border:2px solid currentColor;display:grid;place-items:center;font-family:var(--font-display)}@media (prefers-reduced-motion: no-preference){.wart-sun .sun-rays,.wart-partly .sun-rays{transform-origin:50% 50%;animation:spin 24s linear infinite}.wart-partly .sun-rays{transform-origin:38% 38%}.weather-art .wart{animation:bob 4s ease-in-out infinite}.weather-art .drops{animation:fall 1s linear infinite}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bob{0%,to{translate:0 0}50%{translate:0 -5px}}@keyframes fall{0%{translate:0 -4px;opacity:1}to{translate:0 6px;opacity:.4}}.quests{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.quest-btn{width:100%;display:flex;align-items:center;gap:12px;text-align:left;font:inherit;color:var(--text);background:var(--card-2);border:var(--line) solid var(--ink);border-radius:16px;box-shadow:0 4px 0 0 var(--ink);padding:10px 12px;min-height:60px;cursor:pointer;transition:transform .14s cubic-bezier(.34,1.56,.64,1),box-shadow .14s}.quest-btn:active{transform:translateY(3px) scale(.99);box-shadow:0 1px 0 0 var(--ink)}.quest-check{flex:none;width:34px;height:34px;border-radius:10px;border:var(--line) solid var(--ink);background:var(--chip);color:transparent;display:grid;place-items:center;transition:background .12s,color .12s}.quest-btn:hover .quest-check{color:var(--muted)}.quest-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.quest-title{font-weight:900;font-size:16px;line-height:1.2;overflow-wrap:anywhere}.quest-meta{display:flex;flex-wrap:wrap;gap:6px;font-size:12px;color:var(--muted)}.quest-due{font-weight:900}.tag{font-weight:800;opacity:.85}.quest-xp{flex:none;font-family:var(--font-display);font-size:14px;padding:4px 8px;border-radius:999px;background:var(--quest);border:2px solid var(--ink);color:var(--ink)}.status-overdue .quest-btn{background:#ffe1e1;border-color:#b3001b;box-shadow:0 4px #b3001b,0 0 0 4px #ff5d5d59}.status-overdue .quest-due{color:#c1121f}.status-overdue .quest-xp{background:var(--bad);color:#fff}.status-due-soon .quest-due{color:#c77700}.status-due-soon .quest-xp{background:#ffb347}html.dark .status-overdue .quest-btn{background:#4a1f2a}html.dark .status-overdue .quest-due{color:#ff8a8a}html.dark .status-due-soon .quest-due{color:#ffc266}@media (prefers-reduced-motion: no-preference){.status-overdue .quest-btn{animation:glow 1.8s ease-in-out infinite}}@keyframes glow{0%,to{box-shadow:0 4px #b3001b,0 0 0 3px #ff5d5d40}50%{box-shadow:0 4px #b3001b,0 0 0 7px #ff5d5d73}}.quest.popping .quest-btn{transform:scale(1.06);background:#c8f7d4;border-color:#0b6b2b;box-shadow:0 4px #0b6b2b}.quest.popping .quest-check{background:var(--good);color:#fff}@media (prefers-reduced-motion: no-preference){.quest.popping .quest-btn{animation:pop .2s cubic-bezier(.34,1.56,.64,1) both}}@keyframes pop{0%{transform:scale(1)}60%{transform:scale(1.08)}to{transform:scale(1.03);opacity:.9}}.quests-more{margin:0;font-size:13px;text-align:center}.quickadd{display:flex;gap:8px}.accounts{display:flex;flex-direction:column;gap:14px}.account-name{font-family:var(--font-display);font-size:18px;margin-bottom:6px}.hp{margin-bottom:8px;--hp: var(--good)}.hp-good{--hp: var(--good)}.hp-mid{--hp: var(--mid)}.hp-low{--hp: var(--bad)}.hp-row{display:flex;align-items:baseline;gap:8px;font-size:13px;margin-bottom:4px}.hp-name{font-weight:900;text-transform:uppercase;letter-spacing:.06em;font-size:12px;padding:1px 8px;border-radius:8px;background:var(--hp);color:var(--ink);border:2px solid var(--ink)}.hp-val{color:var(--muted);font-weight:800}.hp-reset{margin-left:auto;font-weight:900;color:var(--muted);white-space:nowrap}.hp-track{position:relative;height:22px;border:var(--line) solid var(--ink);border-radius:999px;background:var(--chip);overflow:hidden;box-shadow:inset 0 3px #0000001f}.hp-fill{height:100%;background:linear-gradient(180deg,color-mix(in srgb,var(--hp) 70%,#fff) 0%,var(--hp) 55%,color-mix(in srgb,var(--hp) 75%,#000) 100%);border-radius:999px 0 0 999px;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.hp-segs{position:absolute;inset:0;display:flex;justify-content:space-evenly;pointer-events:none}.hp-segs i{width:2px;background:#00000038}.hp-basis{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.sessions{list-style:none;margin:0;padding:10px;display:flex;flex-direction:column;gap:8px;background:var(--card-2);border:var(--line) solid var(--ink);border-radius:var(--radius-sm)}.session{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"dot name state" "dot meta state";column-gap:10px;align-items:center;font-size:14px}.session-dot{grid-area:dot;width:14px;height:14px;border-radius:50%;border:2px solid var(--ink);background:var(--muted)}.state-working .session-dot{background:var(--good)}.state-needs-you .session-dot{background:var(--bad)}.state-done .session-dot{background:var(--news)}@media (prefers-reduced-motion: no-preference){.state-working .session-dot{animation:blink 1.4s ease-in-out infinite}.state-needs-you .session-dot{animation:pulse .9s ease-in-out infinite}}@keyframes blink{50%{opacity:.45}}.session-name{grid-area:name;font-weight:900}.session-meta{grid-area:meta;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-ctx:before{content:"▮";margin-left:6px;opacity:.6}.session-state{grid-area:state;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:8px;border:2px solid var(--ink);background:var(--chip)}.state-needs-you .session-state{background:var(--bad);color:#fff}.state-working .session-state{background:var(--good);color:var(--ink)}.headlines{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.headline{width:100%;display:grid;grid-template-columns:34px 1fr;grid-template-areas:"n title" "n src";column-gap:10px;align-items:center;text-align:left;font:inherit;color:var(--text);background:var(--card-2);border:var(--line) solid var(--ink);border-radius:16px;box-shadow:0 4px 0 0 var(--ink);padding:10px 12px;min-height:56px;cursor:pointer;transition:transform .14s cubic-bezier(.34,1.56,.64,1),box-shadow .14s}.headline:active{transform:translateY(3px);box-shadow:0 1px 0 0 var(--ink)}.headline-n{grid-area:n;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;border:2px solid var(--ink);background:var(--news);color:var(--ink);font-size:18px}.headline-title{grid-area:title;font-weight:900;font-size:15px;line-height:1.25}.headline-src{grid-area:src;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.notes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.note{position:relative;padding:12px 14px 10px;border:var(--line) solid var(--ink);border-radius:16px;background:#fff6c8;color:#2b1a0e;box-shadow:0 4px 0 0 var(--ink);transform:rotate(-.6deg)}.note:nth-child(2n){transform:rotate(.5deg);background:#e3f6ff}.note.level-warn{background:#ffe0a3}.note.level-alert{background:#ffb3b3}.note-text{margin:0 0 6px;font-size:15px;font-weight:800;line-height:1.3}.note-meta{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;opacity:.6}.sheet-backdrop{position:fixed;inset:0;z-index:20;background:#0a0e288c;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:720px;max-height:calc(100dvh - 40px - var(--safe-top));border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:0;box-shadow:none;display:flex;flex-direction:column;padding:10px 18px calc(16px + var(--safe-bottom))}@media (min-width: 820px){.sheet-backdrop{align-items:center;padding:24px}.sheet{border-radius:var(--radius);border-bottom:var(--line) solid var(--ink);box-shadow:0 var(--drop) 0 0 var(--ink);max-height:calc(100dvh - 80px)}}@media (prefers-reduced-motion: no-preference){.sheet{animation:slideup .3s cubic-bezier(.34,1.4,.64,1) both}.sheet-backdrop{animation:fade .2s ease both}}@keyframes slideup{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}.sheet-grip{width:48px;height:6px;border-radius:3px;background:var(--ink);opacity:.35;margin:0 auto 8px}.sheet-head{display:flex;align-items:flex-start;gap:12px}.sheet-head h2{font-size:22px;line-height:1.15;flex:1}.sheet-body{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:10px 2px;flex:1}.sheet-foot{padding-top:10px;display:flex;justify-content:flex-end}.article{font-weight:600;font-size:16px;line-height:1.55}.article p{margin:0 0 14px}.article h3{font-family:var(--font-display);font-weight:400;font-size:20px;margin:18px 0 8px}.article li{margin:0 0 6px 18px}.article blockquote{margin:0 0 14px;padding:8px 14px;border-left:5px solid var(--accent);background:var(--card-2);border-radius:0 12px 12px 0}.article-meta{margin-top:-4px}.menu-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.toasts{position:fixed;left:16px;right:16px;bottom:calc(16px + var(--safe-bottom));z-index:30;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:14px;padding:10px 16px;font-weight:900;max-width:420px;width:100%;background:var(--ink);color:#fff;border-color:#000;box-shadow:0 4px #000}.toast .btn-small{background:var(--quest);color:var(--ink)}@media (prefers-reduced-motion: no-preference){.toast{animation:slideup .26s cubic-bezier(.34,1.56,.64,1) both}}.confetti-layer{position:fixed;inset:0;z-index:40;pointer-events:none}.confetti{position:absolute;width:10px;height:14px;border-radius:3px;border:2px solid rgba(0,0,0,.5);animation:burst 1s cubic-bezier(.2,.8,.3,1) forwards}.confetti-round{border-radius:50%;width:11px;height:11px}@keyframes burst{0%{transform:translate(-50%,-50%) rotate(0) scale(.6);opacity:1}70%{opacity:1}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy) + 90px)) rotate(var(--rot)) scale(1);opacity:0}}.pair,.splash{display:grid;place-items:center;padding:calc(24px + var(--safe-top)) 16px calc(24px + var(--safe-bottom))}.pair-clouds i{position:absolute;width:160px;height:50px;border-radius:40px;background:#fff9}.pair-clouds i:before{content:"";position:absolute;left:30px;top:-30px;width:60px;height:60px;border-radius:50%;background:inherit}.pair-clouds i:nth-child(1){top:12%;left:-30px}.pair-clouds i:nth-child(2){top:30%;right:-50px;transform:scale(1.3);opacity:.7}.pair-clouds i:nth-child(3){bottom:12%;left:20%;transform:scale(.8);opacity:.5}@media (prefers-reduced-motion: no-preference){.pair-clouds i{animation:drift 50s linear infinite}.pair-clouds i:nth-child(2){animation-direction:reverse;animation-duration:70s}}.pair-card,.splash-card{position:relative;z-index:1;width:100%;max-width:420px;padding:24px 22px 26px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.pair-mascot{margin-top:-78px;margin-bottom:-6px;filter:drop-shadow(0 4px 0 rgba(0,0,0,.2))}.pair-title{font-size:34px;line-height:1}.pair-sub{margin:0 0 10px;color:var(--muted);font-size:15px}.pair-sub code{font-family:ui-monospace,Menlo,Consolas,monospace}.code{position:relative;display:block;width:100%;cursor:text}.code-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;font-size:32px;border:0;padding:0;margin:0;caret-color:transparent}.code-boxes{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.code-box{height:64px;display:grid;place-items:center;font-family:var(--font-display);font-size:34px;border:var(--line) solid var(--ink);border-radius:16px;background:var(--chip);box-shadow:0 4px 0 0 var(--ink);transition:transform .12s cubic-bezier(.34,1.56,.64,1),background .12s}.code-box.filled{background:var(--quest);color:var(--ink);transform:translateY(-2px)}.code-input:focus~.code-boxes .code-box.active{outline:3px solid var(--accent);outline-offset:2px}.pair-status{min-height:24px;font-size:14px}.pair-error{color:#c1121f;font-weight:900}html.dark .pair-error{color:#ff8a8a}@media (prefers-reduced-motion: no-preference){.shake{animation:shake .45s cubic-bezier(.36,.07,.19,.97) both}.mascot{animation:bob 3s ease-in-out infinite}.mascot-happy{animation:hop .5s cubic-bezier(.34,1.56,.64,1) 2}.pair-celebrate .pair-card{animation:cheer .6s cubic-bezier(.34,1.56,.64,1) both}.splash-sun{animation:spin 8s linear infinite}}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-8px)}40%,60%{transform:translate(8px)}}@keyframes hop{0%,to{translate:0 0}50%{translate:0 -18px}}@keyframes cheer{0%{transform:scale(1)}40%{transform:scale(1.06) rotate(-1deg)}to{transform:scale(1)}}.splash-sun{width:72px;height:72px;border-radius:50%;background:#ffd54a;border:var(--line) solid var(--ink);box-shadow:0 0 0 10px #ffd54a59;margin-bottom:8px}.splash-card h1{font-size:28px}