:root{font-family:Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif;color:#edf0df;background:#10140f;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 75% 15%,#293023 0,transparent 33%),#10140f;color:#edf0df}button,input,select{font:inherit}button{cursor:pointer}main{max-width:1320px;margin:auto;padding:0 32px 48px}.topbar{height:92px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #485044}.topbar p{font-size:12px;letter-spacing:.18em;color:#aeb5a0}.brand{display:flex;align-items:center;gap:14px;color:inherit;text-decoration:none}.brand span{display:grid;place-items:center;width:45px;height:45px;background:#d9ff45;color:#10140f;font-size:24px;font-weight:800}.brand small{font:600 10px/1.3 monospace;letter-spacing:.14em;color:#aeb5a0}.intro{display:grid;grid-template-columns:1.3fr .7fr;gap:60px;align-items:end;padding:68px 0 55px}.eyebrow{margin:0 0 20px;color:#d9ff45;font:600 11px monospace;letter-spacing:.12em}.intro h1{margin:0;font-size:clamp(52px,7.2vw,100px);line-height:.88;letter-spacing:-.07em;font-weight:650}.intro h1 em{font-style:normal;color:#d9ff45}.lede{max-width:440px;margin:0 0 8px;font-size:16px;line-height:1.8;color:#bac0b1}.workspace{display:grid;grid-template-columns:350px 1fr;border:1px solid #485044;background:#171c16}.controls{padding:30px;border-right:1px solid #485044}.control-heading{display:flex;gap:16px;align-items:center;margin-bottom:32px}.control-heading span,.chart-head span{font:600 10px monospace;color:#d9ff45;letter-spacing:.12em}.control-heading h2,.chart-head h2{font-size:20px;margin:0}.controls label{display:flex;justify-content:space-between;align-items:center;margin:25px 0 12px;font-size:13px;color:#aeb5a0}.controls output{color:#edf0df;font-family:monospace}.direction-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.direction-grid button{padding:9px;border:1px solid #50584a;background:transparent;color:#bfc5b5}.direction-grid button.active{border-color:#d9ff45;background:#d9ff45;color:#10140f;font-weight:700}input[type=range]{width:100%;accent-color:#d9ff45;margin:12px 0 0}select{width:100%;border:1px solid #50584a;background:#20261e;color:#edf0df;padding:12px;border-radius:0}.ticks,.hours{display:flex;justify-content:space-between;color:#737b6e;font:10px monospace}.hint{font-size:11px;line-height:1.6;color:#7e8779;margin:10px 0}.actions{display:flex;gap:8px;margin-top:26px}.save,.reset{border:0;padding:12px 16px}.save{flex:1;background:#d9ff45;color:#10140f;font-weight:750}.reset{background:#343b31;color:#edf0df}.saved{height:16px;margin:10px 0 0;text-align:center;color:#d9ff45;font-size:11px}.chart-card{min-width:0;padding:30px 40px}.chart-head{display:flex;justify-content:space-between;align-items:flex-start}.chart-head h2{margin-top:7px}.legend{font-size:11px;color:#aeb5a0}.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#d9ff45;box-shadow:0 0 12px #d9ff45;margin-right:7px}.polar-wrap{position:relative;max-width:530px;margin:8px auto -10px}.polar-wrap svg{display:block;width:100%;overflow:visible}.grid{fill:none;stroke:#3f473b;stroke-width:1}.axis{stroke:#343c32;stroke-width:1;stroke-dasharray:3 5}svg text{fill:#7f8879;font:10px monospace;text-anchor:middle}.all-path{fill:none;stroke:#697164;stroke-width:1.5;stroke-dasharray:3 6}.sun-path{fill:none;stroke:#d9ff45;stroke-width:4;stroke-linecap:round;filter:drop-shadow(0 0 7px #b9e523)}.sun-dot{fill:#6b7467}.sun-dot.visible{fill:#edff9c;stroke:#10140f;stroke-width:1}.window-direction line,.window-direction path{stroke:#f5f6eb;fill:none;stroke-width:1.5}.center-note{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;text-align:center;pointer-events:none}.center-note strong{font:500 38px monospace;color:#fff}.center-note span{font-size:10px;color:#899282}.time-band{border-top:1px solid #485044;padding-top:20px}.track{position:relative;height:15px;margin:9px 0;background:repeating-linear-gradient(90deg,#2a3028 0,#2a3028 calc(25% - 1px),#4c5448 25%)}.lit{position:absolute;top:0;height:100%;background:#d9ff45;box-shadow:0 0 16px #8aa71e}.time-band p{margin:16px 0 0;font-size:12px;color:#9fa798}.time-band strong{color:#edf0df;margin-right:8px}.no-light strong{color:#f0b78e}.summary{display:grid;grid-template-columns:repeat(3,1fr) 1.8fr;border:1px solid #485044;border-top:0}.summary>div,.summary>p{padding:24px 28px;margin:0;border-right:1px solid #485044}.summary>div{display:flex;flex-direction:column;gap:8px}.summary span{font-size:10px;color:#8e9788}.summary strong{font:500 25px monospace}.summary p{border:0;font-size:11px;line-height:1.7;color:#747d70}@media(max-width:800px){main{padding:0 16px 30px}.topbar{height:74px}.intro{grid-template-columns:1fr;padding:45px 0 35px;gap:25px}.workspace{grid-template-columns:1fr}.controls{border-right:0;border-bottom:1px solid #485044}.chart-card{padding:26px 18px}.summary{grid-template-columns:repeat(3,1fr)}.summary>p{grid-column:1/-1;border-top:1px solid #485044}.summary>div{padding:18px 12px}.summary strong{font-size:19px}}@media(max-width:480px){.intro h1{font-size:52px}.topbar p{display:none}.chart-head{display:block}.legend{margin-top:12px}.direction-grid{grid-template-columns:repeat(3,1fr)}}