:root{--bg:#05070b;--surface:#0e1218d1;--border:#ffffff14;--text:#e6ebf0;--muted:#8a96a3;--accent:#8fe3c0;--accent-strong:#c8f5e2;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;overflow:hidden}#scene,#scene canvas{position:fixed;inset:0}.planet-label{pointer-events:none;width:0;height:0}.planet-label span{color:var(--muted);white-space:nowrap;font-size:11px;position:absolute;top:-.6em;left:9px}#panel{background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:12px;flex-direction:column;width:260px;display:flex;position:fixed;top:16px;bottom:88px;left:16px;overflow:hidden}#panel header{border-bottom:1px solid var(--border);padding:14px 16px 10px}#panel h1{letter-spacing:.01em;margin:0;font-size:15px;font-weight:600}#subtitle{color:var(--muted);margin:4px 0 0;font-size:12px}#list{flex:1;margin:0;padding:6px;list-style:none;overflow-y:auto}#list li{cursor:default;border-radius:6px;align-items:baseline;gap:8px;padding:6px 10px;font-size:13px;display:flex}#list li .num{color:var(--muted);font-variant-numeric:tabular-nums;min-width:42px;font-size:11px}#list li.active{color:var(--accent-strong);background:#8fe3c024}#timebar{background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:12px;align-items:center;gap:16px;padding:8px 8px 8px 16px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}#clock{flex-direction:column;min-width:190px;display:flex}#date{font-variant-numeric:tabular-nums;font-size:14px}#mode{color:var(--muted);font-size:11px}#speeds{gap:4px;display:flex}#speeds button{font:inherit;color:var(--muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;padding:6px 10px;font-size:12px}#speeds button:hover{color:var(--text)}#speeds button.active{color:var(--bg);background:var(--accent);border-color:var(--accent)}#tooltip{z-index:10;pointer-events:none;background:var(--surface);white-space:nowrap;border:1px solid #8fe3c066;border-radius:8px;padding:8px 10px;font-size:12px;position:fixed;transform:translate(14px,-50%)}#tooltip strong{color:var(--accent-strong);font-size:13px;display:block}#tooltip span{color:var(--muted)}@media (width<=640px){#panel{display:none}#timebar{flex-wrap:wrap;justify-content:center;left:16px;right:16px;transform:none}}#card{z-index:5;color:#10241b;background:#cdeedd;border:1px solid #cdeedd59;border-radius:14px;flex-direction:column;width:300px;max-height:calc(100% - 120px);display:flex;position:fixed;top:0;left:0;overflow:hidden;box-shadow:0 12px 40px #00000080}#card[hidden]{display:none}#card-close{z-index:1;color:#fff;cursor:pointer;background:#10241b8c;border:0;border-radius:50%;place-items:center;width:28px;height:28px;padding:0;display:grid;position:absolute;top:8px;right:8px}#card-media{background-color:#97aea1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%232c3d34' d='M14 22c3-9 13-14 22-12 9 1 17 7 18 16 2 8-2 15-6 20-5 6-13 9-21 7-8-1-14-7-16-14-1-6 0-12 3-17z'/%3E%3Ccircle cx='26' cy='26' r='4' fill='%2397aea1'/%3E%3Ccircle cx='40' cy='36' r='6' fill='%2397aea1'/%3E%3Ccircle cx='27' cy='44' r='3' fill='%2397aea1'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:72px;flex:none;height:170px}#card-media.has-image{background:#000}#card-media img{object-fit:contain;width:100%;height:100%;display:block}#card-body{padding:14px 16px 16px;overflow-y:auto}#card-title{margin:0;font-size:16px;font-weight:700}#card-description{color:#3d5a4c;margin:2px 0 0;font-size:12px}#card-description:empty{display:none}#card-extract{margin:10px 0 12px;font-size:13px;line-height:1.5}#card-link{color:#1d6b4a;font-size:13px;font-weight:600;text-decoration:none}#card-link:hover{text-decoration:underline}#list li{cursor:pointer}#list li.selected{color:var(--accent-strong);background:#8fe3c03d}@media (width<=640px){#card{width:auto;max-height:55%;inset:auto 16px 120px;transform:none!important}#card-media{height:120px}}