@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:wght@300;400;500&display=swap";
@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.12tyk43_3sh9u.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.0jzbimsg8vl84.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.0-wfv7uh4i7h9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0nx0ww8fni_q3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.0ee55_hj9qcer.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.0.qu-9752pffj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.0mao5jbfbduzp.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.0uzt.a6d44yda.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.0mvwgmnhv29no.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.09zddjkbdep5a.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0f1e;--bg-card:#111827;--bg-surface:#162032;--bg-input:#0d1526;--border:#ffffff12;--border-hover:#ffffff24;--text-primary:#f0f4ff;--text-secondary:#8b97b5;--text-muted:#4a5568;--text-muted2:#9499a1;--accent-solar:#f6ad35;--accent-temp:#f87171;--accent-rain:#60a5fa;--accent-green:#34d399;--accent-purple:#a78bfa;--glow-solar:#f6ad3526;--glow-temp:#f8717126;--glow-rain:#60a5fa26}.dashboard{background:var(--bg);min-height:100vh;color:var(--text-primary);padding:0 0 80px;font-family:DM Sans,sans-serif}.header{border-bottom:1px solid var(--border);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0f1ef2;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:sticky;top:0}.header-brand{align-items:center;gap:10px;display:flex}.brand-icon{color:#0a0f1e;background:linear-gradient(135deg,#f6ad35,#a78bfa);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.brand-name{letter-spacing:-.02em;color:var(--text-primary);font-family:Syne,sans-serif;font-size:18px;font-weight:700}.brand-tag{color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:400}.header-badge{color:var(--accent-green);background:#34d3991a;border:1px solid #34d39933;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:500;display:flex}@media (max-width:768px){.header-badge{display:none}}.status-dot{background:var(--accent-green);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.main{max-width:1100px;margin:0 auto;padding:48px 40px 0}.hero{margin-bottom:48px}.hero-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-purple);margin-bottom:12px;font-size:11px;font-weight:500}.hero-title{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:12px;font-family:Space Grotesk,sans-serif;font-size:clamp(28px,4vw,44px);font-weight:800;line-height:1.1}.hero-title span{background:linear-gradient(135deg,#f6ad35 0%,#f87171 50%,#a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--text-secondary);max-width:520px;font-size:15px;line-height:1.6}.config-grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}@media (max-width:768px){.config-grid{grid-template-columns:1fr}.header{padding:16px 20px}.main{padding:32px 20px 0}}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;min-width:0;padding:24px}.panel-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:16px;font-size:11px;font-weight:500;display:flex}.panel-label svg{color:var(--text-muted)}.location-wrapper{position:relative}.location-display{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;align-items:center;gap:10px;min-width:0;margin-bottom:12px;padding:12px 16px;transition:border-color .2s;display:flex;overflow:hidden}.location-display:hover{border-color:var(--border-hover)}.location-icon{color:var(--accent-green);flex-shrink:0;font-size:16px}.location-text{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:500;overflow:hidden}.location-coords{color:var(--text-muted);flex-shrink:0;font-size:11px}.search-wrapper{width:100%;min-width:0;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;font-size:15px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input{background:var(--bg-input);border:1px solid var(--border);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:10px;outline:none;padding:11px 14px 11px 40px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .2s,box-shadow .2s}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:#a78bfa66;box-shadow:0 0 0 3px #a78bfa14}.suggestions-dropdown{background:var(--bg-card);border:1px solid var(--border-hover);z-index:50;border-radius:12px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 20px 40px #0006}.suggestion-item{color:var(--text-secondary);cursor:pointer;border-bottom:1px solid var(--border);align-items:flex-start;gap:8px;padding:10px 14px;font-size:12px;transition:background .15s,color .15s;display:flex}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:var(--bg-surface);color:var(--text-primary)}.suggestion-pin{color:var(--text-muted);flex-shrink:0;margin-top:1px}.date-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.date-field label{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:500;display:block}.date-input{background:var(--bg-input);border:1px solid var(--border);width:100%;color:var(--text-primary);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:10px;outline:none;padding:11px 14px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .2s}.date-input:focus{border-color:#a78bfa66;box-shadow:0 0 0 3px #a78bfa14}.params-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;margin-bottom:24px;padding:24px}.param-cards{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (max-width:560px){.param-cards,.date-row{grid-template-columns:1fr}}.param-card{cursor:pointer;border:1.5px solid var(--border);background:var(--bg-surface);border-radius:12px;padding:18px;transition:all .2s;position:relative;overflow:hidden}.param-card:before{content:"";opacity:0;transition:opacity .2s;position:absolute;inset:0}.param-card:hover{border-color:var(--border-hover);transform:translateY(-1px)}.param-card.active-solar{border-color:var(--accent-solar);background:#f6ad350f;box-shadow:0 0 24px #f6ad351a}.param-card.active-temp{border-color:var(--accent-temp);background:#f871710f;box-shadow:0 0 24px #f871711a}.param-card.active-rain{border-color:var(--accent-rain);background:#60a5fa0f;box-shadow:0 0 24px #60a5fa1a}.param-icon{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:12px;font-size:20px;display:flex}.icon-solar{color:var(--accent-solar);background:#f6ad3526}.icon-temp{color:var(--accent-temp);background:#f8717126}.icon-rain{color:var(--accent-rain);background:#60a5fa26}.param-name{color:var(--text-primary);margin-bottom:2px;font-family:Syne,sans-serif;font-size:13px;font-weight:600}.param-desc{color:var(--text-muted2);font-size:11px}.param-check{border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.param-check-solar{background:var(--accent-solar);color:#0a0f1e}.param-check-temp{background:var(--accent-temp);color:#0a0f1e}.param-check-rain{background:var(--accent-rain);color:#0a0f1e}.fetch-btn{color:#0a0f1e;letter-spacing:.02em;cursor:pointer;background:linear-gradient(135deg,#f6ad35 0%,#a78bfa 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:40px;padding:16px 24px;font-family:Syne,sans-serif;font-size:14px;font-weight:700;transition:opacity .2s,transform .2s;display:flex}.fetch-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.fetch-btn:active:not(:disabled){transform:translateY(0)}.fetch-btn:disabled{opacity:.35;cursor:not-allowed}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.results-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.results-title{color:var(--text-primary);font-family:Syne,sans-serif;font-size:20px;font-weight:700}.results-meta{color:var(--text-muted2);align-items:center;gap:6px;font-size:12px;display:flex}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:32px;display:grid}.summary-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:20px;transition:border-color .2s}.summary-card:hover{border-color:var(--border-hover)}.summary-card-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted2);align-items:center;gap:6px;margin-bottom:8px;font-size:11px;display:flex}.summary-card-value{letter-spacing:-.03em;margin-bottom:4px;font-family:Space Grotesk,sans-serif;font-size:26px;font-weight:800;line-height:1}.val-solar{color:var(--accent-solar)}.val-temp{color:var(--accent-temp)}.val-rain{color:var(--accent-rain)}.summary-card-unit{color:var(--text-muted2);font-size:11px}.data-section{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;margin-bottom:20px;overflow:hidden}.data-section-header{border-bottom:1px solid var(--border);background:var(--bg-surface);align-items:center;gap:12px;padding:18px 24px;display:flex}.data-section-icon{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:17px;display:flex}.data-section-title{color:var(--text-primary);font-family:Syne,sans-serif;font-size:14px;font-weight:600}.data-section-subtitle{color:var(--text-muted2);margin-left:auto;font-size:12px}.data-table{border-collapse:collapse;width:100%}.data-table th{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted2);text-align:left;border-bottom:1px solid var(--border);padding:10px 24px;font-size:10px;font-weight:600}.data-table td{color:var(--text-secondary);border-bottom:1px solid #ffffff08;padding:12px 24px;font-size:13px;transition:background .15s}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-surface);color:var(--text-primary)}.data-table .value-cell{text-align:right;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:600}.val-bar{justify-content:flex-end;align-items:center;gap:10px;display:flex}.bar-track{background:var(--border);border-radius:2px;width:80px;height:3px;overflow:hidden}.bar-fill{border-radius:2px;height:100%;transition:width .4s}.bar-solar{background:var(--accent-solar)}.bar-temp{background:var(--accent-temp)}.bar-rain{background:var(--accent-rain)}.location-footer{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);border-radius:12px;align-items:center;gap:8px;margin-bottom:24px;padding:16px 24px;font-size:13px;display:flex}.location-footer svg{color:var(--accent-green)}.detecting{color:var(--text-muted);font-size:13px;animation:1.4s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}
