#root{min-height:100vh;width:100%}.weather-shell{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at top,rgba(127,196,219,.18),transparent 38%),linear-gradient(180deg,#081924,#0d2536 42%,#102c3f)}.weather-shell__aurora{position:absolute;inset:-10rem -6rem auto;height:22rem;background:radial-gradient(circle,rgba(252,214,160,.12),transparent 52%),radial-gradient(circle at right,rgba(117,198,216,.18),transparent 42%);filter:blur(18px);pointer-events:none}.weather-shell__grid{position:relative;max-width:84rem;margin:0 auto;padding:2rem 1.25rem 3rem}.weather-brand{margin:0;color:#d9e7edd1;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase}.weather-language-label{color:#d9e7edc2;font-size:.82rem}.language-chip{min-width:5.4rem;border-radius:999px;border:1px solid rgba(205,228,236,.16);background:#0823336b;color:#f4f7f1e0}.language-chip:hover{background:#10354acc}.language-chip--active{border-color:#fad6a070;background:#bf8f4938}.weather-hero{display:grid;gap:1.5rem;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);align-items:stretch}.weather-kicker{margin:0;font-size:.8rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#b9dfea}.weather-title{margin:0;font-size:clamp(2.9rem,5vw,4.8rem);line-height:.96;font-family:Spectral,Georgia,serif;color:#f2f5ef}.weather-description{margin:0;max-width:40rem;font-size:1.06rem;color:#eaf3f7d1}.weather-search-panel,.weather-card,.secret-overlay__panel{border:1px solid rgba(205,228,236,.16);background:linear-gradient(180deg,#091d2bd1,#071723e0);box-shadow:0 22px 60px #01090f47;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.weather-search-panel{border-radius:1.5rem;padding:1rem}.station-grid,.metric-grid,.forecast-grid{display:grid;gap:.85rem}.station-grid{margin-top:1rem;grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr))}.station-chip{min-height:4.4rem;justify-content:flex-start;border-radius:1rem;border:1px solid rgba(204,228,235,.18);background:#082333c2;color:#f2f6f7eb}.station-chip:hover{background:#10354ae6}.station-chip--active{border-color:#fad6a066;background:linear-gradient(180deg,#bf8f493d,#0e2c3df5)}.coast-stage{position:relative;min-height:28rem;overflow:hidden;border-radius:1.8rem;background:linear-gradient(180deg,#14385242,#0a141f47 34%,#07202fe0),radial-gradient(circle at 50% 10%,#fcdcae94,#fff0 34%),linear-gradient(180deg,#5a88a2,#28506a 40%,#0a2437);border:1px solid rgba(255,255,255,.12)}.coast-stage__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.54;filter:saturate(.9) contrast(1.05) brightness(.88);transform:scale(1.03)}.coast-stage__mist,.coast-stage__waterline{position:absolute;inset:auto -10% 0;height:72%;opacity:.72}.coast-stage__mist{top:0;background:radial-gradient(circle at 20% 30%,rgba(255,243,220,.42),transparent 18%),radial-gradient(circle at 70% 18%,rgba(233,245,249,.34),transparent 18%),radial-gradient(circle at 82% 28%,rgba(248,226,180,.28),transparent 22%);animation:drift-cloud 16s linear infinite}.coast-stage__waterline{bottom:-12%;height:58%;background:radial-gradient(circle at 20% 10%,rgba(205,239,247,.4),transparent 14%),radial-gradient(circle at 50% 25%,rgba(130,205,224,.42),transparent 18%),radial-gradient(circle at 75% 18%,rgba(237,245,247,.26),transparent 16%),linear-gradient(180deg,#1249650a,#08283bdb);animation:drift-water 12s ease-in-out infinite}.coast-stage__content{position:relative;z-index:1;display:flex;justify-content:flex-end;height:100%;padding:1.5rem}.weather-layout{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1.35fr) minmax(19rem,.85fr);align-items:start}.weather-card{border-radius:1.5rem;padding:1.15rem}.weather-card--feature{padding:1.3rem}.weather-card--compact{min-height:5.3rem}.weather-card--subtle{background:#ffffff08;border:1px solid rgba(255,255,255,.06);box-shadow:none}.weather-label{margin:0;font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#c1dce3b3}.weather-value{margin:.3rem 0 0;font-size:1.15rem;font-weight:600;color:#f4f7f1}.metric-grid,.forecast-grid{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr))}.forecast-card,.hour-row{border-radius:1.1rem;border:1px solid rgba(255,255,255,.06);background:#ffffff09}.forecast-card{padding:.9rem}.hour-row{padding:.8rem .9rem}.weather-error{border-radius:1rem;border:1px solid rgba(255,184,156,.28);background:#6e231747;color:#ffd9cc;padding:.9rem 1rem}.secret-overlay{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:#03090ead;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.secret-overlay__panel{width:min(100%,32rem);border-radius:1.5rem;padding:1.4rem}@keyframes drift-cloud{0%{transform:translate(0)}50%{transform:translate(-3%)}to{transform:translate(0)}}@keyframes drift-water{0%{transform:translate(0) translateY(0)}50%{transform:translate(-2.5%) translateY(-2%)}to{transform:translate(0) translateY(0)}}@media(max-width:960px){.weather-hero,.weather-layout{grid-template-columns:1fr}.coast-stage{min-height:22rem}}@media(max-width:640px){.weather-shell__grid{padding:1rem .9rem 2rem}.weather-search-panel,.weather-card,.secret-overlay__panel{border-radius:1.15rem}.weather-title{font-size:2.6rem}.station-grid,.metric-grid,.forecast-grid{grid-template-columns:1fr 1fr}.hour-row{gap:.45rem;flex-wrap:wrap}}