@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500&family=Syne:wght@700;800&display=swap";*,*:before,*:after{margin:0;padding:0;list-style:none;text-decoration:none;box-sizing:border-box;scroll-behavior:smooth}:root{--bg-gradient: linear-gradient(135deg, #e8f4fd 0%, #dbeeff 40%, #e4f0ff 100%);--glass-bg: rgba(255, 255, 255, .28);--glass-border: rgba(150, 200, 172, .35);--glass-shadow: 0 8px 48px rgba(118, 166, 212, .15), 0 2px 12px rgba(136, 70, 108, .06);--text-primary: #88466c;--text-secondary: #a06888;--text-muted: #b0bec5;--accent: #76a6d4;--accent-light: rgba(118, 166, 212, .12);--input-bg: rgba(255, 255, 255, .55);--input-border: rgba(150, 200, 172, .45);--btn-bg: #96c8ac;--btn-hover: #7ab89a;--divider: rgba(176, 190, 197, .35);--card-bg: rgba(150, 200, 172, .1);--card-border: rgba(150, 200, 172, .25);--footer-link: #88466c;--footer-link-hover: #76a6d4;--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--radius-sm: 12px;--radius-lg: 28px;--radius-pill: 50px}[data-theme=dark]{--bg-gradient: linear-gradient(135deg, #37538e 0%, #2a3f70 55%, #1e2e54 100%);--glass-bg: rgba(30, 15, 28, .55);--glass-border: rgba(136, 70, 108, .25);--glass-shadow: 0 8px 48px rgba(0, 10, 30, .55), 0 2px 12px rgba(136, 70, 108, .12);--text-primary: #d4a0bc;--text-secondary: #a07090;--text-muted: #5a6878;--accent: #96c8ac;--accent-light: rgba(150, 200, 172, .12);--input-bg: rgba(20, 10, 20, .55);--input-border: rgba(136, 70, 108, .35);--btn-bg: #76a6d4;--btn-hover: #5a90c0;--btn-text: #ffffff;--divider: rgba(136, 70, 108, .2);--card-bg: rgba(136, 70, 108, .1);--card-border: rgba(136, 70, 108, .2);--footer-link: #96c8ac;--footer-link-hover: #76a6d4;--blob-a: rgba(136, 70, 108, .18);--blob-b: rgba(118, 166, 212, .12)}body{font-family:var(--font-body);background:var(--bg-gradient);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background .4s ease}body:before,body:after{content:"";position:fixed;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:0}body:before{width:480px;height:480px;background:radial-gradient(circle,var(--blob-a),transparent 70%);top:-100px;left:-100px}body:after{width:380px;height:380px;background:radial-gradient(circle,var(--blob-b),transparent 70%);bottom:-80px;right:-80px}form{display:flex;gap:.6rem;margin-bottom:2rem}form input[type=search]{flex:1;background:var(--input-bg);border:1px solid var(--input-border);border-radius:12px;padding:.75rem 1.1rem;font-family:var(--font-body);font-size:.9rem;color:var(--text-primary);outline:none;transition:border-color .2s ease,box-shadow .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}form input[type=search]::placeholder{color:var(--text-muted)}form input[type=search]:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.btn-search{background:var(--btn-bg);color:var(--btn-text);border:none;border-radius:var(--radius-sm);padding:.75rem 1.3rem;font-family:var(--font-body);font-size:.85rem;font-weight:500;cursor:pointer;transition:background .2s ease,transform .1s ease;white-space:nowrap}.btn-search:hover{background:var(--btn-hover)}.btn-search:active{transform:scale(.97)}@media(max-width:420px){form{flex-direction:column;gap:.5rem}.btn-search{width:100%;padding:.75rem;text-align:center}}.weatherForecastPreview{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.75rem .5rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-sm);transition:background .2s ease,transform .15s ease;cursor:default}.weatherForecastPreview:hover{background:var(--accent-light);transform:translateY(-2px)}.forecastDay{font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}.weatherForecastPreview img{width:38px;height:38px;object-fit:contain;margin:.2rem 0}.forecast-temp-block{display:flex;flex-direction:column;align-items:center;gap:.05rem}.forecast-temp-label{font-family:var(--font-body);font-size:.6rem;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);line-height:1}.forecastTemperatureMax{font-family:var(--font-display);font-size:.95rem;font-weight:800;color:var(--text-primary);line-height:1}.forecastTemperatureMin{font-family:var(--font-display);font-size:.85rem;font-weight:700;color:var(--text-muted);line-height:1}@media(max-width:420px){.weatherForecastPreview{padding:.6rem .3rem}.weatherForecastPreview img{width:28px;height:28px}.forecastTemperatureMax{font-size:.82rem}.forecastTemperatureMin{font-size:.75rem}}.weatherForecast{display:flex;flex-wrap:nowrap;gap:.4;padding:1.4rem 0 1.6rem;border-top:1px solid var(--divider);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.weatherForecast::-webkit-scrollbar{display:none}footer{margin:0 -2.8rem;padding:1rem 2.8rem 1.4rem;text-align:center}footer hr{border:none;border-top:.5px solid var(--divider);margin-bottom:1rem;opacity:.8}#footer-text{color:var(--accent);opacity:.85}footer a{font-family:var(--font-display);font-size:.85rem;font-weight:700;letter-spacing:.03em;color:var(--footer-link);text-decoration:none;opacity:.85;transition:opacity .2s ease,color .2s ease}footer a:hover{opacity:1;color:var(--footer-link-hover)}@media(max-width:680px){footer{margin:0 -1.6rem;padding:1rem 1.6rem 1.2rem}}@media(max-width:420px){footer{margin:0 -1.2rem;padding:.9rem 1.2rem 1rem}}main{position:relative;z-index:1;width:100%;display:flex;justify-content:center;padding:2rem 1rem}.weatherContainer{background:var(--glass-bg);backdrop-filter:blur(40px) saturate(180%) brightness(108%);-webkit-backdrop-filter:blur(40px) saturate(180%) brightness(108%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);padding:2.5rem 2.8rem 0;width:100%;max-width:620px;transition:all .4s ease;animation:fadeUp .6s ease forwards;overflow:hidden}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.weatherContainer h1{font-family:var(--font-display);font-weight:800;font-size:1.3rem;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:1.6rem;text-transform:uppercase;opacity:.75}.weatherInfo{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--divider);padding-top:1.6rem;margin-bottom:1.8rem;animation:fadeUp .4s ease forwards;gap:1rem}.city{font-family:var(--font-display);font-weight:700;font-size:1.8rem;color:var(--text-primary);letter-spacing:-.03em;margin-bottom:.3rem}.weatherInfo ul{display:flex;flex-direction:column;gap:.3rem}.date{font-size:.82rem;color:var(--accent);font-weight:500;text-transform:uppercase;letter-spacing:.08em}.weatherInfo ul li:last-child{font-size:.82rem;color:var(--text-secondary)}.weatherInfo ul li:last-child strong{color:var(--text-primary);font-weight:500}.temperatureUnit{display:flex;align-items:flex-start;gap:.2rem;flex-shrink:0}.temperature{font-family:var(--font-display);font-weight:800;font-size:5rem;line-height:1;color:var(--text-primary);letter-spacing:-.04em}.unit{font-family:var(--font-display);font-weight:700;font-size:1.8rem;color:var(--text-secondary);margin-top:.6rem}.theme-toggle{position:fixed;top:1.5rem;right:1.5rem;z-index:10;width:56px;height:30px;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-pill);cursor:pointer;transition:background .3s ease;padding:0}[data-theme=dark] .theme-toggle{background:var(--btn-bg);border-color:var(--btn-bg)}.theme-toggle:after{content:"☀️";position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;line-height:24px;text-align:center;transition:transform .3s ease}[data-theme=dark] .theme-toggle:after{content:"🌙";transform:translate(26px)}[data-theme=dark] .forecastDay,[data-theme=dark] .forecastTemperatureMax,[data-theme=dark] .forecastTemperatureMin{color:var(--text-primary)}@media(max-width:680px){.weatherContainer{max-width:100%;border-radius:20px;padding:2rem 1.6rem 0}.weatherInfo{flex-direction:column;align-items:flex-start;gap:.8rem}.temperature{font-size:4rem}.theme-toggle{top:1rem;right:1rem}}@media(max-width:420px){.weatherContainer{padding:1.6rem 1.2rem 0;border-radius:16px}.city{font-size:1.5rem}.temperature{font-size:3.4rem}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:-400px 0}}.skeleton{border-radius:6px;background:linear-gardient(90deg,var(--divider) 25%,var(--accent-light) 50%,var(--divider) 75%);background-size:800px 100%;animation:shimmer 1.6s infinite linear}.skeleton-wrapper{border-top:1px solid var(--divider);padding-top:1.6rem;margin-top:0;animation:fadeUp .4s ease forwards}.skeleton-info{display:flex;justify-content:center;align-items:flex-end;margin-bottom:1.8rem;gap:1rem}.skeleton-left{display:flex;flex-direction:column;gap:.5rem}.skeleton-city{width:140px;height:28px}.skeleton-date{width:90px;height:13px}.skeleton-meta{width:170px;height:13px}.skeleton-temp{width:90px;height:80px;border-radius:8px;flex-shrink:0}.skeleton-forecast{display:flex;gap:.4rem;padding:1.4rem 0 1.6rem;border-top:1px solid var(--divider)}.skeleton-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.75rem .5rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-sm)}.skeleton-day{width:28px;height:10px}.skeleton-icon{width:36px;height:36px;border-radius:50%}.skeleton-tmax{width:24px;height:14px}.skeleton-tmin{width:20px;height:12px}@media(max-width:680px){.skeleton-info{flex-direction:column;align-items:flex-start}.skeleton-temp{width:70px;height:64px}}