.topbar{height:60px;padding:0 clamp(16px,2vw,28px);display:flex;align-items:center;justify-content:space-between;background:transparent;border-bottom:.5px solid var(--hair);position:relative;z-index:var(--z-topbar)}.topbar__brand{display:flex;align-items:center;gap:11px}.topbar__mark{width:10px;height:10px;border-radius:50%;background:var(--accent);transition:background 1.2s var(--ease-out)}.topbar__name{font-size:16px;font-weight:600;letter-spacing:-.3px;line-height:1.2}.topbar__sub{font-size:10px;color:var(--t4);letter-spacing:1.4px;text-transform:uppercase}.topbar__right{display:flex;align-items:center;gap:18px}.topbar__level{display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border-radius:var(--pill-radius);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;background:var(--accent-dim);color:var(--accent);transition:background 1.2s var(--ease-out),color 1.2s var(--ease-out)}.topbar__level-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.topbar__refresh{width:32px;height:32px;border-radius:50%;border:none;background:var(--well);color:var(--t2);font-size:15px;cursor:pointer;transition:background .15s ease,color .15s ease;display:inline-flex;align-items:center;justify-content:center}.topbar__refresh:hover{background:#ffffff1a;color:var(--text)}.topbar__refresh:disabled{cursor:default}.topbar__refresh--spinning{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.topbar__clock{font-size:16px;font-weight:500;letter-spacing:.5px;font-variant-numeric:tabular-nums;text-align:right}.topbar__date{font-size:10px;color:var(--t3);text-align:right}@media(max-width:767px){.topbar{padding:0 16px;height:54px}.topbar__name{font-size:15px}.topbar__sub,.topbar__clock-wrap{display:none}}.dial{position:relative;width:100%;max-width:300px;aspect-ratio:1 / 1}.dial svg{display:block;width:100%;height:100%;overflow:visible}.dial__tick{stroke:#ffffff17;stroke-linecap:round}.dial__tick--lit{opacity:0;animation:dial-ignite .4s var(--ease-out) forwards}@keyframes dial-ignite{0%{opacity:0}to{opacity:1}}.dial__num{fill:var(--t4);font-variant-numeric:tabular-nums;font-weight:500}.dial__num--threshold{fill:var(--t2);font-weight:600}.dial__marker{fill:var(--accent);opacity:0;animation:dial-ignite .5s var(--ease-out) .9s forwards}.dial__center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.dial__value{font-size:104px;font-weight:200;letter-spacing:-4px;line-height:1;font-variant-numeric:tabular-nums;opacity:0;animation:dial-rise .7s var(--ease-out) .25s forwards}.dial__level{display:flex;align-items:baseline;gap:8px;font-size:17px;font-weight:600;color:var(--accent);opacity:0;animation:dial-rise .7s var(--ease-out) .45s forwards}.dial__level-en{font-size:11px;font-weight:600;letter-spacing:2px;color:var(--t3)}@keyframes dial-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1023px){.dial{max-width:270px}.dial__value{font-size:88px;letter-spacing:-3.2px}}@media(max-width:639px){.dial{max-width:248px}.dial__value{font-size:76px;letter-spacing:-2.6px}.dial__level{font-size:15px}}.hero{background:var(--card);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:clamp(18px,2vw,30px) clamp(18px,2.2vw,34px);display:grid;grid-template-columns:minmax(0,340px) minmax(0,1.15fr) minmax(0,1fr);gap:clamp(18px,2.4vw,40px);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--card-radius);background:radial-gradient(70% 90% at 18% 0%,var(--accent-glow),transparent 65%);pointer-events:none;transition:background 1.2s var(--ease-out)}.hero>*{position:relative;min-width:0}.hero__gauge{display:flex;align-items:center;justify-content:center}.hero__mid{display:flex;flex-direction:column;gap:14px;justify-content:center}.hero__eye{font-size:11px;font-weight:600;letter-spacing:1.6px;color:var(--t3)}.hero__title{font-size:clamp(21px,1.8vw,27px);font-weight:600;letter-spacing:-.5px;line-height:1.15;text-wrap:balance}.hero__strip{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--t2);font-variant-numeric:tabular-nums}.hero__strip-item{display:inline-flex;align-items:center;gap:6px}.hero__strip-item--dim{color:var(--t3)}.hero__strip-item--jump{color:var(--st-yel-fg);font-weight:600}.hero__sdot{width:7px;height:7px;border-radius:50%;display:inline-block}.hero__drivers{display:flex;flex-direction:column;gap:9px;padding-top:14px;border-top:.5px solid var(--hair)}.hero__drivers-head{display:flex;align-items:baseline;justify-content:space-between}.hero__drivers-title{font-size:12px;font-weight:600;letter-spacing:.4px;color:var(--t2)}.hero__zone{font-size:11px;font-weight:600;color:var(--t3)}.hero__zone--on{color:var(--accent)}.hero__zone--on:before{content:"● ";font-size:8px;vertical-align:1px}.hero__driver{display:grid;grid-template-columns:96px 1fr 30px;align-items:center;gap:12px;opacity:0;animation:hero-rise .6s var(--ease-out) forwards}.hero__driver-name{font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero__driver-track{height:3px;border-radius:2px;background:#ffffff12;overflow:hidden}.hero__driver-bar{display:block;height:100%;width:100%;border-radius:2px;background:var(--accent);transform:scaleX(0);transform-origin:left center;transition:transform .8s var(--ease-out)}.hero__driver-pct{font-size:13px;font-weight:600;color:var(--t2);font-variant-numeric:tabular-nums;text-align:right}.hero__drivers-note{font-size:11px;color:var(--t4);margin-top:2px}@keyframes hero-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hero__right{display:flex;flex-direction:column;gap:10px;min-width:0}.hero__right-head{display:flex;justify-content:space-between;align-items:baseline}.hero__right-title{font-size:13px;font-weight:600;color:var(--t2);letter-spacing:.4px}.hero__right-sub{font-size:11px;color:var(--t4)}.hero__right-chart{flex:1;min-height:150px;color:var(--accent)}.hero__right-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--t3);font-size:12px}.hero__right-foot{display:flex;justify-content:space-between;font-size:11px;color:var(--t4);font-variant-numeric:tabular-nums}.hero__tip{background:#0a0a0ceb;border:.5px solid rgba(255,255,255,.12);border-radius:8px;padding:7px 11px;font-size:12px;-webkit-backdrop-filter:none;backdrop-filter:none}.hero__tip-date{color:var(--t3);font-size:11px;font-variant-numeric:tabular-nums}.hero__tip-val b{color:var(--accent);font-variant-numeric:tabular-nums}@media(max-width:1023px){.hero{grid-template-columns:1fr}.hero__gauge{padding:6px 0 0}.hero__mid{text-align:left}.hero__right-chart{min-height:170px}}@media(max-width:639px){.hero{padding:20px 18px;gap:20px}.hero__driver{grid-template-columns:88px 1fr 28px;gap:10px}}.ind{display:grid;grid-template-columns:14px minmax(0,1fr) auto 14px 70px;align-items:center;gap:10px;padding:8px 0;border-top:.5px solid var(--hair)}.ind:first-child{border-top:none;padding-top:4px}.ind__dot{width:8px;height:8px;border-radius:50%}.ind__dot--red{background:var(--st-red)}.ind__dot--yellow{background:var(--st-yel)}.ind__dot--green{background:#30d1588c}.ind__dot--unknown{background:#ffffff38}.ind__nm{font-size:13px;color:#ffffffc7;letter-spacing:-.1px;font-weight:400;display:flex;align-items:center;gap:6px;min-width:0}.ind:has(.ind__dot--red) .ind__nm{color:var(--text);font-weight:500}.ind__nm--dim{color:#fff6}.ind__star{color:#ffd60a;font-size:11px;line-height:1;flex-shrink:0}.ind__jump{font-size:9px;font-weight:800;letter-spacing:.4px;padding:2px 5px;border-radius:4px;background:#ff453a;color:#fff;text-transform:uppercase;flex-shrink:0}.ind__info-wrap{position:relative;display:inline-flex;align-items:center;flex-shrink:0}.ind__info{width:13px;height:13px;color:#ffffff40;cursor:help;flex-shrink:0;vertical-align:middle}.ind__info-wrap:hover .ind__info{color:#ffffffb3}.ind__info-wrap[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;left:0;top:calc(100% + 6px);z-index:var(--z-tooltip);width:min(260px,80vw);padding:10px 12px;background:#141416fa;border:.5px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 8px 24px #00000080;font-size:12px;font-weight:400;line-height:1.5;color:#fffffff2;letter-spacing:0;white-space:pre-line;pointer-events:none;text-align:left}.ind__val{text-align:right;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.2px;color:#fff;white-space:nowrap}.ind__val--dim{color:#fff6}.ind__unit{font-size:10px;font-weight:500;color:var(--t2);margin-left:3px}.ind__trend{text-align:center;font-size:11px;color:var(--t2);font-weight:600;line-height:1}.ind__trend--up{color:#ff8a82}.ind__trend--dn{color:#7be09a}.ind__warn{font-size:10px;color:var(--t3);letter-spacing:-.04px;text-align:right;line-height:1.1;font-variant-numeric:tabular-nums;white-space:nowrap}@media(max-width:639px){.ind{grid-template-columns:12px minmax(0,1fr) auto auto;grid-template-areas:"dot name value trend" ".   warn warn  warn";column-gap:8px;row-gap:2px;padding:10px 0}.ind__dot{grid-area:dot}.ind__nm{grid-area:name}.ind__val{grid-area:value}.ind__trend{grid-area:trend}.ind__warn{grid-area:warn;text-align:left;opacity:.7}}.cat{background:var(--card);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:clamp(16px,1.5vw,22px) clamp(16px,1.6vw,24px);display:flex;flex-direction:column;min-width:0;opacity:0;animation:cat-rise .6s var(--ease-out) forwards}@keyframes cat-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cat__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.cat__title{display:flex;align-items:baseline;gap:10px;min-width:0}.cat__ttl{font-size:16px;font-weight:600;letter-spacing:-.3px;line-height:1.15}.cat__sub{font-size:11px;color:var(--t4);letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat__counts{display:flex;gap:4px;flex-shrink:0}.cat__cnt{min-width:22px;height:22px;padding:0 7px;border-radius:var(--pill-radius);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.cat__cnt--r{background:#ff453a29;color:var(--st-red-fg)}.cat__cnt--y{background:#ff9f0a24;color:var(--st-yel-fg)}.cat__cnt--g{background:#30d1581f;color:var(--st-grn-fg)}.cat__cnt--u{background:#ffffff0d;color:var(--t3)}.cat__list{margin-top:12px;display:flex;flex-direction:column;flex:1;min-height:0;justify-content:space-around}.footer{padding:12px clamp(12px,2vw,24px) 16px;display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--t3);letter-spacing:-.04px;flex-wrap:wrap}@media(max-width:639px){.footer{font-size:10px;padding-bottom:max(16px,env(safe-area-inset-bottom))}}.app{min-height:100dvh;display:flex;flex-direction:column}.main{flex:1;width:100%;max-width:1680px;margin:0 auto;padding:clamp(14px,1.6vw,22px) clamp(14px,2vw,26px) 28px;display:flex;flex-direction:column;gap:clamp(14px,1.4vw,20px)}.status-msg{padding:48px;text-align:center;color:var(--t2)}.status-msg--err{color:var(--st-red)}.grid6{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.4vw,20px);min-height:0}@media(max-width:1023px){.grid6{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:639px){.grid6{grid-template-columns:1fr}.main{padding:12px 12px calc(16px + env(safe-area-inset-bottom));gap:12px}}:root{--page: #000;--card: #0c0c0e;--well: rgba(255, 255, 255, .04);--text: #f5f5f7;--t2: rgba(255, 255, 255, .55);--t3: rgba(255, 255, 255, .38);--t4: rgba(255, 255, 255, .22);--st-red: #ff453a;--st-yel: #ff9f0a;--st-grn: #30d158;--st-unk: rgba(255, 255, 255, .3);--st-red-fg: #ffb3ad;--st-yel-fg: #ffd494;--st-grn-fg: #9af2b6;--heat-calm: #54c7fc;--heat-normal: #3ad6c4;--heat-warm: #ffc83d;--heat-hot: #ff7e3d;--heat-extreme: #ff453a;--accent: var(--heat-normal);--accent-dim: rgba(58, 214, 196, .14);--accent-glow: rgba(58, 214, 196, .05);--card-radius: 22px;--pill-radius: 980px;--hair: rgba(255, 255, 255, .07);--card-shadow: 0 1px 2px rgba(0, 0, 0, .6), inset 0 0 0 .5px rgba(255, 255, 255, .055);--font: -apple-system, "SF Pro Display", "SF Pro Text", system-ui, "PingFang TC", sans-serif;--z-tooltip: 30;--z-topbar: 20;--ease-out: cubic-bezier(.22, 1, .36, 1)}:root[data-level=calm]{--accent: var(--heat-calm);--accent-dim: rgba(84, 199, 252, .14);--accent-glow: rgba(84, 199, 252, .05)}:root[data-level=normal]{--accent: var(--heat-normal);--accent-dim: rgba(58, 214, 196, .14);--accent-glow: rgba(58, 214, 196, .05)}:root[data-level=warm]{--accent: var(--heat-warm);--accent-dim: rgba(255, 200, 61, .14);--accent-glow: rgba(255, 200, 61, .05)}:root[data-level=hot]{--accent: var(--heat-hot);--accent-dim: rgba(255, 126, 61, .16);--accent-glow: rgba(255, 126, 61, .065)}:root[data-level=extreme]{--accent: var(--heat-extreme);--accent-dim: rgba(255, 69, 58, .18);--accent-glow: rgba(255, 69, 58, .08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--page);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{min-height:100dvh;-webkit-text-size-adjust:100%}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(120% 60% at 50% -10%,var(--accent-glow),transparent 70%);transition:background 1.2s var(--ease-out);z-index:0}#root{position:relative;z-index:1}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}