:root{color-scheme:dark;font-family:"Segoe UI","Microsoft YaHei UI","PingFang SC",sans-serif;color:#fff}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#416e9a}#sky{display:block;width:100vw;height:100svh;position:fixed;inset:0;cursor:grab;touch-action:none}#sky.dragging{cursor:grabbing}#sky:focus-visible{outline:1px solid #ffffff60;outline-offset:-4px}.vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(#09192b25,transparent 22%,transparent 77%,#15243824)}header{position:fixed;top:35px;left:42px;right:42px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;text-shadow:0 1px 12px #10274235}h1{font-size:24px;font-weight:400;letter-spacing:5px;margin:0}h1 span{letter-spacing:0;font-size:30px}#day-label{font-size:11px;letter-spacing:3px;opacity:.8}footer{position:fixed;bottom:26px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:15px;pointer-events:none}.toolbar{pointer-events:auto;display:flex;align-items:center;gap:5px;height:52px;padding:5px 9px;background:#22394b35;border:1px solid #ffffff35;border-radius:30px;backdrop-filter:blur(18px);box-shadow:0 3px 20px #152e4010}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;height:38px;min-width:38px;padding:0 10px;border-radius:24px;transition:background .2s;touch-action:manipulation}button:hover{background:#ffffff1c}button:active{background:#ffffff30}button:focus-visible{outline:2px solid #fff;outline-offset:2px}button:disabled{opacity:.35;cursor:wait}.toolbar svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.new-sky{font-size:11px;letter-spacing:1px;padding:0 14px}.new-sky svg{width:16px;height:16px;opacity:.8}.divider{height:17px;width:1px;background:#ffffff28;margin:0 2px}.gesture{font-size:10px;letter-spacing:2px;opacity:.64;margin:0;text-shadow:0 1px 7px #102d4755;transition:opacity 1s}.gesture.fade{opacity:0}.loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;gap:13px;background:#5586ad;transition:opacity .8s;pointer-events:none}.loading.done{opacity:0}.loading p{font-size:13px;letter-spacing:5px;opacity:.85}.loading-dot{width:5px;height:5px;border-radius:50%;background:#f5f4ec;animation:breathe 1.5s infinite alternate}@keyframes breathe{to{opacity:.25}}#error{position:fixed;top:45%;left:10%;right:10%;text-align:center;font-size:14px;line-height:1.9;white-space:pre-wrap}[hidden]{display:none!important}@media(max-width:600px){header{top:25px;left:26px;right:26px}h1{font-size:23px}footer{bottom:23px;gap:13px}.gesture{font-size:9px}.toolbar{height:49px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.gust-mark{position:fixed;z-index:2;width:12px;height:12px;margin:-6px;border:1px solid #ffffff90;border-radius:50%;pointer-events:none;animation:gust-touch .8s ease-out forwards}
@keyframes gust-touch{from{transform:scale(.6);opacity:.8}to{transform:scale(4);opacity:0}}
@media(prefers-reduced-motion:reduce){.gust-mark{display:none}}

.vignette{z-index:2}header,footer{z-index:3}.loading,#error{z-index:5}.gust-mark{z-index:4}
#sea-video{position:fixed;inset:0;display:block;width:100vw;height:100svh;object-fit:cover;background:#416e9a;touch-action:manipulation}#sea-video:focus-visible{outline:1px solid #ffffff60;outline-offset:-4px}

.sun-control{pointer-events:auto;display:flex;align-items:center;gap:12px;padding:10px 18px;border-radius:24px;background:#22394b55;backdrop-filter:blur(18px);border:1px solid #ffffff30;font-size:11px;text-shadow:0 1px 6px #10274266}.sun-control label{letter-spacing:1px}.sun-control span{opacity:.7;font-size:10px}#sun-height{width:clamp(110px,22vw,210px);height:24px;margin:0;accent-color:#ffe3b2;cursor:pointer;touch-action:pan-y}#sun-height:focus-visible{outline:2px solid white;outline-offset:4px;border-radius:12px}#sun-height:disabled{opacity:.4}