:root{--slider-thumb-size:.625rem;--slider-rail-size:1px;--slider-tick-size:.3rem;--slider-rail-color:var(--line-bright);--slider-fill-color:color-mix(in oklab, var(--accent) 70%, var(--violet));--slider-thumb-color:var(--violet);--slider-thumb-border:var(--sun-light);--slider-glow:color-mix(in oklab, var(--violet) 30%, transparent);--slider-disabled-opacity:.45;--slider-preview-width:13rem}.range-slider{width:100%;min-width:0;height:var(--touch-target);display:block;position:relative}.range-slider-rail{inset-inline:calc(var(--slider-thumb-size) / 2);height:var(--slider-rail-size);background:linear-gradient(to right, var(--slider-fill-color) var(--slider-progress), var(--slider-rail-color) var(--slider-progress));pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.range-slider-rail i{width:var(--slider-rail-size);height:var(--slider-tick-size);background:var(--slider-rail-color);position:absolute;top:50%;transform:translate(-50%,-50%)}.range-slider .range-slider-input{width:100%;height:var(--touch-target);appearance:none;cursor:ew-resize;background:0 0;border:0;border-radius:0;min-width:0;margin:0;padding:0;display:block;position:relative}.range-slider-input::-webkit-slider-runnable-track{height:var(--slider-rail-size);background:0 0}.range-slider-input::-moz-range-track{height:var(--slider-rail-size);background:0 0}.range-slider-input::-moz-range-progress{background:0 0}.range-slider-input::-webkit-slider-thumb{appearance:none;box-sizing:border-box;width:var(--slider-thumb-size);height:var(--slider-thumb-size);margin-top:calc((var(--slider-rail-size) - var(--slider-thumb-size)) / 2);border:1px solid var(--slider-thumb-border);background:var(--slider-thumb-color);box-shadow:0 0 var(--space-2) var(--slider-glow);border-radius:0;transform:rotate(45deg)}.range-slider-input::-moz-range-thumb{box-sizing:border-box;width:var(--slider-thumb-size);height:var(--slider-thumb-size);border:1px solid var(--slider-thumb-border);background:var(--slider-thumb-color);box-shadow:0 0 var(--space-2) var(--slider-glow);border-radius:0;transform:rotate(45deg)}.range-slider .range-slider-input:focus-visible{outline:1px solid var(--focus);outline-offset:0}.range-slider:has(input:disabled){opacity:var(--slider-disabled-opacity)}.range-slider .range-slider-input:disabled{opacity:1;cursor:not-allowed}:root{--close-symbol-size:22px;--close-symbol-cross-stroke:1.6;--close-symbol-orbit-stroke:1;--close-symbol-orbit-opacity:.55}.close-control{width:var(--touch-target);height:var(--touch-target);border-radius:var(--radius-control);color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.close-control:hover{color:var(--accent);background:var(--accent-soft)}.close-control:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.close-control .close-symbol{width:var(--close-symbol-size);height:var(--close-symbol-size)}.close-symbol-cross{stroke-width:var(--close-symbol-cross-stroke)}.close-symbol-orbit{stroke-width:var(--close-symbol-orbit-stroke);opacity:var(--close-symbol-orbit-opacity)}:root{--celestial-icon-size:1.25rem;--celestial-map-icon-size:1.125rem;--celestial-icon-stroke:1.6;--celestial-icon-keyline:4;--celestial-atlas-icon-size:2rem;--celestial-sample-light:linear-gradient(100deg, var(--space), var(--sun-mid) 55%, var(--sun-light))}.celestial-icon{width:var(--celestial-icon-size);height:var(--celestial-icon-size);vertical-align:middle;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;flex:none;display:inline-block;overflow:visible}.celestial-icon-ink{stroke:currentColor;stroke-width:var(--celestial-icon-stroke)}.celestial-icon-keyline{stroke:var(--world-label-keyline);stroke-width:var(--celestial-icon-keyline);display:none}.world-label .celestial-icon{width:var(--celestial-map-icon-size);height:var(--celestial-map-icon-size)}.world-label .celestial-icon-keyline{display:initial}.animated-icon [data-icon-part]{transform-box:view-box}.icon-atlas-grid{grid-template-columns:repeat(auto-fit, minmax(var(--icon-preview-column-width), 1fr));gap:var(--space-2);display:grid}.icon-atlas-grid button{align-items:center;gap:var(--space-3);min-height:var(--icon-preview-control-height);padding:var(--space-3);text-align:left;display:flex}.icon-atlas-grid svg{width:var(--icon-preview-size);height:var(--icon-preview-size);flex:none}.settings-row{--settings-row-height:var(--space-8);grid-template-columns:calc(var(--space-4) + var(--space-1)) minmax(0, 1fr) auto;align-items:center;gap:var(--space-2);box-sizing:border-box;width:100%;min-width:0;min-height:var(--settings-row-height);padding:var(--space-1) var(--space-2);border-radius:var(--radius-control);color:var(--text);font:400 var(--type-ui)/1.4 var(--font);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;display:grid;position:relative}.settings-row:hover{background:var(--surface-hover)}.settings-row:focus-within{outline:1px solid var(--accent);outline-offset:-1px}.settings-row>svg,.settings-sound-glyph,.settings-sound-glyph svg{width:20px;height:20px;color:var(--muted)}.settings-row-label{white-space:nowrap;min-width:0}.settings-switch{grid-template-columns:5ch var(--settings-switch-width);justify-content:flex-end;align-items:center;gap:var(--space-1);white-space:nowrap;flex:none;display:inline-grid}.settings-switch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.settings-switch-copy{text-align:right;white-space:nowrap;color:var(--muted);font-size:var(--type-caption)}.settings-switch-track{width:var(--settings-switch-width);height:var(--settings-switch-height);border:1px solid var(--line-bright);border-radius:var(--settings-switch-height);background:var(--panel-deep);transition:background var(--duration-feedback), border-color var(--duration-feedback);flex:none;display:inline-block;position:relative}.settings-switch-track:after{content:"";top:calc((var(--settings-switch-height) - var(--settings-switch-thumb)) / 2 - 1px);left:calc((var(--settings-switch-height) - var(--settings-switch-thumb)) / 2 - 1px);width:var(--settings-switch-thumb);height:var(--settings-switch-thumb);background:var(--muted);transition:transform var(--duration-feedback), background var(--duration-feedback);border-radius:50%;position:absolute}.settings-on,.settings-glyph-sound{display:none}.settings-row:has(input:checked) .settings-on{display:inline}.settings-row:has(input:checked) .settings-off{display:none}.settings-row:has(input:checked) .settings-glyph-sound{display:block}.settings-row:has(input:checked) .settings-glyph-muted{display:none}.sound-control[aria-pressed=true] .settings-glyph-sound{display:block}.sound-control[aria-pressed=true] .settings-glyph-muted{display:none}.sound-control{align-items:center;gap:var(--space-3);white-space:nowrap;display:inline-flex}.sound-control>.settings-sound-glyph{flex:none;display:inline-flex}.settings-row:has(input:checked) .settings-switch-track,.settings-row[aria-pressed=true] .settings-switch-track{background:color-mix(in srgb, var(--accent) 35%, var(--panel-deep));border-color:var(--accent)}.settings-row:has(input:checked) .settings-switch-track:after,.settings-row[aria-pressed=true] .settings-switch-track:after{background:var(--accent);transform:translateX(calc(var(--settings-switch-width) - var(--settings-switch-height)))}.settings-row:has(input:disabled),.settings-row:disabled{cursor:default}@media (prefers-reduced-motion:reduce){.settings-switch-track,.settings-switch-track:after{transition:none}}@media (pointer:coarse){.settings-row{--settings-row-height:var(--touch-target)}}
