:root{--panel-bg: rgba(18, 22, 28, .82);--panel-fg: #f2f5f8;--accent: #3ea6ff}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#cesiumContainer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#ui{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}#ui .panel,#ui .credit{pointer-events:auto}.panel{position:absolute;top:16px;left:16px;width:220px;padding:16px 18px;background:var(--panel-bg);color:var(--panel-fg);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 6px 24px #00000059}.panel h1{margin:0;font-size:20px;letter-spacing:.5px}.panel .subtitle{margin:2px 0 14px;font-size:12px;opacity:.65}.toggle{display:flex;align-items:center;gap:8px;font-size:14px;margin:8px 0;cursor:pointer}.toggle input{accent-color:var(--accent)}.viewpoints{margin-top:14px;display:flex;flex-direction:column;gap:8px}.viewpoints button{pointer-events:auto;padding:8px 10px;font-size:13px;color:var(--panel-fg);background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:8px;cursor:pointer;transition:background .15s ease}.viewpoints button:hover{background:var(--accent);border-color:var(--accent);color:#06121f}.credit{position:absolute;bottom:8px;right:12px;font-size:11px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8)}.season{display:flex;gap:6px;margin:10px 0 4px}.season button{flex:1;padding:7px 0;font-size:13px;color:var(--panel-fg);background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:8px;cursor:pointer}.season button.active{background:var(--accent);border-color:var(--accent);color:#06121f;font-weight:600}.group-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;opacity:.5;margin:14px 0 6px}