:root{--bg:#070913;--bg2:#0b1226;--card:hsla(0,0%,100%,.065);--card2:hsla(0,0%,100%,.04);--border:hsla(0,0%,100%,.11);--text:#f5f7ff;--muted:rgba(245,247,255,.7);--shadow:0 18px 60px rgba(0,0,0,.55);--radius:22px;--accent:#3b82f6;--accent2:#a78bfa;--danger:#fb923c;--good:#22c55e;--accent-border:rgba(59,130,246,.4);--accent-fill-1:rgba(59,130,246,.28);--accent-fill-2:rgba(59,130,246,.1);--accent-ring:rgba(59,130,246,.18)}*{box-sizing:border-box}html{min-height:100%;background-color:var(--bg);background-image:radial-gradient(1100px 740px at 15% 0,rgba(59,130,246,.2),transparent 58%),radial-gradient(900px 580px at 85% 18%,rgba(167,139,250,.16),transparent 60%),radial-gradient(780px 520px at 52% 98%,rgba(34,197,94,.1),transparent 62%);background-repeat:no-repeat;background-size:cover;overflow-x:hidden}body,html{margin:0;color:var(--text)}body{min-height:100vh;background:transparent;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}.tone-good{--accent:var(--good);--accent-border:rgba(34,197,94,.38);--accent-fill-1:rgba(34,197,94,.26);--accent-fill-2:rgba(34,197,94,.1);--accent-ring:rgba(34,197,94,.18)}.tone-neutral{--accent:#3b82f6;--accent-border:rgba(59,130,246,.4);--accent-fill-1:rgba(59,130,246,.28);--accent-fill-2:rgba(59,130,246,.1);--accent-ring:rgba(59,130,246,.18)}.tone-bad{--accent:var(--danger);--accent-border:rgba(251,146,60,.38);--accent-fill-1:rgba(251,146,60,.22);--accent-fill-2:rgba(251,146,60,.1);--accent-ring:rgba(251,146,60,.18)}.wrap{min-height:100vh;padding:calc(22px + env(safe-area-inset-top, 0px)) 22px calc(22px + env(safe-area-inset-bottom, 0px));display:flex;align-items:flex-start;justify-content:center}.shell{width:min(1060px,100%)}.head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.titleBlock h1{margin:0;font-size:24px;letter-spacing:.08px;line-height:1.12}.titleBlock p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.35}.badge{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border-radius:999px;border:1px solid var(--border);background:hsla(0,0%,100%,.06);box-shadow:0 10px 26px rgba(0,0,0,.28);font-size:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.dot{width:8px;height:8px;border-radius:999px;background:rgba(243,244,246,.55)}.badge.good .dot{background:var(--good)}.badge.bad .dot{background:var(--danger)}.badge.neutral .dot{background:rgba(243,244,246,.55)}.badge.good{border-color:rgba(34,197,94,.32);background:rgba(34,197,94,.1)}.badge.bad{border-color:rgba(251,146,60,.32);background:rgba(251,146,60,.1)}.badge.neutral{border-color:hsla(0,0%,100%,.14);background:hsla(0,0%,100%,.06)}.grid{display:grid;grid-template-columns:420px 1fr;grid-gap:16px;gap:16px}@media (max-width:880px){.grid{grid-template-columns:1fr}}.card{border:1px solid var(--border);border-radius:var(--radius);background:radial-gradient(900px 420px at 12% 6%,hsla(0,0%,100%,.08),transparent 60%),linear-gradient(180deg,hsla(0,0%,100%,.07),hsla(0,0%,100%,.032));box-shadow:0 22px 70px rgba(0,0,0,.5);overflow:hidden}@supports ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))){.card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}}.left,.right{padding:18px}.subhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.subhead .label{font-size:12px;color:rgba(243,244,246,.85)}.subhead .meta{font-size:12px;color:var(--muted)}.seg{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:8px;gap:8px;margin-bottom:12px}@media (max-width:520px){.seg{grid-template-columns:repeat(3,1fr)}}.segBtn{padding:10px;border-radius:14px;border:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.045);color:rgba(243,244,246,.88);font-size:12px;cursor:pointer;transition:transform .08s ease,border-color .12s ease,background .12s ease}.segBtn:hover{border-color:hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.055)}.segBtn:active{transform:translateY(1px)}.segBtn:focus-visible{outline:2px solid hsla(0,0%,100%,.22);box-shadow:0 0 0 4px var(--accent-ring);outline-offset:2px}.segBtn.on{border-color:var(--accent-border);background:linear-gradient(180deg,var(--accent-fill-1),var(--accent-fill-2));color:rgba(243,244,246,.95)}.row{display:flex;gap:10px;margin-top:10px}@media (max-width:520px){.row{flex-direction:column}}.btn{flex:1 1;padding:12px;border-radius:16px;border:1px solid hsla(0,0%,100%,.12);background:linear-gradient(180deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.06));color:var(--text);font-weight:650;font-size:13px;-moz-appearance:none;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;cursor:pointer;transition:transform .08s ease,border-color .12s ease,background .12s ease}.btn:hover{border-color:hsla(0,0%,100%,.2);background:linear-gradient(180deg,hsla(0,0%,100%,.12),hsla(0,0%,100%,.07))}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid hsla(0,0%,100%,.22);box-shadow:0 0 0 4px var(--accent-ring);outline-offset:2px}.btn:disabled{opacity:.65;cursor:not-allowed;color:rgba(245,247,255,.92)}.btn.ghost{font-weight:600;background:hsla(0,0%,100%,.045);border-color:hsla(0,0%,100%,.1)}.btn.ghost:hover{border-color:hsla(0,0%,100%,.18);background:hsla(0,0%,100%,.055)}.toast{margin-top:12px;padding:10px 12px;border-radius:14px;border:1px solid hsla(0,0%,100%,.1);background:rgba(0,0,0,.22);font-size:12px;color:rgba(243,244,246,.88)}.toast.ok{border-color:rgba(34,197,94,.3);background:rgba(34,197,94,.1)}.toast.warn{border-color:rgba(251,113,133,.3);background:rgba(251,113,133,.1)}.miniNote{margin-top:12px;font-size:12px;color:var(--muted);line-height:1.35}.gaugeWrap{display:flex;justify-content:center;padding:4px 0 14px}.ring{width:260px;height:260px;padding:14px;box-shadow:0 26px 80px rgba(0,0,0,.38),inset 0 0 0 1px hsla(0,0%,100%,.12),0 0 0 1px hsla(0,0%,100%,.05);background:hsla(0,0%,100%,.06)}.ring,.ringInner{border-radius:999px}.ringInner{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:radial-gradient(320px 220px at 50% 20%,hsla(0,0%,100%,.1),transparent 62%),linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.14));border:1px solid hsla(0,0%,100%,.12);text-align:center}.big{font-size:44px;font-weight:800;letter-spacing:-.5px}.unit{color:var(--muted)}.time,.unit{font-size:12px}.time{color:rgba(243,244,246,.78)}.stats{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:10px;gap:10px;margin-bottom:12px}@media (max-width:520px){.stats{grid-template-columns:1fr}}.stat{border:1px solid hsla(0,0%,100%,.1);background:rgba(0,0,0,.16);border-radius:16px;padding:10px 12px}.stat .k{font-size:11px;color:var(--muted)}.stat .v{margin-top:6px;font-size:13px;font-weight:650;word-break:break-word}.spark{border:1px solid hsla(0,0%,100%,.1);background:rgba(0,0,0,.14);border-radius:18px;padding:10px 10px 6px;overflow:hidden}.spark svg{width:100%;height:auto;display:block}