:root{color:#e8f3f4;font-synthesis:none;--ink:#071a24;--panel:#0b2632;--panel2:#0f313e;--line:#a6dbdf21;--muted:#91aeb5;--teal:#22d3c5;--lime:#b8e84d;--amber:#f4ba52;background:#04131b;font-family:Microsoft JhengHei,PingFang TC,system-ui,sans-serif}*{box-sizing:border-box}html{scrollbar-gutter:stable;width:100%;max-width:100%;overflow:hidden scroll}body{background:radial-gradient(circle at 85% -10%,#123b45 0,#071a24 34%,#04131b 70%);width:100%;min-width:0;max-width:100%;min-height:100vh;margin:0;overflow-x:hidden}button{font:inherit;color:inherit}button,span,strong,p,h1,h2,h3{min-width:0}button:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.drag-scroll{cursor:grab;-webkit-user-select:none;user-select:none}.drag-scroll:active{cursor:grabbing}.app-shell{width:100%;max-width:720px;min-height:100vh;margin:0 auto;padding-bottom:88px;position:relative}.top-scrim{z-index:45;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:none;background:#04131bf0;border-bottom:1px solid #a6dbdf1a;width:min(720px,100%);height:48px;position:fixed;top:0;left:50%;transform:translate(-50%)}.utility-controls{z-index:50;top:max(8px,env(safe-area-inset-top));gap:6px;display:flex;position:fixed;right:max(16px,50vw - 344px)}.utility-controls button{color:#9fc0c4;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#071c25e0;border:1px solid #70b0b53d;border-radius:10px;justify-content:center;align-items:center;gap:5px;min-width:34px;height:30px;padding:0 9px;font-size:10px;font-weight:800;display:flex;box-shadow:0 5px 18px #00000029}.utility-controls svg{width:15px;height:15px;color:var(--teal)}.hero{border-bottom:1px solid var(--line);background:linear-gradient(165deg,#11454ecc,#071a248c);padding:58px 16px 24px}.eyebrow,.section-kicker,.hero-context{color:#74dcd5;letter-spacing:.04em;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.region-dropdown{z-index:15;position:relative}.region-trigger{color:#74dcd5;cursor:pointer;background:0 0;border:0;align-items:center;gap:3px;padding:4px 2px;font-weight:800;display:flex}.region-trigger svg{width:14px;height:14px;transition:transform .18s}.region-trigger svg.open{transform:rotate(180deg)}.region-menu{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#071c25fa;border:1px solid #22d3c540;border-radius:14px;width:132px;padding:6px;position:absolute;top:calc(100% + 7px);left:0;box-shadow:0 16px 45px #0000006b}.region-menu button{color:#94b1b6;text-align:left;background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:center;width:100%;padding:9px 10px;font-size:11px;display:flex}.region-menu button.active{color:#d7fffb;background:#22d3c524}.hero-region-trigger{color:#e8f3f4;letter-spacing:-.03em;gap:8px;max-width:min(360px,100vw - 145px);padding:0;font-size:34px;line-height:1.12}.hero-region-trigger svg{width:19px;height:19px;color:var(--teal);flex:none}.hero-region-dropdown .region-menu{top:calc(100% + 10px)}.hero-title,.detail-title{justify-content:space-between;align-items:flex-start;gap:18px;min-width:0;margin-top:14px;display:flex}.hero-title>div:first-child,.detail-title>div:first-child{min-width:0}h1,h2,h3,p{margin:0}h1{letter-spacing:-.03em;font-family:Microsoft JhengHei,PingFang TC,system-ui,sans-serif;font-size:34px;line-height:1.12}h2{letter-spacing:-.02em;margin-top:4px;font-size:21px}.hero-title p,.compare-intro p{color:#b1c6ca;margin-top:8px;font-size:14px}.weather{text-align:right;max-width:110px;color:var(--teal);flex-direction:column;flex:none;align-items:flex-end;gap:5px;display:flex}.weather small{max-width:110px;color:var(--muted);overflow-wrap:anywhere;font-size:11px;line-height:1.35}.freshness{color:#89a7ad;justify-content:space-between;align-items:center;gap:10px;margin-top:22px;font-size:11px;display:flex}.sync-status,.source-chip{align-items:center;gap:7px;min-width:0;display:flex}.source-chip{color:#9bc3c5;white-space:nowrap;background:#04182073;border:1px solid #22d3c533;border-radius:999px;flex:none;padding:7px 10px;font-size:10px}.live-dot{background:var(--teal);border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #22d3c51a}.demo-dot{background:var(--amber);border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #f4ba521a}main{width:100%;min-width:0;padding:18px 16px 30px;overflow-x:clip}.alert-banner,.winner{background:linear-gradient(120deg,#22d3c51f,#22d3c508);border:1px solid #22d3c538;border-radius:18px;gap:13px;padding:15px;display:flex}.source-warning{color:#dbc79f;background:#f4ba5214;border:1px solid #f4ba5247;border-radius:16px;gap:11px;margin-bottom:13px;padding:13px 14px;display:flex}.source-warning svg{color:var(--amber);flex:none}.source-warning strong{font-size:12px}.source-warning p{color:#a99572;margin-top:3px;font-size:10px;line-height:1.55}.alert-icon,.winner-icon{background:var(--teal);width:38px;height:38px;color:var(--ink);border-radius:12px;flex:none;place-items:center;display:grid}.alert-banner strong{font-size:14px}.alert-banner p,.winner p{color:#9eb9be;margin-top:3px;font-size:12px;line-height:1.55}.time-section,.recommendations{margin-top:28px}.section-heading{justify-content:space-between;align-items:end;gap:12px;margin-bottom:13px;display:flex}.date-button{color:#a9c0c5;background:0 0;border:0;align-items:center;padding:8px 0;font-size:12px;display:flex}.time-tabs{scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.time-tabs button{border:1px solid var(--line);color:#9cb5ba;background:#0a222d;border-radius:14px;flex-direction:column;align-items:center;gap:3px;min-width:68px;padding:10px 12px;display:flex}.time-tabs button small{color:#65878f;font-size:10px}.time-tabs button.active{background:var(--teal);color:#042027;border-color:var(--teal);font-weight:800}.time-tabs button.active small{color:#236b6c}.spot-count{color:#79969d;font-size:11px}.card-list{gap:12px;display:grid}.spot-card{border:1px solid var(--line);background:linear-gradient(145deg,#0c2935,#09212b);border-radius:22px;overflow:hidden;box-shadow:0 12px 35px #00000029}.spot-card.featured{border-color:#22d3c566;box-shadow:0 16px 50px #0c62632e}.card-main{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:17px}.spot-heading{justify-content:space-between;gap:16px;display:flex}.rank-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.rank{color:#557981;font:700 12px system-ui}.grade{border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800;display:inline-flex}.grade-great{color:#041e21;background:var(--lime)}.grade-good{color:#062321;background:#62dfc7}.grade-fair{color:#2a1b00;background:var(--amber)}.grade-poor{color:#ffd4ca;background:#6d312c}.spot-heading h3{font-size:20px}.location{color:#789aa2;align-items:center;gap:4px;margin-top:5px;font-size:11px;display:flex}.score{border:1px solid var(--line);background:#071e28;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;width:58px;height:58px;display:flex}.score strong{font:700 23px/1 system-ui}.score span{color:#75969d;margin-top:4px;font-size:9px}.score-band-90 strong,.score-value.score-band-90{color:#c8f45a}.score-band-80 strong,.score-value.score-band-80{color:#82e889}.score-band-70 strong,.score-value.score-band-70{color:#43d8b7}.score-band-60 strong,.score-value.score-band-60{color:#4bc8dc}.score-band-50 strong,.score-value.score-band-50{color:#f1c45b}.score-band-40 strong,.score-value.score-band-40{color:#f2a153}.score-band-30 strong,.score-value.score-band-30{color:#ef785f}.score-band-20 strong,.score-value.score-band-20{color:#eb5f69}.score-band-10 strong,.score-value.score-band-10,.score-band-0 strong,.score-value.score-band-0{color:#c75c75}.summary{color:#b7cbcf;overflow-wrap:anywhere;margin-top:14px;font-size:13px;line-height:1.65}.metrics-row{background:#04192173;border-radius:14px;grid-template-columns:1fr 1fr;gap:12px 8px;margin-top:15px;padding:12px;display:grid}.metrics-row .metric:last-child:nth-child(odd){grid-column:1/-1}.big-metrics{grid-template-columns:1fr 1fr;gap:12px 8px;margin-top:15px;display:grid}.big-metrics .metric:last-child:nth-child(odd){grid-column:1/-1}.metric{align-items:center;gap:7px;min-width:0;display:flex}.metric-icon{color:#5ecfc7;place-items:center;display:grid}.metric strong,.metric span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.metric strong{font-size:11px}.metric span{color:#688991;margin-top:2px;font-size:9px}.card-actions{border-top:1px solid var(--line);justify-content:flex-end;padding:8px 10px;display:flex}.ghost-button,.text-button{color:#87a8ae;background:0 0;border:0;align-items:center;gap:6px;padding:8px;font-size:11px;display:flex}.text-button{color:#55d5cc}.notice{color:#a8bdc1;background:#071c25;border-radius:16px;gap:12px;margin-top:24px;padding:15px;display:flex}.notice:first-child,.source-warning+.notice{margin-top:0}.notice svg{color:var(--amber);flex:none}.notice strong{font-size:12px}.notice p{color:#718f96;margin-top:4px;font-size:11px;line-height:1.5}.bottom-nav{z-index:20;left:50%;bottom:max(10px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);isolation:isolate;background:#071c25f0;border:1px solid #a2d7db29;border-radius:22px;grid-template-columns:repeat(3,minmax(0,1fr));width:min(720px,100% - 24px);height:68px;display:grid;position:fixed;overflow:hidden;transform:translate(-50%);box-shadow:0 12px 50px #0006}.bottom-nav button{color:#6f9299;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;min-width:0;font-size:10px;display:flex;overflow:hidden}.bottom-nav button span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.bottom-nav svg{width:20px}.bottom-nav button.active{color:var(--teal)}.loading-screen{min-height:100vh;color:var(--teal);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.loading-screen svg{width:42px;height:42px}.loading-screen strong{color:#d7e9eb}.loading-screen span{color:#6f9299;font-size:11px}.topbar{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.topbar button{border:1px solid var(--line);background:#0b2632;border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.topbar button svg{width:19px}.topbar>span{font-size:13px;font-weight:700}.counter{text-align:center;color:#6c9299;width:42px}.detail-page,.compare-page{width:100%;min-width:0;max-width:720px;margin:0 auto;padding-top:58px}.date-control{grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:8px;margin:10px 0 16px;display:grid}.date-picker{display:contents}.date-picker button{white-space:nowrap;text-overflow:ellipsis;border:1px solid var(--line);color:#7f9ea5;background:#081f29;border-radius:12px;width:100%;min-width:0;height:40px;padding:0 8px;font-size:11px;font-weight:700;overflow:hidden}.date-picker button.active{color:#d6fffb;background:#0d383f;border-color:#2acfc2}.date-select{z-index:18;min-width:0;position:relative}.date-select-trigger{border:1px solid var(--line);color:#c1e5e3;text-align:left;background:#081f29;border-radius:12px;justify-content:space-between;align-items:center;gap:5px;width:100%;height:40px;padding:5px 8px;display:flex}.date-select-trigger>span{flex-direction:column;gap:1px;min-width:0;display:flex;overflow:hidden}.date-select-trigger small{color:#60dacf;font-size:8px;font-weight:800}.date-select-trigger strong{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10px;overflow:hidden}.date-select-trigger>svg{width:14px;height:14px;color:var(--teal);flex:none;transition:transform .18s}.date-select-trigger>svg.open{transform:rotate(180deg)}.date-select-menu{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);scrollbar-width:thin;background:#071c25fa;border:1px solid #22d3c547;border-radius:14px;width:150px;max-height:280px;padding:6px;position:absolute;top:calc(100% + 7px);right:0;overflow-y:auto;box-shadow:0 18px 48px #00000075}.date-select-menu button{color:#9db9bd;text-align:left;background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:center;width:100%;padding:9px 10px;font-size:11px;font-weight:700;display:flex}.date-select-menu button:hover,.date-select-menu button:focus-visible{background:#22d3c514}.date-select-menu button.active{color:#dcfffc;background:#22d3c529}.date-select-menu button svg{width:14px;height:14px;color:var(--teal)}.time-picker{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none;gap:8px;max-width:100%;margin:-4px 0 16px;display:flex;overflow:auto hidden}.time-picker::-webkit-scrollbar{width:0;height:0;display:none}.time-picker button{border:1px solid var(--line);color:#7f9ea5;background:#081f29;border-radius:999px;flex:none;min-width:62px;padding:9px 12px;font-size:11px;font-weight:800}.time-picker button.active{color:#06252b;background:#2acfc2;border-color:#2acfc2;box-shadow:0 0 0 3px #2acfc21a}.grade-pending{color:#8da9ae;background:#102c35;border-color:#31545b}.spot-title-dropdown{z-index:40;max-width:100%;position:relative}.spot-title-trigger{color:#e8f3f4;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:9px;max-width:min(240px,100vw - 145px);padding:0;display:flex}.spot-title-trigger span{letter-spacing:-.03em;white-space:nowrap;text-overflow:ellipsis;font:800 31px/1.15 Microsoft JhengHei,PingFang TC,system-ui,sans-serif;overflow:hidden}.spot-title-trigger svg{width:20px;height:20px;color:var(--teal);flex:none;transition:transform .18s}.spot-title-trigger svg.open{transform:rotate(180deg)}.spot-title-menu{z-index:1;overscroll-behavior:contain;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);scrollbar-width:thin;background:#071c25fa;border:1px solid #22d3c53d;border-radius:18px;width:min(300px,100vw - 48px);max-height:min(520px,100vh - 150px);padding:7px;position:absolute;top:calc(100% + 12px);left:0;overflow-y:auto;box-shadow:0 18px 55px #0000007a}.spot-menu-group+.spot-menu-group{border-top:1px solid var(--line);margin-top:7px;padding-top:7px}.spot-menu-label{color:#62cfc7;letter-spacing:.1em;justify-content:space-between;align-items:center;padding:7px 10px 5px;font-size:9px;font-weight:900;display:flex}.spot-menu-label span{color:#75aaa9;letter-spacing:0;background:#22d3c51a;border-radius:999px;place-items:center;min-width:18px;height:18px;display:grid}.spot-title-menu button{color:#a8c0c5;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:3px 10px;width:100%;padding:11px 38px 11px 12px;display:grid;position:relative}.spot-title-menu button+button{margin-top:2px}.spot-title-menu button:hover,.spot-title-menu button:focus-visible{background:#22d3c514}.spot-title-menu button.active{color:#d9fffb;background:#22d3c524}.spot-title-menu button>span{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:800;overflow:hidden}.spot-title-menu button small{color:#688f96;grid-column:1;font-size:9px}.spot-title-menu button>svg{color:var(--teal);position:absolute;right:13px}.spot-title-trigger{border-radius:10px}.detail-hero{min-width:0;padding:10px 0 22px}.detail-title h1{font-size:31px}.detail-title p{color:#829fa6;margin-top:6px;font-size:12px}.score.large{width:68px;height:68px}.score.large strong{font-size:29px}.detail-hero>.grade{margin-top:14px}.detail-summary{color:#b7cbcf;overflow-wrap:anywhere;max-width:580px;margin-top:14px;font-size:14px;line-height:1.7}.panel{border:1px solid var(--line);background:linear-gradient(145deg,#0c2935,#09212b);border-radius:21px;margin-top:13px;padding:17px}.fresh-label{color:#75aaa9;align-items:center;gap:6px;font-size:10px;display:flex}.forecast-strip{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;width:100%;padding:4px 0 10px;display:grid}.forecast-strip button{border:1px solid var(--line);background:#071e28;border-radius:14px;flex-direction:column;align-items:center;gap:5px;width:100%;min-width:0;padding:10px 5px;display:flex;overflow:hidden}.forecast-strip button span,.forecast-strip button small{color:#7899a0;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:13px;font-weight:700;overflow:hidden}.forecast-strip button strong{white-space:nowrap;max-width:100%;font-size:12px}.forecast-strip button.active{background:#123e48;border-color:#2fcfc2}.forecast-strip button.active svg{color:var(--teal)}.big-metrics{border-top:1px solid var(--line);padding:15px 5px 3px}.big-metrics .metric strong{font-size:15px}.big-metrics .metric span{font-size:10px}.reason-list{gap:8px;display:grid}.reason{border-radius:12px;align-items:flex-start;gap:9px;padding:11px;font-size:12px;display:flex}.reason svg{flex:none}.reason.positive{color:#a9d8d4;background:#22d3c514}.reason.positive svg{color:var(--teal)}.reason.caution{color:#d7c39e;background:#f4ba5214}.reason.caution svg{color:var(--amber)}.guide-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.guide-grid div{background:#071e28;border-radius:12px;padding:12px}.guide-grid span,.guide-grid strong{display:block}.guide-grid span{color:#6f9299;font-size:9px}.guide-grid strong{margin-top:5px;font-size:11px;line-height:1.4}.primary-button{background:var(--teal);color:#042126;border:0;border-radius:15px;justify-content:center;align-items:center;gap:8px;padding:15px;font-weight:800;display:flex}.sticky-action{width:100%;margin-top:14px}.compare-intro{padding:10px 0 18px}.compare-intro h1{margin-top:7px}.spot-picker{overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none;gap:7px;width:100%;max-width:100%;margin-bottom:10px;padding:2px 20px 8px 0;scroll-padding-inline:8px;display:flex;overflow:auto hidden}.spot-picker::-webkit-scrollbar{display:none}.spot-picker button{scroll-snap-align:start;white-space:nowrap;border:1px solid var(--line);color:#87a8ae;background:#0a222d;border-radius:999px;flex:none;align-items:center;gap:5px;padding:8px 11px;font-size:10px;display:flex}.spot-picker button>span{border:1px solid #53767d;border-radius:50%;width:14px;height:14px}.spot-picker button.active{color:#bff4ef;background:#0d383f;border-color:#2acfc2}.compare-region-filter{z-index:14;margin-bottom:10px;position:relative}.compare-region-trigger{border:1px solid var(--line);color:#bed1d4;text-align:left;background:#081f29;border-radius:14px;justify-content:space-between;align-items:center;width:100%;padding:10px 13px;display:flex}.compare-region-trigger>span{flex-direction:column;gap:3px;font-size:12px;font-weight:800;display:flex}.compare-region-trigger small{color:#63878e;font-size:9px;font-weight:700}.compare-region-trigger>svg{width:18px;color:var(--teal);transition:transform .18s}.compare-region-trigger>svg.open{transform:rotate(180deg)}.compare-region-menu{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#071c25fc;border:1px solid #22d3c53d;border-radius:16px;width:min(310px,100%);padding:7px;position:absolute;top:calc(100% + 7px);left:0;box-shadow:0 18px 50px #00000073}.compare-region-menu button{color:#a9c0c4;text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;width:100%;padding:10px;display:grid}.compare-region-menu button:hover{background:#22d3c512}.compare-region-menu .checkbox{border:1px solid #52747b;border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.compare-region-menu .checkbox.checked{border-color:var(--teal);background:#22d3c51a}.compare-region-menu .radio-dot{background:var(--teal);border-radius:50%;width:8px;height:8px}.compare-region-menu button>small{color:#5f8188;font-size:9px}.winner{margin-bottom:16px}.winner span{color:#69aaa9;text-transform:uppercase;letter-spacing:.1em;font-size:9px;display:block}.winner strong{margin-top:3px;font-size:18px;display:block}.empty-comparison{color:#7899a0;text-align:center;border:1px dashed #8da9ae4d;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:150px;margin-bottom:16px;display:flex}.empty-comparison svg{color:var(--teal)}.empty-comparison strong{color:#b8cccf;font-size:14px}.empty-comparison p{font-size:11px}.compare-grid{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none;border:1px solid var(--line);background:#09232d;border-radius:18px;width:100%;min-width:0;max-width:100%;overflow:auto hidden}.compare-grid::-webkit-scrollbar{width:0;height:0;display:none}.compare-row{grid-template-columns:86px repeat(var(--columns),minmax(115px,1fr));border-bottom:1px solid var(--line);min-width:max-content;display:grid}.compare-row:last-child{border-bottom:0}.compare-row>div,.compare-row>button{border:0;border-right:1px solid var(--line);text-align:left;background:0 0;min-width:115px;padding:14px 10px;overflow:hidden}.compare-row>div:last-child,.compare-row>button:last-child{border-right:0}.compare-row .row-label{color:#658991;background:#071d26;align-items:center;min-width:86px;font-size:10px;display:flex}.header-row .row-label{flex-direction:column;justify-content:center;align-items:flex-start;gap:2px}.header-row .row-label small{color:#55b8b4;margin:0;font-size:8px}.compare-row strong,.compare-row small{overflow-wrap:anywhere;display:block}.compare-row strong{font-size:12px}.compare-row small{color:#6e9299;margin-top:4px;font-size:9px}.header-row button{color:#c1d6d9;justify-content:space-between;align-items:center;font-size:11px;display:flex}.value-great{color:var(--lime)}.value-good{color:#62dfc7}.value-fair{color:var(--amber)}.value-poor{color:#f38b7d}.compare-hint{color:#577d85;justify-content:center;align-items:center;gap:7px;margin-top:10px;font-size:9px;display:flex}@media (width>=700px){.hero{border-radius:0 0 28px 28px;padding-left:24px;padding-right:24px}main{padding-left:24px;padding-right:24px}.card-list{grid-template-columns:1fr 1fr}.spot-card.featured{grid-column:1/-1}.detail-page,.compare-page{max-width:720px}.detail-page .panel{padding:22px}}@media (width<=520px){.forecast-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=370px){h1{font-size:30px}.metrics-row{grid-template-columns:1fr 1fr}.metrics-row .metric:last-child{grid-column:1/-1}.guide-grid{grid-template-columns:1fr}.hero-title p{max-width:220px}}@media (width<=320px){.forecast-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}[data-theme=light]{color:#102f37;--panel:#fff;--panel2:#eaf5f4;--line:#104b5240;--muted:#466b72;--teal:#008f86;background:#edf7f6}[data-theme=light] body{background:radial-gradient(circle at 85% -10%,#d5f2ef 0,#edf7f6 42%,#f7fbfb 100%)}[data-theme=light] .top-scrim{background:#edf7f6f2;border-color:#104b5224}[data-theme=light] .hero{background:linear-gradient(165deg,#d8f2ef,#eef8f7);border-color:#185b6324}[data-theme=light] .source-chip{color:#245f63;background:#fff;border-color:#0c6c6952;font-weight:800;box-shadow:0 3px 12px #20505414}[data-theme=light] .source-chip svg{color:#087b75}[data-theme=light] .weather{color:#00877f}[data-theme=light] .weather small{color:#244f56;font-weight:800}[data-theme=light] .spot-card,[data-theme=light] .panel{background:linear-gradient(145deg,#fff,#edf7f6);border-color:#104b5238;box-shadow:0 12px 35px #2050541a}[data-theme=light] .card-main,[data-theme=light] .topbar button,[data-theme=light] .date-picker button,[data-theme=light] .time-picker button,[data-theme=light] .forecast-strip button,[data-theme=light] .compare-region-trigger,[data-theme=light] .spot-picker button,[data-theme=light] .score,[data-theme=light] .metrics-row,[data-theme=light] .guide-grid div,[data-theme=light] .notice,[data-theme=light] .date-select-trigger{color:#17383f;background:#f4fbfa}[data-theme=light] .summary,[data-theme=light] .detail-summary,[data-theme=light] .hero-title p,[data-theme=light] .compare-intro p{color:#496c73}[data-theme=light] .bottom-nav,[data-theme=light] .spot-title-menu,[data-theme=light] .compare-region-menu,[data-theme=light] .region-menu,[data-theme=light] .date-select-menu{background:#f8fdfcfa;box-shadow:0 12px 38px #20505429}[data-theme=light] .bottom-nav button,[data-theme=light] .spot-title-menu button,[data-theme=light] .compare-region-menu button,[data-theme=light] .region-menu button,[data-theme=light] .date-select-menu button{color:#52757b}[data-theme=light] .spot-title-trigger,[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] .metric strong,[data-theme=light] .guide-grid strong,[data-theme=light] .hero-region-trigger{color:#15343c}[data-theme=light] .eyebrow,[data-theme=light] .section-kicker,[data-theme=light] .hero-context,[data-theme=light] .region-trigger,[data-theme=light] .text-button{color:#087b75}[data-theme=light] .location,[data-theme=light] .metric span,[data-theme=light] .forecast-strip button span,[data-theme=light] .forecast-strip button small,[data-theme=light] .guide-grid span,[data-theme=light] .compare-row small,[data-theme=light] .compare-row .row-label{color:#486d74}[data-theme=light] .date-picker button.active,[data-theme=light] .time-picker button.active,[data-theme=light] .forecast-strip button.active,[data-theme=light] .spot-picker button.active{color:#fff;background:#008f86;border-color:#007c74;box-shadow:0 0 0 3px #008f8624}[data-theme=light] .date-picker button.active,[data-theme=light] .forecast-strip button.active{font-weight:900}[data-theme=light] .forecast-strip button.active span,[data-theme=light] .forecast-strip button.active small,[data-theme=light] .forecast-strip button.active svg,[data-theme=light] .spot-picker button.active svg{color:#fff}[data-theme=light] .region-menu button.active,[data-theme=light] .spot-title-menu button.active,[data-theme=light] .date-select-menu button.active{color:#075e59;background:#d4f0ed;font-weight:800}[data-theme=light] .compare-region-menu .checkbox.checked{background:#008f86;border-color:#008f86}[data-theme=light] .compare-region-menu .radio-dot{background:#fff}[data-theme=light] .bottom-nav button.active{color:#fff;background:#008f86;box-shadow:inset 0 3px #ffffff38,inset 0 -3px #00544f29}[data-theme=light] .bottom-nav button.active svg{color:#fff;stroke-width:2.4px}[data-theme=light] .compare-grid{background:#fff;border-color:#104b5240}[data-theme=light] .compare-row .row-label{background:#e5f3f1}[data-theme=light] .compare-row,[data-theme=light] .compare-row>div,[data-theme=light] .compare-row>button{border-color:#104b5233}[data-theme=light] .header-row button{color:#173f47;font-weight:800}[data-theme=light] .header-row button svg{color:#087b75}[data-theme=light] .compare-row strong:not(.score-value){color:#173f47}[data-theme=light] .compare-row small{color:#4e7278}[data-theme=light] .header-row .row-label small{color:#087b75}[data-theme=light] .reason.positive{color:#285f5e;background:#dff3f0}[data-theme=light] .reason.caution{color:#765a25;background:#fff3d9}[data-theme=light] .source-warning{color:#6c5120;background:#fff4dc;border-color:#d9ac50}[data-theme=light] .source-warning p{color:#765f35}[data-theme=light] .notice{color:#365e65}[data-theme=light] .notice p{color:#536f74}[data-theme=light] .utility-controls button{color:#365e65;background:#ffffffe6}