:root{color-scheme:light;--ink:#343b3c;--muted:#73756e;--line:#dcded3;--paper:#f7f7ef;--accent:#445f54}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}button,input,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--line);background:transparent;border-radius:7px;min-height:44px;padding:10px 16px;transition:background .15s}button:hover{background:#e7e9dd}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #8a7049;outline-offset:4px}header,main,footer,#notes{max-width:1500px;margin:auto}header{padding:26px 38px;display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{display:flex;align-items:center;gap:17px}.mark{font-size:48px;color:var(--accent)}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:650;margin:0 0 8px}h1{font-family:Georgia,serif;font-size:29px;font-weight:500;line-height:1.05;margin:0}h1 span{font-family:inherit;font-style:italic;color:#85877c;font-size:17px;display:inline-block;margin-left:12px}#guide{border:none;font-size:12px}#guide span{margin-left:18px}main{padding:0 28px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px}#sky{position:relative;min-height:630px;border-radius:16px;overflow:hidden;isolation:isolate;background:linear-gradient(#c6c7d4 0%,#e6c8c4 39%,#f6d8b4 77%,#f5e4bd 100%);box-shadow:0 2px 3px #343b3c08}.sun{position:absolute;top:23%;left:24%;width:78px;height:78px;background:#fff3cc;border-radius:50%;box-shadow:0 0 90px 55px #ffe6ba40;z-index:-1}.sky-label{position:absolute;left:25px;top:23px;font-size:10px;letter-spacing:.13em;z-index:2;display:flex;align-items:center;gap:8px}.live-dot{width:6px;height:6px;border-radius:50%;background:#4d6759}.sky-count{position:absolute;right:25px;top:20px;display:flex;flex-direction:column;align-items:end;z-index:2}.sky-count b{font-family:Georgia,serif;font-size:32px;font-weight:400}.sky-count span{font-size:10px;opacity:.6}#canvas-host{position:absolute;inset:0;z-index:1}canvas{display:block;width:100%;height:100%;touch-action:none}.hills{position:absolute;bottom:0;height:140px;width:100%;pointer-events:none;z-index:2}.hills svg{height:100%;width:100%}.sky-bottom{position:absolute;left:25px;bottom:20px;right:25px;z-index:3;display:flex;justify-content:space-between;gap:12px;color:#fff9e9;font-size:11px;text-shadow:0 1px 2px #36463a55}.sky-bottom #clock{font-variant-numeric:tabular-nums}aside{padding:10px 5px 0 0}.chapter{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.13em;color:#808373;margin-bottom:20px}.chapter span:last-child{font-size:19px}h2{font-family:Georgia,serif;font-size:30px;line-height:1.15;font-weight:400;letter-spacing:-.02em;margin:0 0 16px}.intro{font-size:12px;line-height:1.75;color:var(--muted);margin:0 0 22px}.preset-label{font-size:9px;letter-spacing:.13em;font-weight:650;margin-bottom:9px}.presets{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.presets button{text-align:left;font-size:11px;min-height:60px;padding:10px 7px}.presets button span{display:block;font-size:8px;margin-top:6px;color:#7d8276}.presets button[aria-pressed=true]{border-color:#738573;background:#e6eada}.sliders{padding-top:23px}.sliders label{display:flex;justify-content:space-between;font-size:12px;font-weight:550;align-items:center}.sliders output{font-size:10px;font-variant-numeric:tabular-nums;color:#7a826b}.sliders input{width:100%;accent-color:var(--accent);height:27px;cursor:pointer;margin:4px 0 0}.sliders p{font-size:10px;color:#888a7c;margin:0 0 15px;line-height:1.5}.actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:22px}.actions button{font-size:11px;padding:10px 8px}#pause{background:var(--accent);color:#fff;border-color:var(--accent)}#pause:hover{background:#314c41}#disturb[aria-pressed=true]{background:#e9c2a6;border-color:#b38563}.hint{font-size:9px;color:#939586;line-height:1.5;margin:12px 0}footer{padding:22px 38px 30px;display:flex;justify-content:space-between;color:#8a8d7e;font-size:10px;gap:15px}#notes{border-top:1px solid var(--line);margin-top:30px;padding:30px 38px;display:grid;grid-template-columns:1.3fr 1fr;gap:50px}#notes[hidden]{display:none}#notes p{line-height:1.9;color:#74796d;font-size:12px}#notes h2{font-size:29px}a{color:#486152;text-underline-offset:4px}#close-notes{margin-top:14px}#error{position:absolute;inset:35% 10% auto;z-index:5;background:#fff7ea;padding:22px;border-radius:10px;line-height:1.7}body.paused .live-dot{background:#a67f4c}@media(min-width:1550px){#sky{min-height:700px}}@media(max-width:1000px){main{grid-template-columns:minmax(0,1fr) 270px;gap:20px;padding:0 20px}h1 span{display:block;margin:5px 0 0;font-size:14px}header{padding:23px 26px}#sky{min-height:650px}.presets button{padding:7px 4px}.presets button span{font-size:7.5px}}@media(max-width:720px){header{padding:21px 18px}.mark{font-size:37px}.brand{gap:9px}h1{font-size:25px}.eyebrow{font-size:8px}#guide{padding:8px;font-size:11px}#guide span{margin-left:5px}main{display:block;padding:0 12px}#sky{min-height:430px;height:58svh;max-height:650px}.sky-label{top:19px;left:16px;font-size:8px}.sky-count{right:16px;top:16px}.sky-count b{font-size:27px}.sky-count span{font-size:8px}.sun{width:55px;height:55px}.sky-bottom{left:16px;right:16px;font-size:9px}aside{padding:25px 13px 5px}h2{font-size:31px}.intro{font-size:13px}.chapter{margin-bottom:14px}.presets button{font-size:13px;padding:12px}.presets button span{font-size:10px}.sliders p{font-size:11px}.sliders input{height:35px}.sliders label{font-size:13px}.actions button{font-size:13px}.hint{font-size:10px}#notes{display:block;padding:25px}#notes>div+div{margin-top:26px}footer{padding:15px 25px 24px;font-size:9px}.hills{height:95px}}