:root{--paper:#17292d;--ink:#eee4bc;--accent:#a7c2be;--line:#eee4bc35;color-scheme:dark}.stage{height:clamp(510px,57vw,780px);align-self:center}.stage canvas{touch-action:none;cursor:crosshair}.stage-note,.condition{position:absolute;left:5%;right:5%;display:flex;justify-content:space-between;gap:15px;font:8px monospace;letter-spacing:1px;pointer-events:none}.stage-note{top:28px}.condition{bottom:55px;opacity:.6;justify-content:center;font-size:8px}.intro{font-size:16px}.text-label{font-size:10px;display:block;margin-bottom:8px}textarea{width:100%;resize:vertical;min-height:75px;max-height:200px;padding:13px;background:#ffffff04;border:1px solid var(--line);border-radius:0;color:var(--ink);font-size:13px}textarea::placeholder{color:#eee4bc88}.input-meta{display:flex;justify-content:space-between;gap:10px;font:8px monospace;letter-spacing:.7px;margin-top:5px;opacity:.7}.button-row{margin:15px 0 8px}.weather-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.weather-options .btn{font-size:10px;padding:9px 11px}.range{accent-color:var(--ink)}.controls{padding-top:30px;padding-bottom:30px}.controls h1{font-size:clamp(54px,6vw,91px)}.controls .eyebrow{font-size:9px}.controls .small{margin-top:21px}.embedded .stage{height:min(70vw,660px)}.day{--paper:#e4dcc2;--ink:#263f43;--accent:#a85f48;--line:#263f4335;color-scheme:light}.day textarea::placeholder{color:#263f4388}.day .input-meta{color:#263f43}@media(max-width:700px){.split{display:block}.stage,.embedded .stage{height:360px;position:sticky;top:0;z-index:3;background:var(--paper);border-bottom:1px solid var(--line)}.stage-note{top:15px;font-size:7px;letter-spacing:.4px}.condition{bottom:36px;font-size:7px}.controls h1{font-size:clamp(55px,13vw,78px)}.controls h1 br{display:none}.controls h1 em{margin-left:7px}}

@media(max-width:700px){.controls h1 br{display:block}.controls h1 em{margin-left:0}}

@media(max-width:700px){.stage{height:min(330px,42svh)}.embedded .stage{height:min(330px,42svh)}}