.solar-controls{position:fixed;right:24px;top:94px;width:344px;max-height:calc(100dvh - 116px);z-index:18;display:flex;flex-direction:column;border:1px solid #d9e3d8;border-radius:18px;background:#f8faf5f5;color:#294c3e;box-shadow:0 18px 65px #183c342b;backdrop-filter:blur(20px);font-family:inherit;overflow:hidden}
.solar-controls[hidden]{display:none!important}.solar-controls *{box-sizing:border-box}.solar-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 20px 15px;border-bottom:1px solid #e0e7d9;flex-shrink:0;background:#fcfdf8}.solar-header>div>span{font-size:8px;letter-spacing:1.8px;color:#86947b}.solar-header h2{font-size:20px;letter-spacing:.2px;font-weight:600;margin:7px 0 0}.solar-header .solar-close{font:inherit;font-size:26px;color:#6e866d;line-height:1;padding:0 2px;min-width:27px;min-height:27px;border:0;background:transparent;cursor:pointer}
.solar-body{overflow-y:auto;overflow-x:hidden;min-height:0;overscroll-behavior:contain;padding:17px 20px 20px;scrollbar-width:thin;scrollbar-color:#cbd8c3 transparent}.solar-controls button,.solar-controls input,.solar-controls select{font:inherit}.solar-controls button{border:1px solid #d9e3d0;background:#f7faf1;color:#527448;border-radius:8px;cursor:pointer;min-height:34px;font-size:11px;padding:7px 9px}.solar-controls button:hover:not(:disabled){background:#eaf1e2;border-color:#b6c9a6}.solar-controls button:disabled{cursor:not-allowed;opacity:.4}.solar-controls :focus-visible{outline:2px solid #608d58;outline-offset:2px}
.solar-enable{display:flex;align-items:center;position:relative;justify-content:space-between;gap:12px;padding:0 0 17px;cursor:pointer}.solar-enable strong{font-size:12px;font-weight:600;display:block}.solar-enable small{font-size:10px;color:#8a987e;display:block;margin-top:5px}.solar-enable input{position:absolute;right:0;top:7px;width:36px;height:21px;opacity:0;cursor:pointer}.solar-enable i{width:36px;height:21px;background:#c4d0bb;border-radius:14px;position:relative;pointer-events:none}.solar-enable i:after{content:"";width:15px;height:15px;top:3px;left:3px;border-radius:50%;background:white;position:absolute;transition:transform .15s}.solar-enable input:checked+i{background:#527c4e}.solar-enable input:checked+i:after{transform:translateX(15px)}.solar-enable input:focus-visible+i{outline:2px solid #608d58;outline-offset:3px}
.solar-clock-row{display:flex;justify-content:space-between;align-items:center;padding:0 0 15px}.solar-clock-row>div{display:flex;gap:10px;align-items:baseline}.solar-big-time{font-size:33px;line-height:1.15;letter-spacing:-1.2px;font-weight:500;font-variant-numeric:tabular-nums;color:#3f6248}.solar-phase{font-size:10px;color:#a48753;background:#f3ecd9;border-radius:5px;padding:4px 6px}.solar-timezone{font-size:9px;color:#8b9b7f;text-align:right;line-height:1.65}.solar-night .solar-phase{color:#7b83aa;background:#ebecf3}
.solar-input-row{display:grid;grid-template-columns:1.5fr 1fr;gap:10px}.solar-input-row label{font-size:10px;display:flex;flex-direction:column;gap:5px;color:#8b997e;min-width:0}.solar-input-row input{width:100%;min-width:0;max-width:100%;height:37px;border:1px solid #d9e3d1;background:#fff;border-radius:7px;padding:7px 8px;color:#496441;font-size:12px;appearance:auto;color-scheme:light}.solar-season-buttons{display:flex;gap:5px;margin:9px 0 17px}.solar-season-buttons button{flex:1;font-size:10px;padding:6px 3px;min-height:29px;background:#f1f5eb;border-color:transparent;color:#819474}
.solar-time-slider{display:block;padding:8px 0;cursor:pointer}.solar-time-slider input{width:100%;display:block;margin:0;height:5px;accent-color:#8b9f57;cursor:ew-resize}.solar-time-ticks{display:flex;justify-content:space-between;font-size:8px;color:#97a58d;font-variant-numeric:tabular-nums;margin:3px 0 15px}.solar-event-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.solar-event-buttons button{display:flex;flex-direction:column;gap:6px;padding:10px 5px;background:#f5f7ee;font-size:10px;color:#8d936e;border-color:#e1e7d6}.solar-event-buttons button strong{font-size:15px;font-weight:500;font-variant-numeric:tabular-nums;color:#5b754c;white-space:nowrap}.solar-play-row{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:8px;margin:11px 0 4px}.solar-play-row .solar-play{background:#426d4d;color:#fff;border-color:#426d4d;font-size:11px;min-height:38px}.solar-play-row .solar-play:hover{background:#30573c;border-color:#30573c}.solar-play-row label{min-width:0}.solar-play-row select{width:100%;height:38px;padding:0 6px;font-size:10px;background:#fbfcf8;color:#809075;border:1px solid #dce4d3;border-radius:8px}
.solar-dial-wrap{padding:8px 0 10px}.solar-dial{width:100%;height:205px;display:block;fill:none;stroke:none;overflow:visible}.solar-dial text{font-family:inherit;text-anchor:middle;font-size:10px;fill:#7b9173;stroke:none}.solar-dial .solar-dial-north{fill:#a3674e;font-weight:600}.solar-dial .solar-dial-zenith{font-size:8px;fill:#aab39e;text-anchor:start}.solar-dial-horizon{fill:#f0f5e9;stroke:#d5e0ca;stroke-width:1}.solar-dial-grid{stroke:#d7e2cc;stroke-dasharray:2 4;stroke-width:.8;fill:none}.solar-dial-path{stroke:#c29b50;stroke-width:2;stroke-linecap:round;fill:none}.solar-dial-ray{stroke:#c29b5070;stroke-width:1;stroke-dasharray:3 3}.solar-dial-sun{fill:#d5aa58;stroke:#fffaf0;stroke-width:2;filter:drop-shadow(0 0 5px #d6b76466)}.solar-dial-sun.below-horizon{fill:#f7f7f0;stroke:#b0aa8d;stroke-dasharray:2 2;filter:none}.solar-dial-origin{fill:#64846c;stroke:#fff;stroke-width:1}.solar-dial-camera{fill:#7caba62b;stroke:#6c9d954f;stroke-width:1}.solar-dial-wrap>p{text-align:center;margin:0;font-size:9px;color:#7e9273;line-height:1.6}.solar-dial-wrap>p>span{color:#a1ad92;font-size:8px;display:block}
.solar-measures{display:grid;grid-template-columns:1fr 1fr;padding:12px 0;border-top:1px solid #e2e8d9;border-bottom:1px solid #e2e8d9;gap:12px}.solar-measures>div+div{padding-left:16px;border-left:1px solid #e2e8d9}.solar-measures span{display:block;font-size:9px;color:#91a082;margin-bottom:6px}.solar-measures strong{font-size:14px;font-weight:500;color:#56734b;font-variant-numeric:tabular-nums}
.solar-view-section{padding:15px 0 12px}.solar-view-title{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:10px}.solar-view-title h3{font-size:11px;margin:0;font-weight:500;color:#7f9373}.solar-view-title output{font-size:11px;color:#5b7b53;font-variant-numeric:tabular-nums}.solar-heading-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.solar-heading-buttons button{padding:8px 3px;font-size:11px;background:#eef4e5}.solar-heading-buttons button:first-child{color:#9d7357}.solar-view-note{font-size:9px;line-height:1.7;color:#96a48b;margin:9px 0 0}.solar-display-options{display:grid;gap:10px;padding:11px 0 15px;border-top:1px solid #e1e8d7}.solar-display-options label{display:flex;align-items:center;gap:8px;font-size:10px;color:#7f9472;cursor:pointer}.solar-display-options input{accent-color:#5c8050;margin:0;width:14px;height:14px}.solar-status{font-size:10px;line-height:1.7;color:#8b9a7d;margin:0 0 10px}.solar-status.error{color:#a16c46}.solar-basis{border-top:1px solid #e1e8d7;padding-top:12px}.solar-basis summary{font-size:10px;color:#91a383;cursor:pointer}.solar-basis p{font-size:10px;line-height:1.8;color:#95a18b;margin:9px 0 0}.solar-basis .solar-coordinate{font-variant-numeric:tabular-nums;font-size:9px}.solar-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1550px){.solar-controls{width:370px}}
@media(max-width:1050px){.solar-controls{right:14px;top:86px;width:326px;max-height:calc(100dvh - 106px)}}
@media(max-width:580px){.solar-controls{inset:auto 8px max(8px,env(safe-area-inset-bottom));width:auto;max-height:64dvh;border-radius:15px}.solar-header{padding:13px 16px 11px}.solar-header h2{font-size:17px}.solar-header>div>span{font-size:7px}.solar-body{padding:14px 16px 16px}.solar-enable{padding-bottom:12px}.solar-clock-row{padding-bottom:12px}.solar-big-time{font-size:29px}.solar-dial{height:190px}.solar-input-row input{font-size:13px}.solar-play-row{grid-template-columns:minmax(0,1fr) 104px}.solar-controls button{min-height:36px}.solar-season-buttons button{min-height:31px}.solar-header .solar-close{min-height:28px}}
@media(prefers-reduced-motion:reduce){.solar-controls *{transition:none!important}}