:root{--bg:#000;--panel:#0c101a94;--panel-strong:#0e121ed1;--line:#ffffff17;--text:#e8ecf4;--muted:#8d97ab;--accent:#7cc4ff;--live:#3ddc84;--warn:#ffb547;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:14px/1.45 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}#scene,#scene canvas{touch-action:none;display:block;position:fixed;inset:0}.label-layer{pointer-events:none;inset:0;position:fixed!important}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px)saturate(140%);box-shadow:0 8px 30px #00000059}.label{pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;gap:7px;margin-left:-5px;display:flex}.label .dot{border:1.5px solid var(--c);background:color-mix(in srgb, var(--c) 35%, transparent);width:10px;height:10px;box-shadow:0 0 8px color-mix(in srgb, var(--c) 70%, transparent);border-radius:50%;transition:transform .15s}.label .name{letter-spacing:.02em;color:#ebf0fad9;text-shadow:0 1px 3px #000,0 0 8px #000;font-size:12px;font-weight:600;transition:color .15s}.label.moon .dot{border-width:1px;width:7px;height:7px}.label.moon .name{color:#d2dae8b8;font-size:11px;font-weight:500}.label.star .name{color:#ffd98a}.label:hover .name,.label.selected .name{color:#fff}.label:hover .dot{transform:scale(1.35)}.label.big .dot{opacity:0}#top{align-items:center;gap:22px;padding:12px 18px 12px 14px;display:flex;position:fixed;top:16px;left:16px}.brand{align-items:center;gap:12px;display:flex}.logo{background:radial-gradient(circle at 40% 38%,#fff4c9,#ffc857 35%,#f08a24 75%,#b8430f);border-radius:50%;width:34px;height:34px;position:relative;box-shadow:0 0 18px #ffb44699}.logo:after{content:"";border:2px solid #a0bedccc;border-radius:50%;position:absolute;inset:11px -9px;transform:rotate(-20deg)}.logo.big{width:56px;height:56px}.logo.big:after{inset:18px -14px}h1{letter-spacing:.01em;margin:0;font-size:16px;font-weight:700}#live{white-space:nowrap;letter-spacing:.12em;color:var(--warn);align-items:center;gap:6px;margin-top:2px;font-size:10.5px;font-weight:700;display:inline-flex}#live i{background:currentColor;border-radius:50%;width:7px;height:7px}#live.on{color:var(--live)}#live.on i{animation:1.6s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #3ddc84b3}70%{box-shadow:0 0 0 7px #3ddc8400}to{box-shadow:0 0 #3ddc8400}}.clock{text-align:right;font-variant-numeric:tabular-nums;border-left:1px solid var(--line);padding-left:18px}#clock-time{letter-spacing:.02em;font-size:22px;font-weight:600;line-height:1.1}#clock-date{color:var(--text);opacity:.85;font-size:12px}#clock-utc{color:var(--muted);font-size:10.5px}#lang{border-left:1px solid var(--line);flex-direction:column;gap:3px;padding-left:14px;display:flex}#lang button{letter-spacing:.08em;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:6px;padding:2px 7px;font-size:10.5px;font-weight:700}#lang button:hover{color:var(--text);background:#ffffff0f}#lang button.active{color:#fff;background:#7cc4ff2e;border-color:#7cc4ff66}.tg i{font-style:normal}#timebar{align-items:center;gap:6px;padding:8px;display:flex;position:fixed;bottom:16px;left:16px}button.icon{background:0 0;border:1px solid #0000;border-radius:10px;place-items:center;width:36px;height:36px;transition:background .15s;display:grid}button.icon:hover{background:#ffffff14}button.icon svg{fill:currentColor;width:20px;height:20px}button.icon.play{background:#7cc4ff29;border-color:#7cc4ff4d}#speed{text-align:center;font-variant-numeric:tabular-nums;min-width:124px;font-size:13px;font-weight:600}button.pill{color:#bff5d6;letter-spacing:.06em;background:#3ddc8426;border:1px solid #3ddc8473;border-radius:99px;height:30px;padding:0 12px;font-size:12px;font-weight:700}button.pill:disabled{opacity:.35;cursor:default}#date-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;bottom:0;right:40px}#nav{scrollbar-width:none;gap:2px;max-width:calc(100vw - 32px);padding:6px;display:flex;position:fixed;bottom:16px;left:50%;overflow-x:auto;transform:translate(-50%)}#nav::-webkit-scrollbar{display:none}.nav-btn{min-width:64px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:5px;padding:7px 9px 5px;font-size:11.5px;transition:background .15s,color .15s;display:flex}.nav-btn:hover{color:var(--text);background:#ffffff0f}.nav-btn.active{border-color:var(--line);color:#fff;background:#ffffff17}.orb{background:radial-gradient(circle at 35% 32%, color-mix(in srgb, var(--c,#999) 40%, #fff), var(--c,#999) 45%, color-mix(in srgb, var(--c,#999) 35%, #000) 100%);border-radius:50%;flex:none;width:18px;height:18px;display:inline-block;box-shadow:inset -3px -3px 6px #00000073}.orb.sun{background:radial-gradient(circle at 40% 38%,#fff4c9,#ffc857 40%,#f08a24);box-shadow:0 0 10px #ffb347}.orb.earth{background:radial-gradient(circle at 35% 32%,#bfe3ff,#2f7fd8 45%,#1d4f2c 80%,#0c2440)}.orb.jupiter{background:repeating-linear-gradient(170deg,#e7c9a1 0 3px,#b8835a 3px 5px,#efdcc0 5px 7px);box-shadow:inset -3px -3px 6px #00000080}.orb.saturn{background:repeating-linear-gradient(175deg,#f2dfb0 0 3px,#cfb07a 3px 6px);box-shadow:inset -3px -3px 6px #00000080}.orb.mars{background:radial-gradient(circle at 35% 32%,#f7b28f,#c9502b 50%,#6d2410)}.nav-btn .orb.saturn:after{content:""}.orb.big{width:44px;height:44px}#info{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;width:372px;padding:18px 18px 14px;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .3s;position:fixed;top:16px;bottom:16px;right:16px;overflow:hidden auto}#info.collapsed{opacity:0;pointer-events:none;transform:translate(calc(100% + 24px))}#info-open{width:40px;height:40px;font-family:Georgia,serif;font-size:18px;font-style:italic;font-weight:700;display:none;position:fixed;top:16px;right:16px}#info.collapsed+#info-open{display:block}.info-head{grid-template-columns:auto 1fr auto;align-items:center;gap:14px;display:grid}#info-name{letter-spacing:-.01em;margin:0;font-size:24px;font-weight:700}#info-sub{color:var(--muted);font-size:12.5px}#info-desc{color:#c9d1de;margin:14px 0 6px;font-size:13.2px}#info h3{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);align-items:center;gap:7px;margin:18px 0 8px;font-size:10.5px;display:flex}#info h3 .pulse{background:var(--live);border-radius:50%;width:6px;height:6px;animation:1.6s infinite pulse}.facts{background:var(--line);border:1px solid var(--line);border-radius:10px;gap:1px;margin:0;display:grid;overflow:hidden}.facts .row{background:#0a0e16b8;grid-template-columns:44% 1fr;gap:10px;padding:7px 10px;display:grid}.facts dt{color:var(--muted);font-size:12px}.facts dd{font-variant-numeric:tabular-nums;text-align:right;margin:0;font-size:12.5px}.facts dd small{color:var(--muted);font-size:11px;display:block}.facts.live dd{color:#fff;font-weight:600}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);background:#ffffff0a;border-radius:99px;align-items:center;gap:6px;padding:4px 10px 4px 5px;font-size:12px;display:inline-flex}.chip:hover{background:#ffffff1a}.chip .orb{width:14px;height:14px}#info-highlights{color:#c9d1de;margin:14px 0 0;padding-left:18px;font-size:12.5px}#info-highlights li{margin:4px 0}#info-highlights li::marker{color:var(--accent)}#settings{width:50px;padding:6px;transition:width .25s;position:fixed;top:108px;left:16px;overflow:hidden}#settings.open{width:290px}#settings .settings-body{padding:8px 10px 6px;display:none}#settings.open .settings-body{display:block}.lbl{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.lbl b{color:var(--text);font-weight:600}#scale{width:100%;accent-color:var(--accent);margin:10px 0}.seg{grid-template-columns:1fr 1fr;gap:4px;margin-bottom:10px;display:grid}.seg button{border:1px solid var(--line);background:#ffffff08;border-radius:8px;padding:6px;font-size:12px}.seg button.active{background:#7cc4ff2e;border-color:#7cc4ff66}.tg{cursor:pointer;align-items:center;gap:10px;padding:6px 0;font-size:13px;display:flex}.tg input{display:none}.tg span{background:#ffffff26;border-radius:99px;flex:none;width:30px;height:17px;transition:background .2s;position:relative}.tg span:after{content:"";background:#fff;border-radius:50%;width:13px;height:13px;transition:transform .2s;position:absolute;top:2px;left:2px}.tg input:checked+span{background:var(--accent)}.tg input:checked+span:after{transform:translate(13px)}.hint{color:var(--muted);margin:10px 0 0;font-size:11.5px;line-height:1.6}kbd{border:1px solid var(--line);background:#ffffff0f;border-radius:4px;padding:1px 5px;font:10.5px ui-monospace,monospace}#loading{z-index:10;background:radial-gradient(circle at 50% 45%,#0b1224,#000 70%);place-items:center;transition:opacity .8s;display:grid;position:fixed;inset:0}#loading.done{opacity:0;pointer-events:none}.loading-box{justify-items:center;gap:18px;display:grid}.loading-title{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:11px}.bar{background:#ffffff1a;border-radius:3px;width:220px;height:3px;overflow:hidden}#loading-bar{background:linear-gradient(90deg,#ffc857,#7cc4ff);width:0;height:100%;transition:width .3s}@media (max-width:1100px){#nav{bottom:76px}}@media (max-width:760px){#top{justify-content:space-between;padding:10px 12px;top:10px;left:10px;right:10px}#settings{top:86px;left:10px}#timebar{justify-content:center;bottom:10px;left:10px;right:10px}#nav{max-width:none;bottom:68px;left:10px;right:10px;transform:none}#info{width:auto;max-height:42vh;inset:auto 10px 150px}#info.collapsed{transform:translateY(calc(100% + 170px))}#info-open{top:86px;right:10px}.nav-btn{min-width:56px;padding:6px 6px 4px}}