:root{--bg:#f7f5f0;--surface:#fff;--text:#1d2430;--muted:#5f6b7a;--accent:#0f6e7d;--accent-soft:#e0f0f2;--good:#1e7a3c;--good-soft:#e3f4e8;--bad:#b3261e;--learn:#9a5b00;--learn-soft:#fbf0dc;--border:#dcd8cf}@media (prefers-color-scheme:dark){:root{--bg:#14181f;--surface:#1d232c;--text:#e8eaee;--muted:#9aa5b3;--accent:#4fb7c6;--accent-soft:#1c3940;--good:#5ccf7f;--good-soft:#1b3a25;--bad:#ff8a80;--learn:#f0b45a;--learn-soft:#3a2c14;--border:#2f3743}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}header.site{border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;align-items:baseline;gap:12px;padding:14px 16px;display:flex;position:relative}.brand{color:var(--accent);font-weight:700}main{max-width:720px;margin:0 auto;padding:20px 16px 64px}h1{margin:8px 0 4px;font-size:1.5rem}h3{margin:24px 0 8px}.muted{color:var(--muted)}.small{font-size:.875rem}.good{color:var(--good)}.bad{color:var(--bad)}a{color:var(--accent)}.back{margin-bottom:8px;text-decoration:none;display:inline-block}button{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:8px 14px}button:disabled{cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.icon{padding:2px 6px}.lesson-list{padding:0;list-style:none}.lesson-list a{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:12px;align-items:center;gap:14px;margin-bottom:10px;padding:16px;text-decoration:none;display:flex}.lesson-text{flex-direction:column;min-width:0;display:flex}.lesson-thumb{object-fit:cover;border-radius:8px;flex:none;width:88px;height:66px}.lesson-banner{object-fit:cover;background:var(--accent-soft);border-radius:12px;width:100%;height:180px;margin:8px 0 4px;display:block}.slide-pic{border-radius:12px;width:auto;max-width:100%;max-height:440px;margin:0 auto 12px;display:block}@media (max-width:480px){.lesson-banner{height:130px}.slide-pic{max-height:300px}}.tabs{gap:8px;margin:20px 0 12px;display:flex}.tabs button[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:#fff}.pills{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.pill{border-radius:999px;padding:4px 12px;font-size:.9rem}.pill.active{background:var(--accent-soft);border-color:var(--accent)}.card-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.flashcard{background:var(--accent-soft);border:1px solid var(--accent);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:180px;display:flex;position:relative}.flashcard.flipped{background:var(--surface)}.flashcard.known{background:var(--good-soft);border:2px solid var(--good)}.known-badge{color:var(--good);background:var(--surface);border:1px solid var(--good);border-radius:999px;padding:2px 10px;font-size:.8rem;font-weight:600;position:absolute;top:10px;right:12px}.mark-known.active{background:var(--good);border-color:var(--good);color:var(--surface);font-weight:600}.mark-learning.active{background:var(--learn-soft);border-color:var(--learn);color:var(--learn);font-weight:600}.flash-main{text-align:center;font-size:1.6rem;font-weight:600}.explain{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:4px 16px 12px}.explain table{border-collapse:collapse;width:100%}.explain td{border-top:1px solid var(--border);vertical-align:top;padding:6px 4px}.question{margin:0;font-size:1.1rem;font-weight:600}.choices{flex-direction:column;gap:8px;display:flex}.choice{text-align:left}.choice.right{border-color:var(--good);color:var(--good);font-weight:600}.choice.wrong{border-color:var(--bad);color:var(--bad)}.signout{align-items:center;gap:8px;display:flex}.signin{text-align:center;padding-top:48px}button.big{padding:12px 24px;font-size:1.05rem}.dev-login{justify-content:center;gap:8px;margin-top:24px;display:flex}.dev-login input,.notes-form textarea{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px}.notes-form{flex-direction:column;gap:8px;display:flex}.notes-form button{align-self:flex-end}.notes{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.notes li{border-top:1px solid var(--border);padding-top:8px}.notes p{white-space:pre-wrap;margin:0 0 4px}@media (max-width:480px){header.site>.muted,.signout>.muted{display:none}}.tr{-webkit-text-decoration:underline dotted var(--muted);text-decoration:underline dotted var(--muted);text-underline-offset:4px;cursor:help}.tr:focus{outline:none}.tr-bubble{z-index:100;background:var(--text);width:max-content;max-width:min(260px,100vw - 16px);color:var(--bg);text-align:center;white-space:normal;overflow-wrap:anywhere;pointer-events:none;border-radius:6px;padding:4px 10px;font-size:.8rem;font-weight:400;line-height:1.35;position:fixed}main.wide{max-width:1100px}a.brand{text-decoration:none}.table-scroll{border:1px solid var(--border);background:var(--surface);border-radius:12px;overflow-x:auto}table.scores{border-collapse:collapse;width:100%;font-size:.95rem}table.scores th,table.scores td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:8px 10px}table.scores th{color:var(--muted);min-width:110px;font-size:.8rem;font-weight:600}table.scores tr.avg td{background:var(--accent-soft);font-weight:600}.attempts{margin:0;padding:0;list-style:none}.attempts li{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:6px 0;display:flex}table.scores th:first-child,table.scores td:first-child{background:var(--surface);z-index:1;position:sticky;left:0}table.scores tr.avg td:first-child{background:var(--accent-soft)}.card-list{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.card-list li{border:1px solid var(--border);border-radius:999px;padding:2px 10px;font-size:.9rem}.card-list li.good{border-color:var(--good);font-weight:600}.instructor-add{justify-content:flex-start;margin-top:12px}.instructor-add input{flex:1;max-width:320px}.bar{background:var(--accent-soft);border-radius:999px;width:100%;height:6px;margin:6px 0 2px;display:block;overflow:hidden}.bar>span{background:var(--accent);border-radius:999px;height:100%;display:block}.bar.complete>span{background:var(--good)}.lesson-text{flex:1}.lesson-progress{margin:12px 0 0}.pill.done{border-color:var(--good);color:var(--good)}.pill.done.active{color:var(--text)}.resume{background:var(--accent-soft);border:1px solid var(--accent);color:var(--text);border-radius:12px;flex-direction:column;gap:2px;margin:16px 0 6px;padding:14px 44px 14px 16px;text-decoration:none;display:flex;position:relative}.resume-go{color:var(--accent);font-size:1.8rem;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.audio-settings{align-self:center;margin-left:auto;position:relative}.audio-settings-panel{z-index:40;background:var(--surface);border:1px solid var(--border);border-radius:12px;width:min(320px,100vw - 32px);max-height:calc(100vh - 96px);padding:12px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 4px 16px #0003}@media (max-width:640px){.audio-settings,.help-menu{position:static}.audio-settings-panel{width:auto;top:calc(100% - 4px);left:16px;right:16px}}.audio-settings-panel label{flex-direction:column;gap:4px;display:flex}.audio-settings-panel select{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:8px;max-width:100%;padding:6px}.audio-settings-panel input[type=range]{width:100%;accent-color:var(--accent)}.audio-scale{justify-content:space-between;font-size:.75rem;display:flex}.audio-settings-panel .dev-comment-actions button{align-self:auto}.dev-comment-toggle{z-index:30;border-radius:999px;position:fixed;bottom:16px;right:16px;box-shadow:0 2px 8px #00000026}.dev-comment{z-index:30;background:var(--surface);border:1px solid var(--border);border-radius:12px;width:min(360px,100vw - 32px);max-height:calc(100vh - 32px);padding:12px;position:fixed;bottom:16px;right:16px;overflow-y:auto;box-shadow:0 4px 16px #0003}.dev-comment-actions{justify-content:flex-end;gap:8px;display:flex}.dev-comment-list li>span{flex:1}.dev-comment-list p{white-space:pre-wrap;margin:2px 0}.dev-comment-list li.done p{color:var(--muted);text-decoration:line-through}.help-menu{align-self:center;position:relative}.help-menu .audio-settings-panel button{align-self:stretch}.help-menu .audio-settings-panel .dev-comment-actions button{align-self:auto}.help-menu .help-switch{flex-direction:row;align-items:flex-start;gap:8px;display:flex}.welcome-backdrop{z-index:50;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.welcome{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:min(560px,100%);max-height:calc(100dvh - 32px);padding:20px;overflow-y:auto;box-shadow:0 8px 32px #0000004d}.welcome h2{margin:0;font-size:1.3rem}.welcome-tips{flex-direction:column;gap:12px;margin:16px 0;padding:0;list-style:none;display:flex}.welcome-tips li{align-items:flex-start;gap:12px;display:flex}.welcome-icon{flex:none;font-size:1.4rem;line-height:1.2}.welcome-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.privacy{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:12px;max-width:560px;margin:24px auto;padding:4px 20px 12px}.privacy h2{margin:20px 0 8px;font-size:1.05rem}.privacy ul{margin:0 0 8px;padding-left:20px}.privacy li{margin:4px 0}.site-footer{text-align:center;padding:0 16px 32px}.publish-toggle{white-space:nowrap;cursor:pointer;align-items:center;gap:4px;display:flex}.hidden-note{background:var(--accent-soft);border-radius:8px;margin:8px 0;padding:8px 12px;font-size:.9rem}a.button{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px 14px;text-decoration:none;display:inline-block}a.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.lesson-game{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;margin:12px 0 0;padding:10px 14px;display:flex}.lesson-game-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lesson-rows li{flex-wrap:wrap;align-items:center}.lesson-rows li>span:first-child{flex:1;min-width:200px}.game-settings{flex-wrap:wrap;flex-basis:100%;align-items:center;gap:4px 16px;padding-bottom:4px;display:flex}.game-settings details{flex-basis:100%}.game-settings summary{cursor:pointer;color:var(--accent)}.game-settings textarea{width:100%;font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:6px;padding:8px;font-size:.9rem}.join-form{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.join-form label{flex-direction:column;gap:6px;display:flex}.join-form input,.game-setup select{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px}.join-form input{letter-spacing:.2em;text-align:center;width:9ch;font-size:2rem}.game-setup{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.mode-list{flex-direction:column;gap:8px;width:100%;display:flex}.mode-card{cursor:pointer;background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.mode-card:has(input:checked){border:2px solid var(--accent);background:var(--accent-soft)}.mode-card input{accent-color:var(--accent);margin-top:6px}.mode-icon{font-size:1.6rem;line-height:1.2}.mode-text{flex-direction:column;gap:2px;display:flex}.tile{color:#fff;text-align:left;border:none;border-radius:12px;align-items:center;gap:12px;font-weight:600;transition:opacity .2s;display:flex}.tile.c0{background:#d23c46}.tile.c1{background:#2f68d0}.tile.c2{background:#c98a00}.tile.c3{background:#26935a}.tile.dim{opacity:.3}.tile.right{outline:4px solid var(--good);outline-offset:3px}.tile.picked{outline:4px solid var(--text);outline-offset:3px}.tile-shape{flex:none;font-size:1.4em}.tile-text{overflow-wrap:anywhere;flex:1}.tile-count{background:#00000040;border-radius:999px;padding:0 10px}main.stage-main{max-width:none;padding:0}.stage{background:var(--bg);flex-direction:column;gap:16px;min-height:calc(100vh - 60px);padding:16px clamp(16px,3vw,40px) 32px;display:flex}:fullscreen .stage{min-height:100vh}.stage-msg{justify-content:center;align-items:center;font-size:1.3rem}.stage-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;font-size:1.1rem;display:flex}.stage-dim{color:var(--muted)}.stage-code{letter-spacing:.08em;font-size:1.6rem;font-weight:700}.stage-actions{align-items:center;gap:8px;display:flex}.stage-lobby{text-align:center;flex-direction:column;align-items:center;gap:8px;font-size:1.2rem;display:flex}.stage-bigcode{letter-spacing:.12em;color:var(--accent);margin:0;font-size:clamp(4rem,12vw,9rem);font-weight:800;line-height:1.1}.stage-rules{max-width:720px;margin:0}.chips{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.chips li{background:var(--surface);border:1px solid var(--border);border-radius:999px;align-items:center;gap:4px;padding:6px 8px 6px 16px;font-weight:600;display:flex}.chips li.away{opacity:.5}.chips li button{background:0 0;border:none}.lobby-teams{flex-wrap:wrap;justify-content:center;gap:16px;width:100%;display:flex}.lobby-team{border:3px solid;border-radius:12px;flex:1;min-width:260px;max-width:520px;padding:8px 16px 16px}.team0{border-color:#d23c46}.team1{border-color:#2f68d0}.stage-play{grid-template-columns:minmax(0,2fr) minmax(260px,1fr);align-items:start;gap:24px;display:grid}@media (max-width:900px){.stage-play{grid-template-columns:1fr}}.stage-question{flex-direction:column;gap:14px;display:flex}.timer{background:var(--accent-soft);border-radius:999px;height:10px;overflow:hidden}.timer>span{background:var(--accent);height:100%;transition:width .2s linear;display:block}.stage-prompt{text-align:center;margin:8px 0;font-size:clamp(2rem,5vw,4rem);font-weight:800;line-height:1.15}.stage-prompt button{vertical-align:middle;font-size:1.5rem}.stage-count{text-align:center;color:var(--muted);margin:-8px 0 0;font-size:2rem;font-weight:700}.tiles{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tiles .tile{min-height:96px;padding:16px 20px;font-size:clamp(1.1rem,2.2vw,1.8rem)}.board{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:4px 16px 16px;font-size:1.1rem}.leaders{margin:0;padding-left:28px}.leaders li{border-bottom:1px solid var(--border);padding:4px 0;display:list-item}.leaders li>span:last-child{float:right;font-weight:700}.blitz-clock{text-align:center;margin:8px 0 0;font-size:2.4rem;font-weight:800}.track{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.track li{grid-template-columns:7em 1fr auto;align-items:center;gap:8px;display:grid}.lane-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.lane{background:var(--accent-soft);border-radius:999px;height:30px;margin-right:18px;position:relative}.runner{font-size:1.3rem;transition:left .6s;position:absolute;top:50%;transform:translate(-50%,-50%)scaleX(-1)}.finish{position:absolute;top:50%;right:-18px;transform:translateY(-50%)}.rope{align-items:center;gap:8px;margin:16px 0;font-size:1.6rem;display:flex}.rope-line{background:linear-gradient(90deg,#d23c46,#2f68d0);border-radius:999px;flex:1;height:8px;position:relative}.rope-knot{background:var(--text);border:3px solid var(--surface);border-radius:50%;width:28px;height:28px;transition:left .8s;position:absolute;top:50%;transform:translate(-50%,-50%)}.team-score{border-left:4px solid;padding:2px 10px;font-weight:600}.survivors{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.survivors li{border:1px solid var(--border);border-radius:8px;flex-direction:column;padding:6px 10px;font-weight:600;display:flex}.survivors li.out{opacity:.4}.survivors li.hit{border-color:var(--bad)}.stage-results{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.stage-results h2{margin:8px 0 0;font-size:clamp(2rem,5vw,3.5rem)}.stage-results .board,.stage-results .leaders{text-align:left;width:min(720px,100%)}.podium{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:16px;margin:0;padding:0;list-style:none;display:flex}.podium li{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;align-items:center;gap:4px;min-width:160px;padding:16px 24px;font-size:1.3rem;display:flex}.podium li.place1{border:3px solid #c98a00;order:2;padding-top:36px}.podium li.place2{order:1;padding-top:24px}.podium li.place3{order:3}.podium-medal{font-size:2.6rem}main.pad-main{max-width:640px;padding-top:12px}.pad{flex-direction:column;gap:12px;display:flex}.pad-top{background:var(--surface);border:1px solid var(--border);border-radius:12px;justify-content:space-between;gap:8px;padding:10px 14px;font-size:1.05rem;display:flex}.pad.team0 .pad-top{border:3px solid #d23c46}.pad.team1 .pad-top{border:3px solid #2f68d0}.team-tag.team0{color:#d23c46}.team-tag.team1{color:#2f68d0}.pad-msg{text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:24px 12px;display:flex}.pad-msg p{margin:4px 0}.pad-big{font-size:2rem;font-weight:800}.pad-right{background:var(--good-soft)}.pad-wrong{background:var(--learn-soft)}.pad-note,.pad-hint{text-align:center;margin:0}.pad-tiles{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pad-tiles .tile{text-align:center;flex-direction:column;justify-content:center;gap:6px;min-height:120px;padding:14px;font-size:1.15rem}@media (max-width:420px){.pad-tiles .tile{min-height:100px;font-size:1rem}}.pad-question{flex-direction:column;gap:8px;display:flex}.pad-prompt{text-align:center;overflow-wrap:anywhere;margin:4px 0;font-size:clamp(1.6rem,7vw,2.4rem);font-weight:800;line-height:1.2}.pad .board{font-size:1rem}.board li.me{background:var(--accent-soft);border-radius:6px;font-weight:700}.celebration{text-align:center;flex-direction:column;align-items:center;gap:12px;width:100%;padding:8px 0 0;display:flex;position:relative}.celebration-kicker{letter-spacing:.2em;text-transform:uppercase;color:#c98a00;margin:0;font-size:1.1rem;font-weight:700;animation:.6s ease-out both pop}.celebration-title{margin:0;font-size:clamp(2rem,7vw,4rem);line-height:1.1;animation:.8s ease-out .15s both pop}.pad .celebration-title{font-size:clamp(1.7rem,8vw,2.4rem)}.my-result{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:12px 20px;font-size:1.2rem;animation:.6s ease-out .4s both pop;display:flex}.my-result.winner{background:var(--learn-soft);border:3px solid #c98a00;animation:.6s ease-out .4s both pop,1.6s ease-in-out 1s infinite alternate glow}.my-medal{font-size:3.5rem;line-height:1}.celebration .podium{flex-wrap:nowrap;align-items:flex-end;gap:10px;width:min(720px,100%);margin-top:8px}.celebration .podium li{background:0 0;border:none;flex:1;gap:4px;min-width:0;padding:12px 8px 0;font-size:1.1rem;animation:.7s ease-out both rise}.celebration .podium li.place1{order:2;animation-delay:1s}.celebration .podium li.place2{order:1;animation-delay:.6s}.celebration .podium li.place3{order:3;animation-delay:.3s}.celebration .podium-medal{font-size:clamp(2.4rem,8vw,4rem);line-height:1}.celebration .place1 .podium-medal{font-size:clamp(3.2rem,11vw,5.5rem);animation:1.2s ease-in-out 1.6s infinite bounce}.podium-name{overflow-wrap:anywhere;font-size:clamp(1.1rem,3.5vw,1.8rem)}.place1 .podium-name{font-size:clamp(1.3rem,4.5vw,2.3rem)}.podium-cheer{color:var(--muted);font-size:.85rem}.podium-score{font-weight:700}.podium-step{color:#fff;border-radius:10px 10px 0 0;justify-content:center;align-self:stretch;align-items:flex-start;margin-top:6px;padding-top:8px;font-size:2rem;font-weight:800;display:flex}.place1 .podium-step{background:linear-gradient(#e0b100,#c98a00);height:140px}.place2 .podium-step{background:linear-gradient(#b8c0c8,#8d97a1);height:100px}.place3 .podium-step{background:linear-gradient(#d39a6a,#a8693c);height:70px}.pad .place1 .podium-step{height:100px}.pad .place2 .podium-step{height:72px}.pad .place3 .podium-step{height:50px}.celebration .podium li.me .podium-name{-webkit-text-decoration:underline 3px var(--accent);text-decoration:underline 3px var(--accent);text-underline-offset:4px}.confetti{pointer-events:none;z-index:60;position:fixed;inset:0;overflow:hidden}.confetti span{opacity:.9;border-radius:2px;width:10px;height:16px;animation:linear 2 both fall;position:absolute;top:-20px}@keyframes fall{to{top:105vh;transform:rotate(720deg)translate(40px)}}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes rise{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:none}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%{box-shadow:0 0 #c98a0000}to{box-shadow:0 0 24px #c98a0099}}@media (prefers-reduced-motion:reduce){.confetti{display:none}.celebration *,.celebration{animation:none!important}}.countdown{text-align:center;flex-direction:column;align-items:center;gap:4px;padding:24px 0;display:flex}.countdown p{margin:0}.countdown-label{font-size:1.2rem;font-weight:600}.countdown-number{color:var(--accent);font-size:clamp(6rem,30vw,14rem);font-weight:800;line-height:1;animation:.5s ease-out both pop}.countdown-word{font-size:clamp(2rem,9vw,4rem);font-weight:700;animation:.5s ease-out .1s both pop}.game-end-links{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.staff-tag{border:1px solid var(--border);color:var(--muted,inherit);border-radius:999px;margin-left:6px;padding:0 8px;font-size:.75rem}.qs{padding-bottom:140px}.qs-top{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin:12px 0;display:grid}.qs-secret,.qs-help{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 16px}.qs-secret{border:2px solid var(--accent)}.qs-secret-name{margin:8px 0 4px;font-size:1.4rem;font-weight:700}.qs-answers{margin:6px 0;padding-left:18px}.qs-answers li{margin:3px 0}.qs-status{margin:16px 0 8px;font-size:1.1rem}.qs-board{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.qs-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px 12px;transition:opacity .2s}.qs-card.out{opacity:.45}.qs-card.out .qs-name span{text-decoration:line-through}.qs-card ul{margin:6px 0 0;padding:0;list-style:none}.qs-name{cursor:pointer;align-items:center;gap:8px;font-size:1.1rem;font-weight:700;display:flex}.qs-name input{width:20px;height:20px;accent-color:var(--bad)}.qs-food{text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;width:100%;padding:5px 4px;display:flex}.qs-food:hover,.qs-food[aria-pressed=true]{background:var(--accent-soft)}.qs-mark{border:1px solid var(--border);border-radius:4px;flex:none;justify-content:center;align-items:center;width:20px;height:20px;font-size:.85rem;font-weight:700;display:inline-flex}.qs-food.si .qs-mark{color:var(--good);border-color:var(--good);background:var(--good-soft)}.qs-food.no .qs-mark{color:var(--bad);border-color:var(--bad)}.qs-food.no{color:var(--muted);text-decoration:line-through}.qs-why{margin-top:4px}.qs-ask{z-index:20;background:var(--surface);border:2px solid var(--accent);border-radius:12px;width:min(560px,100% - 32px);padding:12px 16px;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000040}.qs-question{font-size:1.2rem}.qs-ask-buttons{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}