*{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eff6ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--glass:#0f172a9e;--glass-strong:#0f172ad1;--line:#bae6fd2e;--muted:#e2e8f0ad;--blue:#38bdf8;--cyan:#67e8f9;--green:#86efac;--yellow:#fde68a;--danger:#fb7185;background:#07111f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}html{background:#07111f;min-height:100%}body{-webkit-text-size-adjust:100%;touch-action:pan-y;min-height:100svh;margin:0;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}.app-shell{min-height:100svh;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));background:radial-gradient(circle at 12% 0,#38bdf859,#0000 34%),radial-gradient(circle at 86% 10%,#818cf84d,#0000 28%),linear-gradient(160deg,#07111f 0%,#0c1b33 45%,#0b1324 100%);position:relative}.bg-orb{filter:blur(18px);opacity:.55;pointer-events:none;border-radius:999px;animation:10s ease-in-out infinite alternate drift;position:fixed}.orb-a{background:#22d3ee2e;width:220px;height:220px;top:180px;left:-70px}.orb-b{background:#6366f12e;width:280px;height:280px;animation-delay:-4s;bottom:80px;right:-90px}@keyframes drift{to{transform:translate(18px,-28px)scale(1.08)}}.panel{z-index:1;width:min(980px,100%);margin:0 auto;padding-bottom:28px;position:relative}.pull-indicator{opacity:0;z-index:10;border:1px solid var(--line);color:#e0f2fe;background:#0f172ae6;border-radius:999px;padding:8px 16px;transition:transform .22s,opacity .22s;position:fixed;top:-50px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #02081752}.topbar{justify-content:space-between;align-items:center;gap:16px;padding:18px 4px 14px;display:flex}.eyebrow{color:var(--cyan);letter-spacing:.12em;text-transform:uppercase;margin:0 0 6px;font-size:13px}h1,h2,p{margin:0}h1{letter-spacing:-.06em;text-shadow:0 20px 80px #7dd3fc40;font-size:clamp(34px,8vw,64px);line-height:.96}h2{letter-spacing:-.03em;font-size:20px}.icon-btn{border:1px solid var(--line);color:#fff;background:#ffffff14;border-radius:18px;place-items:center;width:48px;height:48px;display:grid;box-shadow:inset 0 1px #ffffff29,0 14px 34px #0208172e}.spinning{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.search-card,.hero-card,.trend-card,.hourly-card,.basic-card,.status{border:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(145deg,#ffffff1f,#ffffff0e);border-radius:28px;box-shadow:0 24px 80px #02081747,inset 0 1px #ffffff1f}.city-row{align-items:center;gap:10px;margin:2px 0 12px;display:flex}.add-city-btn{color:#e0f2febd;background:#ffffff0e;border:1px solid #ffffff1a;border-radius:999px;flex:none;min-height:40px;padding:0 13px}.search-card{margin:0 0 14px;padding:16px;transition:max-height .25s,opacity .2s,margin .2s,padding .2s;overflow:hidden}.search-card.collapsed{opacity:0;pointer-events:none;border-width:0;max-height:0;margin:0;padding-top:0;padding-bottom:0}.search-card:not(.collapsed){max-height:330px}.search-card label{color:var(--muted);margin:0 0 10px 2px;font-size:14px;display:block}.search-row{gap:10px;display:flex}.search-row input{color:#fff;background:#02081747;border:1px solid #ffffff1f;border-radius:17px;outline:none;flex:1;min-width:0;height:46px;padding:0 15px}.search-row input:focus{border-color:#67e8f99e;box-shadow:0 0 0 4px #38bdf81f}.search-row button,.result-item{color:#082f49;background:linear-gradient(135deg,#67e8f9,#7dd3fc 45%,#a7f3d0);border:0;border-radius:17px;font-weight:800}.search-row button{padding:0 18px}.search-row button:disabled{opacity:.68}.search-results{gap:8px;margin-top:12px;display:grid}.result-item{text-align:left;justify-content:space-between;gap:12px;padding:12px 14px;display:flex}.result-item small{color:#082f49b8;font-weight:700}.city-tabs{scrollbar-width:none;flex:auto;gap:10px;min-width:0;padding:2px;display:flex;overflow-x:auto}.city-tabs::-webkit-scrollbar{display:none}.city-chip{color:#ffffffbd;background:#ffffff12;border:1px solid #ffffff21;border-radius:999px;flex:none;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.city-chip.active{color:#082f49;background:linear-gradient(135deg,#e0f2fe,#67e8f9);border-color:#0000;font-weight:900}.city-chip b{background:#0208172e;border-radius:99px;place-items:center;width:18px;height:18px;display:grid}.status{color:#e0f2fe;margin:0 0 14px;padding:12px 16px}.status.error{color:#fecdd3;border-color:#fb718552}.hidden{display:none}.hero-card{min-height:238px;padding:20px;position:relative;overflow:hidden}.hero-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 80% 12%,#ffffff4d,#0000 26%);position:absolute;inset:-1px}.weather-sun{background:linear-gradient(145deg, #0ea5e98c, #facc1533), var(--glass)}.weather-night{background:linear-gradient(145deg, #1e293be0, #312e8157), var(--glass)}.weather-cloud{background:linear-gradient(145deg, #64748b94, #38bdf833), var(--glass)}.weather-rain,.weather-drizzle{background:linear-gradient(145deg, #0e7490b3, #1e40af4d), var(--glass)}.hero-main{justify-content:space-between;align-items:flex-start;gap:18px;display:flex;position:relative}.city-line{color:#e0f2fe;font-size:18px;font-weight:850}.city-line span{color:#e0f2feb3;margin-top:4px;font-size:13px;font-weight:600;display:block}.temp-line{align-items:flex-start;margin-top:14px;display:flex}.temp-line span{letter-spacing:-.09em;font-size:clamp(64px,18vw,108px);font-weight:950;line-height:.78}.temp-line em{color:#ffffffb8;margin-left:7px;font-size:28px;font-style:normal}.desc-line{color:#ffffffc7;font-weight:700}.weather-icon{filter:drop-shadow(0 18px 34px #02081742);font-size:clamp(68px,18vw,124px)}.summary-strip{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;display:grid;position:relative}.summary-strip div{background:#02081738;border:1px solid #ffffff1f;border-radius:20px;padding:13px}.summary-strip b{font-size:21px;display:block}.summary-strip span{color:#ffffff9e;margin-top:2px;font-size:12px;display:block}.update-line{color:#ffffff8c;margin-top:13px;font-size:12px;position:relative}.trend-card,.hourly-card{margin-top:14px;padding:18px}.section-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.section-head p{color:var(--muted);margin-top:5px;font-size:14px}.pill{color:#082f49;background:#a7f3d0;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}.chart-wrap{padding-bottom:4px;overflow-x:auto}.chart-wrap svg{width:100%;min-width:680px;display:block}.axis{stroke:#e0f2fe2e;stroke-width:1px}.axis-label,svg text{fill:#e0f2fe9e;font-size:12px}.prob-line{stroke:#67e8f9;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 8px 16px #38bdf842)}.dot{fill:#e0f2fe;stroke:#0284c7;stroke-width:2px}.rain-bar{fill:#7dd3fc59}.legend{color:var(--muted);gap:16px;margin-top:8px;font-size:13px;display:flex}.legend span{align-items:center;gap:7px;display:inline-flex}.line-dot,.bar-dot{background:#67e8f9;border-radius:999px;width:18px;height:8px}.bar-dot{background:#7dd3fc59}.basics-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px;display:grid}.basic-card{min-height:112px;padding:15px}.basic-card span,.basic-card small{color:var(--muted);font-size:13px}.basic-card b{color:#fff;margin:11px 0 4px;font-size:20px;line-height:1.15;display:block}.hour-scroll{scrollbar-width:thin;grid-auto-columns:minmax(104px,1fr);grid-auto-flow:column;gap:10px;padding-bottom:2px;display:grid;overflow-x:auto}.hour-card{text-align:center;background:#02081738;border:1px solid #ffffff1c;border-radius:22px;padding:14px 11px}.hour-card time{color:var(--muted);font-size:12px}.hour-icon{margin:8px 0 2px;font-size:29px}.hour-card b{font-size:20px;display:block}.hour-card span{color:#bae6fd;margin-top:4px;font-size:13px;font-weight:800;display:block}.hour-card small{color:#e2e8f09e;margin-top:6px;font-size:12px;display:block}.hour-card.rain-hot{background:#0e74903d;border-color:#67e8f95c}.skeleton:empty{background:linear-gradient(110deg,#ffffff12,#ffffff29,#ffffff12) 0 0/220% 100%;min-height:170px;animation:1.2s linear infinite shimmer}@keyframes shimmer{to{background-position:-220% 0}}@media (width<=720px){.panel{width:100%}.topbar{align-items:flex-end;padding:10px 2px 12px}.eyebrow{letter-spacing:.1em;font-size:11px}h1{font-size:clamp(36px,13vw,50px)}.icon-btn{border-radius:16px;flex:none;width:44px;height:44px}.search-card{border-radius:22px;margin:0 0 10px;padding:12px}.search-card.collapsed{margin:0;padding-top:0;padding-bottom:0}.city-row{gap:8px;margin-bottom:10px}.add-city-btn{min-height:36px;padding-inline:11px;font-size:13px}.search-card label{margin-bottom:8px;font-size:12px}.search-row{align-items:stretch;gap:8px}.search-row input{border-radius:15px;height:44px;padding-inline:12px;font-size:15px}.search-row button{border-radius:15px;min-width:64px;padding-inline:12px}.result-item{flex-direction:column;gap:2px;padding:11px 12px}.city-tabs{gap:8px;padding:2px;scroll-padding-left:4px}.city-chip{padding:9px 12px;font-size:14px}.hero-card{border-radius:24px;min-height:auto;padding:14px}.hero-main{gap:10px}.city-line{font-size:16px}.temp-line{margin-top:8px}.temp-line span{font-size:clamp(58px,22vw,84px)}.temp-line em{font-size:22px}.desc-line{font-size:14px}.weather-icon{opacity:.92;font-size:clamp(58px,18vw,82px)}.summary-strip{scroll-snap-type:x proximity;scrollbar-width:none;gap:8px;margin-top:12px;padding-bottom:2px;display:flex;overflow-x:auto}.summary-strip::-webkit-scrollbar{display:none}.summary-strip div{scroll-snap-align:start;border-radius:17px;flex:0 0 118px;padding:9px 10px}.summary-strip b{font-size:19px}.summary-strip span{font-size:11px}.update-line{margin-top:10px}.trend-card,.hourly-card{border-radius:24px;margin-top:12px;padding:14px}.section-head{margin-bottom:10px}.section-head h2{font-size:18px}.section-head p{font-size:12px;line-height:1.35}.pill{padding:5px 9px;font-size:11px}.chart-wrap{-webkit-overflow-scrolling:touch;margin-inline:-4px;padding:0 4px 6px}.chart-wrap svg{min-width:560px}.legend{gap:12px;font-size:12px}.basics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.basic-card{border-radius:22px;min-height:96px;padding:13px}.basic-card b{word-break:keep-all;margin:8px 0 2px;font-size:17px}.basic-card span,.basic-card small{font-size:12px}.hour-scroll{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;grid-auto-columns:92px;gap:8px;padding-bottom:8px}.hour-card{scroll-snap-align:start;border-radius:19px;padding:11px 8px}.hour-icon{margin:6px 0 1px;font-size:25px}.hour-card b{font-size:18px}.hour-card span{font-size:12px}.hour-card small{font-size:11px}}@media (width<=420px){.app-shell{padding-left:max(10px, env(safe-area-inset-left));padding-right:max(10px, env(safe-area-inset-right))}.search-row input{width:0}.hero-card{padding:14px}.hero-main{align-items:center}.weather-icon{font-size:54px}.basics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-wrap svg{min-width:520px}.hour-scroll{grid-auto-columns:88px}}