.app-shell{width:min(100%,560px);margin:0 auto;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 20px) 18px calc(env(safe-area-inset-bottom) + 28px);background:radial-gradient(circle at 78% 0%,rgba(84,145,255,.28),transparent 35%),linear-gradient(180deg,#101c33,#0b1220 42%,#080d17)}.topbar,.section-heading,.meta-row,.day-row{display:flex;align-items:center}.topbar{justify-content:space-between;gap:16px}.eyebrow{margin:0 0 5px;color:#9db0cf;font-size:12px;letter-spacing:.07em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:25px;letter-spacing:-.03em}h2{margin-bottom:14px;font-size:17px;letter-spacing:-.02em}.icon-button,.text-button,.error-card button,.update-toast button{border:0;color:inherit;cursor:pointer;min-height:44px;border-radius:999px}.icon-button{width:44px;background:#ffffff1a;font-size:23px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.icon-button:disabled,.text-button:disabled{opacity:.55;cursor:default}.hero{min-height:255px;padding:34px 2px 22px;display:flex;flex-direction:column;justify-content:flex-end}.temperature{font-size:clamp(88px,28vw,132px);line-height:.85;font-weight:250;letter-spacing:-.075em}.condition{margin:20px 0 16px;font-size:20px;color:#e5ecf9}.meta-row{flex-wrap:wrap;gap:10px;color:#9eb0ca;font-size:13px}.confidence{padding:5px 9px;border-radius:999px;background:#ffffff14}.confidence-high{color:#b8f2d0}.confidence-medium{color:#ffe39a}.confidence-low{color:#ffb3ad}.degraded{margin:14px 0 0;max-width:390px;color:#ffc6a6;font-size:13px;line-height:1.45}.skeleton{margin-top:18px;border-radius:28px;background:linear-gradient(90deg,#ffffff0d,#ffffff1f,#ffffff0d);background-size:200% 100%;animation:shimmer 1.6s infinite}@keyframes shimmer{to{background-position:-200% 0}}.change-card{display:flex;gap:12px;align-items:flex-start;padding:15px;margin:0 0 20px;border:1px solid rgba(133,190,255,.22);background:#3671b529;border-radius:18px}.change-card p{margin:0;font-size:14px;line-height:1.45}.change-dot{flex:0 0 auto;width:8px;height:8px;margin-top:6px;border-radius:50%;background:#74baff;box-shadow:0 0 0 5px #74baff24}.section{margin-top:24px}.section-heading{justify-content:space-between}.text-button{min-height:36px;padding:0 12px;background:transparent;color:#aecdff}.hourly-strip{display:grid;grid-auto-flow:column;grid-auto-columns:78px;gap:9px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;padding:2px 1px 10px;scrollbar-width:none}.hourly-strip::-webkit-scrollbar{display:none}.hour-card{scroll-snap-align:start;display:grid;justify-items:center;gap:10px;padding:14px 8px;border-radius:21px;background:#fff1;border:1px solid rgba(255,255,255,.045)}.hour-card.current-hour{background:#79afff33;border-color:#9ac6ff40}.hour-card time{font-size:12px;color:#aebed6}.hour-card strong{font-size:24px;font-weight:580}.hour-card .rain{color:#75baff;font-size:13px;font-weight:650}.hour-card small{min-height:14px;color:#8293ac;font-size:10px}.daily-section{margin-top:31px}.daily-list{border-radius:24px;overflow:hidden;background:#ffffff0e;border:1px solid rgba(255,255,255,.045)}.day-row{min-height:58px;padding:0 15px;gap:10px;border-bottom:1px solid rgba(255,255,255,.06);font-size:14px}.day-row:last-child{border-bottom:0}.day-name{width:78px;text-transform:capitalize}.day-condition{flex:1;min-width:0;color:#a8b7cd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.day-rain{width:38px;color:#75baff;text-align:right}.day-temp{width:82px;text-align:right;color:#95a6be}.day-temp strong{color:#fff;font-weight:620}.model-details{margin-top:22px;padding:16px;border-radius:18px;background:#ffffff0a;color:#9fb0c8;font-size:13px;line-height:1.55}.model-details summary{color:#dce7f8;cursor:pointer;font-weight:620}.model-details p{margin:12px 0 0}.error-card{margin-top:80px;padding:24px;border-radius:24px;background:#ffffff12}.error-card p{color:#aab9ce;line-height:1.5}.error-card button{padding:0 18px;background:#eaf2ff;color:#0b1220;font-weight:650}.status-note{position:sticky;bottom:calc(env(safe-area-inset-bottom) + 12px);margin-top:20px;padding:11px 13px;border-radius:14px;background:#342517eb;color:#ffd6b0;font-size:12px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}footer{display:flex;flex-direction:column;gap:4px;margin-top:28px;color:#6f8099;font-size:11px}footer a{width:fit-content}.update-toast{position:fixed;z-index:10;left:50%;bottom:calc(env(safe-area-inset-bottom) + 16px);transform:translate(-50%);width:min(calc(100% - 28px),520px);display:flex;align-items:center;gap:8px;padding:11px 12px;border-radius:18px;background:#ebf3fff5;color:#101827;box-shadow:0 18px 48px #00000059}.update-toast span{flex:1;font-size:13px}.update-toast button{min-height:36px;padding:0 12px;background:#17233a;color:#fff}.update-toast .ghost{background:transparent;color:#34435a}@media(prefers-color-scheme:light){:root{color-scheme:light;color:#172033;background:#e8eef7}html{background:#e8eef7}.app-shell{color:#172033;background:radial-gradient(circle at 78% 0%,rgba(96,154,255,.32),transparent 36%),linear-gradient(180deg,#eef5ff,#e7edf7 48%,#dde5f0)}.condition,.model-details summary{color:#1d2b42}.hour-card,.daily-list,.model-details{background:#ffffff9e;border-color:#1a315212}.day-row{border-color:#1a315212}.day-temp strong{color:#172033}.icon-button{background:#ffffffb3}}:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;color:#f7f9ff;background:#0b1220;font-synthesis:none;text-rendering:optimizeLegibility;color-scheme:dark}*{box-sizing:border-box}html{min-height:100%;background:#0b1220}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;overflow-x:hidden}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}a{color:inherit}