*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#faf6f0;--bg-secondary:#f5ede1;--text-primary:#2d2a26;--text-secondary:#6b6560;--accent:#c75b39;--accent-hover:#a8482a;--sand:#d4a574;--terracotta:#c75b39;--cream:#faf6f0;--blue:#3a5a78;--tier-too-cold:#6b8ca3;--tier-mild:#7aa87b;--tier-summer:#d4a574;--tier-hot:#c75b39;--tier-very-hot:#b8472b;--dome-bg:#2a1815;--dome-text:#f5e6d3;--dome-accent:#ff6b35;--dome-secondary:#8b3a1f;--font-display:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--max-width:800px;--border-radius:12px}body.dome-mode{background-color:var(--dome-bg);color:var(--dome-text)}body.dome-mode .fire-flames{pointer-events:none;z-index:9998;height:24%;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.flame{transform-origin:bottom;will-change:transform, opacity;background:#ff6b35;border-radius:3% 3% 50% 50%;animation:2s ease-in-out infinite flame-flicker;transform:translate(0,0);box-shadow:0 0 7px #ff6b35,0 0 14px #ff6b35,0 0 21px #ff6b35,0 0 28px #ff6b35,0 0 35px #ff8c42,0 0 42px #ff8c42,0 0 49px #ff8c42,0 0 56px orange}@keyframes flame-flicker{0%{opacity:1;transform:scale(1)translateY(0)translate(0)}25%{opacity:.95;transform:scale(1.2)translateY(-5px)translate(3px)}50%{opacity:.8;transform:scale(1.4)translateY(-10px)translate(-2px)}75%{opacity:.5;transform:scale(1.5)translateY(-15px)translate(2px)}to{opacity:0;transform:scale(1.5)translateY(-15px)translate(0)}}body.frosty:before{content:"";pointer-events:none;z-index:9999;-webkit-backdrop-filter:blur(var(--frost-blur,1.5px));background:linear-gradient(135deg,#ffffff4d 0%,#c8e6ff33 50%,#ffffff4d 100%);position:fixed;inset:0}body.frosty .ice-crystals{pointer-events:none;z-index:10000;position:fixed;inset:0;overflow:hidden}.ice-crystal{fill:#ffffffe6;filter:drop-shadow(0 0 2px #ffffff80);position:absolute}body.dome-mode .app{background-color:var(--dome-bg);color:var(--dome-text)}body.dome-mode .verdict-headline{color:var(--dome-accent);text-shadow:0 0 20px #ff6b3580}@media (prefers-reduced-motion:no-preference){body.dome-mode .verdict-headline{animation:3s ease-in-out infinite heat-shimmer}}@keyframes heat-shimmer{0%,to{opacity:1}50%{opacity:.85}}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6}body[data-tier=frozen]{background:linear-gradient(#e8f4fc,#d0e8f4)}body[data-tier=frozen] .forecast-day{background-color:#fff}body[data-tier=cold]{background:linear-gradient(#e0eef4,#d0e4f0)}body[data-tier=cold] .forecast-day{background-color:#fff}body[data-tier=typical]{background:linear-gradient(#e8f4f8,#d1e9f0)}body[data-tier=typical] .forecast-day{background-color:#fff}body[data-tier=cool]{background:linear-gradient(#f0f4f8,#e0e8f0)}body[data-tier=cool] .forecast-day{background-color:#fff}body[data-tier=mild]{background:linear-gradient(#faf6f0,#f5ede1)}body[data-tier=mild] .forecast-day{background-color:#fff}body[data-tier=pleasant]{background:linear-gradient(#fff8e8,#fff0d8)}body[data-tier=pleasant] .forecast-day{background-color:#fff}body[data-tier=summer]{background:linear-gradient(#fff5e6,bisque)}body[data-tier=summer] .forecast-day{background-color:#fff8f0}body[data-tier=hot]{background:linear-gradient(#ffe4d6,#ffd4c4)}body[data-tier=hot] .forecast-day{background-color:#fff0e8}body[data-tier=very-hot]{background:linear-gradient(#ffd4c4,#ffccc4)}body[data-tier=very-hot] .forecast-day{background-color:#fca}body.dome-mode .forecast-day{background-color:var(--dome-bg);box-shadow:none;border:none}.app{min-height:100vh;max-width:var(--max-width);flex-direction:column;margin:0 auto;padding:1.5rem;display:flex}.app.loading,.app.error{text-align:center;color:var(--text-secondary);justify-content:center;align-items:center;font-size:1.25rem}.app.error button{background-color:var(--accent);color:#fff;border-radius:var(--border-radius);cursor:pointer;border:none;margin-top:1rem;padding:.75rem 1.5rem;font-size:1rem;transition:background-color .2s}.app.error button:hover{background-color:var(--accent-hover)}main{flex-direction:column;flex:1;gap:2rem;display:flex}.verdict{text-align:center;contain:layout;margin:2rem 0 .75rem}.verdict-headline{font-family:var(--font-display);letter-spacing:-.03em;color:var(--accent);margin-bottom:.5rem;font-size:clamp(4rem,15vw,8rem);font-weight:800;line-height:1}.verdict-subtitle{color:var(--text-secondary);max-width:400px;min-height:3.5rem;margin:0 auto 1rem;font-size:clamp(1rem,4vw,1.25rem)}.current-temp{flex-direction:column;align-items:center;gap:.75rem;display:flex}.current-temp-value{color:var(--text-primary);font-size:clamp(3rem,8vw,4rem);font-weight:600}.current-temp-value .degrees-symbol{color:var(--text-primary);transition:color .3s;display:inline-block}.current-temp-value .degrees-symbol.pulsing{animation:.3s ease-in-out degreesPulse}@keyframes degreesPulse{0%{transform:scale(1)}25%{transform:scale(.7)}50%{transform:scale(1.3)}75%{transform:scale(.9)}to{transform:scale(1)}}body.dome-mode .current-temp-value,body.dome-mode .current-temp-value .degrees-symbol{color:var(--dome-text)}.temp-reveal-container{color:var(--text-primary);justify-content:center;align-items:center;min-height:1.2em;font-size:clamp(3rem,8vw,4rem);font-weight:600;display:inline-flex;position:relative}body.dome-mode .temp-reveal-container{color:var(--dome-text)}.temp-width-placeholder{visibility:hidden;pointer-events:none}.temp-value{white-space:nowrap;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.temp-old{z-index:1;animation:1.5s ease-in-out forwards fadeOutOld}.temp-old .degrees-symbol{animation:.5s ease-in-out degreesPulse;display:inline-block;position:relative}.temp-old .degrees-symbol:after{content:"";z-index:10;pointer-events:none;opacity:0;background:radial-gradient(circle,#fff 0%,#fff7e0 15%,#ffd93d 35%,#ff9500 55%,#ff6b00 70%,#0000 85%);border-radius:50%;width:.5em;height:.5em;animation:2.5s ease-in-out .5s forwards expandDiscFromSymbol;position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #ffd93d,0 0 40px #ff9500,0 0 60px #ff950080}body.dome-mode .temp-old .degrees-symbol:after{opacity:0;background:radial-gradient(circle,#fff 0%,#fff7e0 15%,#ffd93d 35%,#ff9500 55%,#ff6b00 70%,#0000 85%);top:35%;box-shadow:0 0 20px #ffd93d,0 0 40px #ff9500,0 0 60px #ff950080}@keyframes expandDiscFromSymbol{0%{opacity:1;width:.5em;height:.5em}50%{opacity:1;width:50em;height:50em}60%{opacity:1;width:50em;height:50em}to{opacity:0;width:50em;height:50em}}@keyframes fadeOutOld{0%{opacity:1}45%{opacity:1}55%{opacity:0}to{opacity:0}}.temp-new{z-index:2;opacity:0;animation:4s ease-in-out forwards revealNewTemp}@keyframes revealNewTemp{0%{opacity:0}18%{opacity:0}33%{opacity:1}to{opacity:1}}.degrees-disc{z-index:3;background:radial-gradient(circle,#fff 0%,#fff7e0 15%,#ffd93d 35%,#ff9500 55%,#ff6b00 70%,#0000 85%);border-radius:50%;width:.5em;height:.5em;animation:1.2s ease-in-out forwards expandDisc;position:absolute;top:40%;left:62%;transform:translate(-50%,-50%);box-shadow:0 0 20px #ffd93d,0 0 40px #ff9500,0 0 60px #ff950080}.unit-toggle{background-color:var(--bg-secondary);isolation:isolate;border-radius:100px;gap:.5rem;padding:.25rem;display:flex;position:relative}.unit-toggle:before{content:"";z-index:0;background-color:#fff;border-radius:100px;width:calc(50% - .375rem);transition:transform .35s cubic-bezier(.34,1.56,.64,1);position:absolute;top:.25rem;bottom:.25rem;left:.25rem;transform:translate(0);box-shadow:0 1px 3px #0000001a}.unit-toggle.unit-C:before{transform:translate(calc(100% + .5rem))}body.dome-mode .unit-toggle{background-color:var(--dome-secondary)}body.dome-mode .unit-toggle:before{background-color:var(--dome-accent)}.unit-toggle button{z-index:1;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:100px;flex:1;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;position:relative}.unit-toggle button.active{color:var(--text-primary)}body.dome-mode .unit-toggle button.active{color:var(--dome-bg)}.unit-toggle button:hover:not(.active){color:var(--text-primary)}body.dome-mode .unit-toggle button{color:var(--dome-text)}.forecast{margin-top:1rem}.forecast-headline{color:var(--text-primary);text-align:center;margin-bottom:1rem;font-size:1.25rem;font-weight:600}body.dome-mode .forecast-headline{color:var(--dome-text)}.forecast-list{grid-template-columns:repeat(7,minmax(120px,1fr));justify-content:center;gap:.75rem;display:grid}.forecast-day{background-color:var(--bg-secondary);border-radius:var(--border-radius);text-align:center;border:1px solid #00000014;flex-direction:column;gap:.5rem;width:100%;padding:1rem;transition:transform .35s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 1px 3px #0000000d}.forecast-day:hover{transform:translateY(-5px)}body.dome-mode .forecast-day{background-color:var(--dome-secondary);border-color:#ffffff1a;box-shadow:0 1px 3px #0000004d}.forecast-day-date{flex-direction:column;gap:.125rem;display:flex}.forecast-day-weekday{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}body.dome-mode .forecast-day-weekday{color:var(--dome-text)}.forecast-day-monthday{color:var(--text-secondary);font-size:.75rem}body.dome-mode .forecast-day-monthday{color:#f5e6d3b3}.forecast-day-temp{color:var(--text-primary);font-size:1.5rem;font-weight:700}body.dome-mode .forecast-day-temp{color:var(--dome-text)}.forecast-day-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:100px;align-self:center;padding:.25rem .5rem;font-size:.6875rem;font-weight:600}.tier-badge-frozen{color:#fff;background-color:#5b8ca3}.tier-badge-cold{color:#fff;background-color:#6b8ca3}.tier-badge-typical{background-color:var(--tier-too-cold);color:#fff}.tier-badge-cool{color:#fff;background-color:#8ba4b5}.tier-badge-mild{background-color:var(--tier-mild);color:#fff}.tier-badge-pleasant{color:#fff;background-color:#d4a574}.tier-badge-summer{background-color:var(--tier-summer);color:#fff}.tier-badge-hot{background-color:var(--tier-hot);color:#fff}.tier-badge-very-hot{background-color:var(--tier-very-hot);color:#fff}.tier-badge-dome{background-color:var(--dome-accent);color:var(--dome-bg)}.footer{margin-top:3rem;padding-top:2rem}.footer-content{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.dome-link{color:var(--accent);cursor:pointer;text-underline-offset:.2em;background:0 0;border:none;font-size:1rem;text-decoration:underline;transition:color .2s}.dome-link:hover{color:var(--accent-hover)}body.dome-mode .dome-link{color:var(--dome-accent)}.footer-attribution{color:var(--text-secondary);font-size:.875rem}.footer-attribution p{margin:.25rem 0}.footer-attribution a{color:var(--text-secondary);text-underline-offset:.15em;text-decoration:underline}.footer-attribution a:hover{color:var(--text-primary)}body.dome-mode .footer-attribution,body.dome-mode .footer-attribution a{color:#f5e6d3b3}body.dome-mode .footer-attribution a:hover{color:var(--dome-text)}.modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-primary);border-radius:var(--border-radius);width:100%;max-width:600px;max-height:90vh;padding:2rem;position:relative;overflow-y:auto}body.dome-mode .modal-content{background-color:var(--dome-secondary);color:var(--dome-text)}.modal-close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;padding:.25rem;font-size:1.5rem;line-height:1;transition:background-color .2s;display:flex;position:absolute;top:1rem;right:1rem}.modal-close:hover{background-color:var(--bg-secondary)}body.dome-mode .modal-close{color:var(--dome-text)}body.dome-mode .modal-close:hover{background-color:#ffffff1a}.modal-content h2{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem;font-weight:700}body.dome-mode .modal-content h2{color:var(--dome-text)}.dome-intro{margin-bottom:1rem;line-height:1.7}.dome-record{background-color:var(--bg-secondary);border-radius:var(--border-radius);text-align:center;margin:1.5rem 0;padding:1rem;font-size:1.125rem;font-weight:600}body.dome-mode .dome-record{background-color:#ffffff1a}.dome-record strong{color:var(--tier-hot);font-size:1.25rem}body.dome-mode .dome-record strong{color:var(--dome-accent)}.dome-chart{background-color:var(--bg-secondary);border-radius:var(--border-radius);justify-content:center;align-items:flex-end;gap:1rem;height:150px;margin:1.5rem 0;padding:1rem;display:flex}body.dome-mode .dome-chart{background-color:#ffffff1a}.dome-chart-bar-container{flex-direction:column;flex:1;align-items:center;gap:.5rem;max-width:80px;display:flex}.dome-chart-bar-wrapper{justify-content:center;align-items:flex-end;width:100%;height:100px;display:flex}.dome-chart-bar{background-color:var(--tier-hot);border-radius:4px 4px 0 0;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;min-height:20px;padding-top:.5rem;transition:height .5s ease-out;display:flex}body.dome-mode .dome-chart-bar{background-color:var(--dome-accent)}.dome-chart-temp{color:#fff;font-size:.875rem;font-weight:700}.dome-chart-label{color:var(--text-secondary);text-align:center;font-size:.75rem}body.dome-mode .dome-chart-label{color:#f5e6d3b3}.dome-links{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1.5rem;display:flex}.dome-links a{color:var(--accent);text-underline-offset:.15em;font-size:.875rem;text-decoration:underline}.dome-links a:hover{color:var(--accent-hover)}body.dome-mode .dome-links a{color:var(--dome-accent)}@media (width<=600px){.app{padding:1rem}.forecast-list{grid-template-columns:repeat(4,1fr);gap:.5rem}.forecast-day{padding:.75rem .5rem}.modal-content{padding:1.5rem 1rem}}@media (width<=400px){.forecast-list{grid-template-columns:repeat(3,1fr)}.dome-chart{gap:.5rem;padding:.75rem}}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}body.dome-mode button:focus-visible,body.dome-mode a:focus-visible{outline-color:var(--dome-accent)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}