:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#dfe9ed;--dim:#8ea3ab;--line:#24343c;--accent:#7fd3e0;--warn:#e8b458;--bad:#e76;--ok:#76c893;font:14px/1.4 system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);background:#070c0f;margin:0;overflow:hidden}#view{width:100%;height:100%;display:block;position:fixed;inset:0}#panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#091014d6;border-radius:10px;flex-direction:column;gap:12px;width:318px;padding:14px;display:flex;position:fixed;top:12px;bottom:12px;right:12px;overflow-y:auto}header{flex-direction:column;gap:8px;display:flex}#clock{font-variant-numeric:tabular-nums;font-size:16px}#daylight{color:var(--dim)}#speeds{gap:4px;display:flex}button{font:inherit;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#18262d;border-radius:6px;padding:6px 8px}button:hover{background:#21343d}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#06181d;font-weight:600}#speeds button{flex:1;padding:4px 2px;font-size:12px}#notes{background:#0f1a20;border-radius:6px;flex-direction:column;gap:6px;padding:10px;font-size:13px;display:flex}#notes p{margin:0}#notes p:first-child{font-weight:600}#notes p:not(:first-child){color:#b3c3c9}#readouts{font-variant-numeric:tabular-nums;grid-template-columns:34px 1fr 84px;align-items:center;gap:3px 8px;display:grid}.lab{color:var(--dim);font-size:12px}.val{text-align:right;white-space:nowrap}.val small{color:var(--dim);font-size:10px}.val.warn{color:var(--warn)}.val.bad{color:var(--bad);font-weight:600}.val.ok{color:var(--ink)}.spark{width:100%;height:18px;display:block}.spark polyline{fill:none;stroke:var(--accent);stroke-width:1.2px;vector-effect:non-scaling-stroke}#stock{border-top:1px solid var(--line);font-variant-numeric:tabular-nums;grid-template-columns:1fr auto;gap:2px 10px;padding-top:10px;font-size:13px;display:grid}#stock span:nth-child(odd){color:var(--dim)}#stock span:nth-child(2n){text-align:right}#actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}#lights{grid-column:span 2;gap:4px;display:flex}#lights button{flex:1;padding:6px 2px;font-size:12px}#actions .wide{grid-column:span 2}#actions h3{letter-spacing:.05em;text-transform:uppercase;color:var(--dim);grid-column:span 2;margin:6px 0 0;font-size:11px;font-weight:600}footer{border-top:1px solid var(--line);color:var(--dim);font-variant-numeric:tabular-nums;margin-top:auto;padding-top:10px;font-size:11px}footer a{color:var(--accent)}#perf{white-space:pre-line;margin-bottom:4px}#fs-enter{width:100%}#fs-exit{z-index:2;background:#091014d6;transition:opacity .3s;display:none;position:fixed;top:12px;right:12px}body.fs #panel{display:none}body.fs #fs-exit{display:block}body.fs.idle #fs-exit{opacity:0;pointer-events:none}body.fs.idle{cursor:none}#toast{border:1px solid var(--line);background:#091014eb;border-radius:8px;max-width:460px;padding:10px 14px;position:fixed;top:20px;left:50%;transform:translate(-50%)}@media (max-width:720px){#panel{width:auto;max-height:52vh;inset:auto 8px 8px}}
