:root{--bg:#07061a;--ink:#e9e6ff;--dim:#8a86b8;--neon:#ff4fd8;--panel:#0c0a20c7;--line:#a096ff40}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#view{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#hud{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:fixed;overflow:hidden}#clock{letter-spacing:.02em;font-variant-numeric:tabular-nums;font-size:34px;font-weight:700}#total{color:var(--dim);font-variant-numeric:tabular-nums;margin-top:2px;font-size:15px}#credit{color:var(--dim);pointer-events:none;align-items:center;gap:10px;font-size:11px;line-height:1.3;display:flex;position:fixed;bottom:6px;left:24px;right:24px}.credit-short{display:none}#corner{gap:8px;display:flex;position:fixed;top:16px;right:16px}#corner button{width:40px;height:40px;color:var(--ink);background:var(--panel);border:1px solid var(--line);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px;place-items:center;padding:0;display:grid}#corner button:hover,#corner button:focus-visible{color:var(--neon);border-color:var(--neon);outline:none}#corner svg{fill:currentColor;width:18px;height:18px}#toast{max-width:min(360px,100% - 32px);color:var(--ink);border:1px solid var(--neon);overflow-wrap:anywhere;background:#0d0b21;border-radius:10px;padding:8px 12px;font-size:13px;position:fixed;top:64px;right:16px}#about{width:calc(100% - 32px);max-width:34rem;max-height:calc(100% - 32px);color:var(--ink);border:1px solid var(--line);background:#0d0b21;border-radius:12px;padding:20px 24px;font-size:14px;line-height:1.5;overflow:auto}#about::backdrop{background:#05040eb3}#about h2{margin:0 0 8px;font-size:20px}#about h3{color:var(--neon);margin:16px 0 4px;font-size:14px}#about p{margin:0 0 8px}#about .new{color:var(--neon);font-weight:700}#about form{text-align:right;margin-top:12px}#about button{font:inherit;color:var(--bg);background:var(--neon);cursor:pointer;border:0;border-radius:8px;padding:6px 14px}#about button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}#timeline{background:var(--panel);height:64px;color:var(--ink);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);--spark-fill:#ff4fd829;--spark-line:#ff4fd8d9;border-radius:12px;align-items:center;gap:12px;padding:8px 12px;display:flex;position:fixed;bottom:32px;left:16px;right:16px}#timeline button{font:inherit;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;padding:6px 10px}#timeline button:hover,#timeline button:focus-visible{border-color:var(--neon);outline:none}.tl-play{width:40px;font-size:14px}.tl-ranges,.tl-speed{gap:4px;display:flex}#timeline .tl-ranges button[aria-pressed=true],#timeline .tl-speed button[aria-pressed=true]{background:var(--neon);color:var(--bg);border-color:var(--neon)}.tl-speed button{font-variant-numeric:tabular-nums;padding:6px 8px}.tl-track{flex:1;min-width:120px;height:100%;position:relative}.tl-spark{width:100%;height:calc(100% - 14px);position:absolute;inset:0 0 14px}.tl-slider{appearance:none;cursor:pointer;background:0 0;width:100%;height:calc(100% - 14px);margin:0;position:absolute;inset:0 0 14px}.tl-slider::-webkit-slider-thumb{appearance:none;background:var(--ink);width:3px;height:34px;box-shadow:0 0 8px var(--neon);border-radius:2px}.tl-slider::-moz-range-thumb{background:var(--ink);border:0;border-radius:2px;width:3px;height:34px}.tl-slider:focus-visible{outline:1px solid var(--neon)}.tl-ticks{height:12px;color:var(--dim);pointer-events:none;font-size:10px;position:absolute;bottom:0;left:0;right:0}.tl-ticks span{white-space:nowrap;position:absolute;transform:translate(-50%)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#globe{image-rendering:pixelated;pointer-events:auto;position:fixed;top:16px;left:16px}#search{width:280px;font-size:13px;position:fixed;top:24px;left:128px}#search input{width:100%;font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px;padding:8px 12px}#search input::placeholder{color:var(--dim)}#search input:focus{border-color:var(--neon);outline:none}#search ul{border:1px solid var(--line);background:#0d0b21;border-radius:10px;margin:4px 0 0;padding:4px;list-style:none}#search li{cursor:pointer;border-radius:6px;justify-content:space-between;gap:10px;padding:6px 8px;display:flex}#search li[aria-selected=true],#search li:hover{background:#ff4fd829}#search .s-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#search .s-status{color:var(--dim);font-variant-numeric:tabular-nums;flex:none}#search .search-empty{color:var(--dim);margin:4px 0 0}#search .search-empty:empty{display:none}#hint{color:var(--ink);background:var(--panel);border:1px solid var(--line);white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;margin:0;padding:7px 14px;font-size:13px;position:fixed;top:22px;left:50%;transform:translate(-50%)}#panel{width:320px;max-height:calc(100% - 140px);color:var(--ink);border:2px solid var(--pn-color,var(--neon));--pn-color:var(--neon);background:#171436;border-radius:2px;padding:12px 14px;font-size:13px;line-height:1.45;position:fixed;top:0;left:0;overflow:auto;box-shadow:0 0 0 2px #05040e}#panel[hidden]{display:none}#panel header{align-items:flex-start;gap:8px;display:flex}#panel h2{color:var(--pn-color);flex:1;margin:0;font-size:18px;line-height:1.25}#panel .pn-close{font:inherit;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;width:32px;height:32px;font-size:20px;line-height:1}#panel .pn-close:hover,#panel .pn-close:focus-visible{border-color:var(--neon);outline:none}#panel .pn-now{font-variant-numeric:tabular-nums;margin:6px 0 10px}#panel .pn-ranges{gap:4px;margin-bottom:8px;display:flex}#panel .pn-ranges button{font:inherit;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;padding:4px 9px}#panel .pn-ranges button[aria-pressed=true]{background:var(--neon);color:var(--bg);border-color:var(--neon)}#panel .pn-ranges button:focus-visible{outline:1px solid var(--neon)}#panel .pn-chart{cursor:crosshair;background:#05040e80;border-radius:6px;width:100%;height:150px;display:block}#panel .pn-line{fill:none;stroke:var(--pn-color);stroke-width:2px;stroke-linejoin:round}#panel .pn-grid{stroke:var(--line);stroke-width:1px}#panel .pn-tick{fill:var(--dim);font-size:10px}#panel .pn-marker{stroke:var(--ink);stroke-width:1.5px}#panel .pn-stats{font-variant-numeric:tabular-nums;margin:8px 0 4px}#panel .pn-note{color:var(--dim);margin:0;font-size:11px}@media (max-width:640px){#panel{width:auto;max-height:46vh;padding:10px 12px;right:8px;top:auto!important;left:8px!important}#globe{top:8px;left:8px}#search{width:auto;top:14px;left:80px;right:104px}#corner{top:12px;right:8px}#toast{top:58px;right:8px}#hint{white-space:normal;text-align:center;border-radius:10px;top:60px;left:8px;right:8px;transform:none}#panel .pn-chart{height:110px}#timeline{flex-wrap:wrap;gap:8px;height:auto;padding:8px;bottom:28px;left:8px;right:8px}.tl-track{flex-basis:100%;height:44px}#credit{left:12px;right:12px}.credit-long{display:none}.credit-short{display:inline}}@media (prefers-reduced-motion:reduce){.tl-slider::-webkit-slider-thumb{box-shadow:none}}