:root{--bg:#05070b;--rail:#05070bc7;--surface:#0c111adb;--line:#96b4d724;--fg:#e6edf5;--muted:#93a3b8;--faint:#5d6c81;--dust:#9db2cc;--quiet:#facc15;--alarm:#f43f5e;--band:#5eead4;--font-display:"Big Shoulders Display", "Arial Narrow", "Roboto Condensed", sans-serif;--font-body:"IBM Plex Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;--gutter:clamp(16px, 2.2vw, 28px);--rail-width:380px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg);color:var(--fg);font:15px/1.5 var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none}*,:before,:after{box-sizing:border-box}body{background:var(--bg);min-height:100svh;margin:0}h1,h2,h3,p,dl,dd,ul{margin:0}ul{padding:0;list-style:none}:focus-visible{outline:2px solid var(--band);outline-offset:3px}.app{min-height:100svh;padding-inline:var(--gutter);padding-block:var(--gutter) 40px;flex-direction:column;gap:18px;display:flex}.rail{display:contents}.masthead{order:0}.scene{height:clamp(320px,92vw,56svh);margin-inline:calc(var(--gutter) * -1);order:1;position:relative;overflow:hidden}.panel--now{order:2}.panel--day{order:3}.hint{order:4}.scene-canvas{width:100%;height:100%;display:block}.scene-labels{pointer-events:none;position:absolute;inset:0}.scene-label{font:500 11px/1 var(--font-mono);letter-spacing:.08em;color:#aac0dc8c;white-space:nowrap}.scene-label--now{color:var(--band);letter-spacing:.18em;text-transform:uppercase;text-shadow:0 0 14px color-mix(in srgb, var(--band) 70%, transparent)}.scene-label--guide{color:#d6e6ffb8;margin-left:78px;font-size:10px}.scene--fallback{border-block:1px dashed var(--line);color:var(--muted);text-align:center;place-items:center;padding:24px;display:grid}.scene--fallback p{max-width:44ch}.eyebrow,.label{font:500 11px/1.4 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.label .unit{letter-spacing:.04em;text-transform:none}.masthead h1{font:800 clamp(2.5rem, 5vw, 3.1rem)/.92 var(--font-display);letter-spacing:.02em;text-transform:uppercase;text-wrap:balance;margin-block:4px 10px}.status{font:12px/1.4 var(--font-mono);color:var(--muted);align-items:center;gap:9px;display:flex}.status-dot{background:var(--faint);border-radius:50%;flex:none;width:8px;height:8px}.status--live .status-dot{background:var(--band);animation:2.4s ease-out infinite pulse}.status--quiet .status-dot{background:var(--quiet)}.status--error .status-dot{background:var(--alarm)}.panel{border-top:1px solid var(--line);gap:12px;padding-top:16px;display:grid}.panel h3.label{margin-top:8px}.empty{max-width:40ch;color:var(--muted);font-size:14px}.reading{align-items:baseline;gap:10px;animation:.7s ease-out settle;display:flex}.reading-value{font:800 clamp(5.5rem, 14vw, 8.5rem)/.8 var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--band);text-shadow:0 0 42px color-mix(in srgb, var(--band) 35%, transparent)}.reading-unit{font:500 14px var(--font-mono);color:var(--muted)}.chip{border:1px solid color-mix(in srgb, var(--band) 35%, transparent);background:color-mix(in srgb, var(--band) 12%, transparent);font:500 13px/1.2 var(--font-body);color:var(--band);border-radius:999px;justify-self:start;align-items:center;gap:8px;padding:5px 11px;display:inline-flex}.chip-dot{background:var(--band);border-radius:50%;flex:none;width:7px;height:7px}.minor{grid-template-columns:auto auto 1fr;gap:0 24px;display:grid}.minor dt{font:500 10px/1.8 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}.minor dd{font:700 1.9rem/1 var(--font-display);font-variant-numeric:tabular-nums}.minor dd.minor-text{font:500 14px/1.3 var(--font-body);padding-top:6px}.meter{gap:8px;display:grid}.meter-figure{align-items:baseline;gap:8px;display:flex}.meter-value{font:700 2.6rem/1 var(--font-display);font-variant-numeric:tabular-nums;color:var(--band)}.meter-unit{font:12px var(--font-mono);color:var(--muted)}.meter-track{background:#96b4d71f;border-radius:3px;height:6px;position:relative}.meter-fill{background:var(--band);box-shadow:0 0 12px color-mix(in srgb, var(--band) 50%, transparent);border-radius:3px;position:absolute;inset:0 auto 0 0}.meter-mark{background:var(--fg);width:2px;margin-left:-1px;position:absolute;top:-4px;bottom:-4px}.meter-verdict{color:var(--muted);font-size:13px}.facts{display:grid}.facts div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding-block:6px;font-size:14px;display:flex}.facts dt{color:var(--muted)}.facts dd{font-variant-numeric:tabular-nums;text-align:right}.facts dd span{color:var(--faint);font-size:13px}.legend{gap:2px;display:grid}.legend li{color:var(--muted);border-radius:4px;grid-template-columns:12px 64px 1fr;align-items:center;gap:10px;padding:4px 8px;font-size:13px;display:grid}.legend li.is-current{background:color-mix(in srgb, var(--band) 13%, transparent);color:var(--fg)}.swatch{background:var(--band);border-radius:3px;width:12px;height:12px}.legend-range{font:12px var(--font-mono);font-variant-numeric:tabular-nums}.sizes{color:var(--muted);gap:6px;font-size:13px;display:grid}.sizes li{align-items:center;gap:10px;display:flex}.size-dot{flex:none;place-items:center;width:12px;height:12px;display:grid}.size-dot:before{content:"";background:var(--dust);border-radius:50%}.size-dot--fine:before{width:3px;height:3px}.size-dot--mid:before{width:5px;height:5px}.size-dot--coarse:before{width:8px;height:8px}.foot{max-width:60ch;color:var(--faint);font-size:12px;line-height:1.55}.hint{font:11px/1.4 var(--font-mono);letter-spacing:.06em;text-align:center;color:var(--faint)}.tooltip{z-index:10;border:1px solid var(--line);border-left:2px solid var(--band);background:var(--surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;border-radius:6px;gap:4px;min-width:184px;padding:10px 12px;display:grid;position:fixed;box-shadow:0 12px 30px #00000073}.tooltip-time{font:500 11px/1.4 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.tooltip-value{font:800 2.3rem/1 var(--font-display);font-variant-numeric:tabular-nums;color:var(--band)}.tooltip-value span{font:12px var(--font-mono);color:var(--muted);margin-left:4px}.tooltip-minor{color:var(--muted);font-size:13px}.tooltip-band{align-items:center;gap:7px;font-size:13px;display:flex}@media (width>=960px){.app{height:100svh;padding:0;display:block;overflow:hidden}.scene{--scene-inset-left:var(--rail-width);height:auto;min-height:0;margin:0;position:fixed;inset:0}.rail{z-index:1;width:var(--rail-width);height:100svh;padding:var(--gutter);background:linear-gradient(90deg, var(--rail) 0%, var(--rail) 80%, transparent 100%);scrollbar-width:thin;flex-direction:column;gap:22px;display:flex;position:relative;overflow-y:auto}.hint{bottom:var(--gutter);left:calc(var(--rail-width) + (100vw - var(--rail-width)) / 2);white-space:nowrap;pointer-events:none;position:fixed;transform:translate(-50%)}}@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--band) 70%, transparent)}to{box-shadow:0 0 0 10px color-mix(in srgb, var(--band) 0%, transparent)}}@keyframes settle{0%{opacity:.35;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.status--live .status-dot,.reading{animation:none}}