@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap";:root{--bg:#070b22;--bg-deep:#050817;--panel:#111735;--panel-2:#171e40;--panel-3:#1b244a;--border:#5b73b433;--border-blue:#00c5ff57;--text:#f2f6ff;--muted:#7d8bb5;--muted-2:#66749d;--cyan:#08c9ff;--cyan-soft:#00b9f52e;--yellow:#ffc928;--orange:#ff8b1f;--green:#25dba4;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg);min-width:320px;min-height:100%}body{min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.app{background:radial-gradient(55% 60% at 0 8%,#008bcd33,#0000 68%),radial-gradient(45% 55% at 100% 75%,#231e8c1c,#0000 70%),linear-gradient(135deg,#08182d 0%,#080d26 34%,#070a20 100%);min-height:100vh;padding:0 24px 40px;position:relative;overflow-x:hidden}.app:before{content:"";pointer-events:none;opacity:.32;background-image:linear-gradient(#485e9613 1px,#0000 1px),linear-gradient(90deg,#485e9613 1px,#0000 1px);background-size:56px 56px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#00000073 70%,#0000);mask-image:linear-gradient(#000,#00000073 70%,#0000)}.dashboard{z-index:1;width:100%;max-width:1180px;margin:0 auto;padding-top:32px;position:relative}.topbar{grid-template-columns:minmax(0,1fr) 430px 125px;align-items:center;gap:18px;margin-bottom:38px;display:grid}.brand-block{min-width:0}.brand{color:#6e8ad0;letter-spacing:1.8px;margin-bottom:7px;font-family:Space Mono,monospace;font-size:12px;font-weight:700}.brand-block h1{color:#f4f7ff;letter-spacing:-.7px;white-space:nowrap;text-overflow:ellipsis;font-size:27px;font-weight:700;line-height:1.2;overflow:hidden}.brand-block p{color:#7180a9;white-space:nowrap;margin-top:6px;font-family:Space Mono,monospace;font-size:12px}.search-box{color:#7081ad;background:#131937d1;border:1px solid #4f639d4d;border-radius:18px;align-items:center;gap:12px;width:100%;height:54px;padding:0 19px;transition:border-color .2s,background .2s,box-shadow .2s;display:flex}.search-box:focus-within{background:#161e41f2;border-color:#00c8ff8c;box-shadow:0 0 0 4px #00c8ff0d,0 0 30px #00a0dc0d}.search-box svg{fill:none;stroke:currentColor;stroke-width:2px;flex-shrink:0;width:21px;height:21px}.search-box input{color:#dce5ff;background:0 0;border:0;outline:0;width:100%;font-size:15px}.search-box input::placeholder{color:#69769c}.unit-toggle{background:#121835cc;border:1px solid #4a5d9338;border-radius:17px;justify-content:center;align-items:center;gap:2px;height:54px;padding:5px;display:flex}.unit-toggle button{color:#65749f;background:0 0;border:0;border-radius:12px;width:47px;height:42px;font-family:Space Mono,monospace;font-size:14px;font-weight:700;transition:all .2s}.unit-toggle button.active{color:var(--cyan);background:#00a5e12e;box-shadow:inset 0 0 0 1px #00b5f214,0 0 20px #00b4f00a}.panel{border:1px solid var(--border);background:linear-gradient(145deg,#111837f2,#0a0f27f7);border-radius:24px;box-shadow:0 20px 60px #0000001f,inset 0 1px #ffffff04}.current-weather{border-color:var(--border-blue);background:radial-gradient(70% 110% at 0%,#0075aa40,#0000 75%),linear-gradient(135deg,#0a314bf7,#0d1131fc 68%);grid-template-columns:minmax(0,1fr) 520px;align-items:center;gap:28px;min-height:285px;padding:32px 36px;display:grid;position:relative;overflow:hidden}.current-weather:before{content:"";pointer-events:none;background:linear-gradient(110deg,#00c1ff1a,#0000 35% 80%,#3e2bc612);position:absolute;inset:0}.weather-main{z-index:1;align-items:center;gap:28px;min-width:0;display:flex;position:relative}.main-weather-icon{filter:drop-shadow(0 10px 14px #0000003d);flex-shrink:0;justify-content:center;align-items:center;width:115px;height:115px;display:flex}.weather-svg{max-width:100%;max-height:100%;display:block}.temperature-block{min-width:0}.temperature{color:#e8efff;letter-spacing:-5px;white-space:nowrap;align-items:flex-start;font-size:92px;font-weight:700;line-height:.88;display:flex}.temperature sup{letter-spacing:-1px;margin-left:4px;font-size:38px;font-weight:500;position:relative;top:5px}.condition{color:var(--cyan);white-space:nowrap;text-overflow:ellipsis;margin-top:16px;font-size:23px;font-weight:700;overflow:hidden}.high-low{color:#7281aa;align-items:center;gap:11px;margin-top:10px;font-family:Space Mono,monospace;font-size:12px;display:flex}.high-low span{color:#536384}.estimate-label{color:#506184;letter-spacing:.3px;margin-top:5px;font-family:Space Mono,monospace;font-size:7px}.stats-grid{z-index:1;grid-template-columns:repeat(3,1fr);gap:12px;display:grid;position:relative}.stat-card{background:#1c244ec2;border:1px solid #4d639f38;border-radius:17px;flex-direction:column;justify-content:space-between;min-height:92px;padding:16px 18px;transition:transform .2s,background .2s,border-color .2s;display:flex}.stat-card:hover{background:#242e5ee6;border-color:#5676be59;transform:translateY(-2px)}.stat-label{color:#7181aa;letter-spacing:.8px;white-space:nowrap;align-items:center;gap:7px;font-family:Space Mono,monospace;font-size:10px;font-weight:700;display:flex}.stat-label svg{fill:none;stroke:#7889b8;stroke-width:1.7px;flex-shrink:0;width:18px;height:18px}.stat-card strong{color:#e5ecff;white-space:nowrap;margin-top:10px;font-family:Space Mono,monospace;font-size:16px;font-weight:700}.forecast-tabs{background:#101631e0;border:1px solid #45578e38;border-radius:16px;align-items:center;gap:2px;width:fit-content;height:60px;margin:25px 0;padding:5px;display:flex}.forecast-tabs button{color:#7080aa;background:0 0;border:0;border-radius:13px;min-width:125px;height:48px;padding:0 24px;font-family:Space Mono,monospace;font-size:14px;font-weight:700;transition:all .2s}.forecast-tabs button.active{color:var(--cyan);background:#00a0dc33;box-shadow:inset 0 0 0 1px #00b3f114,0 0 20px #00b4f00a}.forecast-panel{min-height:285px;padding:22px 26px 25px;overflow:hidden}.forecast-heading{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.forecast-heading span{color:#7d8db8;letter-spacing:1.5px;font-family:Space Mono,monospace;font-size:10px;font-weight:700;display:block}.forecast-heading small{color:#4e5d84;margin-top:4px;font-family:Space Mono,monospace;font-size:8px;display:block}.hourly-list{scrollbar-width:thin;scrollbar-color:#27355e transparent;gap:12px;width:100%;padding:0 2px 8px;display:flex;overflow-x:auto}.hourly-list::-webkit-scrollbar{height:6px}.hourly-list::-webkit-scrollbar-thumb{background:#27355e;border-radius:10px}.hour-card{background:#171e40d1;border:1px solid #4c5f9730;border-radius:17px;flex-direction:column;flex:0 0 100px;justify-content:space-between;align-items:center;min-height:205px;padding:18px 10px 16px;transition:transform .2s,background .2s,border-color .2s;display:flex}.hour-card:hover{background:#1f2852e6;border-color:#5270b559;transform:translateY(-3px)}.hour-card.selected{background:linear-gradient(#00659552,#0d2b4a94);border-color:#00bbf573;box-shadow:0 0 25px #009bdc12,inset 0 0 25px #009bdc08}.hour-time{color:#8292be;white-space:nowrap;font-family:Space Mono,monospace;font-size:11px;font-weight:700}.hour-card.selected .hour-time{color:var(--cyan)}.hour-card .weather-svg{width:58px;height:58px;margin:5px 0}.hour-card strong{color:#e1e9ff;font-size:19px;font-weight:700}.hour-card strong sup{font-size:10px;position:relative;top:-5px}.forecast-note{color:#3989d1;font-family:Space Mono,monospace;font-size:8px;font-weight:700}.low-temp{color:#68769f;font-family:Space Mono,monospace;font-size:11px;font-weight:700}.weekly-list .hour-card{flex:1 1 0;min-width:90px}.bottom-grid{grid-template-columns:1fr 1fr;gap:22px;margin-top:22px;display:grid}.info-panel{min-height:250px;padding:28px 32px;position:relative;overflow:hidden}.section-title{color:#7c8bb5;letter-spacing:1.7px;font-family:Space Mono,monospace;font-size:12px;font-weight:700}.aqi-row{align-items:baseline;gap:14px;margin-top:22px;display:flex}.aqi-number{color:var(--green);letter-spacing:-4px;font-family:Space Mono,monospace;font-size:52px;font-weight:700;line-height:1}.aqi-status{color:var(--green);font-size:17px;font-weight:700}.aqi-bar{background:linear-gradient(90deg,#20d99c 0%,#27dca2 32%,#e8c52a 65%,#e46a35 100%);border-radius:10px;width:100%;height:8px;margin-top:20px;position:relative;overflow:hidden}.aqi-progress{background:#091028b8;position:absolute;inset:0 auto 0 0}.aqi-labels{color:#66749e;justify-content:space-between;margin-top:12px;font-family:Space Mono,monospace;font-size:9px;display:flex}.unavailable{text-align:center;color:#68769f;justify-content:center;align-items:center;min-height:160px;padding:25px;font-family:Space Mono,monospace;font-size:11px;line-height:1.7;display:flex}.sun-times{justify-content:space-between;margin-top:22px;display:flex}.sun-times>div{flex-direction:column;gap:8px;display:flex}.sun-times span{color:#7181aa;font-family:Space Mono,monospace;font-size:10px;font-weight:700}.sun-times strong{color:var(--yellow);font-family:Space Mono,monospace;font-size:21px}.sun-times .sunset{align-items:flex-end}.sun-times .sunset strong{color:var(--orange)}.sun-arc{width:100%;height:80px;margin-top:8px;overflow:hidden}.sun-arc svg{width:100%;height:100%}.moon-info{color:#65749d;justify-content:space-between;align-items:center;gap:12px;font-family:Space Mono,monospace;font-size:9px;display:flex}.full-moon{align-items:center;gap:8px;display:flex}.full-moon i{background:var(--yellow);border-radius:50%;width:10px;height:10px;display:inline-block;box-shadow:0 0 10px #ffc9284d}.loading-message,.error-message{background:#10152feb;border-radius:14px;width:100%;margin-bottom:18px;padding:15px 19px;font-family:Space Mono,monospace;font-size:10px}.loading-message{color:var(--cyan);border:1px solid #00bef533}.error-message{color:#ff8f9d;background:#2d11288c;border:1px solid #ff647840}.loading-dot{background:var(--cyan);border-radius:50%;width:7px;height:7px;margin-right:9px;animation:1s infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}.footer{color:#293762;text-align:center;letter-spacing:1.2px;padding-top:30px;font-family:Space Mono,monospace;font-size:9px}@media (width<=1150px){.app{padding-inline:20px}.dashboard{max-width:1050px}.topbar{grid-template-columns:minmax(0,1fr) 360px 115px;gap:15px}.current-weather{grid-template-columns:minmax(0,1fr) 430px;padding:30px}.main-weather-icon{width:105px;height:105px}.temperature{letter-spacing:-5px;font-size:82px}.temperature sup{font-size:34px}.condition{font-size:21px}.stat-card{min-height:88px;padding:14px}.stat-label{font-size:9px}.stat-card strong{font-size:14px}}@media (width<=850px){.dashboard{max-width:720px}.topbar{grid-template-columns:1fr auto;gap:14px;margin-bottom:25px}.search-box{grid-area:2/1/auto/-1}.unit-toggle{grid-area:1/2}.current-weather{grid-template-columns:1fr;gap:28px}.weather-main{justify-content:center}.stats-grid{max-width:100%}.bottom-grid{gap:18px}}@media (width<=600px){.app{padding:0 12px 25px}.dashboard{width:100%;max-width:100%;padding-top:18px}.topbar{grid-template-columns:1fr auto;gap:12px 10px;margin-bottom:22px}.brand{letter-spacing:1.5px;margin-bottom:6px;font-size:10px}.brand-block h1{font-size:20px}.brand-block p{margin-top:5px;font-size:8px}.search-box{border-radius:13px;height:46px;padding:0 14px}.search-box svg{width:19px;height:19px}.search-box input{font-size:13px}.unit-toggle{border-radius:13px;height:46px;padding:4px}.unit-toggle button{border-radius:10px;width:40px;height:36px;font-size:11px}.current-weather{border-radius:20px;flex-direction:column;gap:25px;padding:25px 18px;display:flex}.weather-main{justify-content:center;gap:16px}.main-weather-icon{width:85px;height:85px}.temperature{letter-spacing:-4px;font-size:65px}.temperature sup{font-size:28px;top:4px}.condition{margin-top:10px;font-size:15px}.high-low{gap:8px;margin-top:7px;font-size:9px}.estimate-label{font-size:6px}.stats-grid{gap:8px}.stat-card{border-radius:12px;min-height:72px;padding:11px 8px}.stat-label{letter-spacing:.4px;gap:4px;font-size:6.5px}.stat-label svg{width:13px;height:13px}.stat-card strong{margin-top:6px;font-size:9px}.forecast-tabs{border-radius:13px;width:100%;height:49px;margin:16px 0;padding:4px}.forecast-tabs button{border-radius:9px;width:50%;min-width:0;height:39px;padding:0 10px;font-size:10px}.forecast-panel{border-radius:20px;min-height:220px;padding:16px 12px}.forecast-heading{margin-bottom:12px}.forecast-heading span{font-size:8px}.forecast-heading small{font-size:6px}.hourly-list{gap:9px}.hour-card{border-radius:13px;flex:0 0 70px;min-height:155px;padding:16px 7px 12px}.hour-time{font-size:8px}.hour-card .weather-svg{width:42px;height:42px}.hour-card strong{font-size:14px}.hour-card strong sup{font-size:8px}.forecast-note{font-size:7px}.low-temp{font-size:8px}.weekly-list .hour-card{min-width:70px}.bottom-grid{grid-template-columns:1fr;gap:14px;margin-top:16px}.info-panel{border-radius:20px;min-height:190px;padding:22px 20px}.section-title{letter-spacing:1.2px;font-size:9px}.aqi-number{font-size:42px}.aqi-status{font-size:13px}.aqi-bar{height:7px;margin-top:16px}.aqi-labels{margin-top:10px;font-size:6px}.sun-times{margin-top:17px}.sun-times span{font-size:7px}.sun-times strong{font-size:16px}.sun-arc{height:55px}.moon-info{font-size:7px}.full-moon i{width:8px;height:8px}.loading-message,.error-message{border-radius:12px;margin-bottom:16px;padding:14px 16px;font-size:9px}.footer{padding-top:25px;font-size:7px}}@media (width<=380px){.app{padding-inline:10px}.brand-block h1{font-size:17px}.weather-main{gap:11px}.main-weather-icon{width:70px;height:70px}.temperature{font-size:54px}.temperature sup{font-size:23px}.condition{font-size:13px}.stat-card{min-height:67px;padding:9px 6px}.stat-label{font-size:5.5px}.stat-card strong{font-size:8px}.hour-card{flex-basis:64px}}@media (width>=1500px){.dashboard{max-width:1180px}.current-weather{min-height:285px}.temperature{font-size:92px}.main-weather-icon{width:115px;height:115px}}