:root{--bg-deep:#050608;--bg-panel:#0e1015e0;--bg-panel-solid:#0e1015;--border:#a8c8ff17;--text-primary:#e8e3d6;--text-secondary:#8a8275;--text-tertiary:#4a4538;--accent:#c9a96e;--accent-dim:#6e5d3e;--radius:7px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-deep);width:100%;height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,Geist Sans,system-ui,sans-serif;font-weight:300;overflow:hidden}#sky{display:block;position:fixed;inset:0}#app{pointer-events:none;position:fixed;inset:0}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);pointer-events:all;color:var(--text-primary);min-width:140px;padding:12px 14px;font-size:12px;line-height:1.5;position:absolute}.panel[hidden]{display:none}.panel-topleft{top:16px;left:16px}.panel-topright{max-width:220px;top:16px;right:16px}.loc-name{color:var(--text-primary);font-size:14px;font-weight:500}.loc-coords{color:var(--text-secondary);font-variant-numeric:tabular-nums;margin-top:2px;font-size:11px}.loc-time{color:var(--text-tertiary);margin-top:1px;font-size:11px}.loc-actions{gap:10px;margin-top:6px;display:flex}.btn-text{cursor:pointer;color:var(--accent);pointer-events:all;background:0 0;border:none;padding:0;font-size:11px}.btn-text:hover{color:var(--text-primary)}#settings-container{border-top:1px solid var(--border);margin-top:10px;padding-top:10px}.settings-row{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.settings-row:last-child{margin-bottom:0}.settings-label{color:var(--text-secondary);cursor:pointer;justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.settings-label input[type=checkbox]{accent-color:var(--accent);cursor:pointer}input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer}.set-mag-val{color:var(--text-primary);font-variant-numeric:tabular-nums}.info-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:10px;display:flex}.info-name{color:var(--text-primary);font-size:15px;font-weight:500;line-height:1.2}.info-type{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-top:2px;font-size:10px}.btn-close-info{cursor:pointer;color:var(--text-secondary);pointer-events:all;background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:18px;line-height:1}.btn-close-info:hover{color:var(--text-primary)}.info-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;gap:12px;padding:3px 0;display:flex}.info-row:last-child{border-bottom:none}.info-label{color:var(--text-secondary);font-size:11px}.info-val{color:var(--text-primary);font-variant-numeric:tabular-nums;text-align:right;font-size:11px}.overlay{-webkit-backdrop-filter:blur(4px);z-index:100;pointer-events:all;background:#050608bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay[hidden]{display:none}.overlay-card{background:var(--bg-panel);border:1px solid var(--border);text-align:center;border-radius:12px;width:min(360px,100vw - 32px);padding:32px 28px}.app-title{letter-spacing:.06em;color:var(--text-primary);margin-bottom:6px;font-size:28px;font-weight:300}.app-tagline{color:var(--text-secondary);margin-bottom:24px;font-size:13px}.btn-primary{border:1px solid var(--accent-dim);border-radius:var(--radius);width:100%;color:var(--accent);cursor:pointer;pointer-events:all;background:#c9a96e14;padding:11px 0;font-size:14px;transition:background .15s,border-color .15s;display:block}.btn-primary:hover{border-color:var(--accent);background:#c9a96e29}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.divider-text{color:var(--text-tertiary);margin:16px 0 10px;font-size:11px}.city-list{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:16px;display:flex}.btn-city{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;pointer-events:all;background:#ffffff08;border-radius:4px;padding:5px 11px;font-size:12px;transition:background .12s,color .12s,border-color .12s}.btn-city:hover{color:var(--text-primary);background:#a8c8ff12;border-color:#a8c8ff33}.manual-toggle{text-align:left;color:var(--text-tertiary);margin-top:4px;font-size:11px}.manual-toggle summary{cursor:pointer;text-align:center;color:var(--text-tertiary);padding:6px 0;list-style:none}.manual-toggle summary::-webkit-details-marker{display:none}.manual-toggle summary:hover{color:var(--text-secondary)}.manual-coords{gap:6px;margin-top:10px;display:flex}.manual-coords input{border:1px solid var(--border);color:var(--text-primary);background:#ffffff0a;border-radius:5px;outline:none;flex:1;padding:7px 9px;font-size:12px}.manual-coords input:focus{border-color:#a8c8ff40}.manual-coords input::placeholder{color:var(--text-tertiary)}.btn-secondary{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;pointer-events:all;white-space:nowrap;background:#ffffff0a;border-radius:5px;padding:7px 12px;font-size:12px}.btn-secondary:hover{color:var(--text-primary);background:#ffffff12}.location-error{color:#e07070;text-align:center;margin-top:12px;font-size:11px}.location-error[hidden]{display:none}#toast{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);pointer-events:none;opacity:0;white-space:nowrap;z-index:200;padding:9px 16px;font-size:12px;transition:opacity .2s;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}#toast.toast-show{opacity:1}#toast.toast-hide{opacity:0}.panel-bottom-center{width:min(360px,100vw - 32px);padding:10px 14px 8px;bottom:24px;left:50%;transform:translate(-50%)}.tl-track{cursor:pointer;background:#a8c8ff1a;border-radius:2px;outline:none;height:4px;margin:4px 0 6px;position:relative}.tl-track:focus-visible{box-shadow:0 0 0 2px var(--accent)}.tl-fill{background:var(--accent-dim);pointer-events:none;border-radius:2px;height:100%;position:absolute;top:0;left:0}.tl-thumb{background:var(--accent);cursor:grab;border-radius:50%;width:12px;height:12px;transition:background .1s;position:absolute;top:50%;transform:translate(-50%,-50%)}.tl-thumb:active{cursor:grabbing;background:#e8c08a}.tl-labels{color:var(--text-tertiary);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;margin-bottom:2px;font-size:10px;display:flex}.tl-label-center{color:var(--text-secondary);font-size:11px}.tl-now{color:var(--accent);text-align:center;margin:4px auto 0;font-size:10px;transition:opacity .2s;display:block}.tl-now:hover{color:var(--text-primary)}#sky{cursor:default}