:root,:root[data-theme=dark]{--orange:#ff8c1a;--orange-light:#ffb457;--orange-deep:#e0500a;--bg:#0c0a08;--card:hsla(0,0%,100%,.035);--card-hover:hsla(0,0%,100%,.06);--line:hsla(0,0%,100%,.07);--text:#f5f0ea;--muted:hsla(33,35%,94%,.5);--ease:cubic-bezier(0.22,1,0.36,1);--gauge-track:hsla(0,0%,100%,.06);--gauge-minor:hsla(0,0%,100%,.12);--gauge-tick:hsla(0,0%,100%,.4);--gauge-tick-text:hsla(0,0%,100%,.5);--gauge-num:#fff;--gauge-hub-ring:rgba(0,0,0,.4);--bg-glow:rgba(255,140,26,.1);--bg-top:#1c1206}:root[data-theme=light]{--orange:#ef6c00;--orange-light:#ff8c1a;--orange-deep:#d84f02;--bg:#f6f1ea;--card:rgba(30,20,10,.028);--card-hover:rgba(30,20,10,.05);--line:rgba(30,20,10,.1);--text:#221913;--muted:rgba(34,25,19,.55);--gauge-track:rgba(30,20,10,.08);--gauge-minor:rgba(30,20,10,.16);--gauge-tick:rgba(30,20,10,.32);--gauge-tick-text:rgba(30,20,10,.5);--gauge-num:#1c130c;--gauge-hub-ring:rgba(30,20,10,.14);--bg-glow:rgba(255,140,26,.16);--bg-top:#fff3e2}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0;min-height:100%}body{background:radial-gradient(900px 600px at 50% -5%,var(--bg-glow) 0,transparent 60%),radial-gradient(1200px 900px at 50% 0,var(--bg-top) 0,var(--bg) 55%),var(--bg);background-attachment:fixed;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color .4s var(--ease),color .4s var(--ease)}.wrap{max-width:540px;margin:0 auto;min-height:100vh;padding:24px 22px 30px;display:flex;flex-direction:column}.wrap>*{animation:fadeUp .7s var(--ease) both}.wrap>:first-child{animation-delay:.02s}.wrap>:nth-child(2){animation-delay:.09s}.wrap>:nth-child(3){animation-delay:.16s}.wrap>:nth-child(4){animation-delay:.23s}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.topbar{justify-content:space-between;margin-bottom:14px}.brand,.topbar{display:flex;align-items:center}.brand{gap:11px;font-size:18px;letter-spacing:3px;font-weight:300}.brand b{font-weight:800;color:var(--orange)}.brand .logo{color:var(--orange);font-size:26px;line-height:1;transform:rotate(-45deg);filter:drop-shadow(0 0 8px rgba(255,140,26,.5))}.top-right{display:flex;align-items:center;gap:12px}.host{font-size:12px;color:var(--muted);letter-spacing:.3px}.theme-toggle{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;border:1px solid var(--line);background:var(--card);color:var(--orange);cursor:pointer;transition:background .3s var(--ease),transform .25s var(--ease),border-color .3s var(--ease),color .3s var(--ease)}.theme-toggle:hover{background:var(--card-hover);border-color:rgba(255,140,26,.5);transform:rotate(-12deg) scale(1.06)}.theme-toggle:active{transform:scale(.94)}:root[data-theme=dark] .ic-sun,:root[data-theme=light] .ic-moon{display:none}.metrics{display:flex;justify-content:center;gap:54px;margin:8px 0 2px}.metric{text-align:center}.m-label{font-size:10px;letter-spacing:2.5px;color:var(--muted);font-weight:600}.m-value{font-size:23px;font-weight:700;margin-top:3px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transition:color .4s var(--ease)}.m-value span{font-size:12px;font-weight:400;color:var(--muted)}.gauge-area{position:relative;width:100%;max-width:380px;aspect-ratio:1/1;margin:4px auto 6px;display:flex;align-items:center;justify-content:center}.gauge{display:block}.phase-label{animation:labelIn .5s var(--ease) both}@keyframes labelIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.go{position:absolute;width:116px;height:116px;border-radius:50%;border:2px solid var(--orange);background:radial-gradient(circle at 32% 28%,#33220f 0,#150d06 75%);color:var(--orange-light);font-size:27px;font-weight:800;letter-spacing:3px;cursor:pointer;box-shadow:0 0 40px rgba(255,140,26,.18),inset 0 0 22px rgba(255,140,26,.12);transition:transform .3s var(--ease),box-shadow .4s var(--ease),background .3s var(--ease),border-color .3s var(--ease);animation:pulse 3.2s ease-in-out infinite}.go:hover{transform:scale(1.06);border-color:var(--orange-light);background:radial-gradient(circle at 32% 28%,#452d13 0,#1c1207 75%);box-shadow:0 0 60px rgba(255,140,26,.32),inset 0 0 26px rgba(255,140,26,.18)}.go:active{transform:scale(.96)}@keyframes pulse{0%,to{box-shadow:0 0 40px rgba(255,140,26,.16),inset 0 0 22px rgba(255,140,26,.1),0 0 0 0 rgba(255,140,26,.28)}55%{box-shadow:0 0 48px rgba(255,140,26,.24),inset 0 0 24px rgba(255,140,26,.14),0 0 0 26px rgba(255,140,26,0)}}:root[data-theme=light] .go{background:radial-gradient(circle at 32% 28%,#fff 0,#ffe6cc 82%);color:var(--orange-deep);border-color:var(--orange)}:root[data-theme=light] .go:hover{background:radial-gradient(circle at 32% 28%,#fff 0,#ffd9b3 82%)}.results{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin-top:6px}.result{display:flex;align-items:center;gap:13px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:15px 17px;transition:border-color .5s var(--ease),background .5s var(--ease),box-shadow .5s var(--ease),transform .4s var(--ease)}.result.on{border-color:rgba(255,140,26,.7);background:rgba(255,140,26,.07);box-shadow:0 6px 30px rgba(255,140,26,.14);transform:translateY(-2px);animation:cardPulse 2.4s ease-in-out infinite}@keyframes cardPulse{0%,to{box-shadow:0 6px 30px rgba(255,140,26,.12)}50%{box-shadow:0 6px 40px rgba(255,140,26,.26)}}.r-icon{width:40px;height:40px;flex:0 0 40px;border-radius:11px;display:grid;place-items:center;font-size:20px;font-weight:800;background:linear-gradient(145deg,rgba(255,140,26,.22),rgba(255,140,26,.1));color:var(--orange-light);transition:transform .4s var(--ease)}.result.on .r-icon{transform:scale(1.08)}.r-label{font-size:10px;letter-spacing:1.5px;color:var(--muted);font-weight:600}.r-value{font-size:23px;font-weight:700;line-height:1.1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.r-value span{font-size:12px;font-weight:400;color:var(--muted)}.restart{margin:20px auto 0;display:block;padding:13px 32px;border-radius:30px;border:1px solid rgba(255,140,26,.7);background:rgba(255,140,26,.08);color:var(--orange-light);font-size:14px;font-weight:700;letter-spacing:1.5px;cursor:pointer;transition:background .35s var(--ease),transform .25s var(--ease),box-shadow .35s var(--ease);animation:fadeUp .5s var(--ease) both}.restart:hover{background:rgba(255,140,26,.18);box-shadow:0 6px 24px rgba(255,140,26,.2)}.restart:active{transform:scale(.97)}.tutorial{margin-top:34px;padding-top:26px;border-top:1px solid var(--line)}.tut-title{font-size:15px;font-weight:700;letter-spacing:.3px;margin:0 0 16px;color:var(--text)}.tut-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px 18px 16px;margin-bottom:14px}.tut-head{display:flex;align-items:center;gap:13px;margin-bottom:12px}.tut-badge{flex:0 0 auto;padding:7px 12px;border-radius:9px;font-size:11px;font-weight:800;letter-spacing:1.5px;color:#fff;background:linear-gradient(145deg,var(--orange-light),var(--orange-deep));box-shadow:0 4px 14px rgba(255,140,26,.25)}.tut-head h3{margin:0;font-size:15px;font-weight:700}.tut-sub{margin:2px 0 0;font-size:12px;color:var(--muted)}.tut-card>p{margin:0 0 14px;font-size:13.5px;line-height:1.7;color:var(--muted)}.tut-scale{list-style:none;margin:0;padding:0;display:grid;grid-gap:9px;gap:9px}.tut-scale li{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}.tut-scale li b{color:var(--text);font-weight:700;min-width:118px;display:inline-block}.dot{width:9px;height:9px;border-radius:50%;flex:0 0 9px;box-shadow:0 0 8px currentColor}.dot.g{background:#35c46a;color:#35c46a}.dot.y{background:#ffb020;color:#ffb020}.dot.r{background:#ff5a4d;color:#ff5a4d}.tut-foot{margin:4px 2px 0;font-size:12.5px;line-height:1.7;color:var(--muted)}.tut-foot b{color:var(--text)}.footer{margin-top:30px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px;color:var(--muted);letter-spacing:.3px}@media (max-width:420px){.metrics{gap:38px}.go{width:98px;height:98px;font-size:24px}.r-value{font-size:20px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important}}