*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.collapse{visibility:collapse}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.right-0{right:0}.top-\[calc\(100\%\+6px\)\]{top:calc(100% + 6px)}.z-50{z-index:50}.z-\[9999\]{z-index:9999}.block{display:block}.flex{display:flex}.w-full{width:100%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.overflow-visible{overflow:visible}.border{border-width:1px}.font-bold{font-weight:700}.text-amber-400{--tw-text-opacity:1;color:#fbbf24;color:rgb(251 191 36/var(--tw-text-opacity,1))}.text-blue-400{--tw-text-opacity:1;color:#60a5fa;color:rgb(96 165 250/var(--tw-text-opacity,1))}.text-cyan-400{--tw-text-opacity:1;color:#22d3ee;color:rgb(34 211 238/var(--tw-text-opacity,1))}.text-indigo-400{--tw-text-opacity:1;color:#818cf8;color:rgb(129 140 248/var(--tw-text-opacity,1))}.text-sky-400{--tw-text-opacity:1;color:#38bdf8;color:rgb(56 189 248/var(--tw-text-opacity,1))}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0b1329;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden;padding:0}button{touch-action:manipulation}button,input{font-family:inherit}:root{--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Inter","Helvetica Neue",sans-serif;--transition-fast:0.16s cubic-bezier(0.4,0,0.2,1);--transition-normal:0.24s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.45s cubic-bezier(0.4,0,0.2,1);--glass-bg:#0f172ad1;--glass-bg-hover:#16213ae6;--glass-border:#ffffff29;--glass-border-hover:#ffffff59;--glass-border-top:#ffffff40;--glass-blur:24px;--glass-shadow:0 12px 30px -6px #0009,0 0 0 1px #ffffff1a,inset 0 1px 0 var(--glass-border-top);--text-main:#fff;--text-secondary:#e2e8f0;--text-muted:#94a3b8;--accent-cyan:#38bdf8;--accent-cyan-glow:#38bdf866;--accent-amber:#fbbf24;--accent-amber-glow:#fbbf2466;--accent-orange:#f97316;--accent-emerald:#10b981;--accent-rose:#f87171;--accent-indigo:#818cf8;--theme-bg-1:#061e36;--theme-bg-2:#0c3359;--theme-bg-3:#134571;--blob-color-1:#0ea5e966;--blob-color-2:#f59e0b47;--blob-color-3:#6366f140}.theme-clear-day{--theme-bg-1:#072540;--theme-bg-2:#0c4a6e;--theme-bg-3:#0369a1;--blob-color-1:#38bdf873;--blob-color-2:#fbbf2452;--blob-color-3:#0ea5e947}.theme-clear-night{--theme-bg-1:#020617;--theme-bg-2:#0b1120;--theme-bg-3:#171738;--blob-color-1:#6366f159;--blob-color-2:#8b5cf647;--blob-color-3:#38bdf838}.theme-cloudy{--theme-bg-1:#0f172a;--theme-bg-2:#1e293b;--theme-bg-3:#334155;--blob-color-1:#94a3b859;--blob-color-2:#6366f138;--blob-color-3:#38bdf833}.theme-rain{--theme-bg-1:#021e33;--theme-bg-2:#083344;--theme-bg-3:#15465d;--blob-color-1:#06b6d46b;--blob-color-2:#0ea5e94d;--blob-color-3:#4f46e540}.theme-thunderstorm{--theme-bg-1:#110520;--theme-bg-2:#240a45;--theme-bg-3:#0c0a1a;--blob-color-1:#a855f773;--blob-color-2:#3b82f659;--blob-color-3:#ec489940}.theme-snow{--theme-bg-1:#05243e;--theme-bg-2:#172d5c;--theme-bg-3:#28477f;--blob-color-1:#e0f2fe66;--blob-color-2:#bae6fd4d;--blob-color-3:#93c5fd4d}.theme-fog{--theme-bg-1:#111827;--theme-bg-2:#1f2937;--theme-bg-3:#374151;--blob-color-1:#d1d5db40;--blob-color-2:#9ca3af40;--blob-color-3:#6b728033}.weather-app-root{background:linear-gradient(135deg,#061e36,#0c3359 50%,#134571);background:linear-gradient(135deg,var(--theme-bg-1) 0,var(--theme-bg-2) 50%,var(--theme-bg-3) 100%);background-attachment:fixed;color:#fff;color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Helvetica Neue,sans-serif;font-family:var(--font-family);min-height:100vh;overflow-x:hidden;position:relative;transition:background .45s cubic-bezier(.4,0,.2,1);transition:background var(--transition-slow);width:100%}.ambient-background{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.ambient-blob{border-radius:50%;filter:blur(80px);mix-blend-mode:screen;opacity:.8;position:absolute;transition:all .45s cubic-bezier(.4,0,.2,1);transition:all var(--transition-slow)}.blob-1{animation:floatOrb 22s ease-in-out infinite alternate;background:#0ea5e966;background:var(--blob-color-1);height:45vw;left:10%;top:-15%;width:45vw}.blob-2{animation:floatOrb 28s ease-in-out infinite alternate-reverse;background:#f59e0b47;background:var(--blob-color-2);bottom:-20%;height:50vw;right:5%;width:50vw}.blob-3{animation:floatOrb 18s ease-in-out infinite alternate;background:#6366f140;background:var(--blob-color-3);height:30vw;right:25%;top:40%;width:30vw}@keyframes floatOrb{0%{transform:translate(0) scale(1)}50%{transform:translate(25px,35px) scale(1.06)}to{transform:translate(-20px,-25px) scale(.96)}}.app-container{flex-direction:column;gap:10px;margin:0 auto;max-width:1360px;padding:12px 16px 24px;z-index:1}.app-container,.app-header{display:flex;position:relative}.app-header{align-items:center;backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(var(--glass-blur)) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);background:#0f172ad1;background:var(--glass-bg);border:1px solid #ffffff29;border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 12px 30px -6px #0009,0 0 0 1px #ffffff1a,inset 0 1px 0 #ffffff40;box-shadow:var(--glass-shadow);gap:12px;justify-content:space-between;min-height:52px;overflow:visible;padding:8px 16px;transition:all .24s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);z-index:100}.header-left{flex-shrink:0}.brand-logo,.header-left{align-items:center;display:flex}.brand-logo{cursor:pointer;gap:10px;-webkit-user-select:none;user-select:none}.logo-icon-wrapper{align-items:center;background:linear-gradient(135deg,#38bdf859,#f59e0b40);border:1px solid #ffffff40;border-radius:10px;box-shadow:0 4px 12px #38bdf84d;color:#38bdf8;display:flex;height:36px;justify-content:center;width:36px}.brand-title{color:#fff;display:block;font-size:1.15rem;font-weight:800;letter-spacing:-.02em;line-height:1.1}.brand-subtitle{color:#38bdf8;display:block;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.header-center{flex:1 1;max-width:440px;overflow:visible;position:relative;z-index:101}.header-right{align-items:center;display:flex;flex-shrink:0;gap:6px}.action-btn{align-items:center;background:#ffffff1a;border:1px solid #ffffff29;border:1px solid var(--glass-border);border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;justify-content:center;min-height:38px;min-width:38px;outline:none;transition:all .16s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.action-btn:hover{background:#fff3;border-color:#ffffff59;transform:translateY(-1px)}.action-btn.active{background:#38bdf847;border-color:#38bdf8;box-shadow:0 0 10px #38bdf859;color:#38bdf8}.fav-toggle-btn.is-fav{background:#f59e0b40;border-color:#fbbf24;box-shadow:0 0 10px #fbbf2459;color:#fbbf24}.unit-btn{background:#38bdf826;border-color:#38bdf859;color:#38bdf8;font-size:.88rem;font-weight:800;padding:0 10px;width:auto}.unit-btn:hover{background:#38bdf84d;color:#fff}.refresh-btn.spinning svg{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.search-bar-wrapper{overflow:visible;position:relative;width:100%;z-index:102}.search-input-box{align-items:center;background:#0a1122d9;border:1px solid #ffffff2e;border-radius:12px;display:flex;gap:8px;min-height:38px;padding:6px 14px;transition:all .16s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.search-input-box:focus-within{background:#0a1122f2;border-color:#38bdf8;border-color:var(--accent-cyan);box-shadow:0 0 0 2px #38bdf866;box-shadow:0 0 0 2px var(--accent-cyan-glow)}.search-icon{color:#38bdf8;flex-shrink:0}.search-input-box input{background:#0000;border:none;color:#fff;flex:1 1;font-size:.9rem;font-weight:500;outline:none}.search-input-box input::placeholder{color:#94a3b8}.search-spinner{animation:spin .8s linear infinite;color:#38bdf8;color:var(--accent-cyan)}.clear-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#cbd5e1;cursor:pointer;display:flex;padding:4px;transition:all .16s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.clear-button:hover{background:#fff3;color:#fff}.search-dropdown{backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);background:#0a1226fa;border:1px solid #ffffff40;border-radius:14px;box-shadow:0 20px 48px -4px #000000e6,0 0 0 1px #38bdf840;left:0;list-style:none;margin:0;max-height:280px;overflow-y:auto;padding:6px;position:absolute;right:0;top:calc(100% + 6px);z-index:9999}.search-dropdown-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:10px;min-height:38px;padding:8px 12px;transition:background .16s cubic-bezier(.4,0,.2,1);transition:background var(--transition-fast)}.search-dropdown-item.active,.search-dropdown-item:hover{background:#38bdf838}.item-pin-box{align-items:center;color:#38bdf8;color:var(--accent-cyan);display:flex}.item-text{display:flex;flex:1 1;flex-direction:column}.item-name{color:#fff;font-size:.9rem;font-weight:700}.item-details{color:#cbd5e1;font-size:.78rem}.item-country-badge{background:#ffffff29;border-radius:4px;color:#fff;font-size:.68rem;font-weight:800;padding:2px 6px}.favorites-bar{align-items:center;backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(var(--glass-blur)) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);background:#0f172ad1;background:var(--glass-bg);border:1px solid #ffffff29;border:1px solid var(--glass-border);border-radius:14px;box-shadow:0 12px 30px -6px #0009,0 0 0 1px #ffffff1a,inset 0 1px 0 #ffffff40;box-shadow:var(--glass-shadow);display:flex;gap:10px;min-height:38px;padding:6px 14px;position:relative;z-index:20}.favorites-label{align-items:center;color:#fbbf24;display:flex;flex-shrink:0;font-size:.75rem;font-weight:800;gap:6px;letter-spacing:.06em;text-transform:uppercase}.favorites-scroll-container{-ms-overflow-style:none;align-items:center;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.favorites-scroll-container::-webkit-scrollbar{display:none}.favorite-pill{align-items:center;background:#ffffff14;border:1px solid #ffffff2e;border-radius:9999px;display:inline-flex;gap:6px;min-height:32px;padding:4px 8px 4px 10px;transition:all .16s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);white-space:nowrap}.favorite-pill:hover{background:#ffffff2e;border-color:#ffffff4d}.favorite-pill.active{background:#38bdf840;border-color:#38bdf8;box-shadow:0 0 8px #38bdf859}.fav-name-btn{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:.82rem;font-weight:700;gap:5px;outline:none;padding:0}.pill-pin{color:#38bdf8;color:var(--accent-cyan)}.pill-country{color:#94a3b8;font-size:.68rem;font-weight:800}.favorite-pill.active .pill-country{color:#bae6fd}.fav-remove-btn{align-items:center;background:#ffffff24;border:none;border-radius:50%;color:#cbd5e1;cursor:pointer;display:flex;height:18px;justify-content:center;padding:0;transition:all .16s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:18px}.fav-remove-btn:hover{background:#ef444499;color:#fff}.favorites-bar.empty{justify-content:center;padding:8px}.favorites-empty-text{color:#cbd5e1;font-size:.82rem}.dashboard-content{position:relative;width:100%;z-index:10}.dashboard-grid{grid-gap:12px;display:grid;gap:12px;grid-template-areas:"hero" "hourly" "daily" "metrics";grid-template-columns:1fr;width:100%}@media (min-width:1024px){.dashboard-grid{align-items:stretch;gap:12px;grid-template-areas:"hero hourly hourly" "hero daily  metrics";grid-template-columns:330px 1.05fr 1.15fr;grid-template-rows:auto 1fr}}@media (min-width:1440px){.dashboard-grid{gap:14px;grid-template-columns:360px 1.1fr 1.25fr}}.current-weather-hero,.forecast-card,.metric-card{backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(var(--glass-blur)) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);background:#0f172ad1;background:var(--glass-bg);border:1px solid #ffffff29;border:1px solid var(--glass-border);border-radius:18px;box-shadow:0 12px 30px -6px #0009,0 0 0 1px #ffffff1a,inset 0 1px 0 #ffffff40;box-shadow:var(--glass-shadow);transition:transform .24s cubic-bezier(.4,0,.2,1),border-color .24s cubic-bezier(.4,0,.2,1),box-shadow .24s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.forecast-card:hover,.metric-card:hover{border-color:#ffffff59;border-color:var(--glass-border-hover);box-shadow:0 16px 36px -8px #000000b3}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.section-title-wrap{align-items:center;display:flex;gap:6px}.section-header-icon{color:#38bdf8;color:var(--accent-cyan)}.section-title{color:#fff;font-size:.95rem;font-weight:800;letter-spacing:-.01em;margin:0}.section-tag{background:#38bdf82e;border:1px solid #38bdf859;border-radius:6px;color:#38bdf8;font-size:.68rem;font-weight:800;padding:2px 7px;text-transform:uppercase}.current-weather-hero{border:1px solid #ffffff38;display:flex;flex-direction:column;gap:16px;grid-area:hero;justify-content:space-between;overflow:hidden;padding:20px 22px;position:relative}.hero-ambient-glow{background:radial-gradient(circle,#38bdf866 0,#0000 70%);background:radial-gradient(circle,var(--accent-cyan-glow) 0,#0000 70%);filter:blur(40px);height:280px;pointer-events:none;position:absolute;right:-30%;top:-40%;width:280px}.hero-content{flex-direction:column;gap:14px;height:100%;position:relative;z-index:1}.hero-content,.hero-top{display:flex;justify-content:space-between}.hero-top{align-items:flex-start;gap:10px}.location-badge{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.loc-pin-icon{color:#38bdf8;color:var(--accent-cyan)}.city-title{color:#fff;font-size:1.6rem;font-weight:900;letter-spacing:-.02em;line-height:1.1;margin:0;text-shadow:0 2px 8px #00000080}.country-tag{background:#38bdf838;border:1px solid #38bdf866;border-radius:6px;color:#fff;font-size:.7rem;font-weight:800;padding:2px 7px}.admin-subtitle{font-size:.82rem;margin-bottom:0;margin-top:2px}.admin-subtitle,.datetime-info{color:#e2e8f0;color:var(--text-secondary);font-weight:500}.datetime-info{align-items:flex-end;display:flex;flex-direction:column;font-size:.78rem;gap:3px}.date-item,.time-item{align-items:center;display:flex;gap:5px}.time-item{color:#38bdf8;font-weight:700}.hero-body{align-items:center;display:flex;gap:12px;justify-content:space-between}.temp-block{display:flex;flex-direction:column;gap:8px}.temp-main-row{align-items:baseline;display:flex;flex-wrap:wrap;gap:10px}.main-temp-val{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fef08a,#fbbf24 45%,#f97316);-webkit-background-clip:text;filter:drop-shadow(0 3px 14px rgba(245,158,11,.4));font-size:4.2rem;font-weight:900;letter-spacing:-.04em;line-height:.95}.weather-badge{background:#38bdf82e;border:1px solid #38bdf873;border-radius:9999px;box-shadow:0 2px 8px #38bdf833;padding:4px 12px}.condition-text{color:#fff;font-size:.86rem;font-weight:700}.temp-sub-row{align-items:center;color:#e2e8f0;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.85rem;gap:10px}.feels-like-text strong{color:#fff}.high-low-pill{align-items:center;background:#00000059;border:1px solid #ffffff29;border-radius:9999px;display:inline-flex;font-size:.78rem;font-weight:700;gap:6px;padding:3px 10px}.hl-item.high{color:#f87171}.hl-item.low{color:#38bdf8}.hl-divider{color:#94a3b8}.hero-visual{align-items:center;display:flex;justify-content:center}.icon-pulse-wrapper{animation:pulseIcon 4s ease-in-out infinite alternate;background:radial-gradient(circle,#38bdf840 0,#0f172a80 100%);border:1px solid #38bdf873;border-radius:22px;box-shadow:0 8px 24px #38bdf84d;padding:14px}@keyframes pulseIcon{0%{transform:scale(1)}to{transform:scale(1.05)}}.hero-big-icon{color:#fff;filter:drop-shadow(0 6px 12px rgba(0,0,0,.4))}.hero-stats-footer{align-items:center;background:#00000059;border:1px solid #ffffff1a;border-radius:14px;display:flex;justify-content:space-around;padding:10px 14px}.footer-stat-item{align-items:center;display:flex;gap:8px}.stat-icon-drop,.stat-icon-wind{color:#38bdf8}.stat-icon-rain{color:#34d399}.stat-text{display:flex;flex-direction:column}.stat-label{color:#94a3b8;color:var(--text-muted);font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.stat-val{color:#fff;font-size:.9rem;font-weight:800}.footer-stat-divider{background:#ffffff24;height:24px;width:1px}.hourly-card{grid-area:hourly;padding:14px 16px}.scroll-controls{gap:4px}.control-btn,.scroll-controls{align-items:center;display:flex}.control-btn{background:#ffffff1a;border:1px solid #ffffff29;border:1px solid var(--glass-border);border-radius:6px;color:#fff;cursor:pointer;height:26px;justify-content:center;transition:all .16s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:26px}.control-btn:hover{background:#ffffff38;border-color:#ffffff59}.hourly-scroll-track{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 6px;scroll-behavior:smooth;scrollbar-color:#fff3 #0000;scrollbar-width:thin}.hourly-scroll-track::-webkit-scrollbar{height:5px}.hourly-scroll-track::-webkit-scrollbar-track{background:#0000}.hourly-scroll-track::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.hourly-item{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:14px;display:flex;flex:0 0 68px;flex-direction:column;gap:6px;padding:8px 4px;transition:all .16s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.hourly-item:hover{background:#ffffff29;border-color:#ffffff4d;transform:translateY(-2px)}.hourly-item.is-now{background:#38bdf83d;border-color:#38bdf8;box-shadow:0 3px 12px #38bdf84d}.hourly-time{color:#e2e8f0;color:var(--text-secondary);font-size:.74rem;font-weight:700}.hourly-item.is-now .hourly-time{color:#38bdf8;font-weight:800}.hourly-icon-wrap{align-items:center;color:#fff;display:flex;justify-content:center}.hourly-temp{color:#fff;font-size:.95rem;font-weight:800}.hourly-pop{align-items:center;color:#38bdf8;display:flex;font-size:.68rem;font-weight:700;gap:2px}.pop-empty{color:#64748b}.daily-card{grid-area:daily;padding:14px 16px}.daily-card,.daily-list-container{display:flex;flex-direction:column}.daily-list-container{flex:1 1;gap:6px;justify-content:space-between}.daily-row{grid-gap:8px;align-items:center;background:#ffffff0d;border:1px solid #ffffff17;border-radius:10px;display:grid;gap:8px;grid-template-columns:68px 1fr 50px 135px;padding:7px 10px;transition:all .16s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.daily-row:hover{background:#ffffff1a;border-color:#ffffff38;transform:translateX(2px)}.daily-day-info{display:flex;flex-direction:column}.daily-name{color:#fff;font-size:.88rem;font-weight:800}.daily-date{color:#cbd5e1;font-size:.7rem;font-weight:500}.daily-condition-wrap{align-items:center;color:#fff;display:flex;gap:8px;overflow:hidden}.daily-condition-label{color:#e2e8f0;color:var(--text-secondary);font-size:.8rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daily-rain-chance{align-items:center;display:flex}.rain-badge{align-items:center;background:#38bdf82e;border:1px solid #38bdf859;border-radius:5px;color:#38bdf8;display:inline-flex;font-size:.72rem;font-weight:700;gap:2px;padding:2px 6px}.rain-none{color:#64748b;font-size:.7rem;font-weight:600}.daily-temp-bar-container{align-items:center;display:flex;gap:8px}.daily-temp-min{color:#e2e8f0;color:var(--text-secondary);font-size:.82rem;font-weight:700;text-align:right;width:28px}.daily-temp-max{color:#fff;font-size:.88rem;font-weight:800;text-align:left;width:28px}.temp-range-track{background:#ffffff24;border-radius:9999px;flex:1 1;height:6px;overflow:hidden;position:relative}.temp-range-fill{background:linear-gradient(90deg,#38bdf8,#fbbf24 60%,#f87171);border-radius:9999px;bottom:0;box-shadow:0 0 8px #fbbf2466;position:absolute;top:0}.metrics-grid{grid-gap:10px;display:grid;gap:10px;grid-area:metrics;grid-template-columns:repeat(2,1fr)}.metric-card{display:flex;flex-direction:column;gap:8px;justify-content:space-between;padding:12px 14px}.metric-card-top{justify-content:space-between}.metric-card-top,.metric-header-title{align-items:center;display:flex;gap:6px}.metric-header-title{color:#e2e8f0;color:var(--text-secondary);font-size:.8rem;font-weight:700}.metric-title-icon{flex-shrink:0}.metric-badge{border-radius:6px;font-size:.68rem;font-weight:800;padding:2px 7px}.metric-badge.neutral{background:#ffffff1f;color:#fff}.metric-value-box{align-items:baseline;display:flex;gap:4px}.metric-number{color:#fff;font-size:1.55rem;font-weight:900;letter-spacing:-.02em;line-height:1}.metric-unit{color:#e2e8f0;color:var(--text-secondary);font-size:.85rem;font-weight:700}.metric-hint{color:#cbd5e1;font-size:.72rem;font-weight:500;line-height:1.25;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uv-meter-track{background:#ffffff24;border-radius:9999px;height:5px;overflow:hidden}.uv-meter-fill{border-radius:9999px;height:100%;transition:width .24s cubic-bezier(.4,0,.2,1);transition:width var(--transition-normal)}.wind-compass-row{align-items:center;display:flex;gap:8px}.compass-disc{align-items:center;background:#38bdf826;border:1px solid #38bdf873;border-radius:50%;color:#38bdf8;color:var(--accent-cyan);display:flex;height:32px;justify-content:center;width:32px}.compass-needle{transition:transform .8s cubic-bezier(.34,1.56,.64,1)}.wind-details{color:#e2e8f0;color:var(--text-secondary);font-size:.78rem}.wind-details strong{color:#fff}.sun-times-row{justify-content:space-between}.sun-event,.sun-times-row{align-items:center;display:flex}.sun-event{gap:6px}.event-icon.rise{color:#fbbf24}.event-icon.set{color:#f87171}.event-info{display:flex;flex-direction:column}.event-label{color:#94a3b8;color:var(--text-muted);font-size:.66rem;font-weight:700;text-transform:uppercase}.event-time{color:#fff;font-size:.88rem;font-weight:800}.sun-arc-track{background:#ffffff24;border-radius:9999px;height:4px;margin:3px 0;overflow:visible;position:relative}.sun-arc-fill{background:linear-gradient(90deg,#fbbf24,#f87171);border-radius:9999px;height:100%}.sun-arc-marker{background:#fbbf24;border:2px solid #fff;border-radius:50%;box-shadow:0 0 8px #fbbf24;height:10px;position:absolute;top:-3px;transform:translateX(-50%);width:10px}.metric-sub-bar{color:#e2e8f0;color:var(--text-secondary);font-size:.76rem}.metric-sub-bar strong{color:#fff}.pressure-sub-row{align-items:center;color:#e2e8f0;color:var(--text-secondary);display:flex;font-size:.76rem;gap:5px}.pressure-sub-row strong{color:#fff}.pressure-icon{color:#38bdf8;color:var(--accent-cyan)}.pressure-tag{color:#94a3b8}.cloud-bar-track{background:#ffffff24;border-radius:9999px;height:5px;overflow:hidden}.cloud-bar-fill{background:linear-gradient(90deg,#94a3b8,#38bdf8);border-radius:9999px;height:100%;transition:width .24s cubic-bezier(.4,0,.2,1);transition:width var(--transition-normal)}.skeleton-dashboard{width:100%}.skeleton-card{background:#0f172ad1;border:1px solid #ffffff1f;border-radius:18px;padding:16px}.skeleton-hero{min-height:280px}.skeleton-box,.skeleton-circle,.skeleton-hourly-item{animation:skeletonShimmer 1.8s infinite;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff24 50%,#ffffff0d 75%);background-size:200% 100%;border-radius:10px}.skeleton-circle{border-radius:50%}.skeleton-row{align-items:center;display:flex}.skeleton-footer-row,.skeleton-row.space-between{justify-content:space-between}.skeleton-footer-row{display:flex}.skeleton-hourly-track{display:flex;gap:8px}.skeleton-hourly-item{border-radius:12px;flex:1 1;height:70px}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.error-card{backdrop-filter:blur(24px);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(var(--glass-blur));background:#1a0c12e6;border:1px solid #ef444466;border-radius:20px;box-shadow:0 12px 30px -6px #0009,0 0 0 1px #ffffff1a,inset 0 1px 0 #ffffff40;box-shadow:var(--glass-shadow);margin:30px auto;max-width:520px;padding:32px 20px;text-align:center}.error-icon-box{align-items:center;background:#ef444440;border-radius:50%;color:#f87171;display:flex;height:60px;justify-content:center;margin:0 auto 14px;width:60px}.error-title{color:#fff;font-size:1.3rem;font-weight:800;margin-bottom:6px}.error-description{color:#e2e8f0;color:var(--text-secondary);font-size:.9rem;line-height:1.45;margin-bottom:20px}.error-actions{margin-bottom:22px}.retry-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;box-shadow:0 4px 14px #ef444473;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:800;gap:6px;padding:10px 22px;transition:all .16s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.retry-btn:hover{transform:translateY(-1px)}.error-fallback-section{border-top:1px solid #ffffff1f;padding-top:16px}.fallback-label{color:#cbd5e1;display:block;font-size:.82rem;font-weight:600;margin-bottom:10px}.fallback-pills{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.fallback-pill-btn{align-items:center;background:#ffffff1f;border:1px solid #fff3;border-radius:9999px;color:#fff;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:700;gap:5px;padding:6px 12px;transition:all .16s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.fallback-pill-btn:hover{background:#ffffff38}.app-footer{padding-top:12px;text-align:center}.footer-credits{color:#94a3b8;font-size:.78rem;font-weight:500;margin:0}@media (min-width:768px) and (max-width:1023px){.dashboard-grid{gap:12px;grid-template-areas:"hero hero" "hourly hourly" "daily metrics";grid-template-columns:1fr 1fr}.app-container{padding:12px 16px 28px}}@media (max-width:767px){.app-container{gap:10px;padding:10px 10px 24px}.app-header{border-radius:14px;flex-wrap:wrap;gap:10px;overflow:visible;padding:10px 12px;position:relative;z-index:100}.header-left{order:1}.header-right{order:2}.header-center{max-width:100%;order:3;overflow:visible;position:relative;width:100%;z-index:101}.brand-title{font-size:1.1rem}.dashboard-grid{display:flex;flex-direction:column;gap:10px}.current-weather-hero{border-radius:16px;padding:18px 16px}.city-title{font-size:1.5rem}.main-temp-val{font-size:3.4rem}.hero-top{align-items:flex-start;flex-direction:column;gap:8px}.datetime-info{align-items:flex-start;flex-direction:row;gap:10px}.icon-pulse-wrapper{border-radius:18px;padding:12px}.hero-big-icon{height:54px!important;width:54px!important}.hero-stats-footer{padding:8px 10px}.stat-label{font-size:.65rem}.stat-val{font-size:.85rem}.daily-card,.hourly-card{border-radius:16px;padding:14px 12px}.daily-row{gap:6px;grid-template-columns:60px 1fr 42px 105px;padding:8px 10px}.daily-condition-label{display:none}.daily-name{font-size:.84rem}.daily-temp-max,.daily-temp-min{font-size:.82rem;width:24px}.metrics-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.metric-card{border-radius:14px;padding:12px}.metric-number{font-size:1.4rem}}@media (max-width:360px){.metrics-grid{grid-template-columns:1fr}.daily-row{grid-template-columns:55px 1fr 38px 85px}}.action-btn.locating.spinning svg{animation:spin 1s linear infinite;color:#38bdf8;color:var(--accent-cyan)}.action-btn:disabled{cursor:wait;opacity:.7}.toast-container{display:flex;flex-direction:column;gap:8px;left:50%;max-width:92vw;pointer-events:none;position:fixed;top:20px;transform:translateX(-50%);width:520px;z-index:100000}.toast-item{align-items:center;animation:toastSlideDown .32s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0f172aeb;border:1px solid #ffffff29;border-radius:14px;box-shadow:0 16px 36px -4px #000000a6,0 0 0 1px #ffffff14;color:#fff;color:var(--text-main);display:flex;gap:12px;padding:12px 16px;pointer-events:auto;transition:all .24s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.toast-item.toast-error{border-left:4px solid #f87171;border-left:4px solid var(--accent-rose)}.toast-item.toast-success{border-left:4px solid #10b981;border-left:4px solid var(--accent-emerald)}.toast-item.toast-warning{border-left:4px solid #fbbf24;border-left:4px solid var(--accent-amber)}.toast-item.toast-info{border-left:4px solid #38bdf8;border-left:4px solid var(--accent-cyan)}.toast-icon-wrapper{align-items:center;display:flex;flex-shrink:0;justify-content:center}.toast-error .toast-icon{color:#f87171;color:var(--accent-rose)}.toast-success .toast-icon{color:#10b981;color:var(--accent-emerald)}.toast-warning .toast-icon{color:#fbbf24;color:var(--accent-amber)}.toast-info .toast-icon{color:#38bdf8;color:var(--accent-cyan)}.toast-content{color:#e2e8f0;color:var(--text-secondary);flex:1 1;font-size:.88rem;font-weight:500;line-height:1.4}.toast-action-btn{align-items:center;background:#38bdf826;border:1px solid #38bdf859;border-radius:8px;color:#38bdf8;color:var(--accent-cyan);cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;padding:6px 12px;transition:all .16s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);white-space:nowrap}.toast-action-btn:hover{background:#38bdf847;border-color:#38bdf8;border-color:var(--accent-cyan);box-shadow:0 0 12px #38bdf866;box-shadow:0 0 12px var(--accent-cyan-glow);color:#fff}.toast-close-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#94a3b8;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:all .16s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.toast-close-btn:hover{background:#ffffff14;color:#fff;color:var(--text-main)}@keyframes toastSlideDown{0%{opacity:0;transform:translateY(-18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
/*# sourceMappingURL=main.282fb7be.css.map*/