*{box-sizing:border-box}:root{color:#203f4e;background:#a2c8dd;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif}body{margin:0}#sky{width:100%;height:100%;display:block;position:fixed;inset:0}header{align-items:center;gap:24px;padding:26px 4vw;display:flex;position:relative}a{color:inherit;text-decoration:none}.brand{letter-spacing:-2px;font:700 42px Georgia,serif}.brand span{color:#668d98}.tag{letter-spacing:3px;border-left:1px solid #668d9860;padding-left:24px;font-size:13px}main{justify-content:space-between;gap:32px;margin:3vh 4vw 0;display:flex;position:relative}.intro{pointer-events:none;text-shadow:0 1px 16px #fff7}.eyebrow{letter-spacing:4px;font-size:11px}h1{margin:20px 0;font:400 clamp(28px,3.2vw,52px) Georgia,Songti SC,serif}.intro p{font-size:14px;line-height:1.9}.panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f2f7f3df;border:1px solid #fff9;border-radius:16px;flex:none;width:300px;padding:22px;box-shadow:0 10px 40px #203f4e14}.modes{gap:6px;margin-bottom:22px;display:flex}button,select{font:inherit;cursor:pointer;color:inherit;background:#ffffff70;border:1px solid #52798940;border-radius:7px;padding:8px 10px;font-size:12px}button:disabled{opacity:.5;cursor:wait}button[aria-pressed=true]{color:#fff;background:#486d79;border-color:#486d79}.modes button{flex:1}#cirrus-species{border:0;margin:-6px 0 18px;padding:0}#cirrus-species legend{margin-bottom:9px;font-size:12px}.species-options{gap:7px;display:flex}.species-options button{flex:1}#species-hint{color:#607985;margin:8px 0 0;font-size:11px;line-height:1.7}label{margin-top:16px;font-size:13px;display:block}label output{float:right;font-variant-numeric:tabular-nums;color:#607985}input[type=range]{accent-color:#587f8b;width:100%;margin:10px 0 0;display:block}.sun-controls{border:0;border-top:1px solid #52798930;margin:20px 0 0;padding:0}.sun-controls legend{padding-right:10px;font-size:13px}.range-ends{color:#607985;justify-content:space-between;margin-top:5px;font-size:10px;display:flex}.sun-hint{color:#607985;margin:10px 0;font-size:11px;line-height:1.7}.row{justify-content:space-between;align-items:center;margin-top:15px;display:flex}.row label{margin:0}.actions{gap:7px;margin-top:22px;display:flex}.actions button{white-space:nowrap;flex:1}.hint{color:#607985;margin:16px 0 9px;font-size:11px;line-height:1.8}#status{color:#526f7c;font:11px ui-monospace,monospace}#retry{margin-top:12px}footer{color:#294e5d;text-shadow:0 1px 10px #fff;justify-content:space-between;gap:16px;margin:28px 4vw 24px;font-size:11px;display:flex;position:relative}.low-sun header,.low-sun .intro,.low-sun footer{color:#f1f5f4;text-shadow:0 1px 14px #15202c80}.low-sun .brand span{color:#b2d0d4}.low-sun .tag{border-color:#d2e4e460}:focus-visible{outline-offset:4px;outline:2px solid #294e5d}@media (max-width:680px){header{padding:18px 22px}.brand{font-size:34px}.tag{font-size:11px}main{flex-direction:column;justify-content:space-between;gap:35vh;min-height:calc(100svh - 155px);margin:20px 22px 28px}.panel{width:100%;padding:18px}.intro p{max-width:260px}.panel label{margin-top:12px}.modes{margin-bottom:14px}footer{margin:16px 22px 24px;position:relative;bottom:auto;left:auto;right:auto}}