*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#e0e8ff;background:#000008;width:100%;height:100%;font-family:Segoe UI,system-ui,sans-serif;overflow:hidden}#app{flex-direction:column;width:100vw;height:100vh;display:flex}header{background:#00001ed9;border-bottom:1px solid #0096ff33;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:24px;padding:12px 20px;display:flex}header h1{letter-spacing:.08em;text-transform:uppercase;color:#00dcff;white-space:nowrap;font-size:1.2rem;font-weight:700}.controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.controls label{color:#90aac0;white-space:nowrap;font-size:.85rem}#date-input{color:#e0f0ff;cursor:pointer;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#001e3ce6;border:1px solid #0096ff66;border-radius:6px;outline:none;padding:6px 10px;font-size:.9rem}#date-input:focus{border-color:#00dcff;box-shadow:0 0 0 2px #00dcff26}.hint{color:#96b4d299;white-space:nowrap;font-size:.75rem}#start-audio-btn,#help-btn{color:#e0f0ff;cursor:pointer;background:#001e3ccc;border:1px solid #0064c84d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,border-color .15s,color .15s,opacity .15s;display:flex}#start-audio-btn{letter-spacing:.04em;text-transform:uppercase;min-width:110px;height:36px;margin-left:auto;padding:0 14px;font-size:.8rem;font-weight:600}#help-btn{border-radius:50%;width:36px;height:36px;font-size:1rem;font-weight:700;line-height:1}#start-audio-btn:hover,#help-btn:hover{background:#003c78e6;border-color:#00b4ff80}#space{cursor:grab;flex:1;width:100%;display:block}.object-info-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;background:#031026eb;border:1px solid #00aaff59;border-radius:14px;width:min(320px,100vw - 40px);padding:16px 18px 18px;position:fixed;bottom:76px;right:20px;box-shadow:0 16px 50px #00000073}.object-info-panel[hidden]{display:none}.object-info-eyebrow{color:#72dfff;letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px;font-size:.72rem;font-weight:700}.object-info-panel h2{color:#f2f8ff;margin-right:28px;font-size:1.15rem}.object-info-meta{color:#80bad8;text-transform:capitalize;margin-top:8px;font-size:.88rem}.object-info-description{color:#dbe9f8;margin-top:10px;font-size:.94rem;line-height:1.5}.object-info-close{color:#d4e8ff;cursor:pointer;background:#001937cc;border:1px solid #78b4dc59;border-radius:50%;width:28px;height:28px;font-size:1.1rem;line-height:1;position:absolute;top:10px;right:10px}.object-info-close:hover{color:#fff;border-color:#00dcffbf}.zoom-presets{background:#000014d9;border-top:1px solid #0096ff26;flex-shrink:0;gap:6px;padding:8px 16px;display:flex;overflow-x:auto}.zoom-preset{color:#80a8c8;cursor:pointer;white-space:nowrap;background:#001e3ccc;border:1px solid #0064c84d;border-radius:20px;padding:5px 14px;font-size:.78rem;transition:background .15s,border-color .15s,color .15s}.zoom-preset:hover{color:#c0e0ff;background:#003c78cc;border-color:#00b4ff80}.zoom-preset.active{color:#00dcff;background:#0050a0e6;border-color:#00dcff}.modal-overlay{z-index:10;background:#000014b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-overlay[hidden]{display:none}.modal{background:#031026f5;border:1px solid #0af6;border-radius:12px;width:min(680px,100%);max-height:min(80vh,680px);padding:28px 24px 22px;position:relative;overflow-y:auto;box-shadow:0 16px 60px #0000008c}.modal h2{color:#7ce8ff;margin-bottom:14px;font-size:1.25rem}.modal p{color:#d4e8ff;margin-bottom:12px;line-height:1.6}.modal p:last-child{margin-bottom:0}.modal-close{color:#d4e8ff;cursor:pointer;background:#001937cc;border:1px solid #78b4dc73;border-radius:50%;width:34px;height:34px;font-size:1.35rem;line-height:1;position:absolute;top:8px;right:8px}.modal-close:hover{color:#fff;border-color:#00dcffbf}@media (width<=720px){.object-info-panel{width:auto;bottom:68px;left:12px;right:12px}}