: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 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}@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}@media (height<=700px){.num{font-size:46px}.gauge{margin-top:8px;padding:10px 14px 9px}.hlist li{padding:5px 0}.entry{margin-top:8px}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}