:root{--bg:#f5f3ec;--ink:#273a33;--muted:#737a71;--line:#dedfd4;--green:#2e493d;--orange:#c37838}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}button,input,select{font:inherit;color:inherit}button,select,input{border:1px solid #d8dcd2;border-radius:8px;background:#fffdf8;padding:11px 13px}button,select{cursor:pointer}button:hover{filter:brightness(.95)}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b4804b;outline-offset:3px}button:disabled{opacity:.55;cursor:wait}button.primary{background:var(--green);color:white;border-color:var(--green)}button.subtle{border:0;background:transparent}header{max-width:1380px;margin:auto;padding:28px 48px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;font-size:24px;font-weight:650;letter-spacing:2px}.brand-icon{font-size:37px;color:var(--orange);font-weight:400}.brand>span:last-child{font-size:10px;letter-spacing:2px;margin-left:8px;font-weight:500}.header-note{font-size:12px;color:var(--muted)}main{max-width:1284px;margin:auto;padding:48px 0 12px}.intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.eyebrow{font-size:10px;letter-spacing:2.3px;color:var(--orange);font-weight:700}h1{font-size:42px;letter-spacing:-1.5px;font-weight:500;margin:15px 0 12px}.intro p{color:var(--muted);font-size:15px;margin:0}.live{font-size:11px;color:var(--muted);padding-bottom:4px}.live i{display:inline-block;width:6px;height:6px;background:#639870;border-radius:50%;margin-right:6px}.location{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;background:#eeeee5;border:1px solid var(--line);padding:23px 25px;border-radius:12px;gap:20px}.small-label{font-size:10px;color:var(--muted)}.location h2{font-size:21px;margin:7px 0 6px;font-weight:550}.location h2 span{font-size:10px;font-weight:500;letter-spacing:2px;color:var(--muted);margin-left:10px}.location p{font-family:monospace;font-size:12px;margin:0;color:var(--muted)}.location-actions{display:flex;align-items:center;gap:8px}.location-actions button,.location-actions select{font-size:12px}#coords{flex-basis:100%;border-top:1px solid var(--line);padding-top:18px;display:flex;flex-wrap:wrap;gap:12px;align-items:end}#coords[hidden]{display:none}label{font-size:12px;color:var(--muted)}#coords label{display:flex;flex-direction:column;gap:6px;flex:1;min-width:130px}#coords input{width:100%}#coords .timezone-field{flex:2}#coords .form-note{flex-basis:100%;font-family:inherit;line-height:1.6}#status{font-size:11px;color:var(--muted);min-height:16px;margin:10px 3px 24px}.clocks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.clock-card{background:#fffdf8;border:1px solid var(--line);border-radius:14px;padding:24px 26px 21px;overflow:hidden}.card-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.6px;color:var(--muted);height:28px}.symbol{font-size:25px;letter-spacing:0}.clock-card h2{font-size:19px;font-weight:550;margin:19px 0 7px}.card-desc{font-size:11px;color:var(--muted);margin:0}.clock{font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;font-size:clamp(30px,4vw,51px);letter-spacing:-2px;font-weight:400;margin:30px 0 9px;font-variant-numeric:tabular-nums;white-space:nowrap}.date-line{font-size:11px;color:var(--muted);min-height:16px}.offset-chip{font-size:10px;background:#eeefe8;padding:7px 10px;border-radius:5px;display:inline-block;margin:19px 0 25px}.card-bottom{border-top:1px solid var(--line);padding-top:19px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.card-bottom>span{font-size:11px;color:var(--muted)}.card-bottom strong{font-family:monospace;font-size:22px;font-weight:500}.card-bottom small{font-size:10px;color:var(--muted);grid-column:1/-1;line-height:1.6}.targetInline{font-weight:500}.solar{background:var(--green);color:#f7f5e9;border-color:var(--green)}.solar .card-top,.solar .card-desc,.solar .date-line,.solar .card-bottom>span,.solar .card-bottom small{color:#c0ccbd}.solar .offset-chip{background:#ffffff10;color:#e1e6d9}.solar .card-bottom{border-color:#ffffff26}.solar .symbol{color:#e4bd78}.seasonal{background:#f4ede0;border-color:#e5d9c4}.experiment{font-size:9px;letter-spacing:0;padding:4px 7px;border:1px solid #c9bda8;border-radius:4px;color:#8a7049;white-space:nowrap}.seasonal .offset-chip{background:#e9dfcd;color:#866039}.plan-controls{display:flex;align-items:center;gap:14px;margin:18px 0 35px;padding:16px 3px;border-bottom:1px solid var(--line);flex-wrap:wrap}.plan-controls>div{flex:1;min-width:260px}.plan-controls strong{font-size:12px;font-weight:550;display:block;margin-bottom:6px}.plan-controls span{font-size:11px;color:var(--muted)}.plan-controls input{margin-left:6px;padding:7px;font-size:12px}.plan-controls button{padding:5px;font-size:11px}.lower{display:grid;grid-template-columns:1fr 1.15fr;gap:34px}.lower article{border:1px solid var(--line);border-radius:12px;padding:25px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:8px}.section-title h2{font-size:15px;font-weight:550;margin:0}.section-title>span:not(.experiment){font-size:10px;color:var(--muted)}.daylight-number{display:flex;align-items:baseline;gap:10px;margin:27px 0 24px}.daylight-number strong{font-size:28px;font-weight:450}.daylight-number>span{font-size:11px;color:var(--muted)}.lightbar{height:10px;background:#d9ded8;border-radius:20px;overflow:hidden}.lightbar>div{height:100%;background:linear-gradient(90deg,#d6ab62,#e9c984);border-radius:20px;transition:width .5s}.bar-labels,.range-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:8px}.day-stats{display:flex;gap:30px;border-top:1px solid var(--line);margin-top:25px;padding-top:18px}.day-stats>div{display:flex;flex-direction:column;gap:10px}.day-stats span{font-size:11px;color:var(--muted)}.day-stats strong{font-size:14px;font-weight:500}#polarNote{font-size:10px;line-height:1.7;color:var(--muted);margin:22px 0 0}.model p{font-size:12px;color:var(--muted);line-height:1.9;margin:17px 0 23px}.range-label{display:flex;justify-content:space-between;color:var(--ink)}.range-label strong{font-family:monospace;font-size:15px}input[type=range]{width:100%;accent-color:var(--green);padding:0;margin:14px 0 0;cursor:pointer}.cap-label{display:flex;gap:14px;align-items:center;margin:20px 0 17px}.cap-label select{font-size:11px;padding:6px 10px}.formula{font-size:11px;line-height:1.8;background:#ebece3;padding:11px 14px;border-radius:6px;color:#5e695e}.explain{margin-top:30px;border-block:1px solid var(--line);padding:21px 0}.explain summary{display:flex;justify-content:space-between;cursor:pointer;font-size:13px;list-style:none}.explain summary span{font-size:11px;color:var(--muted)}.explain>div{padding-top:10px;max-width:980px;font-size:12px;line-height:1.9;color:var(--muted)}.explain a{color:var(--green)}footer{display:flex;justify-content:space-between;align-items:center;margin:22px 0;font-size:10px;color:var(--muted);gap:12px}footer>span:first-child{letter-spacing:1.5px}footer button{font-size:10px}@media(min-width:1550px){main{padding-top:60px}}@media(max-width:1380px){main{margin:0 48px}}@media(max-width:980px){main{margin:0 26px}header{padding:22px 26px}.clock-card{padding:20px 18px}.clock{font-size:35px}.lower{gap:18px}.location-actions{flex-wrap:wrap}.card-bottom{grid-template-columns:1fr}.card-bottom strong{grid-row:2}.card-bottom small{grid-row:3}}@media(max-width:700px){header{padding:16px 20px}.header-note{display:none}.brand{font-size:20px}.brand-icon{font-size:29px}main{margin:0 18px;padding-top:31px}.intro{margin-bottom:24px;align-items:start}.intro h1{font-size:32px}.intro p{font-size:12px}.eyebrow{font-size:8px;letter-spacing:1.4px}.live{font-size:0;margin-top:4px}.live i{width:7px;height:7px}.location{padding:19px;gap:16px}.location-actions{width:100%;gap:6px}.location-actions select{flex:1;min-width:85px}.location-actions button{padding:11px 8px}.location-actions #edit{width:100%;text-align:left;padding:2px 0}.clocks{grid-template-columns:1fr;gap:13px}.clock-card{padding:20px 24px}.clock{font-size:53px;margin-top:23px}.clock-card h2{margin-top:12px}.offset-chip{margin:14px 0 18px}.card-bottom{grid-template-columns:1fr auto;gap:6px;padding-top:14px}.card-bottom strong{grid-row:auto}.card-bottom small{grid-row:auto}.lower{grid-template-columns:1fr}.plan-controls{gap:10px;margin-bottom:22px}.plan-controls label{font-size:11px}.plan-controls>div{flex-basis:100%;margin-bottom:5px}.explain summary span{display:none}footer{flex-wrap:wrap}footer>span:nth-child(2){display:none}}