.sunshine-app{--amber:hsl(var(--primary));--amber-light:#f4d67b;--amber-dark:#8e6d0b;--warm-white:hsl(var(--card));--cream:hsl(var(--background));--ink:hsl(var(--foreground));--ink-muted:hsl(var(--muted-foreground));--ink-faint:hsl(var(--muted-foreground));--sf-border:hsl(var(--border));--sf-muted-bg:hsl(var(--muted));--sf-card:hsl(var(--card));--climate-bg:#eff6ff;--climate-border:#bfdbfe;--climate-text:#1e40af;box-sizing:border-box;height:100vh;font-family:"Outfit",var(--font-inter),sans-serif;background:var(--cream);color:var(--ink);padding-top:6rem;overflow:hidden}.dark .sunshine-app{--amber-dark:#f5ca47}.app{grid-template-columns:420px 1fr;height:100%;display:grid}.panel{background:var(--warm-white);border-right:1px solid var(--sf-border);z-index:10;flex-direction:column;display:flex;overflow-y:auto}.ph{border-bottom:1px solid var(--sf-border);flex-shrink:0;padding:26px 28px 18px}.eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--amber-dark);margin-bottom:8px;font-size:10px;font-weight:600}.ph h1{color:var(--ink);font-family:Cormorant Garamond,serif;font-size:2.1rem;font-weight:600;line-height:1.05}.ph h1 em{color:var(--amber-dark);font-style:italic}.tagline{color:var(--ink-muted);margin-top:7px;font-size:12px;font-weight:300;line-height:1.6}.sa{border-bottom:1px solid var(--sf-border);flex-direction:column;flex-shrink:0;gap:11px;padding:18px 28px;display:flex}.fl{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:4px;font-size:10px;font-weight:600}.inp{border:1.5px solid var(--sf-border);width:100%;color:var(--ink);background:var(--sf-card);border-radius:9px;outline:none;padding:10px 13px;font-family:Outfit,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s}.inp:focus{border-color:var(--amber);box-shadow:0 0 0 3px #d4a41126}.inp::placeholder{color:var(--ink-faint)}.inp:disabled{background:var(--sf-muted-bg);color:var(--ink-faint)}.mode-tabs{background:var(--sf-muted-bg);border-radius:9px;gap:2px;padding:3px;display:flex}.mode-tab{cursor:pointer;color:var(--ink-muted);white-space:nowrap;background:0 0;border:none;border-radius:7px;flex:1;padding:7px 4px;font-family:Outfit,sans-serif;font-size:11px;font-weight:500;transition:all .18s}.mode-tab.active{background:var(--sf-card);color:var(--ink);box-shadow:0 1px 4px #0000001a}.date-section{flex-direction:column;gap:8px;display:none}.date-row{gap:8px;display:flex}.date-row>div{flex:1}.date-lbl{color:var(--ink-faint);margin-bottom:3px;font-size:10px}.data-badge{border-radius:8px;padding:9px 12px;font-size:11px;line-height:1.5;display:none}.data-badge.forecast{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.data-badge.climate{background:var(--climate-bg);border:1px solid var(--climate-border);color:var(--climate-text)}.data-badge .badge-title{margin-bottom:2px;font-weight:600}.rrow{align-items:center;gap:8px;display:flex}.rrow input[type=range]{accent-color:var(--amber);flex:1}.rv{color:var(--amber-dark);text-align:right;min-width:44px;font-size:12px;font-weight:600}.cpills{flex-wrap:wrap;gap:5px;display:flex}.cpill{color:var(--amber-dark);background:#d4a4111a;border:1px solid #d4a41140;border-radius:20px;padding:3px 8px;font-size:10px;font-weight:500}.btn-go{background:hsl(var(--primary));width:100%;color:hsl(var(--primary-foreground));cursor:pointer;border:none;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:12px;font-family:Outfit,sans-serif;font-size:14px;font-weight:600;transition:opacity .2s,transform .15s;display:flex}.btn-go:hover{opacity:.9;transform:translateY(-1px)}.btn-go:active{transform:none}.btn-go:disabled{opacity:.5;cursor:default;transform:none}.sbar{color:var(--ink-faint);border-bottom:1px solid var(--sf-border);flex-shrink:0;align-items:center;gap:8px;min-height:34px;padding:9px 28px;font-size:12px;display:flex}.spin{border:2px solid var(--sf-border);border-top-color:var(--amber);border-radius:50%;flex-shrink:0;width:11px;height:11px;animation:.7s linear infinite sf-spin}@keyframes sf-spin{to{transform:rotate(360deg)}}.ebox{border-radius:9px;margin:0 28px 10px;padding:9px 13px;font-size:12px;display:none}.ebox.warn{color:var(--amber-dark);background:#d4a4111a;border:1px solid #d4a4114d}.ebox.err{background:hsl(var(--destructive)/.08);border:1px solid hsl(var(--destructive)/.25);color:hsl(var(--destructive))}.ra{flex-direction:column;flex:1;gap:9px;padding:14px 28px 28px;display:flex}.rh{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);border-bottom:1px solid var(--sf-border);flex-shrink:0;padding-bottom:7px;font-size:10px;font-weight:600;display:none}.climate-banner{background:var(--climate-bg);border:1px solid var(--climate-border);color:var(--climate-text);border-radius:10px;padding:11px 14px;font-size:11px;line-height:1.6;display:none}.climate-banner strong{font-weight:600}.rc{background:var(--sf-card);border:1.5px solid var(--sf-border);cursor:pointer;border-radius:14px;flex-shrink:0;padding:15px;transition:border-color .2s,box-shadow .2s,transform .2s;animation:.4s cubic-bezier(.22,1,.36,1) both sf-fu;position:relative}.rc:hover{border-color:var(--amber);transform:translate(3px);box-shadow:0 6px 24px #d4a41126}.rc.active{border-color:var(--amber);box-shadow:0 4px 20px #d4a41133}@keyframes sf-fu{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.rc.climate-card{border-color:var(--climate-border)}.rc.climate-card:hover{border-color:#93c5fd;box-shadow:0 6px 24px #3b82f61f}.rc.climate-card.active{border-color:#3b82f6;box-shadow:0 4px 20px #3b82f62e}.ct{align-items:flex-start;gap:10px;display:flex}.rb{width:24px;height:24px;color:hsl(var(--primary-foreground));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:3px;font-size:9px;font-weight:700;display:flex}.rb1{background:hsl(var(--primary))}.rb2{color:#fff;background:#94a3b8}.rb3{color:#fff;background:#cd7f32}.cn{color:var(--ink);flex:1;font-family:Cormorant Garamond,serif;font-size:1.2rem;font-weight:600;line-height:1.1}.cc{color:var(--ink-faint);margin-top:1px;font-size:11px}.wi{flex-shrink:0;font-size:1.7rem;line-height:1}.stats{flex-wrap:wrap;gap:10px;margin-top:9px;display:flex}.st{color:var(--ink-muted);align-items:center;gap:4px;font-size:12px;display:flex}.st strong{color:var(--ink);font-weight:600}.sb{background:var(--sf-muted-bg);border-radius:8px;flex-direction:column;gap:5px;margin-top:9px;padding:9px 11px;display:flex}.sb.climate{background:var(--climate-bg)}.sb-row{color:var(--ink-muted);align-items:center;gap:7px;font-size:10px;display:flex}.sb-label{min-width:96px}.sb-bar{background:var(--sf-border);border-radius:2px;flex:1;height:4px;overflow:hidden}.sb-fill{border-radius:2px;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1)}.sb-fill.wx{background:var(--amber)}.sb-fill.cl{background:#60a5fa}.sb-pts{text-align:right;min-width:38px;font-size:10px;font-weight:600}.sb-pts.wx{color:var(--amber-dark)}.sb-pts.cl{color:var(--climate-text)}.fc{gap:4px;margin-top:9px;padding-bottom:2px;display:flex;overflow-x:auto}.fh{background:var(--sf-muted-bg);border-radius:7px;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;min-width:44px;padding:4px 6px;display:flex}.fh.sunny{background:#d4a4111f}.fh-time{color:var(--ink-faint);text-align:center;font-size:9px;font-weight:500}.fh-icon{font-size:13px;line-height:1}.fh-temp{color:var(--ink);font-size:10px;font-weight:600}.prob-bars{flex-direction:column;gap:5px;margin-top:9px;display:flex}.prob-row{align-items:center;gap:8px;font-size:11px;display:flex}.prob-label{min-width:80px;color:var(--ink-muted)}.prob-track{background:var(--sf-border);border-radius:4px;flex:1;height:8px;overflow:hidden}.prob-fill{border-radius:4px;height:100%;transition:width .7s cubic-bezier(.22,1,.36,1)}.prob-fill.sun{background:linear-gradient(90deg,#f4d371,var(--amber))}.prob-fill.rain{background:linear-gradient(90deg,#93c5fd,#3b82f6)}.prob-fill.temp{background:linear-gradient(90deg,#6ee7b7,#10b981)}.prob-val{text-align:right;min-width:36px;font-size:10px;font-weight:600}.dist{color:var(--ink-faint);flex-wrap:wrap;align-items:center;gap:7px;margin-top:9px;font-size:11px;display:flex}.dtag{background:var(--sf-muted-bg);white-space:nowrap;border-radius:5px;padding:2px 6px}.chip{border-radius:20px;padding:2px 7px;font-size:9px;font-weight:700;position:absolute;top:13px;right:13px}.mw{position:relative}#map{width:100%;height:100%}.mhint{background:hsl(var(--card)/.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink-muted);pointer-events:none;z-index:999;white-space:nowrap;border-radius:20px;padding:6px 14px;font-size:11px;display:none;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 2px 12px #00000014}.leaflet-popup-content-wrapper{border-radius:12px!important;padding:0!important;box-shadow:0 8px 32px #00000026!important}.leaflet-popup-content{width:auto!important;margin:0!important}.pi{background:hsl(var(--card));border-radius:12px;min-width:195px;padding:13px 15px}.pi-city{color:var(--ink);font-family:Cormorant Garamond,serif;font-size:1.1rem;font-weight:600}.pi-mode{letter-spacing:.08em;text-transform:uppercase;margin-top:2px;font-size:10px;font-weight:600}.pi-mode.forecast{color:#166534}.pi-mode.climate{color:var(--climate-text)}.pi-desc{color:var(--ink-muted);margin-top:3px;font-size:11px}.pi-temp{color:var(--amber-dark);margin-top:3px;font-size:1.3rem;font-weight:600}.pi-dist{color:var(--ink-faint);margin-top:4px;font-size:11px}@media (max-width:700px){.app{grid-template-rows:auto 45vh;grid-template-columns:1fr}.sunshine-app{height:auto;min-height:100vh;overflow:auto}.panel{overflow-y:visible}}