:root{color-scheme:dark;--ink:#dce6ea;--muted:#829aa8;--gold:#e7bd83}*{box-sizing:border-box}body{margin:0;background:#050f16;color:var(--ink);font:13px/1.5 'Segoe UI',system-ui,sans-serif;overflow:hidden}button,input,select{font:inherit;color:inherit}button{border:0;cursor:pointer;min-height:44px;padding:8px 12px;background:transparent;border-radius:3px}button:hover{color:#fff;background:#a8c4d50c}button:disabled{opacity:.35;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:3px}a{color:var(--gold);text-decoration:none}[hidden]{display:none!important}#canvas{position:fixed;inset:0;width:100%;height:100dvh;touch-action:none}#vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(0deg,#050f1640,transparent 12%,transparent 90%,#050f1620)}header{position:fixed;z-index:3;top:max(16px,env(safe-area-inset-top));left:24px;right:24px;display:flex;align-items:center;gap:14px;pointer-events:none}header>*{pointer-events:auto}.brand{font-size:11px;letter-spacing:1.6px;font-weight:500;color:#bbccd4}.credit{font-size:9px;letter-spacing:1px;color:var(--muted)}nav{display:flex;margin-left:auto;gap:4px}nav button{font-size:11px;color:var(--muted);padding:8px 10px}nav button[aria-pressed=true]{color:var(--ink)}.icon{font-size:21px;color:var(--muted);width:44px;padding:6px}footer{position:fixed;z-index:3;left:24px;right:24px;bottom:max(18px,env(safe-area-inset-bottom));pointer-events:none}footer button,footer select,footer input{pointer-events:auto}select,input[type=date]{border:0;background:#071b2560;min-height:44px;padding:8px 10px;border-radius:3px;font-size:11px;color:#b6cbd5}#window-control{width:max-content}#playback{display:flex;align-items:center;gap:12px;width:min(660px,100%)}#day-control{flex-shrink:0}#date{width:136px}#play{font-size:11px;min-width:50px;color:var(--gold);padding:8px}#playback-clock{font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums;color:#b6cbd5}#scrub{width:100%;min-width:60px;accent-color:#a5bcc7;cursor:pointer;height:18px;margin:0}.status-line{display:flex;gap:10px;align-items:center;min-height:24px;font-size:10px;color:var(--muted);margin-top:3px}#load-actions{display:flex;gap:4px}#load-actions button{font-size:10px;min-height:32px;padding:3px 8px}#latest{position:fixed;z-index:2;left:24px;bottom:100px;max-width:min(320px,calc(100vw - 48px));padding-right:42px;pointer-events:none}#latest button{pointer-events:auto}#latest .magnitude{display:flex;align-items:baseline;gap:7px}#event-mag{font-size:19px;font-weight:400}#event-type{font-size:10px;color:var(--muted)}#latest p{margin:2px 0;font-size:11px;color:#b6cbd5}#event-time,#event-depth{font-size:9px!important;color:var(--muted)!important;font-variant-numeric:tabular-nums}#resume{position:absolute;top:-6px;right:-4px}.text-button{color:var(--muted);font-size:11px}aside{position:fixed;z-index:7;right:24px;top:76px;width:min(390px,calc(100vw - 32px));max-height:calc(100dvh - 96px);overflow:auto;padding:24px;background:#0b1d28f5;backdrop-filter:blur(18px);border:1px solid #a8c4d510;border-radius:4px}.close{float:right;font-size:25px;color:var(--muted);margin:-12px -12px 0 0}h2{font-size:20px;font-weight:400;margin:10px 0 18px}aside p{font-size:11px;color:#aabdc7;line-height:1.8}aside a{font-size:11px}aside label{display:block;font-size:10px;color:var(--muted);margin:20px 0 6px}aside select{display:block;width:100%;margin-top:6px;background:#122633}.drawer-actions{display:flex;flex-wrap:wrap;gap:4px}.drawer-actions button{font-size:10px;background:#a8c4d508}.drawer-actions button[aria-pressed=true]{color:var(--gold)}#record{white-space:pre-line;overflow-wrap:anywhere}.fine{font-size:10px!important;color:var(--muted)!important}.notable-row{display:flex;width:100%;align-items:center;justify-content:space-between;gap:16px;text-align:left;border-bottom:1px solid #a8c4d514;padding:12px 0}.notable-row strong{display:block;font-weight:450;font-size:13px}.notable-row small{font-size:10px;color:var(--muted)}.notable-row span{font-size:20px;color:var(--gold);font-weight:350}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:700px){header{left:16px;right:12px;top:max(8px,env(safe-area-inset-top));gap:9px}.brand{font-size:10px;letter-spacing:1.2px}.credit{font-size:8px}nav{gap:0}nav button{font-size:10px;padding:8px}footer{left:16px;right:16px;bottom:max(12px,env(safe-area-inset-bottom))}#playback{display:grid;grid-template-columns:136px 46px 1fr;gap:8px}#scrub{grid-column:1/-1}#latest{left:16px;bottom:115px;max-width:calc(100vw - 32px)}aside{right:16px;top:64px;max-height:calc(100dvh - 82px);padding:20px}}@media(max-width:350px){header{gap:6px}.credit{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
#major-labels{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden}#major-labels svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}#major-labels line{stroke-width:1;opacity:.45}.major-label{position:absolute;left:0;top:0;width:max-content;padding:3px 6px;background:#050f16c0;border-radius:2px;font-size:10px;line-height:1.4;font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 1px 3px #050f16}.major-label strong{display:block;font-size:11px;font-weight:500}.major-label span{display:block;color:#b6cbd5}