:root{--bg: #040508;--panel: rgba(10, 13, 20, .78);--line: rgba(255, 179, 71, .22);--line-dim: rgba(160, 175, 200, .14);--amber: #ffb347;--amber-hot: #ffd9a0;--ink: #d6dce8;--ink-dim: #7d8699;--display: "Michroma", sans-serif;--mono: "IBM Plex Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--mono);overflow:hidden;-webkit-font-smoothing:antialiased}.app{position:fixed;top:0;right:0;bottom:0;left:0}canvas.space{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.label-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.obj-label{position:absolute;top:0;left:0;display:flex;align-items:center;gap:6px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;text-shadow:0 0 6px rgba(0,0,0,.9);transition:opacity .25s;will-change:transform}.obj-label i{width:14px;height:1px;background:currentColor;opacity:.6}.obj-label span{transform:translateY(-1px)}.obj-label.kind-sun{font-size:11px;letter-spacing:.22em}.obj-label.kind-asteroid{font-size:9px;opacity:.92}.masthead{position:absolute;top:26px;left:30px;pointer-events:none;max-width:380px}.mast-rule{width:54px;height:2px;background:var(--amber);box-shadow:0 0 12px var(--amber);margin-bottom:14px}.masthead h1{font-family:var(--display);font-size:clamp(17px,2.2vw,26px);line-height:1.35;text-transform:uppercase;letter-spacing:.08em;color:#f3f5fa}.mast-sub{margin-top:10px;font-size:11px;letter-spacing:.08em;color:var(--ink-dim)}.mast-sub strong{color:var(--amber);font-weight:600}.stream-bar{margin-top:10px;width:220px;height:2px;background:var(--line-dim)}.stream-bar>div{height:100%;background:var(--amber);box-shadow:0 0 8px var(--amber);transition:width .4s}.panel{position:absolute;top:26px;right:26px;width:252px;padding:18px 16px 16px;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .3s}.panel.hidden{transform:translate(120%);opacity:0;pointer-events:none}.panel:before{content:"";position:absolute;top:-1px;left:-1px;width:14px;height:14px;border-top:2px solid var(--amber);border-left:2px solid var(--amber)}.panel h2{font-family:var(--display);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--amber);margin:16px 0 10px}.panel h2:first-child{margin-top:0}.panel-toggle{position:absolute;top:26px;right:26px;z-index:5;width:34px;height:34px;background:var(--panel);border:1px solid var(--line);color:var(--amber);font-size:15px;cursor:pointer;font-family:var(--mono)}.panel-toggle.open{right:292px}.legend{list-style:none}.legend-row{display:flex;align-items:center;gap:9px;width:100%;padding:5px 4px;background:none;border:none;color:var(--ink);font-family:var(--mono);font-size:11px;cursor:pointer;text-align:left;transition:opacity .2s}.legend-row:hover{background:#ffb3470f}.legend-row.off{opacity:.32}.legend-row.off i{box-shadow:none!important;background:var(--ink-dim)!important}.legend-row i{flex:0 0 8px;width:8px;height:8px;border-radius:50%}.legend-name{flex:1;letter-spacing:.02em}.legend-count{color:var(--ink-dim);font-size:10px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:5px 9px;background:#ffffff08;border:1px solid var(--line-dim);color:var(--ink);font-family:var(--mono);font-size:10px;letter-spacing:.04em;cursor:pointer;transition:all .15s}.chip:hover{border-color:var(--amber);color:var(--amber-hot)}.chip.active{background:#ffb34724;border-color:var(--amber);color:var(--amber-hot)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:2px;background:var(--line-dim);outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--amber);border-radius:50%;box-shadow:0 0 10px var(--amber);cursor:grab}input[type=range]::-moz-range-thumb{width:12px;height:12px;background:var(--amber);border:none;border-radius:50%;box-shadow:0 0 10px var(--amber)}.timebar{position:absolute;left:50%;bottom:26px;transform:translate(-50%);display:flex;align-items:center;gap:18px;padding:12px 18px;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.timebar:after{content:"";position:absolute;bottom:-1px;right:-1px;width:14px;height:14px;border-bottom:2px solid var(--amber);border-right:2px solid var(--amber)}.play{width:40px;height:40px;background:#ffb3471a;border:1px solid var(--amber);color:var(--amber);font-size:13px;cursor:pointer;transition:all .15s}.play:hover{background:#ffb34740;box-shadow:0 0 14px #ffb34759}.date-block{display:flex;flex-direction:column;gap:2px;min-width:110px}.date-label{font-size:8px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim)}.date-value{font-size:17px;font-weight:500;color:var(--amber-hot);font-variant-numeric:tabular-nums}.speed-block{display:flex;flex-direction:column;gap:6px;width:190px}.speed-value{font-size:10px;color:var(--ink-dim);letter-spacing:.06em;text-align:center}.today{padding:8px 13px;background:none;border:1px solid var(--line-dim);color:var(--ink);font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:all .15s}.today:hover{border-color:var(--amber);color:var(--amber-hot)}.credit{position:absolute;left:30px;bottom:26px;max-width:300px;font-size:9px;line-height:1.7;letter-spacing:.04em;color:#7d8699a8;pointer-events:none}.boot{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:radial-gradient(ellipse 70% 50% at 50% 42%,rgba(255,154,50,.06),transparent 70%),var(--bg)}.boot-inner{text-align:center;animation:boot-in .9s cubic-bezier(.2,.8,.2,1) both}@keyframes boot-in{0%{opacity:0;transform:translateY(14px)}}.boot-orbit{position:relative;width:110px;height:110px;margin:0 auto 34px}.boot-orbit:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;margin:-5px;border-radius:50%;background:var(--amber-hot);box-shadow:0 0 18px var(--amber)}.boot-orbit i{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(255,179,71,.35);border-radius:50%;animation:orbit-spin 3.2s linear infinite}.boot-orbit i:after{content:"";position:absolute;top:-2px;left:50%;width:4px;height:4px;border-radius:50%;background:var(--amber);box-shadow:0 0 8px var(--amber)}.boot-orbit i:nth-child(1){transform:rotateX(64deg) rotateY(8deg)}.boot-orbit i:nth-child(2){top:14px;right:14px;bottom:14px;left:14px;animation-duration:2.3s;animation-direction:reverse;transform:rotateX(60deg) rotateY(-12deg)}.boot-orbit i:nth-child(3){top:30px;right:30px;bottom:30px;left:30px;animation-duration:1.6s}@keyframes orbit-spin{to{transform:rotateX(62deg) rotate(360deg)}}.boot h1{font-family:var(--display);font-size:clamp(18px,3vw,30px);text-transform:uppercase;letter-spacing:.14em;color:#f3f5fa}.boot-src{margin-top:12px;font-size:10px;letter-spacing:.34em;color:var(--amber)}.boot-bar{width:300px;max-width:70vw;height:2px;margin:34px auto 14px;background:var(--line-dim)}.boot-bar>div{height:100%;background:var(--amber);box-shadow:0 0 10px var(--amber);transition:width .45s}.boot-status{font-size:11px;color:var(--ink-dim);letter-spacing:.08em}.boot-err{margin-top:26px;color:#ff6b5e;font-size:12px;max-width:420px}@media(max-width:760px){.masthead{top:18px;left:18px;max-width:240px}.panel{top:64px;right:14px;width:232px}.panel-toggle{top:18px;right:14px}.panel-toggle.open{right:14px;top:18px;z-index:6}.credit{display:none}.timebar{left:10px;right:10px;transform:none;gap:10px;padding:10px 12px;flex-wrap:wrap;justify-content:center}.speed-block{width:150px}}