.views{border:1px solid var(--line);background:#ffffff08;border-radius:999px;flex-shrink:0;gap:2px;margin-left:10px;padding:2px;display:flex}.view-btn{color:var(--muted);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:4px 10px;font-size:11px}.view-btn.on{color:var(--warm);background:#ff9a6b29;font-weight:700}.top.solo .snd{margin-left:auto}.challenge{z-index:1;flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.pick,.board{scrollbar-width:none;flex:1;min-height:0;padding:6px 2px 10px;overflow-y:auto}.pick::-webkit-scrollbar{display:none}.board::-webkit-scrollbar{display:none}.cat-tabs::-webkit-scrollbar{display:none}.pick-head h1{margin:6px 0;font-size:19px}.pick-head p{color:var(--muted);margin:0 0 14px;font-size:12px;line-height:1.7}.rules{gap:6px;display:flex}.rules span{text-align:center;color:var(--muted);border:1px solid var(--line);background:var(--card);border-radius:12px;flex:1;padding:9px 4px;font-size:11px}.rules b{color:var(--warm);font-variant-numeric:tabular-nums;font-size:18px;display:block}.rule-note{color:var(--faint);text-align:center;margin:8px 2px 14px;font-size:11px}.cat-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.cat-btn{border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:12px;flex-direction:column;gap:2px;padding:12px 10px;transition:border-color .15s,background .15s,transform .12s;display:flex}.cat-btn:hover{background:#ff9a6b14;border-color:#ff9a6b73}.cat-btn{min-height:70px}.cat-btn:active{transform:scale(.97)}.cat-btn:disabled{opacity:.5}.cat-btn b{font-size:14px}.cat-btn small{color:var(--faint);font-size:10px}.cat-btn .grp{white-space:normal;opacity:.85;margin-top:2px;line-height:1.45}.pick-foot{justify-content:center;align-items:center;gap:10px;margin-top:14px;display:flex}.err-inline{color:#ff9d8f;font-size:12px}.board-head{align-items:center;gap:10px;display:flex}.board-head h2{margin:0;font-size:16px}.cat-tabs{scrollbar-width:none;gap:6px;margin:12px 0 8px;padding-bottom:4px;display:flex;overflow-x:auto}.cat-tabs button{border:1px solid var(--line);color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:5px 11px;font-size:12px}.cat-tabs button.on{color:var(--warm);background:#ff9a6b1f;border-color:#ff9a6b80}.board-note{color:var(--faint);margin-bottom:8px;font-size:11px}.board-list{margin:0;padding:0;list-style:none}.board-list li{border-bottom:1px solid #ffffff0d;align-items:center;gap:8px;padding:10px 4px;font-size:12px;display:flex}.board-list .rk{text-align:center;width:22px;color:var(--faint);font-variant-numeric:tabular-nums}.board-list .nm{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;overflow:hidden}.board-list .st{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.board-list .sc{text-align:right;width:42px;color:var(--warm);font-variant-numeric:tabular-nums;font-weight:700}.board-list li.me .nm{color:var(--warm)}.board-list .board-empty{color:var(--faint);justify-content:center;padding:36px 0}.run-head{color:var(--muted);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:2px 2px 8px;font-size:12px;display:flex}.run-cat{color:var(--warm);white-space:nowrap;font-weight:700}.hud{white-space:nowrap;font-variant-numeric:tabular-nums;gap:10px;display:flex}.hud b{color:var(--ink)}.hud .urgent{color:#ff9d8f}.steps{flex-shrink:0;gap:6px;margin-bottom:10px;display:flex}.step{border:1px solid var(--line);background:var(--card);min-width:0;height:28px;color:var(--faint);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:9px;flex:1;justify-content:center;align-items:center;font-size:11px;display:flex;overflow:hidden}.step.active{color:var(--warm);border-color:#ff9a6b8c;font-weight:700}.step.cleared{color:#9dd6a6;background:#7ec97e12;border-color:#7ec97e59}.chip.cat.flash{color:#9dd6a6}.result-panel{max-width:340px}.result-panel .answer{font-size:30px}.score-line{color:var(--warm);font-variant-numeric:tabular-nums;margin-top:10px;font-size:16px;font-weight:700}.score-line span{color:var(--faint);margin-top:3px;font-size:10px;font-weight:400;display:block}.answers{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:14px;display:flex}.answers span{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:4px 9px;font-size:12px}.answers span.ok{color:var(--warm);border-color:#ff9a6b4d}.panel-links{justify-content:center;gap:18px;margin-top:12px;display:flex}.app.compact .cat-btn{padding:9px 8px}.app.compact .step{height:24px}:root{--ink:#eef1f8;--muted:#8d96ab;--faint:#667085;--line:#ffffff14;--card:#ffffff0b;--warm:#ffd7b0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0;overflow:hidden}body{color:var(--ink);overscroll-behavior:none;background:#070a11;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,-apple-system,sans-serif;font-size:16px}.app{max-width:480px;height:100dvh;padding:max(12px, env(safe-area-inset-top)) 16px max(12px, env(safe-area-inset-bottom));background:#070a11;flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden}.bg{z-index:0;pointer-events:none;background:radial-gradient(70% 40% at 50% -4%, hsl(var(--hue) 85% 58% / calc(.06 + var(--heat) * .2)) 0%, transparent 72%), linear-gradient(180deg, #0b101a 0%, #06080f 60%, #05070d 100%);transition:background .9s;position:absolute;inset:-10%}.top,.modes,.gauge,.history,.entry,.err,.foot{z-index:1;position:relative}.top{flex-shrink:0;align-items:center;gap:10px;padding:0 2px 10px;display:flex}.logo{letter-spacing:2px;background:linear-gradient(120deg,#ffe6c9,#ff9a6b 55%,#ff6b4a);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:800}.tally{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-size:12px}.tally b{color:var(--ink);font-size:15px;font-weight:700}.snd{width:26px;height:26px;color:var(--faint);cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.snd:hover{color:var(--muted)}.modes{border:1px solid var(--line);background:#ffffff08;border-radius:12px;flex-shrink:0;gap:4px;padding:3px;display:flex}.mode-btn{height:34px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;font-size:13px;transition:color .16s,background .16s}.mode-btn.main{flex:1.3}.mode-btn.next{box-shadow:inset 0 0 0 1px #ff9a6b59}.mode-btn:disabled{opacity:.4;cursor:not-allowed}.mode-btn em{opacity:.8;font-variant-numeric:tabular-nums;margin-left:6px;font-size:11px;font-style:normal}.mode-btn.on{color:var(--warm);background:#ff9a6b24;font-weight:700}.gauge{border:1px solid var(--line);background:var(--card);border-radius:18px;flex-direction:column;flex-shrink:0;align-items:center;gap:7px;margin-top:10px;padding:14px 16px 12px;display:flex}.num{font-variant-numeric:tabular-nums;letter-spacing:-2px;color:hsl(var(--hue) 90% 72%);text-shadow:0 0 calc(8px + var(--heat) * 24px) hsl(var(--hue) 90% 60% / calc(.1 + var(--heat) * .35));font-size:56px;font-weight:800;line-height:1;transition:color .7s}.num .unit{letter-spacing:0;color:var(--faint);text-shadow:none;margin-left:7px;font-size:13px;font-weight:600}.num.q-yes{color:#8fe0c0;text-shadow:none}.num.q-no{color:#aab4c8;text-shadow:none}.verdict{max-width:100%;color:var(--muted);justify-content:center;align-items:baseline;gap:8px;font-size:12px;display:flex}.verdict b{color:hsl(var(--hue) 85% 78%);flex-shrink:0;font-size:14px}.gauge.ask .verdict b{color:#cfe0d8}.verdict span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.thermo{background:#ffffff12;border-radius:999px;width:100%;height:5px;margin-top:3px;overflow:hidden}.thermo .fill{border-radius:999px;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1),background .4s}.chips{justify-content:center;width:100%;display:flex}.chip.cat{color:var(--faint);font-size:11px}.chip.cat.unlocked{color:var(--warm)}.history{border-top:1px solid var(--line);flex-direction:column;flex:1;min-height:0;margin-top:12px;padding-top:9px;display:flex}.hhead{color:var(--muted);flex-shrink:0;justify-content:space-between;align-items:baseline;padding:0 2px 6px;font-size:11px;display:flex}.hhead .hsub{color:var(--faint);font-variant-numeric:tabular-nums}.hlist{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;min-height:0;margin:0;padding:0 2px;list-style:none;overflow-y:auto}.hlist::-webkit-scrollbar{display:none}.hlist li{border-bottom:1px solid #ffffff0a;align-items:center;gap:10px;padding:8px 0;font-size:14px;animation:.26s both rowIn;display:flex}@keyframes rowIn{0%{opacity:0;transform:translateY(-4px)}}.hlist .w{text-overflow:ellipsis;white-space:nowrap;color:#e4e9f4;flex:1;min-width:0;overflow:hidden}.hlist li.lead .w{color:var(--warm);font-weight:700}.hlist .bar{background:#ffffff12;border-radius:999px;flex:0 110px;height:4px;overflow:hidden}.hlist .bar i{border-radius:999px;height:100%;transition:width .5s cubic-bezier(.22,1,.36,1);display:block}.hlist .v{text-align:right;font-variant-numeric:tabular-nums;width:32px;color:var(--muted);font-size:12px}.hlist li.lead .v{color:#ffb27a}.hlist .qv{font-variant-numeric:tabular-nums;color:var(--muted);flex-shrink:0;font-size:12px}.hlist .qv.yes{color:#8fe0c0}.empty{text-align:center;color:var(--faint);flex:1;justify-content:center;align-items:center;padding:0 24px;font-size:12px;line-height:1.7;display:flex}.entry{flex-shrink:0;gap:8px;margin-top:10px;display:flex}.entry input{border:1px solid var(--line);min-width:0;height:50px;color:var(--ink);background:#ffffff0d;border-radius:14px;outline:none;flex:1;padding:0 14px;font-size:16px;transition:border-color .18s,background .18s}.entry input::placeholder{color:var(--faint)}.entry input:focus{background:#ffffff12;border-color:#ff9a6b80}.entry button{color:#241008;background:linear-gradient(140deg,#ffd9a8,#ff9a6b 60%,#ff7043);border:0;border-radius:14px;width:88px;height:50px;font-size:15px;font-weight:700;transition:transform .12s,opacity .16s;box-shadow:0 6px 20px #ff7a4a38}.entry button:active{transform:scale(.97)}.entry button:disabled{opacity:1;color:var(--faint);box-shadow:none;background:#ffffff12}.err{color:#ff9d8f;flex-shrink:0;margin:6px 2px 0;font-size:12px}.foot{flex-shrink:0;justify-content:center;align-items:center;gap:20px;min-height:30px;padding-top:8px;display:flex}.ghost{color:var(--faint);font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 2px;font-size:12px}.ghost:hover{color:var(--muted)}.ghost.danger{color:#c78a80}.ghost:disabled{opacity:.35}.primary{color:#241008;cursor:pointer;background:linear-gradient(140deg,#ffd9a8,#ff9a6b 60%,#ff7043);border:0;border-radius:13px;width:100%;height:42px;font-size:15px;font-weight:700}.boot,.overlay{z-index:5;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;inset:0}.boot{color:#cdd4e2;background:#070a11;font-size:14px}.boot p{color:var(--faint);margin:0;font-size:12px}.spinner{border:2px solid #ffffff1f;border-top-color:#ff9a6b;border-radius:50%;width:28px;height:28px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.overlay{z-index:6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#06080ed1;animation:.22s both fadeIn}.thinking{z-index:7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:all;touch-action:none;background:#06080e80;justify-content:center;align-items:center;animation:.16s both fadeIn;display:flex;position:absolute;inset:0}.thinking-card{color:#dfe6f2;letter-spacing:.02em;background:#121620eb;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:10px;padding:14px 20px;font-size:13px;display:flex;box-shadow:0 12px 30px #00000073}.thinking-ring{border:2px solid #ffffff29;border-top-color:#7fd3ff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite thinkingSpin}@keyframes thinkingSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.thinking-ring{animation-duration:1.6s}}@keyframes fadeIn{0%{opacity:0}}.panel{text-align:center;background:linear-gradient(#141a26,#0d121b);border:1px solid #ffffff1a;border-radius:20px;width:100%;max-width:320px;padding:22px 20px 18px;animation:.3s cubic-bezier(.22,1,.36,1) both popIn;box-shadow:0 20px 60px #00000080}@keyframes popIn{0%{opacity:0;transform:translateY(14px)scale(.96)}}.verdict-badge{letter-spacing:1px;border-radius:999px;padding:4px 10px;font-size:11px;display:inline-block}.verdict-badge.win{color:var(--warm);background:#ff8a4c24;border:1px solid #ffa26a4d}.verdict-badge.lose{color:var(--muted);border:1px solid var(--line);background:#ffffff0d}.answer{letter-spacing:2px;background:linear-gradient(120deg,#fff2e0,#ff9a6b);color:#0000;-webkit-background-clip:text;background-clip:text;margin:12px 0 6px;font-size:34px;font-weight:800}.sub{color:var(--muted);font-size:12px}.panel-actions{margin-top:20px}.app.compact .num{font-size:46px}.app.compact .gauge{margin-top:8px;padding:10px 14px 9px}.app.compact .hlist li{padding:5px 0}.app.compact .entry{margin-top:8px}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}