:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*,:before,:after{box-sizing:border-box}:root{color:#e5e7eb;background-color:#020617;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0}.app{flex-direction:column;min-height:100vh;padding:0 1.5rem 2rem;transition:background .6s;display:flex}.bg-default{background:radial-gradient(circle at top,#1d4ed8 0,#0000 55%),radial-gradient(circle at bottom,#0f766e 0,#0000 55%),#020617}.bg-clear-day{background:linear-gradient(145deg,#1d4ed8,#22c55e)}.bg-clear-night{background:radial-gradient(circle at top,#0ea5e9 0,#0000 55%),#020617}.bg-cloudy-day{background:linear-gradient(145deg,#64748b,#0f172a)}.bg-cloudy-night{background:linear-gradient(145deg,#1e293b,#020617)}.bg-rain{background:linear-gradient(160deg,#0f172a,#1d4ed8)}.bg-snow{background:linear-gradient(160deg,#e5e7eb,#1e293b)}.bg-storm{background:radial-gradient(circle at top,#eab308 0,#0000 55%),linear-gradient(160deg,#020617,#1e293b)}.site-header{padding-top:1.1rem}.site-header-inner{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172af2;border:1px solid #94a3b866;border-radius:999px;justify-content:space-between;align-items:center;max-width:980px;margin:0 auto;padding:.7rem 1.1rem;display:flex;box-shadow:0 16px 40px #0009}.site-brand{align-items:center;gap:.75rem;display:flex}.site-logo{color:#f9fafb;background:linear-gradient(135deg,#3b82f6,#06b6d4);border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.95rem;font-weight:700;display:flex}.site-brand-text{flex-direction:column;display:flex}.site-title{font-size:.95rem;font-weight:600}.site-subtitle{color:#9ca3af;font-size:.8rem}.site-user{align-items:center;gap:.5rem;display:flex}.site-user-initials{background:#0f172ae6;border:1px solid #94a3b8b3;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;font-size:.85rem;font-weight:600;display:flex}.site-user-text{flex-direction:column;display:flex}.site-user-name{font-size:.9rem;font-weight:500}.site-user-email{color:#9ca3af;font-size:.78rem}.app-inner{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172ae6;border:1px solid #94a3b866;border-radius:1.5rem;width:100%;max-width:900px;margin:1.6rem auto 0;padding:1.75rem 1.75rem 2.25rem;box-shadow:0 25px 60px #000000b3}.app-header{margin-bottom:1.25rem}.app-header-top{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.app-header h1{letter-spacing:.04em;margin:0;font-size:1.8rem}.app-header p{color:#9ca3af;margin:.4rem 0 0;font-size:.95rem}.pill{color:#bbf7d0;background:#34d39929;border:1px solid #34d39999;border-radius:999px;padding:.2rem .6rem;font-size:.75rem}.search-form{gap:.8rem;margin-bottom:1rem;display:flex}.search-input{color:#e5e7eb;background:#0f172af2;border:1px solid #94a3b880;border-radius:999px;outline:none;flex:1;padding:.7rem .9rem;font-size:.95rem}.search-input::placeholder{color:#6b7280}.search-input:focus{border-color:#60a5fa;box-shadow:0 0 0 1px #60a5fa66}.search-btn{cursor:pointer;color:#f9fafb;background:linear-gradient(135deg,#3b82f6,#06b6d4);border:none;border-radius:999px;padding:.7rem 1.3rem;font-size:.95rem;font-weight:600}.search-btn:disabled{opacity:.7;cursor:default}.error{color:#fecaca;background:#ef44441f;border:1px solid #f8717173;border-radius:.9rem;margin-bottom:1rem;padding:.7rem .9rem;font-size:.86rem}.empty-state{text-align:center;background:#0f172ae6;border:1px dashed #94a3b899;border-radius:1rem;margin-top:1rem;padding:1rem;font-size:.95rem}.layout-main{flex-direction:column;gap:1.25rem;margin-top:.6rem;display:flex}.layout-side{flex-direction:column;gap:1.1rem;display:flex}.weather-card{background:radial-gradient(circle at 0 0,#3b82f64d 0,#0000 55%),radial-gradient(circle at 100% 100%,#2dd4bf4d 0,#0000 55%),#0f172afa;border:1px solid #94a3b859;border-radius:1.25rem;margin-top:0;padding:1.4rem 1.2rem 1.1rem}.weather-location h2{margin:0;font-size:1.3rem}.weather-date{color:#9ca3af;margin:.2rem 0;font-size:.83rem}.weather-description{color:#e5e7eb;margin:.1rem 0 .3rem;font-size:.95rem}.weather-main{justify-content:space-between;align-items:center;gap:1rem;margin-top:.6rem;display:flex}.weather-temp-block{flex-direction:column;display:flex}.weather-temp{font-size:2.4rem;font-weight:700}.feels-like{color:#cbd5f5;font-size:.9rem}.weather-icon-block{flex-direction:column;align-items:center;display:flex}.weather-icon{width:72px;height:72px}.temp-range{flex-direction:column;gap:.1rem;margin-top:.25rem;font-size:.85rem;display:flex}.weather-meta{border-top:1px solid #94a3b866;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem 1.4rem;margin-top:.9rem;padding-top:.7rem;font-size:.88rem;display:grid}.weather-meta>div{justify-content:space-between;display:flex}.weather-meta .label{color:#9ca3af}.forecast{margin-top:0}.forecast h3{letter-spacing:.04em;text-transform:uppercase;color:#cbd5f5;margin:0 0 .6rem;font-size:1rem}.forecast-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;display:grid}.forecast-card{background:#0f172af2;border:1px solid #94a3b84d;border-radius:1rem;padding:.8rem .8rem .9rem;font-size:.86rem}.forecast-card h4{margin:0 0 .3rem;font-size:.9rem}.forecast-main{align-items:center;gap:.5rem;display:flex}.forecast-main img{width:42px;height:42px}.forecast-temps{flex-direction:column;display:flex}.forecast-temp-high{font-weight:600}.forecast-temp-low{color:#9ca3af}.forecast-text{color:#cbd5f5;margin:.4rem 0 0}.chart-section{margin-top:0}.chart{background:#0f172af2;border:1px solid #94a3b866;border-radius:1.3rem;padding:1rem .9rem}.chart-header{flex-direction:column;margin-bottom:.4rem;display:flex}.chart-header h3{margin:0;font-size:1rem}.chart-subtitle{color:#9ca3af;margin-top:.2rem;font-size:.8rem}.chart-svg{width:100%;height:auto}.chart-grid{stroke:#94a3b84d;stroke-width:.7px;stroke-dasharray:3 4}.chart-line{stroke:#38bdf8;stroke-width:2.2px}.chart-point-outer{fill:#0f172a;stroke:#38bdf8;stroke-width:2px}.chart-point-inner{fill:#38bdf8}.chart-labels{color:#cbd5f5;justify-content:space-between;margin-top:.4rem;font-size:.8rem;display:flex}.chart-label{flex-direction:column;flex:1;align-items:center;display:flex}.chart-label-day{font-weight:500}.chart-label-temp{color:#9ca3af;font-size:.78rem}@media (max-width:768px){.site-header-inner{padding:.6rem .8rem}.site-user-email{display:none}.app-inner{padding:1.4rem 1.1rem 1.8rem}.forecast-grid{grid-template-columns:1fr}.chart-labels{gap:.4rem}.weather-main{flex-direction:row;align-items:center}}@media (max-width:480px){.app{padding:0 1rem 1.5rem}.site-header-inner{border-radius:1rem;flex-direction:column;align-items:flex-start;gap:.5rem}.app-header-top,.weather-main{flex-direction:column;align-items:flex-start}.weather-temp{font-size:2.1rem}}@media (min-width:960px){.layout-main{flex-direction:row;align-items:flex-start}.weather-card{flex:1.1}.layout-side{flex:1}}