:root{--board:#123b32;--board-deep:#0d2c25;--board-line:#f6f3ea24;--chalk:#f6f3ea;--chalk-dim:#f6f3eab3;--chalk-faint:#f6f3ea8f;--butter:#f2c14e;--butter-ink:#6b4d00;--paper:#eef3ef;--paper-raised:#fff;--paper-line:#d3ddd6;--ink:#12302a;--ink-soft:#4f635c;--ink-faint:#5f706a;--good:#266a4c;--good-fill:#2f7d5b;--good-soft:#dff1e6;--partial:#8a5710;--partial-fill:#c98a2b;--partial-soft:#fbedd0;--bad:#9e3c27;--bad-fill:#b8472f;--bad-soft:#f8e1db;--font-body:"Atkinson Hyperlegible Next", "Atkinson Hyperlegible", system-ui, sans-serif;--font-display:"Bricolage Grotesque", var(--font-body);--radius:14px;--radius-lg:22px;--shadow:0 1px 2px #12302a0f, 0 8px 24px #12302a14;--max:760px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;min-height:100dvh;margin:0;font-size:18px;line-height:1.5}body[data-surface=board]{background:var(--board);color:var(--chalk)}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:700;line-height:1.1}h1,h2{text-wrap:balance}h1{font-variation-settings:"opsz" 96;font-size:clamp(2.1rem,5vw,3rem)}h2{font-size:1.5rem}h3{font-size:1.15rem}p{margin:0}a{color:inherit}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--butter);outline-offset:3px}.shell{max-width:var(--max);padding:0 20px calc(40px + env(safe-area-inset-bottom));margin:0 auto}.topbar{padding:calc(14px + env(safe-area-inset-top)) 0 14px;justify-content:space-between;align-items:center;gap:16px;display:flex}.wordmark{font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.35rem;font-weight:800;text-decoration:none;display:inline-flex}.wordmark .mark{background:var(--board);border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.nav{gap:4px;display:flex}.nav a{color:var(--ink-soft);border-radius:999px;padding:8px 12px;font-weight:500;text-decoration:none}.nav a[aria-current=page]{background:var(--board);color:var(--chalk)}@media (width<=480px){.topbar{flex-wrap:wrap;gap:8px 12px}.wordmark{font-size:1.2rem}.nav{gap:0;margin-left:auto}.nav a{padding:6px 10px;font-size:.95rem}}html,body{overflow-x:clip}.btn{background:var(--board);min-height:48px;color:var(--chalk);cursor:pointer;border:1.5px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-weight:700;text-decoration:none;transition:transform .12s,background .12s;display:inline-flex}.btn:hover{background:var(--board-deep)}.btn:active{transform:translateY(1px)}.btn:disabled{background:var(--paper-line);color:var(--ink-faint);cursor:default;border-color:#0000;transform:none}body[data-surface=board] .btn:disabled,.on-board .btn:disabled{color:var(--chalk-faint);background:#f6f3ea1f}.btn-butter{background:var(--butter);color:var(--butter-ink)}.btn-butter:hover{background:#eab73f}.btn-ghost{border-color:var(--paper-line);color:var(--ink);background:0 0}.btn-ghost:hover{background:#12302a0d}.btn-big{min-height:64px;padding:14px 28px;font-size:1.15rem}.btn-small{min-height:44px;padding:6px 16px;font-size:.95rem}.field{gap:6px;margin-bottom:18px;display:grid}.field label{font-size:.95rem;font-weight:700}.field .hint{color:var(--ink-soft);font-size:.95rem}.input,textarea.input{border-radius:var(--radius);border:1.5px solid var(--paper-line);background:var(--paper-raised);width:100%;min-height:48px;padding:12px 14px}textarea.input{resize:vertical;line-height:1.45}.input:focus{border-color:var(--board);outline:none;box-shadow:0 0 0 3px #f2c14e73}.card{background:var(--paper-raised);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:20px}.stack{gap:14px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.muted{color:var(--ink-soft)}.faint{color:var(--ink-faint)}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-size:.85rem;font-weight:700}body[data-surface=board] .eyebrow{color:var(--chalk-dim)}.error{background:var(--bad-soft);color:var(--bad);border-radius:var(--radius);padding:12px 14px;font-weight:500}.notice{background:var(--partial-soft);color:#6b4d00;border-radius:var(--radius);padding:12px 14px}.chip{color:var(--ink-soft);background:#12302a14;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:.85rem;font-weight:700;display:inline-flex}.chip-correct{background:var(--good-soft);color:var(--good)}.chip-partial{background:var(--partial-soft);color:var(--partial)}.chip-incorrect{background:var(--bad-soft);color:var(--bad)}.chip-skipped{color:var(--ink-soft);background:#12302a14}.chip-building{background:var(--partial-soft);color:var(--partial)}.chip-ready{background:var(--good-soft);color:var(--good)}.chip-failed{background:var(--bad-soft);color:var(--bad)}.chip-active{background:var(--partial-soft);color:var(--partial)}.chip-ended{background:var(--good-soft);color:var(--good)}.chip-abandoned{color:var(--ink-soft);background:#12302a14}.list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.list-item{background:var(--paper-raised);border-radius:var(--radius-lg);box-shadow:var(--shadow);justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;text-decoration:none;display:flex}.list-item:hover{background:#fbfdfb}.list-item .title{font-weight:700}.list-item .meta{color:var(--ink-soft);font-size:.95rem}.section{margin-top:36px}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;margin-bottom:14px;display:flex}@media (width<=480px){.section-head{justify-content:start;gap:2px;display:grid}.section-head>:not(h2){font-size:.95rem}}.hero-board{border-radius:var(--radius-lg);background:radial-gradient(120% 140% at 0% 0%, #f6f3ea12, transparent 55%), var(--board);color:var(--chalk);box-shadow:var(--shadow);gap:22px;margin-top:8px;padding:clamp(22px,4vw,36px);display:grid}.hero-board-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-board-actions .btn{flex:250px}.hero-board .btn-ghost{color:var(--chalk);border-color:var(--chalk-faint)}.hero-board .btn-ghost:hover{border-color:var(--chalk);background:#f6f3ea14}.hero-board-note{color:var(--chalk-dim);max-width:56ch}.icon{flex:none}.pills{border:0;min-width:0;margin:0 0 18px;padding:0}.pills legend{margin-bottom:8px;padding:0;font-weight:700}.pill-row{flex-wrap:wrap;gap:8px;display:flex}.pill{cursor:pointer}.pill input{opacity:0;pointer-events:none;position:absolute}.pill span{border:1.5px solid var(--paper-line);background:var(--paper-raised);font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;min-width:56px;min-height:44px;padding:6px 16px;font-weight:700;display:inline-flex}.pill input:checked+span{background:var(--board);border-color:var(--board);color:var(--chalk)}.pill input:focus-visible+span{outline:3px solid var(--butter);outline-offset:3px}.check-row{cursor:pointer;align-items:flex-start;gap:12px;display:flex}.empty{text-align:center;color:var(--ink-soft);border:1.5px dashed var(--paper-line);border-radius:var(--radius-lg);padding:28px 20px}.welcome{gap:36px;padding-top:6vh;display:grid}.welcome-pitch{align-content:start;gap:28px;display:grid}.welcome-board{border-radius:var(--radius-lg);background:radial-gradient(120% 140% at 100% 0%, #f6f3ea12, transparent 55%), var(--board);color:var(--chalk);box-shadow:var(--shadow);align-content:center;gap:18px;margin:0;padding:clamp(22px,4vw,40px);display:grid}body figure.welcome-board .script-line .who{color:var(--chalk-faint)}body figure.welcome-board .script-line.quiz .who{color:var(--butter)}body figure.welcome-board .script-line .what{color:var(--chalk-dim);font-size:clamp(1.1rem,2.2vw,1.4rem)}body figure.welcome-board .script-line.you .what{color:var(--chalk)}@media (width>=1000px){.shell:has(.welcome){max-width:1140px}.welcome{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:56px}.welcome-board{min-height:420px}}.welcome h1{letter-spacing:-.03em;max-width:12ch;font-size:clamp(2.6rem,8vw,4.4rem);font-weight:800}.welcome h1 em{color:var(--good);font-style:normal}.welcome .lede{max-width:44ch;color:var(--ink-soft);font-size:1.15rem}.ask{position:relative}.ask textarea{border-radius:var(--radius-lg);min-height:140px;padding:18px 20px;font-size:1.25rem}.ask-details{margin-top:10px}.ask-details summary{cursor:pointer;color:var(--ink-soft);padding:6px 0;font-weight:500}.dropzone{border:2px dashed var(--paper-line);border-radius:var(--radius-lg);text-align:center;background:var(--paper-raised);padding:26px 18px;transition:border-color .12s,background .12s}.dropzone.compact{padding:16px 14px}.dropzone-actions{justify-content:center;margin-top:12px}.dropzone.compact .dropzone-actions{margin-top:0}.dropzone.over{border-color:var(--board);background:var(--good-soft)}.dropzone-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700}.dropzone-hint{margin-top:10px;font-size:.92rem}@media (hover:none){.dropzone-hint{display:none}}.upload-rows{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.upload-row{background:var(--paper-raised);border-radius:var(--radius);box-shadow:var(--shadow);gap:8px;min-width:0;padding:12px 14px;display:grid}.upload-row-head{flex-wrap:wrap;justify-content:space-between;gap:4px 12px;display:flex}.upload-name{overflow-wrap:anywhere;font-weight:700}.upload-error{color:var(--bad);font-weight:500}.materials{gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.material{background:var(--paper-raised);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:2px solid #0000;align-items:flex-start;gap:14px;min-width:0;padding:14px 16px;display:flex}.material.selectable{cursor:pointer}.material{transition:border-color .12s}.material.selected{border-color:var(--board);box-shadow:inset 5px 0 0 var(--butter), var(--shadow)}.material.failed{background:var(--bad-soft)}.material-check{width:24px;height:24px;accent-color:var(--board);flex:none;margin-top:2px}.material-body{flex:1;gap:4px;min-width:0;display:grid}.material-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 10px;display:flex}.material-title{overflow-wrap:anywhere;font-weight:700;text-decoration:none}.material-title:hover{text-decoration:underline}.material-meta,.material-summary{font-size:.95rem}.material-summary{color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.material-progress{color:var(--partial);align-items:center;gap:10px;font-size:.95rem;font-weight:500;display:flex}.build-pulse.dark{background:var(--partial-fill);flex:none}.field-label{margin-bottom:8px;font-weight:700;display:block}.action-bar{bottom:calc(12px + env(safe-area-inset-bottom));border-radius:var(--radius-lg);background:var(--board);color:var(--chalk);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:20px;padding:12px 16px;display:flex;position:sticky;box-shadow:0 10px 30px #12302a4d}.action-bar .btn-ghost{color:var(--chalk);border-color:var(--board-line)}.action-bar-note{color:var(--chalk-dim);font-size:.92rem}.shell:has(.action-bar){padding-bottom:calc(120px + env(safe-area-inset-bottom))}body[data-surface=board] .btn-ghost{border-color:var(--board-line);color:var(--chalk)}body[data-surface=board] .btn-ghost:hover{background:#f6f3ea14}.outline{gap:2px;margin:0;padding:0;list-style:none;display:grid}.outline li{border-top:1px solid var(--paper-line);grid-template-columns:1fr auto;align-items:baseline;gap:12px;padding:8px 0;display:grid}.outline li:first-child{border-top:0}.outline-range{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.92rem}@media (width>=1320px){.outline-aside{float:left;width:250px;max-height:calc(100dvh - 48px);margin:36px 0 0 -290px;font-size:.95rem;position:sticky;top:24px;overflow-y:auto}.outline-aside h2{font-size:1.15rem}.outline-aside .outline li{padding:6px 0}}.pages{gap:12px;display:grid}.page-text{background:var(--paper-raised);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;padding:14px 16px;scroll-margin-top:16px}.page-text header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.page-text pre{font:inherit;color:var(--ink-soft);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:.95rem}.page-text:target,.page-text.flash{outline:3px solid var(--butter)}.page-text pre.folded{max-height:9.5em;overflow:hidden;-webkit-mask-image:linear-gradient(#000 72%,#0000);mask-image:linear-gradient(#000 72%,#0000)}.build{border-radius:var(--radius-lg);background:var(--board);color:var(--chalk);gap:14px;margin-top:14px;padding:18px 20px;display:grid}.build-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.build-stages{letter-spacing:.04em;flex-wrap:nowrap;gap:6px;margin:0;padding:0;font-size:.85rem;font-weight:700;list-style:none;display:flex}.build-stages li{white-space:nowrap;color:var(--chalk-faint);border:1.5px solid var(--board-line);border-radius:999px;align-items:center;gap:8px;padding:4px 12px;display:inline-flex}.build-stages li.done{color:var(--chalk-dim)}.build-stages li.active{background:var(--butter);border-color:var(--butter);color:var(--butter-ink)}.build-pulse{background:var(--butter-ink);border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite breathe}.build-clock{font-variant-numeric:tabular-nums;color:var(--chalk-dim);font-size:.95rem}.build-progress{gap:6px;display:grid}.build-count{font-variant-numeric:tabular-nums;font-weight:700}.build-feed{align-content:start;gap:4px;min-height:3.2em;margin:0;padding:0;font-size:.98rem;list-style:none;display:grid}.build-feed li{color:var(--chalk-faint);overflow-wrap:anywhere;grid-template-columns:1.4em 1fr;display:grid}.build-feed li.latest{color:var(--chalk);animation:.3s ease-out rise}.build-feed .glyph{color:var(--butter)}.build-note{color:var(--chalk-dim);font-size:.92rem}@media (width<=480px){.build-stages{letter-spacing:.02em;gap:4px;font-size:.78rem}.build-stages li{gap:6px;padding:4px 9px}}.question-big .build-pulse{vertical-align:middle;background:var(--butter);width:.45em;height:.45em;margin-right:.2em;display:inline-block}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;display:flex}.hero-actions .btn-big{flex:260px}.question-row{border-top:1px solid var(--paper-line);padding:14px 0}.question-row:first-child{border-top:0}.question-row summary{cursor:pointer;grid-template-columns:auto 1fr auto;align-items:baseline;gap:12px;list-style:none;display:grid}.question-row summary:after{content:"";border-right:2px solid var(--ink-faint);border-bottom:2px solid var(--ink-faint);grid-area:1/3;width:.5em;height:.5em;transition:transform .14s;transform:translateY(-.15em)rotate(45deg)}.question-row[open] summary:after{transform:translateY(.1em)rotate(-135deg)}.question-row .from{color:var(--ink-faint);grid-column:2;font-size:.85rem;font-weight:500}.question-row summary::-webkit-details-marker{display:none}.question-row .n{color:var(--ink-faint);font-variant-numeric:tabular-nums;min-width:2ch;font-weight:700}.answer-block{border-radius:var(--radius);background:var(--paper);gap:6px;margin:10px 0 0 calc(2ch + 12px);padding:12px 14px;display:grid}.answer-block .k{font-weight:700}.sources{color:var(--ink-soft);font-size:.9rem}.sources a{color:var(--ink-soft)}.board{height:100dvh;padding:calc(12px + env(safe-area-inset-top)) 20px calc(16px + env(safe-area-inset-bottom));grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);max-width:980px;margin:0 auto;display:grid}.board-top{color:var(--chalk-dim);grid-template-columns:minmax(0,1fr);gap:8px;font-weight:500;display:grid}.board-top-row{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.board-top-row>.board-title{flex:1 1 0}.board-top-row>.board-status,.board-top-row>.score{flex:none}.board-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.board-progress{gap:6px;display:grid}.board-top .score{font-variant-numeric:tabular-nums}.board-main{overscroll-behavior:contain;align-content:safe center;gap:28px;min-height:0;padding:24px 0;display:grid;position:relative;overflow-y:auto}.question-big{letter-spacing:-.005em;text-wrap:pretty;max-width:28ch;font-size:clamp(1.25rem,1rem + 2.2vw,2.9rem);font-weight:500;line-height:1.25}.question-big.long{max-width:34ch;font-size:clamp(1.1rem,.9rem + 1.8vw,2.3rem)}.question-big.entering{animation:.36s ease-out rise}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.board-status{color:var(--chalk);white-space:nowrap;align-items:center;gap:10px;font-size:1.05rem;font-weight:700;display:inline-flex}.dot{background:var(--chalk-faint);border-radius:50%;width:16px;height:16px}.dot.listening{background:var(--butter);animation:2.4s ease-in-out infinite breathe}.dot.speaking{background:var(--chalk)}.dot.busy{background:var(--butter);animation:.9s steps(2,end) infinite blink}@keyframes breathe{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}@keyframes blink{50%{opacity:.25}}.script{gap:10px;max-height:34dvh;padding-right:6px;display:grid;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 24px);mask-image:linear-gradient(#0000,#000 24px)}.script-line{grid-template-columns:4.5ch 1fr;align-items:baseline;gap:14px;font-size:1.1rem;display:grid}.board .script{max-height:none;padding-right:0;overflow:visible;-webkit-mask-image:none;mask-image:none}.script-line .who{letter-spacing:.1em;text-transform:uppercase;color:var(--chalk-faint);font-size:.75rem;font-weight:700}.script-line.quiz .who{color:var(--butter)}.script-line .what{color:var(--chalk-dim)}.script-line.you .what{color:var(--chalk)}.script-line.pending .what{opacity:.6}.script-line.sys .what{color:var(--chalk-faint);font-style:italic}.board-bottom{justify-items:start;gap:12px;display:grid;position:relative}.board-heard,.board-pause,.board-actions,.board-type{width:100%}.board-heard{border-top:1px solid var(--board-line);align-items:end;min-height:2.4em;padding-top:10px}.board-heard .heard{max-height:4.05em;color:var(--chalk);overflow-wrap:anywhere;flex-direction:column;justify-content:flex-end;line-height:1.35;display:flex;overflow:hidden}.board-heard .heard.settled{color:var(--chalk-dim)}.board-heard .heard.hint{color:var(--chalk-faint);font-style:italic}.board-latest{z-index:1;background:var(--board-deep);border-color:var(--chalk-faint);position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 4px 16px #0d2c2580}.board-actions{gap:12px;display:flex}.board .input.board-input,.board .input.board-input:disabled{border-color:var(--chalk-faint);min-width:140px;color:var(--chalk);-webkit-text-fill-color:var(--chalk);opacity:1;background:#f6f3ea0f;flex:1}.board .input.board-input::placeholder{color:var(--chalk-faint);-webkit-text-fill-color:var(--chalk-faint)}.board .input.board-input:focus{border-color:var(--butter);box-shadow:none}.chip-on-board{border:1.5px solid var(--butter);color:var(--butter);background:0 0;justify-self:start}body[data-surface=board] .error{color:#f9d9d0;background:#b8472f33;border:1.5px solid #f6c9bd8c}body[data-surface=board] .notice{color:var(--chalk);background:#f2c14e24;border:1.5px solid #f2c14e80}.board .btn-small{min-height:48px;padding:8px 18px;font-size:1rem}.board-actions .btn{flex:1}@media (width<=520px){.board{padding-left:16px;padding-right:16px}.board-main{gap:16px;padding:14px 0}.board .script{gap:8px}.board .script-line{grid-template-columns:4ch 1fr;gap:10px;font-size:1rem}}body:not([data-surface=board]) .script-line .who{color:var(--ink-faint)}body:not([data-surface=board]) .script-line.quiz .who{color:var(--partial)}body:not([data-surface=board]) .script-line .what{color:var(--ink-soft)}body:not([data-surface=board]) .script-line.you .what{color:var(--ink)}.covered{gap:12px;display:grid}.cover{border:2px dashed var(--chalk-faint);border-radius:var(--radius-lg);width:100%;min-height:132px;color:var(--chalk);cursor:pointer;background:#f6f3ea0a;place-content:center;justify-items:center;gap:4px;padding:20px;font-size:1.35rem;font-weight:700;transition:border-color .14s,background .14s;display:grid}.cover:hover{border-color:var(--butter);background:#f6f3ea12}.cover span{color:var(--chalk-dim);font-size:1rem;font-weight:500}.answer-reveal:not([hidden]){border-radius:var(--radius-lg);background:var(--paper-raised);color:var(--ink);gap:10px;padding:22px 24px;animation:.24s ease-out rise;display:grid;box-shadow:0 10px 30px #00000047}.answer-reveal .k{font-size:1.4rem;font-weight:700;line-height:1.3}.answer-reveal .why{color:var(--ink-soft)}.answer-toggle{justify-self:start}.board-answer{width:100%}.grade-row{border:0;grid-template-columns:repeat(3,1fr);gap:12px;min-width:0;margin:0;padding:0;display:grid}.grade-row .btn{flex-direction:column;gap:2px;min-height:76px;font-size:1.15rem;line-height:1.2}.grade-row .btn small{color:#ffffffdb;font-size:.85rem;font-weight:500}@media (width<=520px){.grade-row{grid-template-columns:1fr}.grade-row .btn{flex-direction:row;gap:8px;min-height:60px}.grade-row .btn small:before{content:"· "}}.one-line{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.btn-good{background:var(--good);color:#fff}.btn-partial{background:var(--partial);color:#fff}.btn-bad{background:var(--bad);color:#fff}.topic-row{border-top:1px solid var(--paper-line);grid-template-columns:1fr auto;align-items:center;gap:8px 14px;padding:12px 0;display:grid}.topic-row:first-child{border-top:0}.bar{background:#12302a14;border-radius:999px;grid-column:1/-1;height:8px;overflow:hidden}.bar>i{background:var(--good-fill);border-radius:999px;height:100%;display:block}.build-bar{background:#f6f3ea1f;border-radius:999px;height:10px;overflow:hidden}.build-bar>i{background:var(--butter);border-radius:999px;min-width:10px;height:100%;transition:width .5s;display:block}.bar[data-level=low]>i{background:var(--bad-fill)}.bar[data-level=mid]>i{background:var(--partial-fill)}.build-bar.light{background:#12302a1a}.build-bar.light>i{background:var(--board)}.stat-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.stat{background:var(--paper-raised);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px}.stat b{font-family:var(--font-display);font-size:1.8rem;line-height:1;display:block}.stat span{color:var(--ink-soft);font-size:.9rem}.admin-list{gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.admin-item{background:var(--paper-raised);border-radius:var(--radius);box-shadow:var(--shadow);gap:6px;min-width:0;padding:14px 16px;display:grid}.admin-item-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.admin-actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.admin-break{overflow-wrap:anywhere}@media (width<=480px){.admin-actions .btn{flex:140px;min-height:44px}}code{background:#12302a12;border-radius:6px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95em}.skeleton{gap:12px;margin-top:24px;display:grid}.skeleton-title,.skeleton-line{background:#12302a17;border-radius:999px;height:18px;animation:1.6s ease-in-out infinite pulse}.skeleton-title{width:min(60%,340px);height:38px}.skeleton-line.long{width:92%}.skeleton-line.medium{width:78%}.skeleton-line.short{width:60%}@keyframes pulse{50%{opacity:.45}}body[data-surface=board] .skeleton-title,body[data-surface=board] .skeleton-line{background:#f6f3ea1f}.confirm{border-radius:var(--radius-lg);background:var(--paper-raised);width:calc(100% - 32px);max-width:420px;color:var(--ink);border:0;padding:24px;box-shadow:0 10px 40px #12302a4d}.confirm::backdrop{background:#0d2c258c}.confirm h2{margin-bottom:8px}.confirm-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.confirm-actions .btn{flex:140px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=520px){.answer-reveal .k{font-size:1.15rem}.answer-reveal:not([hidden]){padding:18px}.board-actions{gap:8px}.board-actions .btn{white-space:nowrap;padding:8px 6px;font-size:.95rem}}@media (width<=480px){.action-bar{gap:8px;padding:10px 12px}.action-bar-note{display:none}.action-bar>.btn,.action-bar>.row{flex:100%}.action-bar>.row>.btn-butter{flex:1}}.finish-choices{border:0;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;min-width:0;margin:0;padding:0;display:grid}.finish-choices .btn{min-height:56px}
