:root{--paper:#f3f1ed;--ink:#231f20;--muted:#6b6566;--accent:#ec008c;--panel:#ffffffdb;--timebar-h:52px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body{background:var(--paper);height:100%;color:var(--ink);margin:0;overflow:hidden}#stage{touch-action:none;position:fixed;inset:0}#stage canvas{display:block}.hud{background:var(--panel);pointer-events:auto;border-radius:6px;max-width:34rem;padding:10px 12px;font-size:13px;line-height:1.45;position:fixed;top:12px;left:12px;right:12px}.hud.bottom{max-width:27rem;top:auto;bottom:12px}.hud nav{margin:4px 0}.hud .dim{color:var(--muted)}.hud a{color:var(--accent);text-decoration:none}.compass{width:64px;height:64px;color:var(--ink);pointer-events:none;transition:color 1.5s;position:fixed;bottom:16px;right:16px}body.night .compass{color:#d9dde4}.panel,.readout{background:var(--panel);border-radius:6px;padding:12px 14px;font-size:13px;line-height:1.45;position:fixed}.panel{width:300px;top:12px;right:12px}.panel h1{margin:0;font-size:16px}.panel header p{margin:2px 0 10px}.panel .row{grid-template-columns:64px 1fr;align-items:center;gap:6px;margin:6px 0;display:grid}.panel .row>:not(.row-label){min-width:0}.panel .row:first-of-type{grid-template-columns:64px 1fr auto}.row-label{color:var(--muted)}.panel select{width:100%;font:inherit;color:var(--ink);background:#fff;border:1px solid #cfcac3;border-radius:4px;padding:3px 4px}.seg{border:1px solid #cfcac3;border-radius:4px;display:flex;overflow:hidden}.seg button{font:inherit;color:var(--ink);cursor:pointer;background:#fff;border:0;flex:1;padding:3px 0}.seg button+button{border-left:1px solid #cfcac3}.seg button[aria-pressed=true]{background:var(--ink);color:#fff}.legend{margin-top:10px}.legend-title strong{font-size:13px}.legend-title span{color:var(--muted)}.legend-bar{height:10px;margin-top:4px}.legend-ticks{font-variant-numeric:tabular-nums;height:16px;font-size:10px;position:relative}.legend-ticks span{position:absolute;top:2px;transform:translate(-50%)}.legend-ticks span:first-child{transform:none}.legend-ticks span:last-child{transform:translate(-100%)}.legend-note{color:var(--muted);font-size:11px}.readout{left:12px;bottom:calc(var(--timebar-h) + 20px);outline:none;width:min(23rem,100vw - 24px)}.readout .hint{float:right;color:var(--muted);margin-left:8px;font-size:11px;transition:transform .2s}.readout .more{color:var(--muted);grid-template-rows:0fr;transition:grid-template-rows .2s;display:grid}.readout .more>div{overflow:hidden}.readout .more>div>:first-child{margin-top:6px}.readout:hover .more,.readout:focus .more{grid-template-rows:1fr}.readout:hover .hint,.readout:focus .hint{transform:rotate(180deg)}.timebar{width:min(920px,100vw - 24px);height:var(--timebar-h);background:var(--panel);border-radius:6px;grid-template-columns:5.4em 1fr auto;align-items:center;gap:16px;padding:0 16px;font-size:13px;display:grid;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}.tb-time{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.tb-track{cursor:pointer;touch-action:none;outline:none;height:34px;position:relative}.tb-track:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}.tb-rail{background:#dcd7d0;border-radius:2px;height:4px;position:absolute;top:10px;left:0;right:0;overflow:hidden}.tb-fill{background:var(--accent);position:absolute;inset:0 auto 0 0}.tb-night{background:#2b2e35;position:absolute;top:0;bottom:0;right:0}.tb-marks{pointer-events:none;position:absolute;inset:0}.tb-mark{background:#231f2047;width:1px;height:14px;margin-left:-.5px;position:absolute;top:5px}.tb-mark span,.tb-night-label{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:10.5px;position:absolute;top:17px;transform:translate(-50%)}.tb-night-label{top:22px}.tb-thumb{background:var(--accent);pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;top:12px;box-shadow:0 0 0 1px #0000002e}.readout .big{align-items:baseline;margin-top:2px;display:flex}.readout .big .num{margin-right:4px}.readout .target{color:var(--muted);margin-left:12px}.readout .when{color:var(--muted)}.readout .big .chip{margin-left:8px}.readout .num{font-variant-numeric:tabular-nums;font-size:26px;font-weight:600}.readout .small,.panel .small{font-size:11px}.chip{color:#fff;background:#2f7d4f;border-radius:9px;padding:0 6px;font-size:12px}.chip[data-status=too\ dark]{background:#4b5d8c}.chip[data-status=too\ bright]{background:#b5651d}.chip[data-status=glare]{background:#b3261e}.dim{color:var(--muted)}@media (max-width:1100px){.compass{bottom:calc(var(--timebar-h) + 20px)}}@media (max-width:720px){.timebar{grid-template-columns:auto 1fr auto;gap:10px;padding:0 10px}.panel{width:auto;left:12px;right:12px}.readout{width:auto;right:12px}}.check{cursor:pointer;align-items:center;gap:6px;display:flex}.check input{accent-color:var(--accent);margin:0}