:root{font-family:"Helvetica Neue",Helvetica,sans-serif;color:#1d3235;background:#d5dfdc;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,select,input{font:inherit}button,a,select,input{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #b04f33;outline-offset:4px}#viewport{position:fixed;inset:0}canvas{width:100%;height:100%;display:block}#loading{position:absolute;inset:45% 0;text-align:center;font:18px Georgia,serif}header{position:fixed;inset:30px 34px auto;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}header>*,#caption{pointer-events:auto}.eyebrow{font:10px "SFMono-Regular",Consolas,monospace;letter-spacing:.15em}h1{font-size:30px;letter-spacing:-1.2px;font-weight:500;margin:8px 0}h1 span{font-family:Georgia,serif;font-size:25px;letter-spacing:-.6px;font-weight:400}#open-controls{border:1px solid #667e7b;background:#ecede5e8;padding:12px 16px;font-size:12px;display:flex;gap:28px}#caption{position:fixed;left:34px;bottom:118px;max-width:440px}#caption p{font:25px/1.25 Georgia,serif;max-width:390px;margin:12px 0}#views{position:fixed;left:34px;bottom:58px;display:flex;border:1px solid #81938c;background:#efeee7ef;max-width:calc(100% - 68px);overflow:auto}#views button{border:0;border-right:1px solid #c1c6bc;padding:12px 18px;white-space:nowrap;background:none;font-size:12px;color:#233b3e}#views button[aria-pressed=true]{background:#253d40;color:#f3eee1}#views button:hover{background:#bccbc1}#views button[aria-pressed=true]:hover{background:#253d40}footer{position:fixed;bottom:20px;left:34px;right:34px;display:flex;justify-content:space-between;font:10px "SFMono-Regular",Consolas,monospace;letter-spacing:.04em;pointer-events:none}footer b{font-size:20px;padding-left:12px}#controls{position:fixed;top:0;bottom:0;right:0;width:350px;background:#eeede4;box-shadow:-5px 0 32px #223b3b14;transform:translateX(102%);transition:transform .25s;padding:26px 28px 28px;overflow-y:auto;border-left:1px solid #b4bcb0}body.controls-open #controls{transform:none}body.controls-open #open-controls{visibility:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head button{font-size:28px;border:0;background:none;color:#263d3c;padding:0 6px}h2{font:33px/1.08 Georgia,serif;letter-spacing:-1.2px;margin:25px 0 18px}.intro{font-size:13px;line-height:1.6;margin-bottom:25px}.field{display:block;font-size:12px;margin:20px 0}.field select{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid #8e9d91;border-radius:0;padding:10px 0;color:inherit}.field output{float:right;font-family:monospace}.field input{display:block;width:100%;margin:15px 0;accent-color:#476c63}.toggles{display:grid;grid-template-columns:1fr 1fr;gap:15px 7px;font-size:11px;border-top:1px solid #bdc5b8;padding-top:20px}.toggles label{display:flex;align-items:center;gap:5px}.toggles input{accent-color:#476c63;margin:0}dl{margin:24px 0 12px}dl>div{display:flex;justify-content:space-between;border-bottom:1px solid #cbd0c3;padding:10px 0;font-size:11px}dd{font-family:monospace;margin:0}.small{font-size:10px;line-height:1.6;color:#566965}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:24px 0}.actions button,.actions a{font-size:11px;background:none;padding:12px 8px;border:1px solid #82948a;color:inherit;text-decoration:none;text-align:center}.actions button:hover,.actions a:hover{background:#d6ded1}a{color:inherit}#toast{position:fixed;left:50%;top:110px;transform:translateX(-50%);background:#243c3e;color:#fff;padding:12px 20px;font-size:12px;display:none;max-width:90%}.dusk{color:#e3e6d9}.dusk #controls{color:#1d3235}.dusk #open-controls{color:#1d3235}.dusk #views{color:#1d3235}.dusk #caption{text-shadow:0 2px 10px #0d232b}
@media(max-width:700px){header{inset:22px 20px auto}h1{font-size:26px}h1 span{display:block;font-size:20px;margin-top:2px}.eyebrow{font-size:8px}#open-controls{font-size:10px;padding:10px;gap:10px}#caption{left:20px;bottom:125px;max-width:85%}#caption p{font-size:21px;max-width:270px}#views{left:20px;right:20px;bottom:66px;max-width:none}#views button{padding:12px 14px;font-size:11px}footer{left:20px;right:20px;bottom:20px;font-size:8px;gap:20px}footer span:first-child{max-width:220px}#controls{width:min(350px,100%);padding-bottom:calc(24px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){#controls{transition:none}}
.interior header,.interior #caption,.interior footer{color:#f1f0df;text-shadow:0 1px 8px #102324}.interior #open-controls{color:#1d3235;text-shadow:none}
.controls-open footer{visibility:hidden}

#day-clock{position:fixed;right:34px;top:112px;width:310px;padding:14px 16px;background:#eeede4ed;border:1px solid #82948a;color:#243b3d}.clock-head{display:flex;align-items:center;justify-content:space-between;gap:16px}#clock{font:23px "SFMono-Regular",Consolas,monospace;letter-spacing:-1px}#phase{font:12px Georgia,serif;margin-left:8px}#play-day{background:#253d40;color:#f3eee1;border:0;padding:9px 12px;font-size:11px}#time{width:100%;margin:16px 0 8px;accent-color:#476c63}.time-presets{display:flex;justify-content:space-between}.time-presets button{background:none;border:0;padding:6px 0;color:inherit;font-size:10px}.clock-note{display:flex;justify-content:space-between;margin-top:8px;font-size:8px;color:#5b6d66}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.controls-open #day-clock{visibility:hidden}
@media(max-width:700px){#day-clock{top:126px;left:20px;right:20px;width:auto;padding:10px 13px}#clock{font-size:20px}#time{margin:10px 0 3px}.clock-note{margin-top:4px}#caption p{font-size:18px;max-width:300px}}

.context-label{display:flex;align-items:center;gap:14px;font:8px monospace;letter-spacing:.1em;border-top:1px solid #b6beb1;margin-top:12px;padding-top:10px}.context-label select{flex:1;min-width:0;background:transparent;color:inherit;border:0;font:12px "Helvetica Neue",sans-serif}#site-summary{font-size:9px;color:#566965;margin:9px 0 5px}.site-link{font-size:9px}#site-attribution{position:fixed;right:34px;bottom:116px;max-width:270px;font:9px/1.5 monospace;background:#eeede4e8;color:#243b3d;padding:8px 10px}.controls-open #site-attribution{display:none}
@media(max-width:700px){#day-clock{top:122px}.context-label{margin-top:8px;padding-top:7px}#site-summary{font-size:8px;margin:5px 0}#site-attribution{right:20px;left:20px;bottom:112px;max-width:none;font-size:7px;padding:5px}body:has(#site-attribution:not([hidden])) #caption{bottom:157px}#caption p{max-width:315px;font-size:16px}#caption .eyebrow{font-size:8px}}

.header-actions{display:flex;align-items:flex-start;gap:10px}#site-studies-link{display:block;padding:12px 16px;background:#253d40;border:1px solid #253d40;color:#f3eee1;font-size:12px;text-decoration:none;white-space:nowrap}#site-studies-link:hover{background:#3b5956}@media(max-width:700px){.header-actions{flex-direction:column;align-items:flex-end;gap:7px}#site-studies-link{font-size:10px;padding:10px}.header-actions #open-controls{padding:8px 10px}}

.light-pattern{display:flex;align-items:center;gap:8px;padding-top:9px;margin-top:6px;border-top:1px solid #b6beb1}.light-pattern label{font-size:9px;white-space:nowrap}.light-pattern select{min-width:0;flex:1;background:transparent;border:0;color:inherit;font-size:11px;padding:6px 0}#run-pattern{border:1px solid #253d40;background:transparent;color:#243b3d;font-size:10px;white-space:nowrap;padding:9px 10px}#run-pattern[aria-pressed=true]{background:#253d40;color:#f3eee1}@media(max-width:700px){.light-pattern{padding-top:6px;margin-top:4px}#run-pattern{padding:8px 10px}}

#section-control[hidden]{display:none}#section-control{margin-top:6px;padding-top:6px}