:root{--panel-bg: rgba(9, 13, 24, .55);--panel-border: rgba(255, 255, 255, .09);--text-main: #dfe7f5;--text-dim: #93a1bd;--accent: #7fb2ff;--radius: 14px;--blur: blur(14px)}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#000;color:var(--text-main);font-family:Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif;-webkit-font-smoothing:antialiased}#app{position:fixed;inset:0}#scene-container,#scene-container canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#labels{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2}.body-label{pointer-events:auto;cursor:pointer;color:#fff;font-size:13px;letter-spacing:1px;white-space:nowrap;text-shadow:0 0 6px rgba(0,0,0,.9),0 1px 3px rgba(0,0,0,.9);user-select:none;transition:opacity .3s}.body-label.dim{opacity:.35}.compass{text-align:center;user-select:none;pointer-events:none;text-shadow:0 1px 4px rgba(0,0,0,.9)}.compass .c-main{display:block;font-size:20px;font-weight:600;color:#d7e4faeb;letter-spacing:2px}.compass .c-sub{display:block;font-size:11px;color:#b4c4e09e;letter-spacing:1px}.compass:not(.major) .c-main{font-size:14px;color:#becde8b3}.glass{background:var(--panel-bg);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:0 8px 32px #00000059;z-index:5}.hidden{opacity:0!important;pointer-events:none!important;visibility:hidden}#topbar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;z-index:6;pointer-events:none}#topbar>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:8px}.brand-icon{font-size:20px}.brand-text{font-size:14px;font-weight:600;letter-spacing:4px;color:#dfe7f5e6}.icon-btn,.btn,.speed-btn{font-family:inherit;color:var(--text-main);background:#ffffff0f;border:1px solid var(--panel-border);border-radius:10px;padding:7px 14px;font-size:13px;cursor:pointer;transition:background .2s,border-color .2s;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}.icon-btn:hover,.btn:hover,.speed-btn:hover{background:#ffffff1f;border-color:#fff3}.speed-btn.active{background:#7fb2ff38;border-color:#7fb2ff8c;color:#cfe2ff}#status-panel{position:absolute;top:56px;left:16px;padding:12px 16px;min-width:236px;transition:opacity .25s,visibility .25s}.time-main{font-size:25px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:1px;margin-bottom:8px}.time-row{display:flex;gap:10px;font-size:12px;line-height:1.8}.time-row .k{color:var(--text-dim);min-width:28px;flex-shrink:0}.time-row .v{font-variant-numeric:tabular-nums;color:var(--text-main)}#settings-panel{position:absolute;top:56px;right:16px;width:280px;padding:16px;transition:opacity .25s,visibility .25s,transform .25s;max-height:calc(100vh - 140px);overflow-y:auto}#info-panel{position:absolute;left:16px;bottom:96px;width:280px;padding:16px;transition:opacity .25s,visibility .25s}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.panel-head h2{margin:0;font-size:15px;font-weight:600}#settings-panel h3{margin:14px 0 8px;font-size:12px;font-weight:600;color:var(--text-dim);letter-spacing:2px;text-transform:uppercase}.field{display:block;margin-bottom:10px}.field span{display:block;font-size:12px;color:var(--text-dim);margin-bottom:4px}.field input{width:100%;padding:8px 10px;border-radius:8px;border:1px solid var(--panel-border);background:#ffffff0d;color:var(--text-main);font-size:14px;font-variant-numeric:tabular-nums;outline:none}.field input:focus{border-color:#7fb2ff80}#btn-geolocate{width:100%;margin-top:2px}.toggle{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:13px;cursor:pointer}.toggle input{accent-color:var(--accent);width:16px;height:16px}.hint{margin:12px 0 0;font-size:11px;line-height:1.7;color:var(--text-dim)}.info-row{display:flex;justify-content:space-between;padding:6px 0;font-size:13px;border-bottom:1px solid rgba(255,255,255,.05)}.info-row:last-child{border-bottom:none}.info-row .k{color:var(--text-dim)}.info-row .v{font-variant-numeric:tabular-nums}.info-row .v.ok{color:#9fe0b0}.info-row .v.warn{color:#e8b27d}#control-bar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:10px 14px;max-width:min(94vw,720px);flex-wrap:wrap;justify-content:center;transition:opacity .25s}.speed-group{display:flex;gap:4px;background:#ffffff0a;border:1px solid var(--panel-border);border-radius:10px;padding:3px}.speed-btn{border:none;background:transparent;padding:5px 10px;border-radius:7px}#input-datetime{padding:7px 10px;border-radius:10px;border:1px solid var(--panel-border);background:#ffffff0d;color:var(--text-main);font-size:13px;font-family:inherit;outline:none;color-scheme:dark;width:210px}#hint-bar{position:absolute;bottom:76px;left:50%;transform:translate(-50%);font-size:12px;color:#c8d4eb8c;letter-spacing:1px;z-index:4;pointer-events:none;text-shadow:0 1px 4px rgba(0,0,0,.8);white-space:nowrap}#toast{position:absolute;top:64px;left:50%;transform:translate(-50%);padding:10px 20px;background:#141a2ad9;border:1px solid var(--panel-border);border-radius:12px;font-size:13px;z-index:20;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);transition:opacity .3s,visibility .3s;max-width:88vw;text-align:center}#webgl-error{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;background:#05070d;font-size:16px;line-height:2;z-index:100}#webgl-error.hidden{display:none}@media (max-width: 720px){.time-main{font-size:18px}#status-panel{top:52px;left:10px;padding:10px 12px;min-width:200px}#settings-panel{top:52px;right:10px;left:10px;width:auto}#info-panel{left:10px;right:10px;width:auto;bottom:128px}#control-bar{bottom:10px;gap:8px;padding:8px 10px}#input-datetime{width:180px}#hint-bar{display:none}.brand-text{letter-spacing:2px;font-size:12px}}