:root{color-scheme:dark;--panel-bg: rgba(9, 14, 26, .72);--panel-border: rgba(120, 160, 220, .22);--text: #e8eefb;--text-dim: #9bb0d0;--accent: #7fc4ff;--focus-ring: #ffd479}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#03050c;color:var(--text);font:14px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans KR,sans-serif;overflow:hidden}#viewport{position:fixed;inset:0;width:100%;height:100%;display:block;cursor:grab}#viewport:active{cursor:grabbing}#globe-layer{position:fixed;inset:0;pointer-events:none;opacity:1}.globe-host{position:absolute;inset:0;transition:opacity .12s linear}.globe-host canvas{width:100%;height:100%;display:block}.globe-host .cesium-viewer-toolbar,.globe-host .cesium-viewer-animationContainer,.globe-host .cesium-viewer-timelineContainer,.globe-host .cesium-viewer-fullscreenContainer{display:none}.globe-host .cesium-widget-credits{font-size:11px;color:var(--text-dim)}.globe-host .cesium-widget-credits{position:absolute;right:8px;bottom:6px;left:auto;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.8)}.hud{position:fixed;inset:0;display:grid;grid-template-columns:minmax(220px,260px) 1fr;grid-template-rows:auto 1fr auto;gap:12px;padding:16px;pointer-events:none}.hud__header{grid-column:1 / -1}.hud__header h1{margin:0;font-size:15px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text)}.hud__hint{margin:4px 0 0;font-size:12px;color:var(--text-dim)}.panel{grid-column:1;align-self:start;pointer-events:auto;padding:12px;border:1px solid var(--panel-border);border-radius:10px;background:var(--panel-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:260px}.panel h2{margin:0 0 8px;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim)}.body-list{list-style:none;margin:0;padding:0;display:grid;gap:2px;max-height:42vh;overflow-y:auto}.body-list__button{width:100%;display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.body-list__button:hover{background:#78aaeb24}.body-list__button[aria-current=true]{border-color:#7fc4ff8c;background:#7fc4ff2e}.body-list__button--moon{padding-left:22px;font-size:13px;color:var(--text-dim)}.swatch{width:10px;height:10px;flex:0 0 auto;border-radius:50%;box-shadow:0 0 6px currentColor}.body-list__ko{margin-left:auto;font-size:11px;color:var(--text-dim)}.row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.btn{padding:5px 10px;border:1px solid var(--panel-border);border-radius:6px;background:#7fc4ff1f;color:var(--text);font:inherit;cursor:pointer}.btn:hover{background:#7fc4ff38}.slider{width:100%;accent-color:var(--accent)}.value{font-variant-numeric:tabular-nums;font-size:12px}.value--dim{display:block;margin-top:6px;color:var(--text-dim)}.readout{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;margin:0;font-size:12px}.readout dt{color:var(--text-dim)}.readout dd{margin:0;font-variant-numeric:tabular-nums}.notice{position:fixed;left:50%;bottom:22px;transform:translate(-50%);padding:8px 14px;border:1px solid var(--panel-border);border-radius:999px;background:var(--panel-bg);color:var(--text);font-size:12px;opacity:0;transition:opacity .22s ease;pointer-events:none}.notice[data-visible=true]{opacity:1}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media(max-width:720px){.hud{grid-template-columns:1fr}.panel{max-width:none}.body-list{max-height:26vh}}