:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--surface:#050507;--surface-elevated:#080a0f;--panel:#0a0c1294;--panel-strong:#080a10c2;--text:#fffffff5;--muted:#ffffff9e;--text-subtle:#ffffff6b;--subtle:#ffffff4d;--border:#ffffff1a;--border-hot:#ffffff3d;--copper:#7fb8ff;--copper-soft:#0a84ff24;--aqua:#0a84ff;--sky:#62b5ff;--rose:#ff5ad9;--ink:#000;--lime:#fff;--shadow:0 26px 90px #000000c7;--ease:cubic-bezier(.16, 1, .3, 1);--panel-border:#ffffff1f;--panel-glow:#0a84ff2e;--panel-elevated:0 18px 70px #00000085;--accent-gradient:linear-gradient(135deg, #0a84ff 0%, #6d6cff 42%, #ff5ad9 100%);--font-ui:"SF Pro Display", "Inter", "Neue Haas Grotesk Display", "Avenir Next", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body:"SF Pro Text", "Inter", "Neue Haas Grotesk Text", "Avenir Next", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{background:#000}body{min-width:320px;color:var(--text);font-family:var(--font-body);text-rendering:geometricprecision;background:linear-gradient(#0a84ff14,#0000 26%),#000;min-height:100vh;margin:0;line-height:1.45;overflow-x:hidden}::selection{color:#0e1216;background:var(--aqua)}*,:before,:after{outline-color:color-mix(in oklab, var(--aqua) 70%, transparent)}button,input{font:inherit}button{border:1px solid var(--panel-border);min-height:42px;color:var(--text);cursor:pointer;font-family:var(--font-ui);transition:transform .16s var(--ease), border-color .16s var(--ease), background .16s var(--ease), box-shadow .16s var(--ease);background:#ffffff0b;border-radius:8px;font-size:.88rem;font-weight:650}button:focus-visible{outline:2px solid color-mix(in oklab, var(--aqua) 60%, transparent);outline-offset:2px}button:hover:not(:disabled){border-color:var(--border-hot);background:#ffffff14;transform:translateY(-1px);box-shadow:0 12px 30px #0000003d}button:active:not(:disabled){transform:translateY(0)}button:disabled{cursor:not-allowed;opacity:.48}input{border:1px solid var(--panel-border);width:100%;min-width:0;color:var(--text);font-family:var(--font-ui);background:#0000006b;border-radius:8px;padding:.75rem .78rem}input:focus{background:#00000075;border-color:#79e3d0b8;outline:0;box-shadow:0 0 0 3px #79e3d029}input:focus-visible{border-color:#79e3d0b8;outline:0}#root{isolation:isolate;min-height:100vh}.app{grid-template-columns:minmax(250px,310px) minmax(0,1fr);gap:1rem;max-width:1540px;min-height:100vh;margin:0 auto;padding:clamp(.8rem,1.8vw,1.2rem);display:grid;position:relative}.app:before{content:"";z-index:-3;pointer-events:none;background:radial-gradient(circle at 55% 8%,#79e3d01f,#0000 40%),radial-gradient(circle at 80% 90%,#f2a7661c,#0000 34%);position:fixed;inset:0}.grain{z-index:-1;pointer-events:none;opacity:.22;background-image:linear-gradient(#ffffff0e 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}.ambient{z-index:-2;pointer-events:none;filter:blur(64px);opacity:.9;height:68vh;transition:transform .52s var(--ease), background .52s var(--ease);position:fixed;inset:-24vh -10vw auto}.ambient-cloud{background:radial-gradient(circle at 18% 45%,#bcc3cd3d,#0000 42%),radial-gradient(circle at 82% 40%,#79e3d02e,#0000 46%);transform:translateY(2vh)}.ambient-rain{background:radial-gradient(circle at 18% 45%,#4476ab57,#0000 42%),radial-gradient(circle at 82% 40%,#79e3d038,#0000 46%);transform:translateY(3vh)}.ambient-storm{background:radial-gradient(circle at 18% 45%,#ff8f9c47,#0000 40%),radial-gradient(circle at 82% 40%,#7870ff47,#0000 46%);transform:translateY(4vh)scale(1.04)}.topbar{border:1px solid var(--panel-border);background:linear-gradient(160deg, #0e131bdb, #0a0f1699 72%), var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;grid-column:1/-1;justify-content:space-between;align-items:center;gap:1rem;padding:.88rem 1rem;display:flex;position:relative;box-shadow:0 22px 46px #0000006b}.topbar:after{content:"";pointer-events:none;border:1px solid #ffffff08;border-radius:8px;position:absolute;inset:0}.titleBlock{gap:.28rem;min-width:0;display:grid}.eyebrow{color:var(--aqua);font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;text-wrap:balance;margin:0;font-size:.68rem;font-weight:760}.titleBlock h1{max-width:640px;margin:0;font-size:clamp(1.75rem,3.2vw,3.35rem);font-weight:560;line-height:.98}.subtitle{max-width:760px;color:var(--muted);font-family:var(--font-ui);margin:0;font-size:clamp(.82rem,1.1vw,.98rem);line-height:1.35}.subtitleCityRow{flex-wrap:wrap;align-items:center;gap:.36rem;margin-top:.32rem;display:flex}.subtitleCityLabel{color:var(--text-subtle);letter-spacing:.01em;font-size:.74rem}.cityPill{color:#e8f6ff;letter-spacing:.01em;background:#79e3d017;border:1px solid #79e3d033;border-radius:999px;align-items:center;min-height:auto;padding:.2rem .58rem;font-size:.7rem;font-weight:780;display:inline-flex}.cityPill:nth-child(2n){background:#f2a7661a;border-color:#f2a7663d}.actions{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:.5rem;display:flex}.iconButton,.primaryButton{letter-spacing:.01em;align-items:center;gap:.45rem;padding:.62rem .82rem;display:inline-flex}.iconButton{padding-right:.9rem}.primaryButton{box-shadow:var(--panel-elevated);background:linear-gradient(#f2a76657,#f2a76629);border-color:#f2a7666b}.unitToggle{border:1px solid var(--border);background:#ffffff0f;border-radius:8px;display:inline-flex;overflow:hidden}.unitToggle button{background:0 0;border:0;border-radius:0;min-width:48px}.unitToggle button.active{color:#0a0d10;background:var(--aqua)}.panel,.hero,.metrics article,.tile{border:1px solid var(--panel-border);background:linear-gradient(180deg, #ffffff13, transparent), var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-width:0;box-shadow:var(--panel-elevated);border-radius:8px;position:relative;overflow:hidden}.panel:after,.hero:after,.tile:after{content:"";pointer-events:none;border-radius:inherit;opacity:.45;border:1px solid #ffffff0d;position:absolute;inset:0}.side{align-content:start;gap:.75rem;display:grid}.panel{padding:1rem}.searchPanel{background:linear-gradient(135deg, #f2a7662e, transparent 46%), var(--panel-strong);border-color:#f2a76647;gap:.9rem;display:grid}.searchPanel button{white-space:nowrap}.searchPanel:after{content:"";pointer-events:none;border:1px dashed #ffecd629;border-radius:8px;position:absolute;inset:.6rem}.search{grid-template-columns:minmax(0,1fr) auto;gap:.5rem;display:grid}.search button{padding-inline:.9rem}.quickCityWrap{gap:.58rem;display:grid}.quickCityRow{flex-wrap:wrap;gap:.45rem;display:flex}.quickChip{color:#dfe8eb;min-height:34px;transition:transform .14s var(--ease), border-color .14s var(--ease), background .14s var(--ease);background:linear-gradient(150deg,#79e3d033,#ffffff08);border:1px solid #79e3d038;padding:.4rem .55rem;font-size:.78rem}.quickChip:hover{background:linear-gradient(150deg,#79e3d04d,#ffffff0f);border-color:#79e3d080;transform:translateY(-1px)}.recentPanel{gap:.7rem;display:grid}.recent{gap:.42rem;margin:0;padding:0;list-style:none;display:grid}.recent button{overflow-wrap:anywhere;text-align:left;background:#00000024;justify-content:flex-start;width:100%}.savedHeader{justify-content:space-between;align-items:baseline;gap:.65rem;display:flex}.savedHeader h3,.savedHeader .muted{margin:0}.savedHeader .muted{text-align:right}.savedList,.savedListActions,.savedEditActions{gap:.4rem;display:grid}.savedList{margin:0;padding:0;list-style:none}.savedListItem{gap:.42rem;display:grid}.savedPlaceButton{text-align:left;background:#0000002e;border-color:#79e3d024;justify-items:stretch;gap:.12rem;width:100%;line-height:1.2;display:grid}.savedPlaceCity{font-size:.73rem;display:block}.savedListActions,.savedEditActions{grid-template-columns:auto auto}.savedEditRow input{width:100%}.savedEditRow .savedEditActions button{min-height:34px}.secondaryButton{background:#0000002e;border-color:#ffffff2e;width:100%}.secondaryButton:hover:not(:disabled){border-color:#ffffff6b}.content{align-content:start;gap:1rem;min-width:0;display:grid}.dashboardTabs{background:#0000002e;border:1px solid #ffffff14;border-radius:8px;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem;min-width:0;padding:.32rem;display:grid}.tabButton{background:0 0;border-color:#0000;justify-content:center;gap:.35rem;min-height:38px}.tabButton .tabIndex{color:var(--text-subtle);letter-spacing:.07em;font-size:.72rem}.tabButton.active{color:#080b0e;background:var(--aqua);border-color:#79e3d0a6;box-shadow:0 12px 26px #79e3d01f}.content>*{min-width:0}.commandGrid{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:1rem;min-width:0;display:grid}.mapPanel,.plannerPanel,.alertPanel,.comparePanel,.metrics article{box-shadow:var(--panel-elevated)}.hero{isolation:isolate;grid-template-columns:minmax(0,1fr) minmax(150px,210px);gap:1rem;min-height:320px;padding:1rem;display:grid;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;mix-blend-mode:screen;opacity:.9;background:linear-gradient(90deg,#ffffff14,#0000 32%),radial-gradient(circle at 88% 18%,#ffffff24,#0000 24%);position:absolute;inset:0}.weatherTone-clear .hero{border-color:#f2a76659}.weatherTone-cloud .hero{border-color:#c6cdd84d}.weatherTone-rain .hero{border-color:#8eb7ff5c}.weatherTone-storm .hero{border-color:#ff8f9c61}.heroMain,.heroSide{z-index:1;position:relative}.heroMain{flex-direction:column;justify-content:space-between;gap:1.5rem;min-width:0;display:flex}.heroHeader{justify-content:space-between;gap:1rem;display:flex}.heroHeader h2{overflow-wrap:anywhere;margin:.12rem 0 .18rem;font-size:clamp(1.45rem,2.4vw,2.35rem);font-weight:520;line-height:.96}.iconText{border:1px solid var(--border);color:#fff7e9;max-width:220px;font-family:var(--font-ui);text-align:right;background:#0003;border-radius:999px;flex:none;align-self:flex-start;margin:0;padding:.42rem .72rem;font-size:.9rem;font-weight:700}.currentReadout{grid-template-columns:1fr;align-items:end;gap:.82rem;display:grid}.temp{margin:0;font-size:clamp(3.5rem,7vw,6.1rem);font-weight:500;line-height:.82}.conditionCopy{gap:.72rem;max-width:360px;padding-bottom:.35rem;display:grid}.conditionCopy p{color:#f3eee4;margin:0;font-size:clamp(1.05rem,1.8vw,1.35rem);line-height:1.18}.conditionCopy span{width:fit-content;color:var(--aqua);font-family:var(--font-ui);text-transform:uppercase;background:#79e3d01a;border:1px solid #79e3d057;border-radius:999px;padding:.28rem .58rem;font-size:.76rem;font-weight:780}.heroSide{gap:.65rem;display:grid}.heroSide article,.metrics article,.tile{padding:.78rem}.heroSide article{background:#0000002e;border:1px solid #ffffff14;border-radius:8px;align-content:space-between;min-height:94px;display:grid}.mapPanel,.plannerPanel{border:1px solid var(--border);background:linear-gradient(180deg, #ffffff14, transparent), var(--panel-strong);min-width:0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:8px}.mapPanel{grid-template-rows:minmax(240px,1fr) auto;min-height:360px;display:grid;overflow:hidden;box-shadow:0 24px 40px #0000006b}.mapChrome{background:radial-gradient(circle at 50% 46%,#d7f86b2e,#0000 9%),radial-gradient(circle at 54%,#79e3d02e,#0000 26%),linear-gradient(145deg,#092021f0,#111216fa);min-height:240px;position:relative;overflow:hidden}.weatherMapCanvas{z-index:0;position:absolute;inset:0}.mapLoading{color:var(--muted);text-transform:uppercase;background:linear-gradient(145deg,#092021f0,#111216fa);place-items:center;font-size:.82rem;font-weight:760;display:grid;position:absolute;inset:0}.maplibregl-canvas{outline:none}.maplibregl-ctrl-group{background:#0c181ad6;border-radius:8px;overflow:hidden;box-shadow:0 14px 34px #00000042}.maplibregl-ctrl button{background-color:#0000}.mapChrome:before,.mapChrome:after{content:"";border:1px solid #79e3d02e;border-radius:50%;position:absolute;inset:8%}.mapChrome:after{border-color:#f2a76629;inset:22%}.mapGrid{z-index:1;pointer-events:none;opacity:.24;background-image:linear-gradient(#79e3d033 1px,#0000 1px),linear-gradient(90deg,#79e3d029 1px,#0000 1px);background-size:38px 38px;position:absolute;inset:0;transform:rotate(-9deg)scale(1.14)}.radarSweep{z-index:2;pointer-events:none;background:conic-gradient(from 15deg,#79e3d047,#0000 18% 100%);animation:.9s linear both radarRotate;position:absolute;inset:-35%}.savedMapPin{color:#ffe0ea;width:26px;height:26px;font-size:.76rem;font-family:var(--font-ui);background:#ff8f9c33;border:1px solid #ff8f9c6b;border-radius:999px;place-items:center;font-weight:760;display:grid;position:relative}.savedMapPin:after{content:"";border:1px solid #ff8f9c45;border-radius:999px;animation:.9s cubic-bezier(.3,.7,.4,1) 2 pinPulse;position:absolute;inset:-7px}.mapReadout{background:linear-gradient(#0c111894,#070a10d4);gap:.85rem;padding:1rem;display:grid}.mapReadout h2{margin:.12rem 0 .2rem;font-size:clamp(1.35rem,2.4vw,2rem);font-weight:520;line-height:1}.mapBadges{flex-wrap:wrap;gap:.45rem;display:flex}.mapBadges span{color:#e8f8ef;font-family:var(--font-ui);background:#ffffff0f;border:1px solid #ffffff21;border-radius:999px;padding:.32rem .54rem;font-size:.73rem;font-weight:700}.mapBadges .priorityBadge{color:#fff1db;background:#f2a76624;border-color:#f2a7666b}.radarToggle{color:var(--ink);transition:background .17s var(--ease), color .17s var(--ease), border-color .17s var(--ease), transform .17s var(--ease);background:#d7f86b17;border:1px solid #d7f86b42;border-radius:8px;justify-self:start;padding:.56rem .8rem;font-weight:780}.radarToggle[aria-pressed=true]{color:#10201c;background:var(--lime);border-color:#d7f86b8c}.metrics{grid-template-columns:repeat(6,minmax(0,1fr));gap:.72rem;display:grid}.plannerPanel{padding:1rem}.plannerGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.72rem;display:grid}.plannerGrid article{border:1px solid var(--border);background:#00000026;border-radius:8px;gap:.48rem;min-width:0;padding:.82rem;display:grid}.plannerValue{color:#fffaf0;margin:0;font-size:clamp(1.05rem,1.8vw,1.45rem);line-height:1.08}.metricLabel{font-family:var(--font-ui);letter-spacing:.11em;text-transform:uppercase;font-size:.68rem;font-weight:780}.metricValue{color:#fffaf0;margin:.2rem 0 0;font-size:clamp(1.2rem,2vw,1.75rem);line-height:1}.comparePanel{padding:1rem}.compareSelect{border:1px solid var(--border);width:100%;min-height:42px;color:var(--text);background:#0003;border-radius:8px;margin-bottom:.62rem;padding:0 .6rem;font-size:.87rem}.compareGrid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:.62rem;margin-top:.8rem;display:grid}.compareVerdict{background:radial-gradient(at 0 0,#0a84ff29,#0000 48%),linear-gradient(135deg,#ffffff12,#ffffff05),#00000070;border:1px solid #0a84ff38;border-radius:16px;grid-column:1/-1;gap:.58rem;padding:.86rem;display:grid}.compareVerdictWinner{color:#fffffff5;margin:0;font-size:clamp(1.08rem,1.6vw,1.5rem);font-weight:720;line-height:1.08}.compareCard{border:1px solid var(--border);background:#ffffff0b;border-radius:8px;gap:.32rem;padding:.65rem;display:grid}.compareLocation{color:#f4f7fa;margin:0;font-size:.94rem;line-height:1.18}.comparePair{color:#f6f1ea;margin:0;font-weight:680}.compareDelta{color:var(--muted);margin:0;font-size:.78rem}.compareDelta.positive{color:#83f2b8}.compareDelta.negative{color:#ff8f9c}.alerts{flex-wrap:wrap;gap:.45rem;display:flex}.alerts p{color:#ffd8dc;font-family:var(--font-ui);background:#ff8f9c1a;border:1px solid #ff8f9c52;border-radius:999px;margin:0;padding:.38rem .62rem;font-size:.82rem}.alertPanel{padding:1rem}.alertCards{gap:.58rem;display:grid}.officialAlertStack{gap:.58rem;margin:0 0 .78rem;display:grid}.officialAlert{background:linear-gradient(145deg,#0a84ff1a,#ff5ad914),#ffffff0d;border:1px solid #ffffff21;border-radius:10px;gap:.44rem;padding:.78rem;display:grid;box-shadow:inset 0 1px #ffffff14}.officialAlert p{margin:0}.officialAlertEvent{color:#fffffff5;font-family:var(--font-ui);font-size:.9rem;font-weight:760}.officialAlert-minor{border-color:#79e3d04d}.officialAlert-moderate{border-color:#ffbf5a6b}.officialAlert-severe,.officialAlert-extreme{background:linear-gradient(145deg,#ff5ad929,#0a84ff14),#ffffff0e;border-color:#ff5ad98a;box-shadow:inset 0 1px #ffffff1a,0 24px 70px #ff5ad921}.alertCard{border:1px solid var(--border);background:#ffffff0b;border-radius:8px;gap:.34rem;padding:.72rem;display:grid}.alertCard p:first-child{color:#f8edf7}.alertCard p{margin:0}.alert-low{border-color:#79e3d061}.alert-medium{border-color:#ffbf5a80}.alert-high{background:#ff8f9c0f;border-color:#ff8f9c8f}.statusBanner{color:#dcfff8;background:linear-gradient(#79e3d01a,#79e3d005);border-style:dashed;border-color:#79e3d061;border-radius:8px}.statusBanner-offline{background:#79e3d014;border-color:#79e3d03d}.statusError{color:#ffe2e5;background:#5c161f94;border-color:#ff8f9c85;border-radius:8px}.sectionHeader{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.78rem;display:flex}.sectionHeader:after{content:"";opacity:.33;background:linear-gradient(90deg,#ffffff38,#0000);flex:1;height:1px;margin-top:.18rem;display:block}.sectionHeader h2,.side h2,.side h3{margin:0;font-size:1.05rem;font-weight:560}.hourly,.daily{gap:.55rem;min-width:0;max-width:100%;display:grid}.hourly{scrollbar-width:thin;grid-auto-columns:minmax(104px,1fr);grid-auto-flow:column;padding-bottom:.18rem;overflow-x:auto}.daily{grid-template-columns:repeat(7,minmax(116px,1fr));overflow-x:auto}.tile{background:#ffffff0d;gap:.48rem;min-height:138px;display:grid}.hourIcon{margin:0;font-size:1.65rem}.tileTemp,.dailyTemps{color:#fffaf0;margin:0;font-size:1.1rem;line-height:1.1}.dailyCondition{color:#f4eee4;min-height:42px;font-family:var(--font-ui);margin:0;font-size:.9rem;font-weight:680}.rainBar{background:#ffffff1a;border-radius:999px;height:5px;overflow:hidden}.rainFill{border-radius:inherit;background:linear-gradient(90deg, var(--aqua), var(--sky));height:100%;display:block}.rainFill-5{width:5%}.rainFill-20{width:20%}.rainFill-40{width:40%}.rainFill-60{width:60%}.rainFill-80{width:80%}.rainFill-100{width:100%}.muted{color:var(--muted);font-family:var(--font-ui);margin:0;font-size:.85rem}.savedPlaceCity{color:color-mix(in oklab, var(--muted) 70%, var(--text))}.hoverLift:hover{border-color:var(--border-hot);transform:translateY(-3px);box-shadow:0 18px 35px #0000006b}.reveal{animation:reveal .52s var(--ease) both}.fadeUp{opacity:0;animation:fadeUp .48s var(--ease) forwards;transform:translateY(7px)}.hourly .tile:nth-child(2),.daily .tile:nth-child(2){animation-delay:35ms}.hourly .tile:nth-child(3),.daily .tile:nth-child(3){animation-delay:70ms}.hourly .tile:nth-child(4),.daily .tile:nth-child(4){animation-delay:.105s}.hourly .tile:nth-child(5),.daily .tile:nth-child(5){animation-delay:.14s}.hourly .tile:nth-child(6),.daily .tile:nth-child(6){animation-delay:.175s}.hourly .tile:nth-child(7),.daily .tile:nth-child(7){animation-delay:.21s}.hourly .tile:nth-child(8){animation-delay:.245s}.hourly .tile:nth-child(9){animation-delay:.28s}.hourly .tile:nth-child(10){animation-delay:.315s}.hourly .tile:nth-child(11),.hourly .tile:nth-child(12){animation-delay:.35s}@keyframes pinPulse{0%,to{opacity:.22;transform:scale(1)}50%{opacity:.05;transform:scale(1.35)}}@keyframes reveal{0%{opacity:0;transform:translateY(12px)scale(.992)}to{opacity:1;transform:translateY(0)scale(1)}}*{scrollbar-width:thin}::-webkit-scrollbar{scrollbar-width:thin}::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-track{background:#ffffff08}::-webkit-scrollbar-thumb{background:#ffffff30;border-radius:999px}@keyframes radarRotate{to{transform:rotate(360deg)}}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important;transform:none!important}}@media (width<=1040px){.app{grid-template-columns:1fr}.dashboardTabs{grid-template-columns:repeat(5,minmax(104px,1fr));padding-bottom:.12rem;overflow-x:auto}.side{grid-template-columns:repeat(3,minmax(0,1fr))}.commandGrid{grid-template-columns:1fr}.plannerGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.app{gap:.72rem;padding:.62rem}.topbar{z-index:20;gap:.8rem;max-height:calc(100vh - 1.24rem);padding:.78rem;position:sticky;top:.62rem;overflow:auto}.tabButton{justify-content:flex-start}.topbar{flex-direction:column;align-items:stretch}.actions{grid-template-columns:1fr 1fr auto;justify-content:flex-start;display:grid}.content{order:2}.side{order:3;grid-template-columns:1fr}.hero{grid-template-columns:1fr;min-height:auto;padding:.86rem}.heroHeader,.currentReadout{grid-template-columns:1fr}.heroHeader{flex-direction:column}.iconText{text-align:left}.metrics,.daily{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=460px){.titleBlock h1{font-size:clamp(1.85rem,9vw,2.35rem)}.subtitle{font-size:.82rem}.subtitleCityRow{grid-template-columns:1fr 1fr;align-items:stretch;display:grid}.subtitleCityLabel{grid-column:1/-1}.cityPill{justify-content:center;min-height:34px}.actions{grid-template-columns:minmax(0,1fr) minmax(96px,.7fr);display:grid}.iconButton,.primaryButton{justify-content:center;width:100%}.primaryButton{order:3;grid-column:1/-1}.dashboardTabs{grid-template-columns:repeat(5,minmax(96px,1fr));margin-inline:-.08rem;padding:.26rem}.heroHeader h2{font-size:clamp(1.28rem,8vw,1.85rem)}.temp{font-size:clamp(3.35rem,18vw,4.8rem)}.unitToggle{width:100%}.unitToggle button{flex:1}.search,.metrics,.daily,.plannerGrid{grid-template-columns:1fr}}.srOnly{clip-path:inset(100%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{gap:.86rem;max-width:1480px;padding:clamp(.68rem,1.35vw,1rem)}.app:before,.grain{opacity:.12}.ambient{opacity:.62;filter:blur(86px)}.ambient-clear{background:radial-gradient(at 74% 26%,#ff5ad929,#0000 32%),radial-gradient(at 22% 12%,#0a84ff38,#0000 38%)}.ambient-cloud{background:radial-gradient(at 74% 26%,#ffffff1a,#0000 34%),radial-gradient(at 22% 12%,#0a84ff2e,#0000 38%)}.ambient-rain,.ambient-storm{background:radial-gradient(at 72% 22%,#ff5ad924,#0000 34%),radial-gradient(at 20% 14%,#0a84ff42,#0000 42%)}.topbar,.panel,.hero,.metrics article,.tile,.mapPanel,.plannerPanel{-webkit-backdrop-filter:blur(22px)saturate(150%);backdrop-filter:blur(22px)saturate(150%);background:linear-gradient(#ffffff13,#ffffff06),#080a1094;border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff12,0 22px 76px #00000075}.topbar{border-radius:10px;min-height:82px}.eyebrow{color:#ffffff94;letter-spacing:.16em}.titleBlock h1{letter-spacing:0}.subtitleCityRow{margin-top:.38rem}.cityPill,.quickChip{background:#ffffff0b;border-color:#ffffff1a}.cityPill:hover,.quickChip:hover{background:#0a84ff24;border-color:#0a84ff7a;box-shadow:0 0 28px #0a84ff29}.searchPanel{background:linear-gradient(145deg,#0a84ff24,#0000 46%),#090a0eb3;border-color:#0a84ff33}.searchPanel:after{border-color:#ffffff14}.search input{background:#000000a3;border-radius:999px;min-height:48px;padding-inline:1rem}.search input:focus{border-color:#ff5ad985;box-shadow:0 0 0 3px #0a84ff29,0 0 40px #ff5ad91f}.search button,.primaryButton{color:#fffffffa;background:var(--accent-gradient);border-color:#0a84ff57;box-shadow:0 14px 36px #0a84ff2e}.dashboardTabs{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff09}.tabButton.active{color:#fff;background:var(--accent-gradient)}.dashboardTabs .tabButton.active .tabIndex{color:#ffffffa8}.hero{background:#000;border-radius:14px;min-height:clamp(430px,46vw,620px);padding:clamp(1rem,2.2vw,1.65rem);box-shadow:inset 0 1px #ffffff14,inset 0 -70px 140px #000000b8,0 28px 96px #000000ad}.weatherScene{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden;transform:translateZ(0)}.sceneGlow,.sceneOrb,.sceneLayer{display:block;position:absolute}.sceneGlow{filter:blur(18px);width:68%;height:78%;animation:sceneDrift 12s var(--ease) infinite alternate;background:radial-gradient(#0a84ff61,#ff5ad91f 42%,#0000 68%);inset:-18% -12% auto auto}.sceneOrb{aspect-ratio:1;filter:blur(2px);opacity:.32;background:radial-gradient(circle,#ffffffeb,#62b5ff33 48%,#0000 70%);border-radius:999px;width:180px;top:12%;right:12%}.sceneLayer{background:linear-gradient(145deg,#0000 0 38%,#ffffff14 39% 40%,#0000 41%),linear-gradient(#0000,#0a84ff1f);height:52%;inset:auto -10% -18%;transform:skewY(-5deg)}.sceneLayerTwo{opacity:.5;transform:translateY(-22%)skewY(4deg)}.hero-rain .rainField{opacity:.26;background-image:linear-gradient(115deg,#ffffff29 0 1px,#0000 1px 12px);background-size:18px 44px;animation:.9s linear infinite rainFall;position:absolute;inset:-20%}.hero-storm .lightningField{opacity:0;background:linear-gradient(120deg,#0000 0 58%,#ffffff80 59%,#0000 61%);animation:5.6s step-end infinite lightningPulse;position:absolute;inset:0}.heroMain,.heroSide{z-index:1}.heroHeader h2{letter-spacing:0;max-width:720px;font-size:clamp(1.5rem,2.8vw,3rem)}.iconText{color:#ffffffe6;background:#00000061;border-color:#ffffff24}.temp{letter-spacing:-.04em;background:linear-gradient(#fff,#ffffff94);color:#0000;text-shadow:0 24px 80px #0a84ff29;-webkit-background-clip:text;background-clip:text;font-size:clamp(5.5rem,13vw,11.5rem);font-weight:620}.conditionCopy{max-width:520px}.conditionCopy p{color:#ffffffc7}.conditionCopy span{color:#ffffffe6;background:#ff5ad91a;border-color:#ff5ad93d}.heroSide article,.detailCard,.tile,.compareCard,.alertCard,.plannerGrid article{transition:transform .26s var(--ease), border-color .26s var(--ease), box-shadow .26s var(--ease), background .26s var(--ease)}.heroSide article:hover,.detailCard:hover,.tile:hover,.compareCard:hover,.alertCard:hover,.plannerGrid article:hover{background:#ffffff13;border-color:#fff3;transform:translateY(-3px)scale(1.01);box-shadow:0 22px 58px #0a84ff1f}.metricValue,.plannerValue,.tileTemp,.dailyTemps{color:#fffffff0}.commandGrid{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr)}.hourlyPanel{gap:.88rem;display:grid}.temperatureGraph{background:linear-gradient(#0a84ff17,#0000 64%),#0000006b;border:1px solid #ffffff14;border-radius:12px;overflow:hidden}.temperatureGraph svg{width:100%;min-width:620px;display:block}.graphGridLine{stroke:#ffffff14;stroke-width:1px}.graphArea{fill:url(#tempAreaGradient);opacity:0;animation:graphReveal .85s var(--ease) .12s forwards}.graphLine{fill:none;stroke:url(#tempLineGradient);stroke-linecap:round;stroke-linejoin:round;stroke-width:4px;filter:drop-shadow(0 0 12px #0a84ff6b);stroke-dasharray:1100;stroke-dashoffset:1100px;animation:graphDraw .9s var(--ease) forwards}.graphPoint circle{fill:#fff;stroke:#0a84ffad;stroke-width:3px}.graphPoint text{fill:#ffffffbd;font-family:var(--font-ui);text-anchor:middle;font-size:18px;font-weight:720}.daily{grid-template-columns:none;grid-auto-columns:minmax(168px,1fr);grid-auto-flow:column;padding-bottom:.2rem;overflow-x:auto}.tile{background:#ffffff0b;border-radius:12px}.rainFill{background:var(--accent-gradient)}@keyframes sceneDrift{to{transform:translate(-4%,3%)scale(1.04)}}@keyframes rainFall{to{transform:translate(-28px,44px)}}@keyframes lightningPulse{0%,92%,to{opacity:0}93%{opacity:.55}94%{opacity:.08}95%{opacity:.35}}@keyframes graphDraw{to{stroke-dashoffset:0}}@keyframes graphReveal{to{opacity:1}}@media (width<=1040px){.commandGrid{grid-template-columns:1fr}.temperatureGraph{overflow-x:auto}}@media (width<=760px){.app{display:grid}.hero{min-height:560px}.temp{font-size:clamp(5.4rem,26vw,7.5rem)}.heroSide{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.side{display:contents}.searchPanel{order:2}.content{order:3}.quickPanel,.recentPanel,.savedPanel{order:4}.searchPanel{z-index:22;gap:.54rem;padding:.72rem;position:sticky;top:.6rem;box-shadow:inset 0 1px #ffffff14,0 18px 70px #000000b8,0 0 54px #0a84ff1f}.searchPanel>div:first-child{display:none}.searchPanel .secondaryButton{min-height:34px;font-size:.78rem}}.app{grid-template-columns:1fr;max-width:1500px}.topbar,.side,.content{grid-column:1}.side{grid-template-columns:minmax(320px,1.15fr) minmax(260px,1fr) minmax(190px,.55fr) minmax(220px,.7fr);align-items:stretch}.searchPanel,.quickPanel,.recentPanel,.savedPanel{min-height:100%}.quickCityRow{max-height:86px;padding-right:.2rem;overflow:auto}.recent,.savedList{max-height:106px;padding-right:.2rem;overflow:auto}.onePageCockpit{gap:.86rem;display:grid}.cockpitHeroGrid{grid-template-columns:minmax(0,1.32fr) minmax(250px,.68fr);align-items:stretch;gap:.86rem;display:grid}.cockpitHeroGrid .hero{min-height:clamp(430px,38vw,570px)}.cockpitHeroGrid .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.cockpitHeroGrid .metrics .detailCard:first-child{grid-column:1/-1;min-height:152px}.detailCard{align-content:space-between;min-height:112px;display:grid}.metricDetail{color:#ffffff75;font-family:var(--font-ui);margin:.22rem 0 0;font-size:.76rem}.uv-low{border-color:#62b5ff3d}.uv-moderate{border-color:#0a84ff6b;box-shadow:inset 0 0 0 1px #0a84ff1a,0 22px 58px #0a84ff1a}.uv-high,.uv-veryHigh,.uv-extreme{background:linear-gradient(145deg,#0a84ff2e,#ff5ad924),#ffffff0b;border-color:#ff5ad96b;box-shadow:inset 0 1px #ffffff14,0 24px 68px #ff5ad921}.aqi-good{border-color:#79e3d04d}.aqi-moderate{background:linear-gradient(145deg,#0a84ff1f,#79e3d00d),#ffffff0b;border-color:#0a84ff5c}.aqi-sensitive{background:linear-gradient(145deg,#ffbf5a1f,#ff5ad912),#ffffff0b;border-color:#ffbf5a6b}.aqi-poor{background:linear-gradient(145deg,#ff5ad929,#0a84ff17),#ffffff0d;border-color:#ff5ad980;box-shadow:inset 0 1px #ffffff14,0 24px 68px #ff5ad921}.cockpitSignals,.secondaryGrid{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:.86rem;display:grid}.cockpitSignals .plannerPanel,.cockpitSignals .alertPanel,.secondaryGrid .mapPanel,.secondaryGrid .comparePanel{min-height:100%}.alertCards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.secondaryGrid .mapPanel{min-height:470px}.secondaryGrid .compareGrid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=1180px){.side,.cockpitHeroGrid,.cockpitSignals,.secondaryGrid{grid-template-columns:1fr 1fr}.searchPanel{grid-column:1/-1}.onePageForecastGrid{grid-template-columns:1fr}}@media (width<=760px){.side,.cockpitHeroGrid,.cockpitSignals,.secondaryGrid,.secondaryGrid .compareGrid{grid-template-columns:1fr}.cockpitHeroGrid .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.cockpitHeroGrid .metrics .detailCard:first-child{min-height:124px}.detailCard{min-height:92px}.quickPanel,.recentPanel,.savedPanel{order:4}.secondaryGrid .mapPanel{min-height:420px}}body{background:radial-gradient(at 52% -8%,#0a84ff2e,#0000 38%),radial-gradient(at 92% 2%,#ff5ad91c,#0000 30%),#000}.app{gap:.7rem;padding-top:.7rem}.topbar{background:linear-gradient(#ffffff12,#ffffff05),#000000b8;min-height:68px;padding:.72rem .85rem}.titleBlock{grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:.08rem .78rem}.titleBlock .eyebrow{background:#ffffff0b;border:1px solid #ffffff1a;border-radius:999px;grid-column:1;align-self:center;padding:.24rem .48rem;font-size:.61rem}.titleBlock h1{grid-column:2;font-size:1.45rem;line-height:1.05}.subtitle{grid-column:2;max-width:900px;font-size:.78rem}.subtitleCityRow{grid-column:1/-1;margin-top:.06rem}.side{gap:.7rem}.searchPanel,.quickPanel,.recentPanel,.savedPanel{border-radius:14px}.onePageCockpit,.cockpitHeroGrid,.onePageForecastGrid,.cockpitSignals,.secondaryGrid{gap:.7rem}.hero{background:radial-gradient(at 70% 20%,#0a84ff33,#0000 42%),radial-gradient(at 90% 72%,#ff5ad91f,#0000 38%),linear-gradient(#ffffff0e,#ffffff03),#000;border-radius:22px;min-height:500px;overflow:hidden}.hero:before{opacity:.48;background:linear-gradient(115deg,#ffffff14,#0000 32%),repeating-linear-gradient(90deg,#ffffff0b 0 1px,#0000 1px 74px)}.sceneHalo{aspect-ratio:1;filter:blur(.2px);opacity:.9;width:min(520px,52%);animation:haloBreathe 9s var(--ease) infinite alternate;background:radial-gradient(circle,#0000 48%,#ffffff1a 49% 50%,#0000 51%),radial-gradient(circle,#0a84ff14,#0000 58%);border:1px solid #ffffff14;border-radius:999px;position:absolute;bottom:7%;right:5%}.sceneOrb{opacity:.44;width:220px}.sceneGlow,.sceneHalo{animation-duration:.9s;animation-iteration-count:1;animation-fill-mode:both}.hero-rain .rainField{animation-duration:.6s;animation-iteration-count:4}.hero-storm .lightningField{animation-iteration-count:1}.heroMain{min-height:100%}.heroHeader h2{max-width:800px;font-size:2.45rem;line-height:.96}.temp{font-size:10.5rem;line-height:.78}.heroMetaRow{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;max-width:760px;display:grid}.heroMetaRow article{background:#00000057;border:1px solid #ffffff17;border-radius:14px;min-width:0;padding:.7rem;box-shadow:inset 0 1px #ffffff0f}.heroMetaRow p,.heroMetaRow strong{overflow-wrap:anywhere;margin:0;display:block}.heroMetaRow p{color:#ffffff7a;font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;font-size:.66rem;font-weight:760}.heroMetaRow strong{color:#ffffffeb;margin-top:.22rem;font-size:.95rem;font-weight:760}.heroSide article{background:linear-gradient(145deg,#ffffff14,#ffffff06),#0006;border-radius:16px;min-height:118px}.cockpitHeroGrid .metrics{gap:.58rem}.detailCard{background:linear-gradient(#ffffff12,#ffffff06),#00000085;border-radius:16px;padding:.9rem}.uvCardHeader{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.uvSeverityPill{color:#ffffffc7;font-family:var(--font-ui);background:#00000047;border:1px solid #ffffff1f;border-radius:999px;padding:.22rem .48rem;font-size:.68rem;font-weight:760}.uvGauge{--uv-progress:0%;aspect-ratio:1;background:radial-gradient(circle at center, #06070b 0 54%, transparent 55%), conic-gradient(from -120deg, #0a84ff 0 var(--uv-progress), #ffffff1a var(--uv-progress) 100%);border-radius:999px;justify-self:center;place-items:center;width:min(150px,84%);display:grid;position:relative;box-shadow:inset 0 0 34px #0a84ff14,0 0 46px #0a84ff24}.uvGauge:before{content:"";border-radius:inherit;border:1px solid #ffffff14;position:absolute;inset:13%}.uvGauge span{color:#fffffff5;font-family:var(--font-ui);letter-spacing:0;font-size:2.35rem;font-weight:760;position:relative}.uv-high .uvGauge,.uv-veryHigh .uvGauge,.uv-extreme .uvGauge{background:radial-gradient(circle at center, #06070b 0 54%, transparent 55%), conic-gradient(from -120deg, #0a84ff 0 34%, #6d6cff 46%, #ff5ad9 var(--uv-progress), #ffffff1a var(--uv-progress) 100%);box-shadow:inset 0 0 34px #ff5ad914,0 0 56px #ff5ad92e}.sectionHeader h2{font-size:1.18rem}.hourlyPanel,.panel,.plannerPanel,.alertPanel,.mapPanel,.comparePanel{border-radius:18px}.temperatureGraph{background:radial-gradient(at 18% 0,#0a84ff29,#0000 45%),linear-gradient(#ffffff0d,#0000),#00000070;border-radius:18px}.hourly{grid-auto-columns:minmax(112px,.24fr)}.tile{border-radius:16px}.hourIcon,.dailyIcon{margin:0;font-size:2rem;line-height:1}.daily{grid-auto-columns:minmax(190px,1fr)}.daily .tile{background:linear-gradient(155deg,#0a84ff14,#ff5ad90e),#ffffff0b;align-content:space-between;min-height:190px}.dailyIcon{font-size:2.35rem}.dailyCondition{color:#ffffffdb;min-height:auto}.plannerGrid article,.alertCard,.compareCard{border-radius:14px}.briefingPanel{background:linear-gradient(120deg,#0a84ff29,#0000 52%),linear-gradient(315deg,#ff5ad91a,#0000 46%),#00000075;border:1px solid #ffffff1a;border-radius:18px;grid-template-columns:minmax(0,.85fr) minmax(260px,1fr);gap:.9rem;margin-bottom:.72rem;padding:.95rem;display:grid;box-shadow:inset 0 1px #ffffff14,0 20px 60px #0a84ff14}.briefingPanel h3{color:#fffffff5;letter-spacing:0;margin:.18rem 0 .52rem;font-size:clamp(1.45rem,2.2vw,2.35rem);font-weight:640;line-height:.95}.briefingRisk{color:#ffffffb8;width:fit-content;max-width:100%;font-family:var(--font-ui);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;margin:0;padding:.34rem .58rem;font-size:.78rem;font-weight:720}.briefingPanel ul,.compareVerdict ul{gap:.46rem;margin:0;padding:0;list-style:none;display:grid}.briefingPanel li,.compareVerdict li{color:#ffffffa3;font-family:var(--font-ui);padding-left:1rem;font-size:.84rem;line-height:1.35;position:relative}.briefingPanel li:before,.compareVerdict li:before{content:"";background:var(--accent-gradient);border-radius:999px;width:.38rem;height:.38rem;position:absolute;top:.52em;left:0;box-shadow:0 0 18px #0a84ff47}.daypartPanel{background:radial-gradient(at 12% 0,#0a84ff24,#0000 46%),radial-gradient(at 92% 12%,#ff5ad91a,#0000 42%),#0000006b;border:1px solid #ffffff1a;border-radius:18px;gap:.72rem;margin-bottom:.72rem;padding:.9rem;display:grid}.daypartHeader,.daypartCardTop{justify-content:space-between;align-items:start;gap:.8rem;display:flex}.daypartHeader h3{color:#fffffff0;letter-spacing:0;margin:.16rem 0 0;font-size:1.18rem;font-weight:700}.daypartGrid{grid-template-columns:repeat(4,minmax(150px,1fr));gap:.56rem;display:grid}.daypartCard{min-height:208px;transition:transform .22s var(--ease), border-color .22s var(--ease), box-shadow .22s var(--ease);background:linear-gradient(155deg,#ffffff0e,#ffffff06),#00000057;border:1px solid #ffffff17;border-radius:16px;align-content:space-between;gap:.58rem;padding:.78rem;display:grid}.daypartCard:hover{border-color:#0a84ff57;transform:translateY(-3px);box-shadow:0 22px 58px #0a84ff1a}.daypartCard.grade-excellent,.daypartCard.grade-good{background:linear-gradient(155deg,#0a84ff1f,#ff5ad90a),#0000005c;border-color:#0a84ff42}.daypartCard.grade-poor{border-color:#ff5ad95c}.daypartWindow{color:#ffffffeb;font-family:var(--font-ui);letter-spacing:0;margin:.15rem 0 0;font-size:1rem;font-weight:760}.daypartScore{aspect-ratio:1;background:radial-gradient(circle at center, #05060a 0 56%, transparent 57%), conic-gradient(from -120deg, #0a84ff 0 var(--daypart-score,75%), #ffffff1a var(--daypart-score,75%) 100%);border-radius:999px;place-items:center;width:62px;display:grid}.daypartScore span,.daypartScore small{font-family:var(--font-ui);line-height:1;display:block}.daypartScore span{color:#fffffff5;font-size:1rem;font-weight:780}.daypartScore small{color:#ffffff8a;text-transform:uppercase;font-size:.52rem;font-weight:760}.daypartCard h4{color:#ffffffe6;letter-spacing:0;margin:0;font-size:1rem;font-weight:720;line-height:1.08}.daypartRiskRow{flex-wrap:wrap;gap:.34rem;display:flex}.daypartRiskRow span{color:#ffffffb8;font-family:var(--font-ui);background:#ffffff0b;border:1px solid #ffffff17;border-radius:999px;padding:.28rem .44rem;font-size:.68rem;font-weight:760}.plannerPreferencePanel{background:linear-gradient(145deg,#0a84ff1a,#ff5ad90b),#0006;border:1px solid #ffffff1a;border-radius:18px;gap:.72rem;margin-top:.72rem;padding:.9rem;display:grid;box-shadow:inset 0 1px #ffffff12}.preferenceHeader{justify-content:space-between;align-items:end;gap:.8rem;display:flex}.preferenceHeader h3{color:#fffffff0;letter-spacing:0;margin:.14rem 0 0;font-size:1.08rem;font-weight:720}.preferenceGrid{grid-template-columns:repeat(3,minmax(160px,1fr));gap:.62rem;display:grid}.preferenceControl{background:#ffffff09;border:1px solid #ffffff14;border-radius:14px;gap:.54rem;min-width:0;padding:.7rem;display:grid}.preferenceControl span{color:#ffffff9e;font-family:var(--font-ui);justify-content:space-between;align-items:baseline;gap:.6rem;font-size:.76rem;font-weight:720;display:flex}.preferenceControl strong{color:#fffffff0;font-size:.9rem}.preferenceControl input[type=range]{accent-color:#fff;background:linear-gradient(90deg,#0a84ff,#6d6cff,#ff5ad9);border:0;border-radius:999px;width:100%;height:8px;padding:0}.preferenceSelectControl select{color:#ffffffeb;width:100%;min-height:38px;font-family:var(--font-ui);background:#00000057;border:1px solid #ffffff1a;border-radius:10px;padding:0 .58rem;font-weight:720}.timeMachinePanel{background:radial-gradient(at 18% 0,#0a84ff2e,#0000 44%),radial-gradient(at 92% 20%,#ff5ad91c,#0000 42%),#0000006b;border:1px solid #0a84ff38;border-radius:18px;gap:.72rem;margin-top:.72rem;padding:.9rem;display:grid;box-shadow:inset 0 1px #ffffff0f,0 22px 70px #0a84ff14}.timeMachineHeader{grid-template-columns:minmax(0,.72fr) minmax(260px,1fr);align-items:end;gap:.8rem;display:grid}.timeMachineHeader h3{color:#fffffff0;letter-spacing:0;margin:.12rem 0 0;font-size:clamp(1.3rem,2vw,2rem);font-weight:620;line-height:.96}.timeMachineConsole{grid-template-columns:minmax(190px,.34fr) minmax(0,1fr);align-items:stretch;gap:.72rem;display:grid}.timeScrubber{background:linear-gradient(#ffffff0f,#ffffff05),#0000005c;border:1px solid #ffffff14;border-radius:16px;align-content:center;min-height:132px;padding:.75rem;display:grid}.timeScrubber input[type=range]{accent-color:#fff;background:linear-gradient(90deg,#0a84ff,#6d6cff,#ff5ad9);border:0;border-radius:999px;width:100%;height:8px;padding:0}.timeMachineReadout{background:linear-gradient(145deg,#ffffff14,#ffffff06),#00000057;border:1px solid #ffffff17;border-radius:16px;grid-template-columns:minmax(120px,.35fr) auto minmax(220px,1fr);align-items:center;gap:.8rem;min-height:132px;padding:.85rem;display:grid}.timeMachineReadout.marker-best{border-color:#0a84ff61}.timeMachineReadout.marker-avoid{border-color:#ff5ad961}.timeMachineTime{color:#fffffff5;letter-spacing:0;margin:.18rem 0 0;font-size:clamp(2rem,4vw,3.4rem);font-weight:680;line-height:.88}.timeMachineScore{aspect-ratio:1;background:radial-gradient(circle at center, #06070b 0 54%, transparent 55%), conic-gradient(from -120deg, #0a84ff 0 78%, #ff5ad9 100%);border-radius:999px;place-items:center;width:92px;display:grid;box-shadow:0 0 38px #0a84ff29}.timeMachineScore span,.timeMachineScore small{font-family:var(--font-ui);margin:0;line-height:1;display:block}.timeMachineScore span{font-size:1.45rem;font-weight:780}.timeMachineScore small{color:#ffffff94;text-transform:uppercase;font-size:.64rem;font-weight:760}.timeMachineFacts{flex-wrap:wrap;gap:.4rem;display:flex}.timeMachineFacts span,.timeMachineRegret{color:#ffffffc7;font-family:var(--font-ui);background:#ffffff0b;border:1px solid #ffffff17;border-radius:999px;padding:.32rem .52rem;font-size:.76rem;font-weight:700}.timeFrameStrip{grid-auto-columns:minmax(102px,1fr);grid-auto-flow:column;gap:.45rem;padding-bottom:.08rem;display:grid;overflow-x:auto}.timeFrameButton{text-align:left;background:#ffffff0a;border-radius:14px;align-content:space-between;justify-items:start;min-height:92px;padding:.62rem;display:grid}.timeFrameButton span,.timeFrameButton strong,.timeFrameButton small{display:block}.timeFrameButton span{color:#ffffff94;font-size:.74rem}.timeFrameButton strong{color:#fffffff0;font-size:1.25rem;line-height:1}.timeFrameButton small{color:#ffffff80;font-size:.68rem}.timeFrameButton.marker-best{background:#0a84ff17;border-color:#0a84ff57}.timeFrameButton.marker-avoid{background:#ff5ad914;border-color:#ff5ad957}.timeFrameButton.active{border-color:#ffffff57;box-shadow:0 16px 46px #0a84ff1f}.timeMachineRegret{color:#ffffffb8;border-radius:14px;width:fit-content;max-width:100%}.activityScoreGrid{grid-template-columns:repeat(5,minmax(150px,1fr));gap:.58rem;margin-top:.72rem;padding-bottom:.04rem;display:grid;overflow-x:auto}.activityScore{min-width:150px;min-height:214px;transition:transform .24s var(--ease), border-color .24s var(--ease), box-shadow .24s var(--ease);background:linear-gradient(160deg,#0a84ff17,#ff5ad90a),#00000061;border:1px solid #ffffff17;border-radius:16px;grid-template-rows:auto auto minmax(48px,1fr);gap:.62rem;padding:.82rem;display:grid}.activityScore:hover{border-color:#0a84ff57;transform:translateY(-3px);box-shadow:0 22px 58px #0a84ff1a}.activityGrade{color:#ffffffe6;font-family:var(--font-ui);margin:.18rem 0 0;font-size:1rem;font-weight:760}.activityScoreDial{--activity-score:0%;aspect-ratio:1;background:radial-gradient(circle at center, #05070b 0 55%, transparent 56%), conic-gradient(from -120deg, #0a84ff 0 var(--activity-score), #ffffff1a var(--activity-score) 100%);border-radius:999px;justify-self:start;place-items:center;width:74px;display:grid;position:relative;box-shadow:0 0 34px #0a84ff1f}.activityScoreDial span{color:#fffffff0;font-family:var(--font-ui);font-size:1.2rem;font-weight:780}.activity-excellent{border-color:#0a84ff47}.activity-good{border-color:#ffffff24}.activity-fair{border-color:#ffbf5a4d}.activity-poor{border-color:#ff5ad957}@keyframes haloBreathe{to{opacity:.62;transform:translate(-2%,-2%)scale(1.06)}}@media (width<=1180px){.heroMetaRow{grid-template-columns:repeat(2,minmax(0,1fr))}.activityScoreGrid{grid-template-columns:none;grid-auto-columns:minmax(170px,1fr);grid-auto-flow:column}.briefingPanel{grid-template-columns:1fr}.daypartGrid,.preferenceGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.timeMachineHeader,.timeMachineConsole,.timeMachineReadout{grid-template-columns:1fr}.timeMachineScore{justify-self:start}}@media (width<=760px){.topbar{min-height:auto}.titleBlock{grid-template-columns:1fr}.preferenceHeader{flex-direction:column;align-items:start}.preferenceGrid{grid-template-columns:1fr}.daypartHeader{flex-direction:column}.daypartGrid{grid-template-columns:1fr}.titleBlock .eyebrow,.titleBlock h1,.subtitle,.subtitleCityRow{grid-column:1}.hero{border-radius:20px;min-height:620px}.heroHeader h2{font-size:1.75rem}.temp{font-size:6.9rem}.heroMetaRow{grid-template-columns:repeat(2,minmax(0,1fr))}.uvGauge{width:min(132px,78%)}.uvGauge span{font-size:2rem}}input:focus,input:focus-visible,.compareSelect:focus,.preferenceSelectControl select:focus{border-color:#0a84ffbd;box-shadow:0 0 0 3px #0a84ff2e,0 0 44px #ff5ad91f}.searchPanel{isolation:isolate}.searchPanel:before{content:"";z-index:-1;border-radius:inherit;opacity:.82;background:linear-gradient(90deg,#0a84ff33,#0000 36%,#ff5ad924),#0009;position:absolute;inset:0}.dashboardSkeleton,.emptyState{-webkit-backdrop-filter:blur(24px)saturate(150%);backdrop-filter:blur(24px)saturate(150%);background:linear-gradient(145deg,#0a84ff1f,#0000 42%),linear-gradient(315deg,#ff5ad91a,#0000 38%),#000000bd;border:1px solid #ffffff1a;border-radius:22px;min-width:0;box-shadow:inset 0 1px #ffffff14,0 28px 96px #000000ad}.dashboardSkeleton{grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:.7rem;padding:.7rem;display:grid}.skeletonHero,.skeletonDetails article,.shimmerCard{background:linear-gradient(#fff1,#ffffff05),#0000006b;border:1px solid #ffffff17;border-radius:18px;position:relative;overflow:hidden}.skeletonHero{align-content:space-between;min-height:430px;padding:clamp(1rem,2vw,1.4rem);display:grid}.skeletonHero h2{letter-spacing:0;max-width:620px;margin:.12rem 0 .5rem;font-size:clamp(2rem,5vw,4.8rem);font-weight:620;line-height:.92}.skeletonTemperature{border-radius:999px;width:min(430px,78%);height:clamp(88px,12vw,150px)}.skeletonMetaRow{grid-template-columns:repeat(3,minmax(0,1fr));gap:.56rem;display:grid}.skeletonMetaRow .shimmerBlock{border-radius:14px;height:58px}.skeletonDetails{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.skeletonDetails article{align-content:space-between;min-height:128px;padding:.82rem;display:grid}.skeletonDetails span{color:#ffffff75;font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:780}.skeletonDetails .shimmerBlock{border-radius:999px;height:34px}.skeletonForecast{grid-column:1/-1;grid-template-columns:repeat(7,minmax(130px,1fr));gap:.58rem;padding-bottom:.06rem;display:grid;overflow-x:auto}.shimmerCard{align-content:space-between;min-height:148px;padding:.8rem;display:grid}.shimmerCard .shimmerBlock:first-child{width:46%}.shimmerCard .shimmerBlock:nth-child(2){border-radius:18px;width:64px;height:64px}.shimmerCard .shimmerBlock:nth-child(3){width:82%}.shimmerBlock{background:#ffffff14;border-radius:999px;height:16px;display:block;position:relative;overflow:hidden}.shimmerBlock:after,.shimmerCard:after,.skeletonDetails article:after{content:"";animation:shimmerTrack 1.8s var(--ease) 2 both;background:linear-gradient(90deg,#0000,#ffffff29,#0000);position:absolute;inset:0;transform:translate(-110%)}.emptyState{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1.1rem;min-height:420px;padding:clamp(1rem,2.8vw,2rem);display:grid;position:relative;overflow:hidden}.emptyState:before{content:"";pointer-events:none;opacity:.42;background:linear-gradient(105deg,#ffffff12,#0000 32%),repeating-linear-gradient(90deg,#ffffff0b 0 1px,#0000 1px 78px);position:absolute;inset:0}.emptyStateSignal{background:linear-gradient(90deg,#0000,#0a84ffdb,#ff5ad98f,#0000);width:min(680px,66%);height:2px;position:absolute;bottom:16%;right:-8%;transform:rotate(-9deg);box-shadow:0 0 34px #0a84ff4d,0 0 74px #ff5ad929}.emptyStateCopy,.emptyStateActions{z-index:1;position:relative}.emptyStateCopy{max-width:720px}.emptyState h2{letter-spacing:0;background:linear-gradient(#fff,#ffffff8a);color:#0000;-webkit-background-clip:text;background-clip:text;margin:.12rem 0 .64rem;font-size:clamp(2.4rem,8vw,6.8rem);font-weight:640;line-height:.88}.emptyState .muted{color:#ffffff9e;max-width:540px;font-size:clamp(.92rem,1.2vw,1.08rem)}.emptyStateActions{gap:.58rem;min-width:min(280px,100%);display:grid}.emptyStateActions .secondaryButton{min-width:100%}.emptyState-error{border-color:#ff5ad933}.statusError{color:#ffffffdb;background:linear-gradient(135deg,#ff5ad924,#0a84ff14),#000000ad;border:1px solid #ff5ad961;box-shadow:inset 0 1px #ffffff0f,0 18px 54px #ff5ad914}@keyframes shimmerTrack{to{transform:translate(110%)}}@media (width<=980px){.dashboardSkeleton,.emptyState{grid-template-columns:1fr}.skeletonForecast{grid-template-columns:none;grid-auto-columns:minmax(150px,1fr);grid-auto-flow:column}.emptyStateActions{width:min(100%,520px)}}@media (width<=620px){.dashboardSkeleton,.emptyState{border-radius:18px}.dashboardSkeleton{padding:.58rem}.skeletonHero{min-height:380px}.skeletonMetaRow,.skeletonDetails{grid-template-columns:1fr}.emptyState{min-height:480px}.emptyState h2{font-size:clamp(2.6rem,15vw,4.2rem)}}