:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo",sans-serif;color:#233d35;background:#f4f5f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,select,input{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}header{height:88px;background:#fff;border-bottom:1px solid #e3e7df;display:flex;align-items:center;justify-content:space-between;padding:0 32px}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;color:#183b2e;letter-spacing:2.5px;font-weight:750;font-size:19px}.brand small{font-size:9px;display:block;letter-spacing:1.8px;font-weight:500;margin-top:7px}.mark{position:relative;border:1px solid #276249;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;font-family:Georgia;font-size:26px}.mark span{font:12px sans-serif;position:absolute;right:2px;bottom:2px;background:white}.top-right{display:flex;align-items:center;gap:28px}.local{font-size:10px;letter-spacing:1.5px;color:#4a785f}.download{color:#244735;text-decoration:none;border:1px solid #cbd6c9;border-radius:6px;font-size:12px;padding:10px 16px}main{display:flex;height:calc(100dvh - 88px)}aside{width:300px;flex-shrink:0;background:#fff;border-right:1px solid #e3e7df;overflow:auto;padding:27px 25px}.project-label{font-size:10px;color:#7d8b81;letter-spacing:1.7px;display:flex;justify-content:space-between}.project-label span{color:#a4b0a4}h1{font-size:27px;line-height:1.4;letter-spacing:-1.2px;font-weight:550;margin:21px 0 8px}.intro{font-size:11px;color:#788378;margin-bottom:25px}.tabs{display:flex;background:#eef1eb;border-radius:7px;padding:4px;margin-bottom:28px}.tabs button{flex:1;border:0;color:#859183;background:none;padding:10px 0;font-size:12px;border-radius:4px}.tabs button[aria-selected=true]{background:#fff;color:#244f39;box-shadow:0 2px 5px #16321c0d}section{border-bottom:1px solid #e9ede6;padding-bottom:22px;margin-bottom:21px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.section-head h2{font-size:13px;margin:0;font-weight:600}.section-head>span{font-size:9px;letter-spacing:1px;color:#91a08c}.row{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#52614f;margin:14px 0;cursor:pointer}.row input{appearance:none;background:#cfd8ca;width:29px;height:17px;border-radius:12px;position:relative;cursor:pointer;margin:0}.row input:checked{background:#326a4c}.row input:before{content:'';width:11px;height:11px;border-radius:50%;background:white;position:absolute;top:3px;left:3px;transition:transform .15s}.row input:checked:before{transform:translateX(12px)}.text-btn{border:0;background:none;color:#4b7955;font-size:10px;padding:0}.light-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.light-grid button{border:1px solid #e2e7dc;background:#fafbf8;border-radius:5px;font-size:10px;color:#7a8773;padding:9px 0}.light-grid button[aria-pressed=true]{background:#e9efe3;border-color:#b8c9a7;color:#3e6637}input[type=range]{width:100%;accent-color:#467347;cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:9px;color:#939b8e;margin:3px 0 15px}details{margin-top:12px}summary{cursor:pointer;font-size:11px;color:#75836b}summary span{float:right;color:#a4af9a}select{color:#4f6249;border:1px solid #dbe2d4;background:#f9fbf7;padding:9px;border-radius:5px;width:100%;font-size:11px}.devices{margin-top:13px;display:grid;gap:8px}.devices label{display:grid;grid-template-columns:1fr 110px;align-items:center;font-size:11px;color:#76876d}.source-note{font-size:10px;line-height:1.9;color:#99a290}#stage{position:relative;flex:1;min-width:0;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#fff 10%,#f0f2eb 80%)}.stage-heading{position:absolute;top:29px;left:32px;right:30px;display:flex;justify-content:space-between;align-items:start;pointer-events:none;z-index:2}.eyebrow{font-size:9px;letter-spacing:1.9px;color:#8b9b80}.stage-heading h2{font-size:18px;font-weight:500;letter-spacing:-.5px;margin:10px 0}.stage-heading>span{font-size:9px;letter-spacing:1px;border:1px solid #d9e1cf;background:#ffffff99;border-radius:4px;padding:7px 10px;color:#829476}#viewport{position:absolute;inset:0}#viewport canvas{display:block;width:100%;height:100%}#reference{position:absolute;inset:100px 15px 105px;overflow:auto}#reference canvas{width:100%;height:100%;object-fit:contain}#loading{position:absolute;top:45%;left:50%;transform:translateX(-50%);padding:16px 24px;background:#fff;border:1px solid #dce4d6;border-radius:7px;font-size:12px;z-index:5}#selection{position:absolute;left:32px;top:100px;font-size:11px;color:#59724c;background:#ffffffdd;padding:10px;border-radius:5px}.view-controls{position:absolute;bottom:63px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:3px;background:#ffffffee;box-shadow:0 4px 30px #25422212;border:1px solid #e1e6d8;border-radius:9px;padding:6px;white-space:nowrap}.view-controls button{border:0;background:none;color:#52684a;font-size:17px;padding:8px 11px;border-radius:5px}.view-controls button:hover{background:#edf1e6}.view-controls span{font-size:10px;margin-left:4px}.view-controls i{height:20px;border-left:1px solid #e3e8dd;margin:0 4px}footer{position:absolute;bottom:0;height:40px;border-top:1px solid #e0e6d7;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 26px;font-size:9px;color:#95a089;background:#f8faf3}footer b{font-weight:400;color:#718364}.status-dot{display:inline-block;width:5px;height:5px;background:#5d9152;border-radius:50%;margin-right:7px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #39734f;outline-offset:3px}[hidden]{display:none!important}@media(max-width:900px){header{height:70px;padding:0 20px}main{height:calc(100dvh - 70px)}aside{width:245px;padding:23px 18px}.view-controls span{display:none}.stage-heading{left:20px;right:20px}.stage-heading>span{display:none}.top-right .local{display:none}footer #hint{display:none}}@media(max-width:620px){body{overflow:auto}main{display:flex;flex-direction:column-reverse;height:auto}#stage{height:65dvh;min-height:440px;flex:none}aside{width:100%;height:auto;overflow:visible}h1 br{display:none}.brand{font-size:15px}.brand small{font-size:7px}.download{font-size:10px}.stage-heading{top:20px}.view-controls{bottom:53px}.view-controls button{padding:8px}.source-note{margin-bottom:0}}

.motion-status{font-size:10px;color:#698357;margin:12px 0 0}#motionToggle[aria-pressed=true]{color:#ad783e}

.focus-select{position:absolute;right:28px;top:88px;z-index:3;display:flex;align-items:center;gap:9px;font-size:10px;color:#7a8f6c}.focus-select select{width:145px;background:#ffffffdd}.focus-select>span{display:none}

.solar-controls{padding-top:16px}.solar-actions{display:flex;gap:6px;align-items:center}.solar-actions select{flex:1;width:110px}.solar-actions button{white-space:nowrap}.solar-field{display:flex;align-items:center;justify-content:space-between;margin:9px 0;font-size:11px}.solar-field input{width:130px;border:1px solid #d8dfd4;padding:6px;border-radius:4px;background:white;color:#374836}#solarBadge{position:absolute;left:25px;bottom:118px;color:#3d5845;background:#ffffffde;border:1px solid #dce3d8;border-radius:5px;padding:7px 10px;font-size:10px;pointer-events:none}.solar-controls details{margin-top:10px}.solar-controls strong{font-size:15px;font-variant-numeric:tabular-nums}

#stage.night .stage-heading h2{color:#edf3e9}#stage.night .eyebrow{color:#aabdae}

.weather-controls select{margin-bottom:8px}.weather-slider{display:flex;justify-content:space-between;font-size:11px;margin-top:12px}.weather-credit{font-size:10px;line-height:1.6;color:#778873}.weather-credit a{color:inherit}#weatherBadge{position:absolute;left:25px;bottom:151px;padding:7px 10px;border:1px solid #dce3d8;background:#ffffffde;color:#3d5845;font-size:10px;border-radius:5px;pointer-events:none}

#weatherBadge{display:flex;align-items:center;gap:7px}#weatherBadge .weather-icon{font-size:20px;line-height:1;flex-shrink:0}