:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef4ff;background:#02040a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}body.child-mode{--hud-width:320px}#solar-canvas{z-index:0;background:#02040a;width:100%;height:100%;display:block;position:fixed;inset:0}.hud{top:max(14px, env(safe-area-inset-top));width:auto;box-shadow:none;pointer-events:none;z-index:5;background:0 0;border:0;padding:0;position:fixed;right:14px}.hud__hidden-controls{display:none}.audio-action-button{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#f8fbfff0;pointer-events:auto;background:#060c187a;border-color:#e2e8f047;border-radius:999px;min-width:88px;min-height:44px;padding:0 16px;font-size:14px;font-weight:680;box-shadow:0 12px 34px #00000047}.audio-action-button.is-speaking{color:#fff8e5;background:#5b310c80;border-color:#fbbf2485}.audio-action-button:disabled{opacity:.72}h1,p{margin:0}h1{font-size:18px;font-weight:680;line-height:1.2}p,.scale-note{color:#e2e8f0ad;font-size:12px;line-height:1.4}button,select,input{font:inherit}button,select{color:#f8fbff;background:#0f172adb;border:1px solid #94a3b847;border-radius:6px}button{cursor:pointer;min-width:70px;padding:8px 10px}button:hover,select:hover{border-color:#7dd3fca6}button:disabled,select:disabled{cursor:not-allowed;opacity:.48}.control{color:#e2e8f0d1;gap:8px;margin-top:12px;font-size:12px;display:grid}.control input[type=range]{accent-color:#7dd3fc;width:100%}select{min-height:36px;padding:0 10px}.control-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.check{color:#e2e8f0d1;background:#0f172a94;border:1px solid #94a3b833;border-radius:6px;align-items:center;gap:8px;min-height:36px;padding:0 10px;font-size:12px;display:flex}.check input{accent-color:#7dd3fc}.mode-check{margin-top:12px}.audio-controls{grid-template-columns:minmax(0,1fr) auto auto;gap:8px;margin-top:12px;display:grid}.audio-controls button{min-width:70px;min-height:36px}.audio-status{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.scale-note,.discovery-panel{display:none}.discovery-title{color:#f8fbfff2;font-size:15px;font-weight:680;line-height:1.25}.discovery-body,.discovery-prompt{color:#e2e8f0b8;margin-top:8px;font-size:12px;line-height:1.45}.discovery-prompt{color:#bae6fde6}.planet-rail{left:50%;bottom:max(12px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);scrollbar-width:thin;z-index:4;background:#050a147a;border:1px solid #e2e8f02e;border-radius:8px;gap:8px;max-width:min(880px,100vw - 32px);padding:6px;display:flex;position:fixed;overflow-x:auto;transform:translate(-50%);box-shadow:0 16px 42px #00000057}.planet-chip{color:#f8fbffe6;background:#0f172ae0;border-radius:8px;flex:none;min-width:84px;min-height:42px}.planet-chip.is-active{color:#fff;background:#0e74907a;border-color:#7dd3fce0}.webgl-fallback{color:#eef4ff;text-align:center;z-index:10;background:#02040a;place-content:center;gap:12px;padding:24px;display:grid;position:fixed;inset:0}.webgl-fallback[hidden]{display:none}.webgl-fallback h2{margin:0;font-size:24px}.webgl-fallback p{color:#e2e8f0b8;max-width:420px}.labels{pointer-events:none;z-index:1;position:fixed;inset:0}.labels.hide-moon-labels .moon-label{display:none}.planet-label{color:#f8fbffe0;white-space:nowrap;text-shadow:0 1px 10px #000000d1;background:#0408109e;border:1px solid #e2e8f033;border-radius:999px;padding:2px 7px;font-size:11px;line-height:1.45;transform:translateY(-8px)}.moon-label{color:#d6e8ffd1;border-color:#7dd3fc2e;padding:1px 5px;font-size:10px}.loading{color:#e2e8f0c7;letter-spacing:.08em;text-transform:uppercase;z-index:4;font-size:13px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=720px){.hud{top:max(10px, env(safe-area-inset-top));right:10px}.control-grid,.audio-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.audio-check{grid-column:1/-1}.audio-controls button{min-width:0}h1{font-size:16px}.planet-rail{bottom:max(10px, env(safe-area-inset-bottom));max-width:calc(100vw - 18px)}.planet-chip{min-width:82px;min-height:40px}.scale-note{display:none}}@media (width<=460px){.audio-action-button{min-width:76px;min-height:40px;padding:0 14px;font-size:13px}}