.daylight-panel{font-family:'DM Sans',system-ui,sans-serif;color:#394c46;font-size:12px}.daylight-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.daylight-eyebrow{margin:0 0 5px;font-size:9px;letter-spacing:.065em;color:#7e897f}.daylight-heading h3{font-family:'Instrument Serif',Georgia,serif;font-size:27px;font-weight:400;margin:0}.daylight-play{border:1px solid #485c4228;border-radius:50%;width:35px;height:35px;background:#fff7;color:#52665b;cursor:pointer}.daylight-reading{display:flex;align-items:baseline;gap:12px;margin:22px 0 15px}.daylight-time{font-size:31px;line-height:1;font-family:'Instrument Serif',Georgia,serif;font-variant-numeric:tabular-nums}.daylight-period{font-size:10px;color:#7e897f}.daylight-label{display:block;font-size:10px;margin-bottom:8px}.daylight-panel .daylight-range{width:100%;height:6px;appearance:none;border-radius:10px;background:linear-gradient(90deg,#263044,#555775 20%,#ddae7b 24%,#b7d9e1 35%,#b7d9e1 67%,#ddae7b 77%,#555775 81%,#263044);accent-color:#54665c;cursor:ew-resize;margin:8px 0}.daylight-range::-webkit-slider-thumb{appearance:none;width:16px;height:16px;background:#f8f5e9;border:2px solid #617366;border-radius:50%;box-shadow:0 1px 5px #1e362332}.daylight-range::-moz-range-thumb{width:12px;height:12px;background:#f8f5e9;border:2px solid #617366;border-radius:50%}.daylight-marks{display:flex;justify-content:space-between;font-size:8px;color:#8a9389;margin:4px 0 18px}.daylight-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.daylight-presets button{border:1px solid #485c4226;background:transparent;border-radius:5px;font:inherit;font-size:10px;padding:9px 4px;color:inherit;cursor:pointer}.daylight-presets button:hover,.daylight-presets button[aria-pressed=true]{background:#e0e6d6;border-color:#8a9a7a}.daylight-duration{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:10px}.daylight-duration input{width:42px;border:0;border-bottom:1px solid #485c423b;border-radius:0;background:none;color:inherit;font:inherit;text-align:center;padding:5px 0}.daylight-help{font-size:10px;color:#7e897f;line-height:1.7;margin:16px 0 0}.daylight-panel input:focus-visible,.daylight-panel button:focus-visible{outline:2px solid #7a9074;outline-offset:3px}
#daylight-dialog{position:fixed;inset:auto 25px 90px auto;margin:0;width:330px;padding:25px;background:#f3f1e5f5;backdrop-filter:blur(18px);box-shadow:0 12px 60px #0b23213b;overflow:visible}#daylight-dialog::backdrop{background:transparent;backdrop-filter:none}#close-daylight{position:absolute;right:9px;top:5px;border:0;background:none;font-size:21px;color:#809082;padding:0 5px}.clock-note{border:0;border-left:1px solid #fff5;background:none;font-size:10px;padding:2px 0 2px 10px;white-space:nowrap;opacity:.9;font-variant-numeric:tabular-nums}.mouse-locked .clock-note{visibility:hidden}.after-dark .inspector{color:#e0e6e5;text-shadow:0 1px 12px #08141bbb}.after-dark .cloud-label{background:#293a4b73;color:#d1dbe0;border-color:#d7e1ea29}.after-dark .cloud-label:hover{background:#425262cc;color:#fff}.after-dark .place-dot{background:#b8cce5;box-shadow:0 0 9px #b8cce560}.after-dark .back-button{background:#263949c9;color:#e2e8e7;border-color:#e1e6e650}.lab-daylight{margin:0 0 24px;padding:22px 0;border-bottom:1px solid #52644324}.after-dark .stage-header{color:#e1e6ea}.after-dark .scene-title p,.after-dark .stage-header .eyebrow{color:#c7d0d5}.after-dark .back-link{color:#e0e6ea}
.after-dark .scene-title h2{color:#e1e6ea}.after-dark .stage-tools button{color:#e1e6ea;background:#27394ba6;border-color:#e0e6ea55}
#daylight-dialog{max-height:calc(100svh - 120px);overflow-y:auto}
@media(max-width:650px){#daylight-dialog{inset:auto 14px 98px;width:calc(100% - 28px);max-width:360px;margin:0 auto;padding:21px}.clock-note{font-size:9px;padding-left:8px}.place{gap:6px}.wind-note{font-size:9px;margin-left:0;padding-left:8px}}