:root{color-scheme:light dark;--light-bg: #f0f9ff;--light-card-bg: #e0f2fe;--light-text: #0c4a6e;--light-text-secondary: #075985;--light-accent: #0284c7;--light-border: #bae6fd;--dark-bg: #111827;--dark-card-bg: #1f2937;--dark-text: #e4e6eb;--dark-text-secondary: #9ca3af;--dark-accent: #38bdf8;--dark-border: #374151}html,body{height:100%;overflow:hidden;margin:0;padding:0}body{font-family:Roboto,Noto Sans TC,sans-serif;-webkit-tap-highlight-color:transparent;transition:background-color .3s,color .3s;position:relative;overscroll-behavior-y:contain}#app{height:100vh}::-webkit-scrollbar{display:none}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.page{display:none;animation:fadeIn .5s}.page.active{display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.nav-item.active svg,.nav-item.active p{color:var(--dark-accent)}body.light-mode{background-color:var(--light-bg);color:var(--light-text)}body.light-mode #app{background-color:var(--light-bg)}body.light-mode .card,body.light-mode .details-card{background-color:var(--light-card-bg);border:1px solid var(--light-border)}body.light-mode p,body.light-mode h1,body.light-mode h2,body.light-mode h3,body.light-mode strong,body.light-mode .value,body.light-mode th,body.light-mode td,body.light-mode a{color:var(--light-text)}body.light-mode .text-gray-300,body.light-mode .text-gray-400,body.light-mode .label,body.light-mode .alert-source,body.light-mode .map-source{color:var(--light-text-secondary)}body.light-mode .text-sky-400{color:var(--light-accent)}body.light-mode nav{background-color:var(--light-card-bg);border-top:1px solid var(--light-border)}body.light-mode .nav-item p,body.light-mode .nav-item svg{color:var(--light-text-secondary)}body.light-mode .nav-item.active svg,body.light-mode .nav-item.active p{color:var(--light-accent)}body.light-mode .alert-card,body.light-mode .alert-card h3,body.light-mode .alert-card div,body.light-mode .alert-card p,body.light-mode .alert-card a,body.light-mode .alert-card strong{color:#fff!important}body.dark-mode{background-color:var(--dark-bg);color:var(--dark-text)}body.dark-mode #app{background-color:#111827}body.dark-mode .card,body.dark-mode .details-card{background-color:var(--dark-card-bg);border:1px solid var(--dark-border)}body.dark-mode nav{background-color:#1f2937;border-top:1px solid var(--dark-border)}.alert-card .alert-source{color:#9ca3af!important}.gust-wind{font-weight:500}body.dark-mode .gust-wind{color:var(--dark-accent)}body.light-mode .gust-wind{color:var(--light-accent)}.swiper-container{overflow:hidden;position:relative}.swiper-wrapper{display:flex;transition:transform .3s ease-in-out}.swiper-slide{flex-shrink:0;width:100%;height:100%}.swiper-dots{text-align:center;padding-top:.5rem}.swiper-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:#4b5563;margin:0 4px;cursor:pointer;transition:background-color .3s}.swiper-dot.active{background-color:var(--dark-accent)}body.light-mode .swiper-dot{background-color:#d1d5db}body.light-mode .swiper-dot.active{background-color:var(--light-accent)}#regional-map,#radar-map-container{background-color:#e0f2fe}.leaflet-tile-pane{filter:none!important}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:var(--light-card-bg)!important;color:var(--light-text)!important;box-shadow:0 3px 14px #0006}#radar-map-container .leaflet-tile-pane{transition:opacity .4s ease-in-out}#regional-map{height:250px;z-index:10;border-radius:.5rem}.leaflet-popup-content{font-size:.9em;line-height:1.6}.leaflet-popup-content strong{font-weight:700}.leaflet-popup-content hr{margin:4px 0;border:0;border-top:1px solid #ccc}.aqi-bar{background:linear-gradient(to right,#4ade80,#facc15,#fb923c,#f87171,#c084fc);height:5px;border-radius:5px}.aqi-marker{width:10px;height:10px;border-radius:50%;border:2px solid white;transform:translate(-50%,-25%)}#ai-summary-container ul{list-style-position:inside;padding-left:.5rem}.slider::-webkit-slider-thumb{background-color:var(--dark-accent)}.slider::-moz-range-thumb{background-color:var(--dark-accent)}#radar-map-container{height:auto;aspect-ratio:1 / 1}.uv-graph-fill{fill:url(#uv-gradient)}.uv-graph-stroke{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.uv-graph-marker{stroke-width:2}.uv-graph-label{font-size:10px;font-family:Roboto,Noto Sans TC,sans-serif}body.light-mode .uv-graph-stroke{stroke:var(--light-accent)}body.light-mode .uv-graph-marker{stroke:var(--light-accent);fill:var(--light-card-bg)}body.light-mode .uv-graph-main-text{fill:var(--light-text)}body.light-mode .uv-graph-label{fill:var(--light-text-secondary)}body.light-mode .uv-gradient-start{stop-color:var(--light-accent)}body.dark-mode .uv-graph-stroke{stroke:var(--dark-accent)}body.dark-mode .uv-graph-marker{stroke:var(--dark-accent);fill:var(--dark-card-bg)}body.dark-mode .uv-graph-main-text{fill:var(--dark-text)}body.dark-mode .uv-graph-label{fill:var(--dark-text-secondary)}body.dark-mode .uv-gradient-start{stop-color:var(--dark-accent)}.chart-label{font-size:10px}.chart-grid-line{stroke-width:.5;stroke-opacity:.5}.chart-line{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.chart-line-max-temp{stroke:#ef4444}.chart-line-min-temp{stroke:#3b82f6}.chart-line-wind{stroke:#22c55e;stroke-dasharray:4}.chart-legend{font-size:11px}body.light-mode .chart-label,body.light-mode .chart-legend{fill:var(--light-text-secondary)}body.light-mode .chart-grid-line{stroke:var(--light-border)}body.dark-mode .chart-label,body.dark-mode .chart-legend{fill:var(--dark-text-secondary)}body.dark-mode .chart-grid-line{stroke:var(--dark-border)}body.dark-mode .card-observed{background-color:#113b50;border-color:#225a74}body.light-mode .card-observed{background-color:#d4f2ff;border-color:#a7e4ff}.map-marker-pin{width:30px;height:30px;border-radius:50% 50% 50% 0;position:absolute;transform:rotate(-45deg);left:50%;top:50%;margin:-15px 0 0 -15px;border:1px solid #ffffff;box-shadow:0 0 3px #0006}.map-marker-pin:after{content:"";width:14px;height:14px;margin:7px 0 0 8px;background:#fff;position:absolute;border-radius:50%}.observed-pin{background:#22c55e}.model-pin{background:#3b82f6}.half-day-source-btn,.seven-day-source-btn{transition:background-color .3s,color .3s}body.dark-mode .half-day-source-btn,body.dark-mode .seven-day-source-btn{background-color:transparent;color:var(--dark-text-secondary)}body.dark-mode .half-day-source-btn.active,body.dark-mode .seven-day-source-btn.active{background-color:var(--dark-accent);color:#fff}body.light-mode .half-day-source-btn,body.light-mode .seven-day-source-btn{background-color:transparent;color:var(--light-text-secondary)}body.light-mode .half-day-source-btn.active,body.light-mode .seven-day-source-btn.active{background-color:var(--light-accent);color:#fff}.analysis-mode-btn{transition:background-color .3s,color .3s}body.dark-mode .analysis-mode-btn{background-color:transparent;color:var(--dark-text-secondary)}body.dark-mode .analysis-mode-btn.active{background-color:var(--dark-accent);color:#fff}body.light-mode .analysis-mode-btn{background-color:transparent;color:var(--light-text-secondary)}body.light-mode .analysis-mode-btn.active{background-color:var(--light-accent);color:#fff}body.dark-mode .ai-warning-box{color:#f59e0b}body.light-mode .ai-warning-box{color:#92400e}body.light-mode .ai-warning-box strong{color:#78350f}.rank-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;font-weight:700;width:1.75rem;height:1.75rem;font-size:.875rem}.rank-1{background-color:#fbbf24;color:#422006}.rank-2{background-color:#d1d5db;color:#1f2937}.rank-3{background-color:#d97706;color:#fff}.sticky-col{position:-webkit-sticky;position:sticky;left:0;z-index:10}body.light-mode .sticky-col{background-color:var(--light-card-bg)}body.dark-mode .sticky-col{background-color:var(--dark-card-bg)}.sortable-header{cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-decoration-thickness:1px;-webkit-user-select:none;user-select:none}.sortable-header:hover{opacity:.8}.info-icon{display:inline-block;width:1rem;height:1rem;border-radius:50%;background-color:var(--dark-text-secondary);color:var(--dark-card-bg);text-align:center;font-size:.75rem;line-height:1rem;font-weight:700;cursor:help;margin-left:4px;vertical-align:middle}#voice-fab.speaking{animation:pulse-red-blue 2s infinite}@keyframes pulse-red-blue{0%{box-shadow:0 0 #3b82f6b3;background-color:#3b82f6}50%{box-shadow:0 0 0 10px #ef444400;background-color:#ef4444}to{box-shadow:0 0 #3b82f6b3;background-color:#3b82f6}}.elegant-loader-bar{background:linear-gradient(90deg,transparent 0%,#38bdf8 50%,transparent 100%);transform:translate(-100%);animation:elegant-loading 1.5s infinite ease-in-out}@keyframes elegant-loading{0%{transform:translate(-100%)}to{transform:translate(100%)}}body.light-mode input,body.light-mode select,body.light-mode textarea{background-color:#f0f9ff!important;color:#0c4a6e!important;border:1px solid #bae6fd!important}body.light-mode input::placeholder,body.light-mode textarea::placeholder{color:#075985!important;opacity:.7}body.light-mode select option{background-color:#f0f9ff;color:#0c4a6e}body.light-mode .download-btn{background-color:var(--light-accent)!important;color:#fff!important;border:1px solid transparent!important}body.light-mode .download-btn:hover{background-color:#026aa7!important}body.light-mode #btn-threshold-reset{background-color:#e0f2fe!important;color:#0c4a6e!important;border:1px solid #0284c7!important}body.light-mode #btn-threshold-reset:hover{background-color:#bae6fd!important}