:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e2e8f0;background:#020617;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 0 0,#0f172a,#020617 40%,#01040d 100%)}button,input{font:inherit}.app-shell{grid-template-columns:380px 1fr;height:100vh;display:grid;overflow:hidden}.sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#020617d1;border-right:1px solid #94a3b829;height:100vh;padding:24px;overflow:hidden}.info-panel-scroll{height:100%;padding-right:6px;overflow:hidden auto}.info-panel-scroll::-webkit-scrollbar{width:10px}.info-panel-scroll::-webkit-scrollbar-track{background:#0f172a59;border-radius:999px}.info-panel-scroll::-webkit-scrollbar-thumb{background:#7dd3fc47;border-radius:999px}.info-panel-scroll::-webkit-scrollbar-thumb:hover{background:#7dd3fc6b}.scene-area{height:100vh;min-height:100vh;overflow:hidden}.info-panel{flex-direction:column;gap:20px;display:flex}.panel-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#7dd3fc;margin:0 0 8px;font-size:12px;font-weight:700}.info-panel h1,.info-panel h2,.info-panel p{margin-top:0}.info-card,.planet-list{background:#0f172a9e;border:1px solid #94a3b824;border-radius:20px;padding:16px}.collapsible-card{padding:0;overflow:hidden}.collapse-toggle{width:100%;color:inherit;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.collapse-content{padding:0 16px 16px}.collapse-label{margin:0}.collapse-icon{color:#f8fafc;background:#0206178c;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;line-height:1;display:inline-flex}.collapse-icon.open{background:#0ea5e92e}.section-subtitle{margin-top:18px}.label{text-transform:uppercase;letter-spacing:.08em;color:#7dd3fc;margin-bottom:8px;font-size:12px;font-weight:700}.toggle-row,.preset-row,.time-row{flex-wrap:wrap;gap:8px;display:flex}.time-row{color:#cbd5e1;justify-content:space-between;align-items:baseline;margin-top:10px;font-size:13px}.toggle-btn,.preset-btn{color:#cbd5e1;cursor:pointer;background:#0f172ad1;border:1px solid #94a3b833;border-radius:12px;padding:8px 12px}.toggle-btn.active,.preset-btn.active{color:#f8fafc;background:#0ea5e92e;border-color:#7dd3fc8c}.metric-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.metric-box{background:#02061773;border:1px solid #94a3b81f;border-radius:14px;padding:12px}.metric-box span{color:#94a3b8;margin-bottom:6px;font-size:12px;display:block}.metric-box strong{color:#f8fafc;font-size:14px;display:block}.planet-list{flex-direction:column;gap:8px;display:flex}.planet-row{color:#e2e8f0;cursor:pointer;text-align:left;background:#02061759;border:1px solid #94a3b81f;border-radius:14px;align-items:center;gap:10px;width:100%;padding:10px 12px;transition:background .15s,border-color .15s,transform .15s;display:flex}.planet-row:hover{background:#0ea5e91f;border-color:#7dd3fc59}.planet-row.active{background:#0ea5e92e;border-color:#7dd3fc8c}.planet-row:focus-visible{outline-offset:2px;outline:2px solid #7dd3fccc}.planet-dot{border-radius:999px;flex-shrink:0;width:12px;height:12px}.scene-hint{color:#cbd5e1;letter-spacing:.02em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;background:#020617a8;border:1px solid #94a3b829;border-radius:999px;padding:8px 12px;font-size:12px;box-shadow:0 10px 30px #0003}@media (width<=980px){html,body,#root{height:auto;overflow:auto}.app-shell{grid-template-rows:auto 1fr;grid-template-columns:1fr;height:auto;min-height:100vh;overflow:visible}.sidebar{height:auto;overflow:visible}.info-panel-scroll{height:auto;padding-right:0;overflow:visible}.scene-area{height:70vh;min-height:70vh}.metric-grid{grid-template-columns:1fr}}