.weather-page{max-width:1240px;padding-top:1.3rem}.weather-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.2rem;display:flex}.weather-heading h1{margin-top:.35rem;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:500;line-height:1.4}.weather-heading .text-link{flex-shrink:0}.weather-stage{border:1px solid var(--border);background:var(--surface);border-radius:1.7rem;overflow:hidden}.weather-page .weather-canvas{isolation:isolate;cursor:crosshair;touch-action:pan-y;user-select:none;height:clamp(360px,53dvh,620px);min-height:360px;padding:3rem;position:relative;overflow:hidden}.weather-canvas[data-editing=true]{touch-action:none}.weather-canvas[data-editing=false]{cursor:default}.weather-caption{z-index:2;pointer-events:none;text-shadow:0 1px 20px #ffffff35;max-width:30rem;position:relative}.weather-caption h2{letter-spacing:-.05em;margin:1.2rem 0;font-size:clamp(2.4rem,6vw,5rem);font-weight:500;line-height:1.2}.weather-caption p{max-width:22rem;font-size:.85rem;line-height:1.9}.weather-stamp{letter-spacing:.18em;opacity:.55;pointer-events:none;font-size:.6rem;position:absolute;bottom:1.5rem;right:1.8rem}.weather-handle{width:48px;height:48px;color:inherit;cursor:grab;backdrop-filter:blur(6px);z-index:3;touch-action:inherit;background:#ffffff24;border:1px solid #fff9;border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 7px #ffffff16}.weather-handle:active{cursor:grabbing}.weather-handle span{opacity:.8;font-size:.7rem}.weather-canvas[data-editing=false] .weather-handle{opacity:.45}.weather-ripple{pointer-events:none;z-index:1;border:1px solid #fff9;border-radius:50%;width:80px;height:80px;position:absolute}.weather-console{padding:1.15rem 1.4rem}.weather-options{flex-wrap:wrap;align-items:center;gap:.8rem;margin-bottom:1rem;display:flex}.weather-options label{align-items:center;gap:.7rem;font-size:.8rem;display:flex}.weather-options select{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--gray-100);border-radius:99px;min-height:44px;padding:.65rem .9rem}.weather-options .button{min-height:44px;padding:.55rem .9rem;font-size:.75rem}.weather-options>.small{font-size:.7rem!important}.weather-actions{flex-wrap:wrap;gap:.65rem;display:flex}.weather-actions .button{border-radius:.8rem;min-height:48px;padding:.7rem 1rem;font-size:.85rem}.weather-console #palette-status{min-height:2em;color:var(--muted);margin-top:.8rem;font-size:.8rem;line-height:1.8}.weather-history{margin-block:1.8rem}.weather-history>div:first-child{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.8rem;display:flex}.weather-history h2{font-size:1rem;font-weight:500}#weather-history{grid-template-columns:repeat(8,minmax(0,1fr));gap:.65rem;display:grid}.weather-memory{border:1px solid var(--border);color:#fff;text-shadow:0 1px 4px #0009;cursor:pointer;background:radial-gradient(ellipse at var(--palette-x1) var(--palette-y1),oklch(.65 var(--palette-c) var(--palette-h)),transparent 80%),linear-gradient(var(--palette-angle),oklch(.75 .08 calc(var(--palette-h) + var(--palette-o2,155))),oklch(.7 .08 var(--palette-h)));border-radius:.8rem;min-width:0;height:68px;font-size:.8rem;transition:transform .15s}.weather-memory:hover{transform:translateY(-3px)}.weather-page>.small{max-width:75ch}@media (width<=900px){body:has(.weather-page) .menu-toggle{display:block}body:has(.weather-page) #site-nav{z-index:10;border:1px solid var(--border);background:var(--gray-999);border-radius:1rem;padding:.8rem;display:none;position:absolute;top:calc(100% + .4rem);left:0;right:0}body:has(.weather-page) #site-nav.is-open{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}body:has(.weather-page) #site-nav a{min-height:44px}}@media (width<=720px){.weather-heading{align-items:start}.weather-heading h1{font-size:1.5rem}.weather-heading .eyebrow{font-size:.6rem}.weather-page .weather-canvas{height:420px;min-height:340px;padding:1.5rem}.weather-caption h2{margin-top:1rem;font-size:3rem}.weather-caption p{max-width:15rem}.weather-stage{border-radius:1.2rem}.weather-console{padding:1rem}.weather-options{gap:.6rem}.weather-options>.small{width:100%}.weather-actions{grid-template-columns:1fr 1fr;gap:.55rem;display:grid}.weather-actions .button{min-width:0;padding:.65rem .5rem;font-size:.8rem}.weather-actions #palette-apply{grid-area:2/1/auto/-1}.weather-actions #palette-reset{grid-column:1/-1}.weather-console #palette-status{min-height:3.6em}#weather-history{grid-template-columns:repeat(4,minmax(0,1fr))}.weather-memory{height:58px}.weather-history>div:first-child{display:block}.weather-history p{margin-top:.4rem}.weather-stamp{font-size:.55rem;right:1rem}}@media (prefers-reduced-motion:reduce){.weather-memory{transition:none}.weather-memory:hover{transform:none}}.weather-colors{gap:.4rem;margin-bottom:1rem;display:flex}.weather-colors span{border:1px solid #8883;border-radius:99px;flex:1;height:16px;display:block}.weather-caption h2{overflow-wrap:anywhere;font-size:clamp(2rem,4.8vw,4.2rem)}.weather-caption{max-width:40rem}@media (width<=720px){.weather-caption h2{font-size:2.35rem}}