:root{--font-display: "Fraunces", Georgia, serif;--font-body: "Hanken Grotesk", system-ui, -apple-system, sans-serif;--bg: #14110f;--bg-raised: #1d1916;--bg-sunken: #100d0b;--line: #2e2823;--line-soft: #241f1b;--text: #f3ece3;--text-dim: #b3a99c;--text-faint: #7b7268;--accent: #d8f64a;--accent-press: #c2e02f;--accent-ink: #1a1d05;--danger: #ff7a59;--radius-card: 22px;--radius: 12px;--radius-sm: 8px;--shadow-card: 0 18px 50px -20px rgba(0, 0, 0, .7);--shadow-lift: 0 28px 70px -24px rgba(0, 0, 0, .8);--ease: cubic-bezier(.22, 1, .36, 1);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;margin:0}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer}.tabular{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.weather-card{position:relative;display:block;width:100%;min-height:380px;border:none;margin:0;padding:0;border-radius:var(--radius-card);overflow:hidden;background:#2e6fb0;box-shadow:var(--shadow-card);text-align:left;color:#fff;isolation:isolate;transition:transform .35s var(--ease),box-shadow .35s var(--ease),opacity .35s var(--ease),filter .35s var(--ease)}.weather-card.is-interactive{cursor:pointer}.weather-card.is-interactive:hover{transform:translateY(-5px);box-shadow:var(--shadow-lift)}.weather-card.is-interactive:active{transform:translateY(-2px) scale(.995)}.weather-card.is-selected{transform:translateY(-6px);box-shadow:0 0 0 3px var(--accent),var(--shadow-lift)}.weather-card.is-dimmed{opacity:.45;filter:saturate(.6) brightness(.85);transform:scale(.97)}.sky-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.sky-sun{position:absolute;top:6%;right:10%;width:120px;height:120px}.sky-sun-rays{transform-box:fill-box;transform-origin:center;animation:sun-spin 100s linear infinite}.sky-clouds,.sky-rain,.sky-wind{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.sky-cloud{position:absolute;width:120px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.12));animation:cloud-drift var(--cloud-dur, 30s) linear infinite;animation-delay:var(--cloud-delay, 0s);will-change:transform}.sky-drop{position:absolute;top:0;width:1.5px;background:linear-gradient(180deg,#dce8f500,#dce8f5e6);border-radius:2px;animation:rain-fall var(--drop-dur, .8s) linear infinite;animation-delay:var(--drop-delay, 0s)}.sky-streak{position:absolute;height:2px;background:linear-gradient(90deg,#fff0,#ffffffe6,#fff0);border-radius:2px;animation:wind-drift var(--streak-dur, 4s) linear infinite;animation-delay:var(--streak-delay, 0s)}.sky-haze{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#e8ecf000 35%,#e8ecf0cc);pointer-events:none}.sky-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0e1457,#0a0e140a 26%,#0a0e141a 64%,#0a0e1480);pointer-events:none}@keyframes sun-spin{to{transform:rotate(360deg)}}@keyframes cloud-drift{0%{transform:translate(-150%) scale(var(--cloud-scale, 1))}to{transform:translate(560%) scale(var(--cloud-scale, 1))}}@keyframes rain-fall{0%{transform:translateY(-24px) translate(0)}to{transform:translateY(400px) translate(var(--rain-slant, 0px))}}@keyframes wind-drift{0%{transform:translate(-90px)}to{transform:translate(440px)}}.card-content{position:relative;z-index:1;height:100%;min-height:380px;padding:20px 22px 22px;display:flex;flex-direction:column;gap:12px;text-shadow:0 1px 3px rgba(0,0,0,.35)}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:auto}.card-condition{font-size:.82rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;opacity:.92}.card-badge{display:grid;place-items:center;min-width:26px;height:26px;padding:0 8px;border-radius:999px;background:#ffffff38;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:.78rem;font-weight:700;letter-spacing:.02em}.temp-readout{display:flex;flex-direction:column;line-height:.92}.temp-caption{font-size:.72rem;font-weight:600;letter-spacing:.12em;opacity:.85;margin-bottom:6px}.temp-number{font-family:var(--font-display);font-weight:600;font-size:clamp(4.2rem,11vw,6.2rem);letter-spacing:-.03em}.temp-degree{font-weight:400;opacity:.7}.temp-word{font-size:1.02rem;font-weight:500;text-transform:capitalize;opacity:.95;margin-top:2px}.temp-feels{font-size:.84rem;font-weight:500;opacity:.82;margin-top:3px}.card-daily{display:flex;flex-direction:column;gap:10px}.hl-arc{display:flex;flex-direction:column;gap:6px}.hl-track{position:relative;height:8px;border-radius:999px;background:linear-gradient(90deg,#6ea8e0,#8fd0d6,#ffe39a 64%,#ffae66);opacity:.85}.hl-fill{position:absolute;top:0;height:100%;border-radius:999px;background:#ffffff8c;box-shadow:0 0 8px #fff6}.hl-node{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0006}.hl-labels{display:flex;justify-content:space-between;font-size:.82rem;font-weight:600}.hl-labels em{font-style:normal;font-weight:500;opacity:.7;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;margin-right:3px}.hourly-strip{display:block;opacity:.95}.readout-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:10px 14px;margin:4px 0 0;padding-top:12px;border-top:1px solid rgba(255,255,255,.22)}.readout-item{display:flex;flex-direction:column;gap:2px}.readout-item dt{font-size:.68rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;opacity:.78}.readout-item dd{margin:0;font-size:1.04rem;font-weight:600}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#08060599;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:24px;animation:modal-fade .18s var(--ease)}.modal{width:100%;max-width:480px;max-height:88vh;overflow:auto;background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-lift);animation:modal-rise .22s var(--ease)}.modal.is-wide{max-width:720px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px 0}.modal-title{font-size:1.3rem}.modal-close{background:transparent;border:none;color:var(--text-dim);font-size:1rem;padding:6px;line-height:1;border-radius:var(--radius-sm)}.modal-close:hover{color:var(--text);background:var(--bg-sunken)}.modal-body{padding:16px 22px 22px}@keyframes modal-fade{0%{opacity:0}}@keyframes modal-rise{0%{opacity:0;transform:translateY(10px) scale(.99)}}.shell{min-height:100%;display:flex;flex-direction:column}.shell-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 28px;border-bottom:1px solid var(--line-soft);position:sticky;top:0;background:#14110fd1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.brand{display:flex;align-items:center;gap:9px}.brand-mark{color:var(--accent);font-size:1.1rem}.brand-name{font-family:var(--font-display);font-weight:600;font-size:1.12rem;letter-spacing:-.01em}.shell-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}.results-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.shell-main{flex:1;width:100%;max-width:1040px;margin:0 auto;padding:34px 28px 56px}.shell-main.is-wide{max-width:1180px}.btn{border:1px solid transparent;border-radius:var(--radius-sm);padding:9px 16px;font-weight:600;font-size:.92rem;transition:background .18s var(--ease),border-color .18s var(--ease),transform .18s var(--ease),opacity .18s var(--ease)}.btn:disabled{opacity:.38;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:not(:disabled):hover{background:var(--accent-press);transform:translateY(-1px)}.btn-ghost{background:var(--bg-raised);border-color:var(--line);color:var(--text)}.btn-ghost:not(:disabled):hover{border-color:var(--text-faint)}.btn-subtle{background:transparent;color:var(--text-dim)}.btn-subtle:not(:disabled):hover{color:var(--text);background:var(--bg-raised)}.mode-select{max-width:760px;margin:5vh auto 0}.mode-title{font-size:clamp(2.2rem,5.5vw,3.4rem);line-height:1.04;letter-spacing:-.025em}.mode-sub{margin:16px 0 38px;font-size:1.1rem;color:var(--text-dim);max-width:54ch}.mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.mode-card{display:flex;flex-direction:column;gap:8px;text-align:left;padding:24px 24px 20px;border-radius:var(--radius-card);background:var(--bg-raised);border:1px solid var(--line);transition:transform .3s var(--ease),border-color .3s var(--ease),background .3s var(--ease);min-height:200px}.mode-card:hover{transform:translateY(-4px);border-color:var(--accent);background:#221d19}.mode-card-kicker{font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.mode-card-title{font-family:var(--font-display);font-size:1.7rem;font-weight:600;letter-spacing:-.01em}.mode-card-blurb{color:var(--text-dim);font-size:.98rem;flex:1}.mode-card-foot{margin-top:10px;font-weight:600;color:var(--text)}.mode-import{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:26px;color:var(--text-dim);font-size:.92rem}.mode-import-btn{background:transparent;border:1px solid var(--line);color:var(--text);border-radius:var(--radius-sm);padding:7px 14px;font-weight:600;transition:border-color .2s var(--ease)}.mode-import-btn:hover{border-color:var(--accent)}.mode-import-error{color:var(--danger)}.compare-screen{display:flex;flex-direction:column;align-items:center;gap:22px}.compare-prompt{font-family:var(--font-display);font-size:clamp(1.4rem,3.4vw,2rem);font-weight:500;text-align:center;margin:4px 0 2px}.compare-pair{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:14px;width:100%}.compare-vs{display:grid;place-items:center;align-self:center}.compare-vs span{font-family:var(--font-display);font-style:italic;font-size:1.2rem;color:var(--text-faint);padding:6px}.compare-controls{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.compare-hints{color:var(--text-faint);font-size:.86rem;text-align:center}.compare-hints kbd{font-family:var(--font-body);background:var(--bg-raised);border:1px solid var(--line);border-radius:5px;padding:1px 6px;font-size:.8rem;color:var(--text-dim)}.compare-note{color:var(--accent);font-size:.92rem;text-align:center}.progress{display:flex;align-items:center;gap:12px;min-width:240px}.progress-track{flex:1;height:6px;border-radius:999px;background:var(--bg-raised);overflow:hidden;border:1px solid var(--line-soft)}.progress-fill{height:100%;background:var(--text-faint);border-radius:999px;transition:width .4s var(--ease)}.progress-fill.is-ready{background:var(--accent)}.progress-label{font-size:.82rem;color:var(--text-dim);white-space:nowrap}.results-screen{display:flex;flex-direction:column;gap:36px}.ideal-summary{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:28px;align-items:center}.ideal-copy h2{font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:-.02em}.ideal-copy p{margin:14px 0 0;font-size:1.12rem;color:var(--text);max-width:46ch}.ideal-copy .ideal-note{font-size:.92rem;color:var(--text-faint)}.results-curves-head h2{font-size:1.5rem}.results-curves-head p{margin:10px 0 0;color:var(--text-dim);max-width:70ch}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}.dim-chart{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius);padding:16px 14px 12px}.dim-chart-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:0 6px}.dim-chart-head h3{font-family:var(--font-body);font-size:1rem;font-weight:700}.dim-chart-best{font-size:.86rem;color:var(--accent);font-weight:600}.dim-chart-foot{padding:6px 8px 2px}.dim-conf{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--text-faint)}.dim-conf-bar{display:inline-block;width:70px;height:4px;border-radius:999px;background:var(--line);overflow:hidden}.dim-conf-bar span{display:block;height:100%;background:var(--accent)}.results-foot{color:var(--text-faint);font-size:.88rem}.results-share-msg{color:var(--accent)}.share-blurb{color:var(--text-dim);margin:0 0 16px;font-size:.96rem}.share-link-row{display:flex;gap:8px}.share-link{flex:1;min-width:0;background:var(--bg-sunken);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text-dim);padding:9px 12px;font-size:.84rem;font-family:inherit}.share-copy{flex-shrink:0;min-width:92px;justify-content:center}.share-copy.is-copied{background:var(--accent)}.county-modal-sub{color:var(--text-dim);margin:0 0 18px;font-size:.95rem}.county-modal-sub strong{color:var(--text)}.county-chart-title{font-family:var(--font-body);font-size:.96rem;font-weight:700;margin:14px 0 4px}.county-chart-note{color:var(--text-faint);font-size:.82rem;margin:4px 0 8px}.county-chart-note em{color:var(--accent);font-style:normal}.map-hint{color:var(--text-faint);font-style:italic}.shared-banner{color:var(--text-dim);font-size:.9rem;margin:0 0 20px}.shared-banner strong{color:var(--text)}.shared-cta{color:var(--accent);font-weight:600;text-decoration:none}.shared-cta:hover{text-decoration:underline}a.btn{display:inline-flex;align-items:center;text-decoration:none}@media (max-width: 720px){.compare-pair{grid-template-columns:1fr}.compare-vs{transform:rotate(90deg)}.ideal-summary{grid-template-columns:1fr}.shell-main{padding:24px 18px 48px}}