.atlas-sun{flex-basis:100%;min-width:0;margin:16px 0 5px;padding:14px 0 0;border:0;border-top:1px solid #b8db6026}
.atlas-sun legend{padding:0 8px 0 0;color:#d6e7bb;font:500 11px/1.5 Inter,system-ui,sans-serif}
.sun-presets{display:flex;gap:6px}
.sun-presets button{flex:1;min-height:36px;border:1px solid #b8db6025;border-radius:8px;background:#18312c4d;color:#c8d5cd;cursor:pointer;font:500 11px Inter,system-ui,sans-serif;transition:background .2s,border-color .2s}
.sun-presets button[aria-pressed=true]{background:#b8db601f;border-color:#b8db6070;color:#e0edbe}
.sun-presets button:focus-visible,.atlas-sun input:focus-visible{outline:2px solid #c3df82;outline-offset:3px}
.atlas-sun label{display:flex;justify-content:space-between;margin:13px 0 7px;color:#8eaaa1;font:10px Inter,system-ui,sans-serif}
.atlas-sun output{color:#d9bd85}
.atlas-sun input{width:100%;height:20px;margin:0;accent-color:#d9bd85;cursor:ew-resize}
.atlas-sun small{display:block;margin-top:5px;font:10px/1.5 Inter,system-ui,sans-serif;color:#8eaaa1}
@media(max-width:760px){.atlas-settings>div{max-height:calc(100dvh - 230px);overflow-y:auto;overscroll-behavior:contain}.sun-presets button{min-height:40px}}
@media(prefers-reduced-motion:reduce){.sun-presets button{transition:none}}