@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-primary:#0f0f23;--bg-secondary:#1a1a2e;--card-bg:#ffffff0d;--card-bg-start:#ffffff14;--card-bg-end:#ffffff08;--card-hover:#ffffff1a;--card-border:#ffffff1a;--text-primary:#fff;--text-secondary:#ffffffb3;--accent:#6c63ff;--accent-text:#fff;--accent-blue:#45b7d1;--tooltip-bg:#1e1e32f2;--scrollbar-track:#ffffff0d;--gradient-text:linear-gradient(135deg, #ff6b6b, #4ecdc4)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}.app{max-width:800px;margin:0 auto;padding:16px}.app__header{text-align:center;margin-bottom:24px;padding:16px 0}.app__title{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:24px;font-weight:700}.app__subtitle{color:var(--text-secondary);font-size:14px}.loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:60vh;display:flex}.loading__spinner{border:3px solid var(--card-border);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading__text{color:var(--text-secondary);font-size:16px}.error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:60vh;padding:24px;display:flex}.error__icon{font-size:48px}.error__message{color:var(--text-secondary);font-size:16px}.error__button{background:var(--accent);color:var(--accent-text);cursor:pointer;border:none;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:600;transition:opacity .2s}.error__button:hover{opacity:.9}@media (width<=480px){.app{padding:12px}.app__title{font-size:20px}}.current-weather{background:linear-gradient(135deg, var(--card-bg-start), var(--card-bg-end));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--card-border);border-radius:24px;margin-bottom:16px;padding:24px;position:relative;box-shadow:0 8px 32px #0000001f}.current-weather__header{align-items:center;gap:16px;padding-right:32px;display:flex}.current-weather__refresh{cursor:pointer;z-index:2;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:8px;transition:background .2s;display:flex;position:absolute;top:16px;right:16px}.current-weather__refresh:hover{background:#ffffff1a}.current-weather__refresh:disabled{opacity:.4;cursor:default}.current-weather__refresh--spinning svg{animation:.8s linear infinite spin}.current-weather__icon{filter:drop-shadow(0 2px 8px #00000026);font-size:56px;line-height:1}.current-weather__icon--overlay{filter:drop-shadow(0 2px 8px #00000026);justify-content:center;align-items:center;width:72px;height:64px;display:flex;position:relative}.current-weather__icon--overlay .current-weather__icon-moon{font-size:52px;line-height:1;position:absolute}.current-weather__icon--overlay .current-weather__icon-cloud{font-size:52px;line-height:1;position:absolute;left:16px}.current-weather__main{flex-direction:column;gap:4px;display:flex}.current-weather__temp{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:700;line-height:1.1}.current-weather__meta{color:var(--text-secondary);align-items:center;gap:6px;font-size:14px;font-weight:500;display:flex}.current-weather__separator{opacity:.4}.current-weather__desc-inline{color:var(--text-primary);font-weight:500}.current-weather__details{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.current-weather__detail{color:var(--text-secondary);background:#ffffff0d;border-radius:12px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;display:flex}.current-weather__detail svg{color:var(--accent);flex-shrink:0}@media (width<=480px){.current-weather{padding:20px}.current-weather__icon{font-size:44px}.current-weather__temp{font-size:40px}.current-weather__details{grid-template-columns:1fr}}.hourly-forecast{margin-bottom:16px}.hourly-forecast__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.hourly-forecast__title{color:var(--text-primary);font-size:18px;font-weight:600}.hourly-forecast__tabs{gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.hourly-forecast__tab{border:1px solid var(--card-border);background:var(--card-bg);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:20px;padding:5px 10px;font-size:12px;font-weight:500;transition:all .2s}.hourly-forecast__tab:hover{background:var(--card-hover)}.hourly-forecast__tab--active{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.hourly-forecast__scroll-wrapper{position:relative;overflow:visible}.hourly-forecast__scroll-inner{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;padding-bottom:8px;overflow:auto visible}.hourly-forecast__scroll-inner::-webkit-scrollbar{height:4px}.hourly-forecast__scroll-inner::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}.hourly-forecast__scroll-inner::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}.hourly-forecast__fade{pointer-events:none;z-index:3;width:40px;transition:opacity .2s;position:absolute;top:0;bottom:20px}.hourly-forecast__fade--left{background:linear-gradient(90deg, var(--bg-primary) 0%, #0f0f23cc 40%, transparent 100%);left:0}.hourly-forecast__fade--right{background:linear-gradient(270deg, var(--bg-primary) 0%, #0f0f23cc 40%, transparent 100%);right:0}.hourly-forecast__cards{gap:12px;padding-bottom:8px;display:flex}.hourly-forecast__item{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;width:72px;padding:12px 8px;display:flex}.hourly-forecast__time{color:var(--text-secondary);font-size:12px;font-weight:500}.hourly-forecast__icon{white-space:nowrap;font-size:24px;line-height:1}.hourly-forecast__icon-wrap{cursor:help;justify-content:center;align-items:center;display:inline-flex;position:relative}.hourly-forecast__icon-wrap:hover:after{content:attr(title);background:var(--tooltip-bg,#1e1e3a);border:1px solid var(--card-border);color:var(--text-primary);white-space:nowrap;z-index:10;pointer-events:none;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:500;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000004d}.hourly-forecast__icon-wrap:hover:before{content:"";border:5px solid #0000;border-top-color:var(--tooltip-bg,#1e1e3a);z-index:10;pointer-events:none;position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%)}.hourly-forecast__icon--overlay{justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;position:relative}.hourly-forecast__icon--overlay .hourly-forecast__icon-moon{font-size:20px;line-height:1;position:absolute}.hourly-forecast__icon--overlay .hourly-forecast__icon-cloud{font-size:20px;line-height:1;position:absolute;left:8px}.hourly-forecast__temp{color:var(--text-primary);font-size:14px;font-weight:600}.hourly-forecast__precip{color:var(--accent-blue);min-height:15px;font-size:11px;font-weight:500}.hourly-forecast__wind-dir-text{color:var(--text-secondary);letter-spacing:.05em;min-height:15px;font-size:11px;font-weight:600}.hourly-forecast__wind-arrow{justify-content:center;align-items:center;min-height:16px;display:flex}.hourly-forecast__wind-arrow svg{transition:transform .3s}.hourly-forecast__chart{display:block}.hourly-forecast__point-group{cursor:pointer}.hourly-forecast__dot{transition:r .15s}@media (width<=480px){.hourly-forecast__tab{padding:4px 8px;font-size:11px}.hourly-forecast__title{font-size:16px}}.day-selector{margin-bottom:16px}.day-selector__title{color:var(--text-primary);margin-bottom:12px;font-size:18px;font-weight:600}.day-selector__list{flex-wrap:wrap;justify-content:center;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.day-selector__list::-webkit-scrollbar{height:3px}.day-selector__item{border:1px solid var(--card-border);background:var(--card-bg);color:var(--text-secondary);cursor:pointer;border-radius:16px;flex-direction:column;align-items:center;gap:4px;min-width:80px;padding:10px 16px;transition:all .2s;display:flex}.day-selector__item:hover{background:var(--card-hover)}.day-selector__item--active{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.day-selector__date{font-size:13px;font-weight:600}.day-selector__count{opacity:.7;font-size:11px}