*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font: "Inter", system-ui, -apple-system, sans-serif;--bg: #ffffff;--surface: #ffffff;--surface-2: #f9fafb;--brand: #2563eb;--c-excellent:#059669;--c-good: #2563eb;--c-fair: #d97706;--c-poor: #ea580c;--c-very-poor:#dc2626;--text: #111827;--text-2: #6b7280;--text-3: #9ca3af;--border: #e5e7eb;--border-2: #f3f4f6;--r-sm: 6px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08)}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100dvh;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;min-height:100dvh}.app-main{flex:1;max-width:980px;width:100%;margin:0 auto;padding:0 16px 48px}.app-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:12px;padding:12px 20px;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.header-brand{display:flex;align-items:center;gap:8px;flex-shrink:0}.header-logo{font-size:22px;line-height:1}.header-title{font-size:17px;font-weight:700;color:var(--text);letter-spacing:-.3px}.header-location{flex:1;display:flex;justify-content:center}.location-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;border:1px solid var(--border);border-radius:20px;background:var(--surface-2);cursor:pointer;font-size:14px;font-family:var(--font);color:var(--text);transition:background .15s,border-color .15s}.location-btn:hover{background:var(--border-2);border-color:var(--text-3)}.location-pin{font-size:14px}.location-name{font-weight:500;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.location-change{color:var(--text-3);font-size:12px}.settings-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:50%;background:var(--surface-2);cursor:pointer;color:var(--text-2);transition:background .15s,color .15s,border-color .15s;flex-shrink:0}.settings-btn:hover{background:var(--border);color:var(--text)}.loading-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:80px 20px}.loading-spinner{position:relative;width:56px;height:56px}.spinner-wheel{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid var(--border);border-top-color:var(--brand);animation:spin .9s linear infinite}.spinner-frame{position:absolute;top:14px;right:14px;bottom:14px;left:14px;border-radius:50%;border:2px solid var(--border-2);border-top-color:var(--text-3);animation:spin .6s linear infinite reverse}@keyframes spin{to{transform:rotate(360deg)}}.loading-message{font-size:15px;color:var(--text-2);font-weight:400}.error-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:80px 20px;text-align:center}.error-icon{font-size:40px}.error-state h2{font-size:20px;font-weight:600}.error-state p{color:var(--text-2);font-size:14px;max-width:280px}.retry-btn{margin-top:8px;padding:10px 24px;background:var(--brand);color:#fff;border:none;border-radius:var(--r-md);font-family:var(--font);font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s}.retry-btn:hover{opacity:.88}.location-prompt-wrap{display:flex;align-items:flex-start;justify-content:center;padding:48px 16px}.location-prompt{width:100%;max-width:440px;background:var(--surface);border-radius:var(--r-xl);padding:40px 32px;box-shadow:var(--shadow-md);border:1px solid var(--border);text-align:center}.location-prompt-icon{font-size:48px;margin-bottom:16px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.location-prompt-title{font-size:22px;font-weight:700;margin-bottom:8px;letter-spacing:-.3px}.location-prompt-sub{color:var(--text-2);font-size:14px;line-height:1.6;margin-bottom:20px}.location-geo-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 20px;background:var(--brand);color:#fff;border:none;border-radius:var(--r-md);font-family:var(--font);font-size:15px;font-weight:600;cursor:pointer;transition:opacity .15s}.location-geo-btn:hover:not(:disabled){opacity:.88}.location-geo-btn:disabled{opacity:.6;cursor:not-allowed}.geo-icon{font-size:16px}.location-divider{display:flex;align-items:center;margin:20px 0;color:var(--text-3);font-size:12px}.location-divider:before,.location-divider:after{content:"";flex:1;height:1px;background:var(--border)}.location-divider span{padding:0 12px}.location-search-wrap{position:relative}.location-input{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--r-md);font-family:var(--font);font-size:15px;outline:none;transition:border-color .15s;color:var(--text);background:var(--surface-2)}.location-input:focus{border-color:var(--brand);background:#fff}.location-input::placeholder{color:var(--text-3)}.location-searching{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-3);font-size:14px}.location-error{margin-top:10px;font-size:13px;color:var(--c-poor)}.location-cancel-btn{display:block;width:100%;margin-top:20px;padding:10px;background:none;border:none;font-size:14px;color:var(--text-3);cursor:pointer;transition:color .15s}.location-cancel-btn:hover{color:var(--text-2)}.location-results{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:100;list-style:none;border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;text-align:left;background:var(--surface);box-shadow:0 8px 24px #0000001f}.location-result-btn{display:flex;align-items:center;gap:8px;width:100%;padding:11px 14px;background:none;border:none;border-bottom:1px solid var(--border-2);font-family:var(--font);font-size:14px;cursor:pointer;color:var(--text);transition:background .1s;text-align:left}.location-results li:last-child .location-result-btn{border-bottom:none}.location-result-btn:hover,.location-result-btn--active{background:var(--surface-2)}.result-city{font-weight:600}.result-region{color:var(--text-2);font-size:13px;flex:1}.result-country{margin-left:auto;font-size:11px;font-weight:600;color:var(--text-3);background:var(--border-2);padding:2px 6px;border-radius:4px}.hero{margin:24px 0 0;padding:28px 32px;border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;gap:24px;overflow:hidden}.hero-left{flex:1}.hero-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-3);margin-bottom:16px}.hero-weather{display:flex;align-items:center;gap:16px;margin-bottom:16px}.hero-condition{font-size:24px;font-weight:700;letter-spacing:-.5px;line-height:1.1}.hero-temps{font-size:15px;color:var(--text-2);margin-top:4px}.hero-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.hero-pill{display:flex;align-items:center;gap:5px;padding:5px 10px;background:var(--surface-2);border:1px solid var(--border);border-radius:20px;font-size:13px;color:var(--text-2);font-weight:500}.hero-best{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600;padding:6px 12px;border-radius:20px;border:1.5px solid}.hero-best--disabled{color:var(--text-muted);border-color:var(--border);font-style:italic;font-weight:500}.hero-right{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:4px}.hero-score-num{font-size:80px;font-weight:800;line-height:1;letter-spacing:-4px}.hero-score-label{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.best-day-wrap{position:relative;border-radius:calc(var(--r-lg) + 3px);padding:3px}.best-day-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:hidden;opacity:0;animation:glow-fade-in .6s ease-out var(--appear-delay, .6s) forwards;z-index:0}.best-day-glow-rotate{position:absolute;width:200%;height:200%;top:-50%;left:-50%;background:conic-gradient(#fbbf24,#fde68a 35deg,#fffbeb 65deg,#fde68a 90deg,#f59e0b 130deg,#fbbf24 180deg,#fde68a 215deg,#fffbeb 245deg,#fde68a 270deg,#f59e0b 310deg,#fbbf24 360deg);filter:blur(8px);animation:sunlight-rotate 4s linear infinite}@keyframes glow-fade-in{0%{opacity:0}to{opacity:1}}.best-day-wrap .day-card{position:relative;z-index:1}@keyframes sunlight-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.schedule{padding-top:0}.schedule-section{margin-top:28px}.schedule-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:4px}.schedule-heading h2{font-size:18px;font-weight:700;letter-spacing:-.3px}.refresh-btn{display:flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;font-family:var(--font);font-size:13px;color:var(--text-2);padding:4px 8px;border-radius:var(--r-sm);transition:background .15s,color .15s}.refresh-btn:hover{background:var(--surface-2);color:var(--text)}.refresh-btn>span:first-child{font-size:16px}.refresh-time{font-size:11px;color:var(--text-3)}.schedule-hint{font-size:12px;color:var(--text-3);margin-bottom:14px}.schedule-error{font-size:13px;color:#dc2626;background:#fef2f2;padding:12px 16px;border-radius:var(--r-md);border:1px solid #fecaca;margin-bottom:16px;line-height:1.5}.schedule-error strong{font-weight:600}.day-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.day-card{border-radius:var(--r-lg);overflow:hidden;cursor:pointer;transition:box-shadow .3s;background:var(--accent, #3b82f6);position:relative;grid-column:span 1;color:#fff;will-change:transform;-webkit-user-select:none;user-select:none;animation:card-reveal .5s cubic-bezier(.34,1.56,.64,1) backwards;animation-delay:var(--reveal-delay, 0ms);transform-style:preserve-3d}@keyframes card-reveal{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.day-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,#00000052,#00000014 45%,#ffffff17);z-index:0;pointer-events:none;border-radius:inherit}.day-card:hover{box-shadow:0 16px 48px #00000047,0 4px 16px #00000029}.day-card--selected{box-shadow:0 0 0 3px #fff,0 12px 40px #00000047}.day-card--past{opacity:.3;filter:saturate(0) brightness(.8);cursor:default}.day-card--past:hover{box-shadow:var(--shadow-md);transform:none!important}.day-card--past .card-shine{display:none}.card-stars{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;border-radius:inherit;overflow:hidden;background:radial-gradient(circle 1px at 12% 18%,rgba(255,255,255,.9),transparent 1px),radial-gradient(circle 1.5px at 28% 8%,rgba(255,255,255,.8),transparent 2px),radial-gradient(circle 1px at 45% 25%,rgba(255,255,255,.7),transparent 1px),radial-gradient(circle 2px at 67% 12%,rgba(255,255,255,.85),transparent 2px),radial-gradient(circle 1px at 85% 22%,rgba(255,255,255,.75),transparent 1px),radial-gradient(circle 1.5px at 92% 35%,rgba(255,255,255,.8),transparent 2px),radial-gradient(circle 1px at 8% 42%,rgba(255,255,255,.7),transparent 1px),radial-gradient(circle 1px at 35% 38%,rgba(255,255,255,.65),transparent 1px),radial-gradient(circle 2px at 78% 45%,rgba(255,255,255,.9),transparent 2px),radial-gradient(circle 1px at 22% 55%,rgba(255,255,255,.7),transparent 1px),radial-gradient(circle 1.5px at 55% 52%,rgba(255,255,255,.75),transparent 2px),radial-gradient(circle 1px at 88% 58%,rgba(255,255,255,.8),transparent 1px),radial-gradient(circle 1px at 15% 72%,rgba(255,255,255,.7),transparent 1px),radial-gradient(circle 1.5px at 42% 68%,rgba(255,255,255,.85),transparent 2px),radial-gradient(circle 1px at 72% 75%,rgba(255,255,255,.65),transparent 1px),radial-gradient(circle 1px at 95% 82%,rgba(255,255,255,.7),transparent 1px);animation:twinkle-stars 3s ease-in-out infinite alternate}@keyframes twinkle-stars{0%{opacity:.6}50%{opacity:.85}to{opacity:.7}}.card-clouds{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;border-radius:inherit;overflow:hidden}.card-clouds:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 85% 60% at 8% 12%,rgba(210,218,230,.55) 10%,transparent 60%),radial-gradient(ellipse 70% 50% at 38% 4%,rgba(210,218,230,.45) 10%,transparent 60%),radial-gradient(ellipse 90% 62% at 72% 8%,rgba(210,218,230,.5) 10%,transparent 60%),radial-gradient(ellipse 65% 48% at 95% 22%,rgba(210,218,230,.4) 10%,transparent 60%),radial-gradient(ellipse 80% 55% at 20% 38%,rgba(200,210,225,.38) 10%,transparent 60%),radial-gradient(ellipse 75% 52% at 55% 32%,rgba(200,210,225,.35) 10%,transparent 60%),radial-gradient(ellipse 70% 50% at 82% 45%,rgba(200,210,225,.38) 10%,transparent 60%),radial-gradient(ellipse 85% 58% at 30% 62%,rgba(190,202,218,.3) 10%,transparent 60%),radial-gradient(ellipse 78% 54% at 70% 70%,rgba(190,202,218,.32) 10%,transparent 60%);filter:blur(14px)}.card-clouds:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#505a6e47;border-radius:inherit}.card-clouds--light{opacity:.45}.card-clouds--light:after{display:none}.card-rain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;border-radius:inherit;overflow:hidden}.rain-drop{position:absolute;top:0;height:1.5px;background:#abc2e9e6;will-change:transform;animation:rain-drop-fall .5s linear infinite}.card-rain--heavy .rain-drop{height:2px}@keyframes rain-drop-fall{0%{transform:rotate(95deg) translate(-10px)}to{transform:rotate(95deg) translate(260px)}}.card-shine{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;border-radius:inherit;overflow:hidden}.card-shine:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle 2px at 18% 14%,rgba(255,255,255,.95),transparent 3px),radial-gradient(circle 1.5px at 74% 10%,rgba(255,255,255,.8),transparent 3px),radial-gradient(circle 2.5px at 88% 52%,rgba(255,255,255,.9),transparent 5px),radial-gradient(circle 1.5px at 9% 68%,rgba(255,255,255,.75),transparent 3px),radial-gradient(circle 2px at 58% 88%,rgba(255,255,255,.85),transparent 4px),radial-gradient(circle 1px at 94% 28%,rgba(255,255,255,.65),transparent 2px),radial-gradient(circle 3px at 42% 46%,rgba(255,255,255,.55),transparent 5px),radial-gradient(circle 1.5px at 30% 80%,rgba(255,255,255,.7),transparent 3px);opacity:0;transition:opacity .45s;animation:sparkle-twinkle 1.8s ease-in-out infinite alternate;animation-play-state:paused}.day-card:hover .card-shine:before{opacity:1;animation-play-state:running}@keyframes sparkle-twinkle{0%{opacity:.35;filter:blur(0px);transform:scale(.94)}to{opacity:1;filter:blur(.4px);transform:scale(1.06)}}.card-shine:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .25s;background:radial-gradient(ellipse 75% 65% at var(--mx, 50%) var(--my, 50%),rgba(255,255,255,.42) 0%,rgba(255,255,255,.14) 38%,transparent 65%)}.day-card:hover .card-shine:after{opacity:1}.card-content{position:relative;z-index:2}.card-body{padding:13px 12px 8px}.card-top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1px}.card-day-name{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#ffffffa6}.card-today-badge{font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:var(--accent, #3b82f6);background:#fff;padding:2px 5px;border-radius:3px;line-height:1.4}.card-date{font-size:10px;color:#ffffff73;margin-bottom:10px}.card-icon-row{display:flex;justify-content:center;margin-bottom:6px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.25))}.card-score-num{font-size:48px;font-weight:800;line-height:1;letter-spacing:-3px;text-align:center;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.25)}.card-score-label{font-size:10px;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:.8px;color:#ffffffbf;margin-top:3px;margin-bottom:10px}.card-meta{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap;font-size:11px;font-weight:500;color:#fffc;text-align:center;line-height:1.4}.card-meta-dot{opacity:.4}.card-wind{display:inline-flex;align-items:center;gap:2px}.wind-arrow{display:inline-block;font-size:11px;line-height:1;opacity:.85}.card-window{display:inline-block;font-size:11px;font-weight:700;color:var(--accent, #3b82f6);background:#fff;padding:2px 8px;border-radius:20px;margin-top:5px;letter-spacing:.2px;text-align:center;width:100%}.card-window--disabled{color:#00000059;font-weight:500;font-style:italic;letter-spacing:0}.card-arc-overlay{position:absolute;top:8px;right:8px;z-index:3;pointer-events:none}.card-arc-overlay .dir-arc{color:#fff;display:block}.hero-arc-wrap{margin-top:8px}.hero-arc-wrap .dir-arc{color:var(--text);display:block}.day-card .timeline-track{background:#ffffff2e}.day-card .ride-timeline--sm{padding:4px 10px 10px}.day-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:#00000038;display:flex;justify-content:center;align-items:flex-start;padding-top:68px;padding-left:16px;padding-right:16px;animation:detail-backdrop .22s ease}@keyframes detail-backdrop{0%{background:#0000}to{background:#00000038}}.day-detail-panel{width:100%;max-width:640px;background:var(--surface);border-radius:var(--r-xl);border:1px solid var(--border);box-shadow:0 24px 64px #00000024,0 4px 16px #00000014;overflow:hidden;max-height:calc(100dvh - 96px);display:flex;flex-direction:column;animation:detail-drop .32s cubic-bezier(.34,1.4,.64,1)}@keyframes detail-drop{0%{opacity:0;transform:translateY(-28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.day-detail-header{display:flex;align-items:center;gap:14px;padding:18px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.day-detail-title-group{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.day-detail-name{font-size:16px;font-weight:700;letter-spacing:-.2px}.day-detail-date{font-size:12px;color:var(--text-2);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.day-detail-score-group{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.day-detail-score{font-size:32px;font-weight:800;line-height:1;letter-spacing:-2px}.day-detail-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.day-detail-close{width:30px;height:30px;border-radius:50%;border:1px solid var(--border);background:none;cursor:pointer;font-size:13px;color:var(--text-2);display:flex;align-items:center;justify-content:center;transition:background .15s;flex-shrink:0}.day-detail-close:hover{background:var(--surface-2)}.day-detail-body{padding:16px 20px 20px;overflow-y:auto}.hourly-bars{display:flex;align-items:flex-end;gap:2px;height:88px}.hourly-bar-col{flex:1;height:100%;position:relative}.hourly-bar{position:absolute;bottom:0;left:0;right:0;border-radius:2px 2px 0 0;transition:height .3s ease}.hourly-time-row{display:flex;gap:2px;margin-top:4px;margin-bottom:2px}.hourly-time-label{flex:1;font-size:8px;color:var(--text-3);text-align:center;white-space:nowrap}.hourly-best-label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-2);margin-bottom:14px;margin-top:6px}.best-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 7px;border-radius:20px}.best-score{font-weight:700;margin-left:auto}.hourly-best-slot{display:inline-flex;align-items:center;gap:4px}.hourly-best-slot .best-score{margin-left:0;font-size:11px}.hourly-best-sep{color:var(--text-3)}.hourly-window-sep{height:1px;background:var(--border);margin:6px 0}.hourly-details{display:flex;flex-direction:column}.hourly-detail-row{display:flex;align-items:center;gap:8px;font-size:11.5px;padding:4px 6px;border-bottom:1px solid var(--border-2);border-radius:4px}.hourly-detail-row:last-child{border-bottom:none}.hourly-detail-row--best{background:#3b82f60f}.hd-time{width:36px;font-weight:600;color:var(--text);flex-shrink:0}.hd-icon{flex-shrink:0;display:flex;align-items:center}.hd-temp{width:36px;color:var(--text-2);flex-shrink:0}.hd-wind{color:var(--text-2);flex:1;min-width:0}.hd-dir{color:var(--text-3);font-size:10px}.hd-precip{width:38px;color:#1d4ed8;flex-shrink:0;font-size:11px;display:flex;align-items:center;gap:2px}.hd-score{width:28px;font-weight:700;font-size:11px;text-align:right;flex-shrink:0}.ride-timeline--sm{padding:0 8px 8px}.ride-timeline--md{margin-top:12px}.day-detail-panel .ride-timeline--md{margin-top:0;padding:10px 20px 14px;border-bottom:1px solid var(--border)}.timeline-track{position:relative;height:5px;background:#00000014;border-radius:99px;overflow:hidden}.ride-timeline--sm .timeline-track{height:3px}.timeline-window{position:absolute;top:0;height:100%;border-radius:99px;opacity:.85}.timeline-labels-top{position:relative;height:18px;margin-bottom:2px;font-size:10px;color:var(--text-2);font-weight:500}.timeline-labels-top span{position:absolute;transform:translate(-50%);white-space:nowrap}.timeline-labels-bottom{display:flex;justify-content:space-between;font-size:10px;color:var(--text-3);margin-top:3px}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:flex-end;animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.settings-panel{width:360px;max-width:100vw;height:100dvh;background:var(--surface);display:flex;flex-direction:column;box-shadow:var(--shadow-md);animation:slide-in .25s ease;overflow:hidden;border-left:1px solid var(--border)}@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);flex-shrink:0}.settings-title{font-size:17px;font-weight:700;letter-spacing:-.2px}.settings-close{width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:none;cursor:pointer;font-size:14px;color:var(--text-2);display:flex;align-items:center;justify-content:center;transition:background .15s}.settings-close:hover{background:var(--surface-2)}.settings-body{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:28px}.settings-section{display:flex;flex-direction:column;gap:16px}.settings-section-title{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-3);margin-bottom:14px}.setting-row{display:flex;flex-direction:column;gap:6px}.setting-label-row{display:flex;align-items:center;justify-content:space-between}.setting-label{font-size:14px;font-weight:500;color:var(--text)}.setting-value{font-size:14px;font-weight:700;color:var(--brand)}.setting-desc{font-size:12px;color:var(--text-3);line-height:1.5}.setting-error{font-size:12px;color:#dc2626;background:#fef2f2;padding:8px 12px;border-radius:var(--r-sm);border:1px solid #fecaca;margin-top:8px;line-height:1.4}.setting-slider{width:100%;accent-color:var(--brand);height:4px;cursor:pointer}.setting-range-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--text-3)}.precip-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.precip-option{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 8px;border:1.5px solid var(--border);border-radius:var(--r-md);background:none;cursor:pointer;font-family:var(--font);transition:border-color .15s,background .15s}.precip-option--active{border-color:var(--brand);background:#eff6ff}.precip-opt-label{font-size:13px;font-weight:600;color:var(--text)}.precip-opt-sub{font-size:10px;color:var(--text-3)}.precip-option--active .precip-opt-label{color:var(--brand)}.duration-options{display:flex;gap:8px;flex-wrap:wrap}.duration-option{padding:7px 16px;border:1.5px solid var(--border);border-radius:var(--r-md);background:none;cursor:pointer;font-family:var(--font);font-size:14px;font-weight:600;color:var(--text);transition:border-color .15s,background .15s,color .15s}.duration-option--active{border-color:var(--brand);background:#eff6ff;color:var(--brand)}.time-endpoint{display:flex;flex-direction:column;gap:6px;margin-top:10px}.time-endpoint-header{display:flex;align-items:center;justify-content:space-between}.time-endpoint-label{font-size:12px;font-weight:600;color:var(--text-3)}.time-mode-toggle{display:flex;border:1.5px solid var(--border);border-radius:var(--r-md);overflow:hidden;flex-shrink:0}.time-mode-btn{padding:6px 12px;font-size:13px;font-weight:500;font-family:var(--font);background:none;border:none;color:var(--text-3);cursor:pointer;transition:background .15s,color .15s}.time-mode-btn+.time-mode-btn{border-left:1.5px solid var(--border)}.time-mode-btn--active{background:var(--brand);color:#fff}.time-select{width:100%;padding:8px 28px 8px 10px;border:1.5px solid var(--border);border-radius:var(--r-md);background:var(--surface);font-family:var(--font);font-size:14px;font-weight:500;color:var(--text);cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%239ca3af' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:border-color .15s}.time-select:focus{outline:none;border-color:var(--brand)}.per-day-grid{display:flex;flex-direction:column;gap:10px;margin-top:8px}.per-day-group{padding:6px 8px 8px;border-radius:var(--r-sm)}.per-day-group:nth-child(2n){background:#00000008}.per-day-label{display:block;font-size:12px;font-weight:600;color:var(--text-3);margin-bottom:5px}.per-day-windows{display:flex;flex-direction:column;gap:4px}.per-day-row{display:flex;align-items:center;gap:5px}.per-day-row .time-select{flex:1;min-width:0}.per-day-sep{flex-shrink:0;font-size:12px;color:var(--text-muted)}.per-day-remove{flex-shrink:0;width:24px;height:24px;padding:0;border:1.5px solid var(--border);border-radius:var(--r-sm);background:none;color:var(--text-muted);font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,color .15s,background .15s}.per-day-remove:hover{border-color:#ef4444;color:#ef4444;background:#fef2f2}.per-day-add{align-self:flex-start;margin-top:2px;padding:3px 8px;border:1.5px dashed var(--border);border-radius:var(--r-sm);background:none;color:var(--brand);font-size:12px;font-weight:500;font-family:var(--font);cursor:pointer;transition:border-color .15s,background .15s}.per-day-add:hover{border-color:var(--brand);background:#eff6ff}.per-day-none{font-size:12px;color:var(--text-muted);font-style:italic;padding:6px 0 2px}.unit-options{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.unit-option{padding:6px 14px;border:1.5px solid var(--border);border-radius:var(--r-md);background:none;cursor:pointer;font-family:var(--font);font-size:13px;font-weight:600;color:var(--text);transition:border-color .15s,background .15s,color .15s}.unit-option--active{border-color:var(--brand);background:#eff6ff;color:var(--brand)}.debug-panel{margin-top:32px;padding:16px;border:1.5px dashed var(--border);border-radius:var(--r-lg);background:var(--surface-2)}.debug-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.debug-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-3)}.debug-kbd{font-family:var(--font);font-size:11px;font-weight:600;color:var(--text-3);background:var(--surface);border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;padding:1px 6px}@media (max-width: 600px){.hero{padding:18px 16px;gap:12px;align-items:flex-start}.hero-score-num{font-size:56px;letter-spacing:-2px}.day-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.app-header{padding:10px 14px}.app-main{padding:0 12px 40px}.header-title{font-size:15px}.location-name{max-width:120px}.settings-panel{width:100vw;border-left:none}}@media (min-width: 700px){.day-grid{grid-template-columns:repeat(7,1fr)}}.wizard-page{min-height:100dvh;display:flex;flex-direction:column;background:var(--bg)}.wizard-progress-track{height:3px;background:var(--border);flex-shrink:0}.wizard-progress-fill{height:100%;background:var(--brand);transition:width .35s ease}.wizard-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px 32px;overflow-y:auto}.wizard-inner{width:100%;max-width:480px}.wizard-nav-bar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid var(--border)}.wizard-nav{display:flex;gap:8px}.wz-welcome{text-align:center}.wz-welcome-brand{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand);margin-bottom:20px}.wz-welcome-title{font-size:clamp(28px,6vw,40px);font-weight:800;line-height:1.15;color:var(--text);margin-bottom:16px;letter-spacing:-.02em}.wz-welcome-desc{font-size:16px;color:var(--text-2);line-height:1.6;max-width:360px;margin:0 auto 36px}.wz-step{max-width:440px}.wz-eyebrow{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--brand);margin-bottom:10px}.wz-step-title{font-size:24px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:10px;margin-bottom:8px;letter-spacing:-.01em}.wz-step-desc{font-size:14px;color:var(--text-2);line-height:1.55;margin-bottom:24px}.wz-loc-confirmed{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:1.5px solid var(--brand);border-radius:var(--r-md);background:#eff6ff;margin-bottom:4px}.wz-loc-name{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text)}.wz-loc-change{font-size:13px;font-weight:500;color:var(--brand);background:none;border:none;cursor:pointer;padding:0}.wz-loc-change:hover{text-decoration:underline}.wz-done{max-width:420px}.wz-done-check{width:52px;height:52px;border-radius:50%;background:var(--c-excellent);color:#fff;font-size:26px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.wz-done-list{list-style:none;display:flex;flex-direction:column;gap:16px;margin-top:20px}.wz-done-list li{display:flex;gap:12px;font-size:15px;color:var(--text-2);line-height:1.55}.wz-done-list li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brand);flex-shrink:0;margin-top:8px}.wizard-skip{font-size:13px;color:var(--text-3);background:none;border:none;cursor:pointer;padding:4px 0}.wizard-skip:hover{color:var(--text-2)}.wizard-back{padding:9px 20px;border:1.5px solid var(--border);border-radius:8px;background:none;font-size:14px;font-weight:500;color:var(--text-2);cursor:pointer;transition:background .15s}.wizard-back:hover{background:var(--surface-2)}.wizard-next,.wizard-finish{padding:10px 24px;border:none;border-radius:8px;background:var(--brand);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s}.wizard-next:hover,.wizard-finish:hover{opacity:.88}.wizard-next:disabled{opacity:.4;cursor:not-allowed}[data-theme=dark]{--bg: #0f1117;--surface: #161b27;--surface-2: #1e2435;--text: #f1f5f9;--text-2: #94a3b8;--text-3: #64748b;--border: #2a3148;--border-2: #1e2435;--shadow-sm: 0 1px 3px rgba(0,0,0,.24), 0 1px 2px rgba(0,0,0,.18);--shadow-md: 0 4px 12px rgba(0,0,0,.4)}[data-theme=dark] body{color-scheme:dark}[data-theme=dark] .app-header{background:#0f1117eb}[data-theme=dark] .location-input:focus{background:var(--surface-2)}[data-theme=dark] .location-results{box-shadow:0 8px 24px #0006}[data-theme=dark] .precip-option--active,[data-theme=dark] .duration-option--active,[data-theme=dark] .unit-option--active{background:#2563eb33}[data-theme=dark] .schedule-error,[data-theme=dark] .setting-error{background:#dc26261f;border-color:#dc262647}[data-theme=dark] .hourly-detail-row--best{background:#3b82f61a}[data-theme=dark] .hd-precip{color:#60a5fa}[data-theme=dark] .timeline-track{background:#ffffff14}[data-theme=dark] .day-detail-overlay{background:#00000080}[data-theme=dark] .wz-loc-confirmed{background:#2563eb26}[data-theme=dark] .time-select{color-scheme:dark}[data-theme=dark] .per-day-remove:hover{background:#ef444426}[data-theme=dark] .per-day-add:hover{background:#2563eb26}[data-theme=dark] .per-day-group:nth-child(2n){background:#ffffff0a}