:root{--bg: #0a0a0d;--bg-tint: #16121a;--surface: #131318;--surface-raised: #1c1c23;--surface-sunken: #0e0e12;--surface-float: #22222b;--border: #26262f;--border-strong: #35353f;--hairline: rgb(255 255 255 / .05);--text: #eceaf0;--text-dim: #9a97a6;--text-faint: #6b6877;--accent: #c9564f;--accent-hot: #e2685f;--accent-soft: rgb(201 86 79 / .13);--accent-line: rgb(201 86 79 / .4);--accent-text: #ffffff;--good: #6fbf73;--warn: #e0a05f;--danger: #e0645f;--good-soft: rgb(111 191 115 / .12);--warn-soft: rgb(224 160 95 / .12);--danger-soft: rgb(224 100 95 / .12);--lift: inset 0 1px 0 0 rgb(255 255 255 / .045);--shadow-1: 0 1px 2px rgb(0 0 0 / .4);--shadow-2: 0 4px 14px -4px rgb(0 0 0 / .55);--shadow-3: 0 18px 44px -12px rgb(0 0 0 / .7);--glow: 0 6px 22px -8px rgb(201 86 79 / .6);--font-ui: ui-rounded, -apple-system, BlinkMacSystemFont, "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;--font-display: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, ui-serif, serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--scale: 1;--r-sm: 10px;--r-md: 14px;--r-lg: 18px;--r-xl: 26px;--r-pill: 999px;--radius: var(--r-md);--tap: 48px;--dur-1: .12s;--dur-2: .2s;--dur-3: .32s;--dur-4: .46s;--ease: cubic-bezier(.22, .8, .28, 1);--ease-spring: cubic-bezier(.32, 1.35, .5, 1);color-scheme:dark}:root[data-theme=light]{--bg: #f5f2ed;--bg-tint: #efe6e0;--surface: #ffffff;--surface-raised: #efeae3;--surface-sunken: #e8e2da;--surface-float: #ffffff;--border: #ded7cd;--border-strong: #c8bfb2;--hairline: rgb(0 0 0 / .05);--text: #1c1a1d;--text-dim: #67626b;--text-faint: #8d8890;--accent: #a8332c;--accent-hot: #8f2a24;--accent-soft: rgb(168 51 44 / .09);--accent-line: rgb(168 51 44 / .35);--accent-text: #ffffff;--good: #2f7a44;--warn: #8c5c17;--danger: #a8332c;--good-soft: rgb(47 122 68 / .1);--warn-soft: rgb(140 92 23 / .1);--danger-soft: rgb(168 51 44 / .09);--lift: inset 0 1px 0 0 rgb(255 255 255 / .8);--shadow-1: 0 1px 2px rgb(60 45 35 / .09);--shadow-2: 0 4px 14px -4px rgb(60 45 35 / .16);--shadow-3: 0 18px 44px -12px rgb(60 45 35 / .28);--glow: 0 6px 20px -8px rgb(168 51 44 / .45);color-scheme:light}:root[data-size=large]{--scale: 1.15}:root[data-size=huge]{--scale: 1.32}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;height:100dvh}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:calc(17px * var(--scale));line-height:1.5;overscroll-behavior:none;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(120% 60% at 50% -10%,var(--bg-tint) 0%,transparent 62%),radial-gradient(90% 45% at 50% 108%,var(--accent-soft) 0%,transparent 70%);opacity:.75}.app{position:relative;z-index:1;display:flex;flex-direction:column;height:100%;height:100dvh;max-width:720px;margin:0 auto}@media(min-width:760px){.app{border-inline:1px solid var(--hairline)}}.topbar{position:relative;display:flex;align-items:center;gap:8px;padding:max(env(safe-area-inset-top),10px) 12px 10px;background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);flex:0 0 auto;z-index:2}.topbar:after{content:"";position:absolute;inset-inline:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--border) 18%,var(--border) 82%,transparent)}.topbar h1{font-family:var(--font-display);font-size:calc(18px * var(--scale));font-weight:600;letter-spacing:.005em;margin:0;flex:1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;animation:title-in var(--dur-3) var(--ease) both}.topbar .spacer{min-width:68px;gap:4px}.pane{position:relative;flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:18px 16px calc(28px + env(safe-area-inset-bottom));animation:pane-in var(--dur-3) var(--ease) both}.tabbar{position:relative;display:flex;flex:0 0 auto;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);padding-bottom:env(safe-area-inset-bottom);animation:tabbar-in var(--dur-4) var(--ease) both}.tabbar:before{content:"";position:absolute;inset-inline:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--border) 18%,var(--border) 82%,transparent)}.tabbar button{position:relative;flex:1;min-height:var(--tap);background:none;border:none;color:var(--text-faint);font:inherit;font-size:calc(11px * var(--scale));font-weight:600;letter-spacing:.02em;padding:9px 4px 7px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:color var(--dur-2) var(--ease)}.tabbar .glyph{display:grid;place-items:center;font-size:calc(21px * var(--scale));line-height:1;transition:transform var(--dur-3) var(--ease-spring)}.tabbar button[aria-current=page]{color:var(--accent)}.tabbar button[aria-current=page] .glyph{transform:translateY(-2px) scale(1.08)}.tabbar button:active .glyph{transform:scale(.88)}.tabbar button:after{content:"";position:absolute;top:2px;width:22px;height:3px;border-radius:var(--r-pill);background:var(--accent);box-shadow:0 0 10px -1px var(--accent);transform:scaleX(0);opacity:0;transition:transform var(--dur-3) var(--ease-spring),opacity var(--dur-2) var(--ease)}.tabbar button[aria-current=page]:after{transform:scaleX(1);opacity:1}button{font-family:inherit;cursor:pointer}.icon{display:inline-block;vertical-align:-.15em;flex:0 0 auto}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:var(--tap);padding:12px 18px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-raised);box-shadow:var(--lift),var(--shadow-1);color:var(--text);font-size:calc(16px * var(--scale));font-weight:550;letter-spacing:.005em;width:100%;overflow:hidden;transition:transform var(--dur-1) var(--ease),background-color var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease),opacity var(--dur-2) var(--ease)}@media(hover:hover){.btn:hover{border-color:var(--border-strong);background:var(--surface-float)}}.btn:active{transform:scale(.975);box-shadow:var(--shadow-1)}.btn:disabled{opacity:.38;cursor:default;transform:none;box-shadow:none}.btn.primary{background:linear-gradient(180deg,var(--accent-hot),var(--accent));border-color:transparent;color:var(--accent-text);font-weight:650;box-shadow:var(--lift),var(--glow)}@media(hover:hover){.btn.primary:hover{background:linear-gradient(180deg,var(--accent-hot),var(--accent-hot))}}.btn.primary:disabled{box-shadow:none}.btn.primary:not(:disabled):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 38%,rgb(255 255 255 / .16) 50%,transparent 62%);transform:translate(-100%);animation:sheen 5.5s var(--ease) 1.2s infinite;pointer-events:none}.btn.ghost{background:transparent;box-shadow:none}.btn.ghost:active{background:var(--surface)}.btn.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,var(--border))}.btn.danger:active{background:var(--danger-soft)}.btn.small{min-height:38px;padding:7px 13px;font-size:calc(14px * var(--scale));width:auto;border-radius:var(--r-sm)}.link-btn{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:var(--accent);font:inherit;font-size:calc(15.5px * var(--scale));font-weight:550;padding:8px 6px;min-height:40px;border-radius:var(--r-sm);transition:opacity var(--dur-1) var(--ease),transform var(--dur-1) var(--ease),background-color var(--dur-2) var(--ease)}.link-btn:active{opacity:.6;transform:scale(.96)}.row{display:flex;gap:10px;align-items:center}.row.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.stack{display:flex;flex-direction:column;gap:14px}.stack.tight{gap:9px}input[type=text],textarea,select{width:100%;min-height:var(--tap);padding:12px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-sunken);color:var(--text);font-family:inherit;font-size:max(16px,calc(16px * var(--scale)));transition:border-color var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease),background-color var(--dur-2) var(--ease)}input[type=text]:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-line);background:var(--surface);box-shadow:0 0 0 3px var(--accent-soft)}textarea{min-height:180px;font-family:var(--font-mono);font-size:max(16px,calc(13px * var(--scale)));line-height:1.45;resize:vertical}:where(button,[tabindex],summary):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}.card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:15px 16px;box-shadow:var(--lift),var(--shadow-1)}.card.tap{display:block;width:100%;text-align:left;color:inherit;font:inherit;min-height:var(--tap);overflow:hidden;transition:transform var(--dur-1) var(--ease),background-color var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease)}.card.tap:before{content:"";position:absolute;inset-block:0;left:0;width:3px;background:var(--accent);transform:scaleY(0);transform-origin:center;transition:transform var(--dur-2) var(--ease)}@media(hover:hover){.card.tap:hover{border-color:var(--border-strong);background:var(--surface-raised)}.card.tap:hover:before{transform:scaleY(1)}}.card.tap:active{transform:scale(.99);background:var(--surface-raised)}.card.tap:active:before{transform:scaleY(1)}.card strong{font-weight:600}.card.tap.row{display:flex;align-items:center;gap:13px}.block{display:block;margin-top:3px}.row-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;border-radius:var(--r-sm);background:var(--surface-raised);border:1px solid var(--border);color:var(--accent);transition:background-color var(--dur-2) var(--ease),color var(--dur-2) var(--ease)}.card.tap:active .row-icon{background:var(--accent-soft)}.chevron{color:var(--text-faint);transition:transform var(--dur-2) var(--ease)}.card.tap:active .chevron{transform:translate(2px)}@media(hover:hover){.card.tap:hover .chevron{transform:translate(2px)}}.story-row .row{gap:8px}.story-row{display:block}.story-row .peek{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;margin:7px 0 9px;font-family:var(--font-display);font-size:calc(14.5px * var(--scale));line-height:1.5;color:var(--text-dim)}.story-row .meta{gap:8px}.start-cue{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;padding:3px 9px;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface-raised);color:var(--text-faint);font-size:calc(11px * var(--scale));font-weight:650;letter-spacing:.04em;text-transform:uppercase;transition:color var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease),background-color var(--dur-2) var(--ease)}.card.tap:active .start-cue,.surprise:active .row-icon{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}@media(hover:hover){.card.tap:hover .start-cue{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}}.surprise .row-icon{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.surprise:disabled{opacity:.5}.pair-badge{display:inline-flex;align-items:center;gap:3px;min-height:40px;padding:5px 9px;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface);box-shadow:var(--lift),var(--shadow-1);color:var(--text-dim);font:inherit;transition:transform var(--dur-2) var(--ease-spring),border-color var(--dur-2) var(--ease),background-color var(--dur-2) var(--ease)}.pair-badge:active{transform:scale(.94)}@media(hover:hover){.pair-badge:hover{border-color:var(--border-strong);background:var(--surface-raised)}}.pair-badge .plus{font-size:calc(13px * var(--scale));font-weight:700;color:var(--text-faint);line-height:1}.pair-badge .who{display:inline-flex}.pair-badge .who .avatar{filter:saturate(.55) brightness(.85)}.pair-badge .who.guessing .avatar{filter:none;box-shadow:0 0 0 2px var(--surface),0 0 0 3px var(--accent-line)}.section-label{display:flex;align-items:center;gap:10px;font-size:calc(11px * var(--scale));font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);margin:0 0 10px}.section-label:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border),transparent)}.muted{color:var(--text-dim)}.small{font-size:calc(14px * var(--scale))}.tiny{font-size:calc(12.5px * var(--scale))}.center{text-align:center}.prose{white-space:pre-wrap;font-family:var(--font-display);font-size:calc(20px * var(--scale));line-height:1.62;letter-spacing:.002em;margin:0;animation:prose-in var(--dur-4) var(--ease) both}.empty{text-align:center;color:var(--text-dim);padding:52px 20px;animation:pane-in var(--dur-4) var(--ease) both}.empty .glyph{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 16px;border-radius:var(--r-xl);border:1px solid var(--border);background:var(--surface);box-shadow:var(--lift),var(--shadow-2);color:var(--text-faint);font-size:34px;animation:pop-in var(--dur-4) var(--ease-spring) both}.empty .title{font-family:var(--font-display);font-size:calc(20px * var(--scale));font-weight:600;color:var(--text);margin:0 0 6px}.avatar{width:30px;height:30px;border-radius:50%;display:inline-grid;place-items:center;color:#14141a;font-weight:700;font-size:13px;flex:0 0 auto;box-shadow:inset 0 -1px 2px #00000038,0 1px 3px #0000004d}.chip-row{display:flex;gap:8px;flex-wrap:wrap}.chip{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:7px 15px 7px 8px;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface);box-shadow:var(--lift),var(--shadow-1);color:var(--text-dim);font:inherit;font-size:calc(15px * var(--scale));font-weight:550;transition:transform var(--dur-2) var(--ease-spring),color var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease),background-color var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease)}.chip .avatar{transition:transform var(--dur-3) var(--ease-spring),box-shadow var(--dur-2) var(--ease);filter:saturate(.55) brightness(.85)}.chip:active{transform:scale(.95)}.chip[aria-pressed=true]{color:var(--text);border-color:var(--accent-line);background:var(--accent-soft);box-shadow:var(--lift),var(--glow)}.chip[aria-pressed=true] .avatar{transform:scale(1.06);filter:none;box-shadow:0 0 0 2px var(--surface),0 0 0 3px var(--accent-line)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:var(--r-pill);font-size:calc(11px * var(--scale));font-weight:650;letter-spacing:.04em;text-transform:uppercase;background:var(--surface-raised);border:1px solid var(--border);color:var(--text-dim)}.swatch-row{display:flex;flex-wrap:wrap;gap:6px}.swatch{display:grid;place-items:center;width:46px;height:46px;padding:0;border:none;background:none;border-radius:50%}.swatch .dot{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#0000009e;box-shadow:inset 0 -1px 2px #00000038;transition:transform var(--dur-3) var(--ease-spring),box-shadow var(--dur-2) var(--ease)}.swatch .dot .icon{stroke-width:2.6;stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset var(--dur-3) var(--ease) 60ms}.swatch:active .dot{transform:scale(.88)}.swatch[aria-pressed=true] .dot{transform:scale(1.12);box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--text)}.swatch[aria-pressed=true] .dot .icon{stroke-dashoffset:0}.badge.solved{color:var(--good);border-color:color-mix(in srgb,var(--good) 30%,transparent);background:var(--good-soft)}.badge.gaveup{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 30%,transparent);background:var(--warn-soft)}.mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:var(--surface-sunken);border-radius:var(--r-lg);border:1px solid var(--border)}.mode-toggle button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:46px;border:none;border-radius:calc(var(--r-lg) - 5px);background:none;color:var(--text-faint);font:inherit;font-size:calc(13px * var(--scale));font-weight:700;letter-spacing:.08em;text-transform:uppercase;isolation:isolate;transition:color var(--dur-2) var(--ease),transform var(--dur-1) var(--ease)}.mode-toggle button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:var(--surface-float);box-shadow:var(--lift),var(--shadow-2);opacity:0;transform:scale(.86);transition:opacity var(--dur-2) var(--ease),transform var(--dur-3) var(--ease-spring)}.mode-toggle button>*{position:relative;z-index:1}.mode-toggle button:active{transform:scale(.97)}.mode-toggle button[aria-pressed=true]{color:var(--text)}.mode-toggle button[aria-pressed=true]:before{opacity:1;transform:scale(1)}.mode-toggle button.reader[aria-pressed=true]{color:var(--accent)}.mode-toggle button.reader[aria-pressed=true]:before{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}.divider{height:1px;background:linear-gradient(90deg,var(--border) 0%,var(--border) 70%,transparent);margin:22px 0;border:0}.mode-caption{display:flex;align-items:center;justify-content:center;gap:7px;margin:11px 0 20px;color:var(--text-faint);font-size:calc(12.5px * var(--scale));animation:fade-in var(--dur-3) var(--ease) both}.mode-caption.reader{color:var(--accent)}.story-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:22px 20px;box-shadow:var(--lift),var(--shadow-2);overflow:hidden;animation:card-in var(--dur-4) var(--ease) both}.story-card:before{content:"";position:absolute;inset-inline:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-line),transparent)}.story-card .prose{position:relative}.hint{position:relative;padding:10px 14px 10px 16px;border-radius:var(--r-sm);background:var(--warn-soft);border:1px solid color-mix(in srgb,var(--warn) 24%,transparent);font-size:calc(15.5px * var(--scale));line-height:1.5;margin:0;animation:hint-in var(--dur-4) var(--ease) both}.hint:before{content:"";position:absolute;inset-block:8px;left:0;width:3px;border-radius:var(--r-pill);background:var(--warn)}.fact{display:flex;align-items:flex-start;gap:12px;width:100%;min-height:var(--tap);padding:11px 10px;background:none;border:none;border-radius:var(--r-sm);color:var(--text);font:inherit;font-size:calc(16px * var(--scale));text-align:left;transition:background-color var(--dur-2) var(--ease),transform var(--dur-1) var(--ease)}.fact:active{background:var(--surface-raised);transform:scale(.99)}.fact .box{position:relative;display:grid;place-items:center;width:22px;height:22px;margin-top:2px;flex:0 0 auto;border-radius:7px;border:1.5px solid var(--border-strong);background:var(--surface-sunken);transition:background-color var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease),transform var(--dur-3) var(--ease-spring)}.fact .box .icon{width:15px;height:15px;color:var(--good);stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset var(--dur-3) var(--ease) 60ms}.fact[aria-pressed=true] .box{background:var(--good-soft);border-color:color-mix(in srgb,var(--good) 55%,transparent);transform:scale(1.06)}.fact[aria-pressed=true] .box .icon{stroke-dashoffset:0}.fact .label{transition:color var(--dur-2) var(--ease)}.fact .label{position:relative;background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:0 .62em;background-size:0% 1.5px;transition:background-size var(--dur-3) var(--ease),color var(--dur-2) var(--ease)}.fact[aria-pressed=true] .label{color:var(--text-faint);background-size:100% 1.5px}.game-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:26px}.play-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 10px;margin-top:18px;color:var(--text-faint);font-size:calc(12.5px * var(--scale))}.play-footer .who{display:inline-flex;align-items:center;gap:6px}.play-footer .sep{opacity:.5}.switch-row{display:flex;align-items:center;gap:12px;width:100%;min-height:var(--tap);padding:12px 16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);box-shadow:var(--lift),var(--shadow-1);color:var(--text);font:inherit;font-size:calc(16px * var(--scale));text-align:left;transition:transform var(--dur-1) var(--ease),border-color var(--dur-2) var(--ease)}.switch-row:active{transform:scale(.99)}.switch-row[aria-pressed=true]{border-color:var(--accent-line)}.switch{position:relative;flex:0 0 auto;width:48px;height:29px;border-radius:var(--r-pill);background:var(--surface-sunken);border:1px solid var(--border-strong);transition:background-color var(--dur-3) var(--ease),border-color var(--dur-3) var(--ease)}.switch .knob{position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:var(--text-faint);box-shadow:var(--shadow-1);transition:transform var(--dur-3) var(--ease-spring),background-color var(--dur-3) var(--ease)}.switch-row[aria-pressed=true] .switch{background:var(--accent);border-color:var(--accent)}.switch-row[aria-pressed=true] .knob{background:var(--accent-text);transform:translate(19px)}.colophon{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;border-radius:var(--r-md);border:1px dashed var(--border);color:var(--text-faint)}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(74px,1fr));gap:9px;text-align:center}.stat{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--lift),var(--shadow-1);padding:13px 6px;animation:pop-in var(--dur-3) var(--ease-spring) both}.stat:nth-child(2){animation-delay:55ms}.stat:nth-child(3){animation-delay:.11s}.stat:nth-child(4){animation-delay:165ms}.stat .n{display:block;font-family:var(--font-display);font-size:calc(25px * var(--scale));font-weight:700;line-height:1.1}.stat .k{font-size:calc(11px * var(--scale));color:var(--text-faint);text-transform:uppercase;letter-spacing:.09em;font-weight:650}.notice{border-radius:var(--r-md);padding:12px 15px;font-size:calc(14.5px * var(--scale));line-height:1.5;border:1px solid var(--border);background:var(--surface-raised);animation:notice-in var(--dur-3) var(--ease) both}.section-label.danger-label{color:var(--danger)}.section-label.danger-label:after{background:linear-gradient(90deg,color-mix(in srgb,var(--danger) 45%,transparent),transparent)}.done-mark{display:grid;place-items:center;width:66px;height:66px;margin:4px auto 18px;border-radius:50%;color:var(--good);background:var(--good-soft);border:1px solid color-mix(in srgb,var(--good) 35%,transparent);animation:pop-in var(--dur-4) var(--ease-spring) both}.done-mark .icon{stroke-width:2.2;stroke-dasharray:24;animation:draw-check var(--dur-4) var(--ease) .16s both}.notice.error{border-color:color-mix(in srgb,var(--danger) 40%,transparent);background:var(--danger-soft);color:var(--danger)}.notice.warn{border-color:color-mix(in srgb,var(--warn) 40%,transparent);background:var(--warn-soft);color:var(--warn)}.notice.good{border-color:color-mix(in srgb,var(--good) 40%,transparent);background:var(--good-soft);color:var(--good)}details>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:var(--accent);font-size:calc(15px * var(--scale));font-weight:550}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000009e;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:flex-end;justify-content:center;padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom));z-index:20;animation:fade-in var(--dur-2) var(--ease) both}.sheet{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:20px;width:100%;max-width:520px;max-height:85vh;overflow-y:auto;box-shadow:var(--lift),var(--shadow-3);animation:sheet-in var(--dur-4) var(--ease-spring) both}.sheet-handle{width:38px;height:4px;border-radius:var(--r-pill);background:var(--border-strong);margin:-6px auto 14px}.sheet-title{font-family:var(--font-display);font-size:calc(18px * var(--scale));font-weight:600}@media(min-width:560px){.scrim{align-items:center}.sheet{animation-name:dialog-in}.sheet-handle{display:none}}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pane-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes title-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@keyframes tabbar-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes card-in{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}@keyframes prose-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes pop-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}@keyframes notice-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}@keyframes hint-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes sheet-in{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes dialog-in{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}@keyframes draw-check{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}@keyframes sheen{0%{transform:translate(-100%)}22%,to{transform:translate(100%)}}.stagger>*{animation:card-in var(--dur-3) var(--ease) both;animation-delay:calc(var(--i, 0) * 38ms)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}.btn.primary:not(:disabled):after{display:none}}