:root{--aethera-ui-fg:#e8f0ec;--aethera-ui-bg:#0a100deb;--aethera-ui-border:#78c8a059;--aethera-ui-accent:#6fd6a0}#settings-toggle{top:calc(env(safe-area-inset-top,0px) + 10px);right:calc(env(safe-area-inset-right,0px) + 10px);border:1px solid var(--aethera-ui-border);background:var(--aethera-ui-bg);width:48px;min-width:44px;height:48px;min-height:44px;color:var(--aethera-ui-fg);cursor:pointer;z-index:40;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:12px;justify-content:center;align-items:center;padding:0;display:flex;position:fixed}#settings-toggle svg{width:26px;height:26px;display:block}#settings-toggle:focus-visible{outline:2px solid var(--aethera-ui-accent)}#settings-backdrop{opacity:0;pointer-events:none;z-index:50;touch-action:none;background:#00000073;transition:opacity .22s;position:fixed;inset:0}#settings-backdrop[data-open=true]{opacity:1;pointer-events:auto}#settings-panel{width:min(20rem,88vw);padding:calc(env(safe-area-inset-top,0px) + 12px) calc(env(safe-area-inset-right,0px) + 14px) calc(env(safe-area-inset-bottom,0px) + 14px) 14px;background:var(--aethera-ui-bg);border-left:1px solid var(--aethera-ui-border);color:var(--aethera-ui-fg);touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;z-index:60;pointer-events:none;font-family:system-ui,-apple-system,sans-serif;font-size:.95rem;transition:transform .24s;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(105%)}#settings-panel[data-open=true]{pointer-events:auto;transform:translate(0)}.settings-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.settings-header h2{letter-spacing:.02em;margin:0;font-size:1.1rem;font-weight:600}.gesture-hint{color:#e8f0ecc7;margin:-.35rem 0 1rem;font-size:.82rem;line-height:1.4}#settings-close{border:1px solid var(--aethera-ui-border);width:44px;min-width:44px;height:44px;min-height:44px;color:var(--aethera-ui-fg);cursor:pointer;touch-action:manipulation;background:0 0;border-radius:10px;justify-content:center;align-items:center;padding:0;font-size:1.2rem;line-height:1;display:flex}.setting{margin:0 0 1.05rem}.setting-label{margin-bottom:.35rem;font-weight:500;display:block}.setting-label .setting-value{float:right;color:var(--aethera-ui-accent);font-variant-numeric:tabular-nums}.setting input[type=range]{width:100%;height:32px;accent-color:var(--aethera-ui-accent);margin:0}.setting-switch{align-items:center;width:52px;height:32px;display:inline-flex;position:relative}.setting-switch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.setting-switch .track{border:1px solid var(--aethera-ui-border);pointer-events:none;background:#ffffff24;border-radius:16px;width:100%;height:100%;transition:background .18s}.setting-switch .thumb{background:var(--aethera-ui-fg);pointer-events:none;border-radius:50%;width:24px;height:24px;transition:transform .18s;position:absolute;top:4px;left:4px}.setting-switch input:checked+.track{background:#6fd6a073}.setting-switch input:checked~.thumb{transform:translate(20px)}.setting-switch input:focus-visible+.track{outline:2px solid var(--aethera-ui-accent)}.setting select{border:1px solid var(--aethera-ui-border);width:100%;height:44px;color:var(--aethera-ui-fg);background:#00000080;border-radius:10px;padding:0 10px;font-size:1rem}.named-stars-section{border-top:1px solid var(--aethera-ui-border);margin:1.3rem 0 0;padding-top:1rem}.named-stars-section h3{margin:0 0 .25rem;font-size:1rem;font-weight:600}.named-stars-hint{color:#e8f0ecad;margin:0 0 .7rem;font-size:.8rem}.named-star-list{gap:.45rem;display:grid}.named-star-row{background:#ffffff09;border:1px solid #78c8a033;border-radius:10px;grid-template-columns:1rem minmax(3rem,1fr) auto 44px;align-items:center;gap:.45rem;min-height:48px;padding:.25rem .4rem;display:grid}.named-star-preview{background:var(--named-star-color);width:.65rem;height:.65rem;box-shadow:0 0 9px 2px var(--named-star-color);border-radius:50%}.named-star-name{text-overflow:ellipsis;white-space:nowrap;font-weight:550;overflow:hidden}.named-star-color-label,.named-star-form label{color:#e8f0ecbf;font-size:.8rem}.named-star-row input[type=color],.named-star-form input[type=color]{border:1px solid var(--aethera-ui-border);cursor:pointer;background:#00000080;border-radius:9px;width:44px;height:40px;padding:3px}.named-star-form{grid-template-columns:minmax(0,1fr) 52px;align-items:center;gap:.4rem .55rem;margin-top:.8rem;display:grid}.named-star-form label[for=named-star-name]{grid-column:1/-1}.named-star-form input[type=text]{border:1px solid var(--aethera-ui-border);min-width:0;height:44px;color:var(--aethera-ui-fg);font:inherit;background:#00000080;border-radius:9px;padding:0 .7rem}.named-star-form label[for=named-star-new-color]{grid-area:3/1}.named-star-form input[type=color]{grid-area:3/2;justify-self:end}.named-star-form button{border:1px solid var(--aethera-ui-border);min-height:46px;color:var(--aethera-ui-fg);font:inherit;cursor:pointer;touch-action:manipulation;background:#6fd6a024;border-radius:10px;grid-column:1/-1;font-weight:600}.named-star-form-error{color:#ffc7a8;grid-column:1/-1;min-height:.9rem;margin:0;font-size:.8rem}#navigation-bar{z-index:45;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);width:max-content;max-width:calc(100vw - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px) - 24px);border:1px solid var(--aethera-ui-border);color:var(--aethera-ui-fg);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#0a100df0;border-radius:15px;align-items:center;gap:.55rem;padding:.4rem;font-family:system-ui,-apple-system,sans-serif;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 6px 24px #0000006b}#settings-backdrop[data-open=true]~#navigation-bar{visibility:hidden}#navigation-bar button{border:1px solid var(--aethera-ui-border);min-width:104px;min-height:48px;color:inherit;cursor:pointer;touch-action:manipulation;background:#ffffff0e;border-radius:11px;padding:.55rem .75rem;font:600 .95rem/1.2 system-ui,-apple-system,sans-serif}#navigation-bar button[aria-pressed=true]{border-color:var(--aethera-ui-accent);background:#6fd6a02e}#navigation-bar button:focus-visible{outline:3px solid var(--aethera-ui-accent);outline-offset:2px}#navigation-bar button:disabled{cursor:not-allowed;opacity:.5}#navigation-sun-name{color:#e8f0ecd6;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;max-width:9rem;padding:0 .35rem;font-size:.82rem;overflow:hidden}@media (max-width:420px){#navigation-bar{gap:.3rem;padding:.3rem}#navigation-bar button{min-width:92px;padding-inline:.5rem;font-size:.9rem}#navigation-sun-name{max-width:6rem;padding-inline:.15rem}}
