:root{--bg-primary: #070a12;--bg-secondary: #0e1422;--bg-tertiary: #161f36;--bg-surface: rgba(15, 23, 42, .78);--bg-surface-elevated: rgba(22, 31, 54, .88);--bg-glass: rgba(255, 255, 255, .03);--border-subtle: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-inverse: #020617;--accent-primary: #06b6d4;--accent-primary-hover: #0891b2;--accent-glow: rgba(6, 182, 212, .25);--accent-secondary: #6366f1;--aqi-good: #10b981;--aqi-good-bg: rgba(16, 185, 129, .15);--aqi-good-glow: rgba(16, 185, 129, .35);--aqi-moderate: #f59e0b;--aqi-moderate-bg: rgba(245, 158, 11, .15);--aqi-moderate-glow: rgba(245, 158, 11, .35);--aqi-sensitive: #f97316;--aqi-sensitive-bg: rgba(249, 115, 22, .15);--aqi-sensitive-glow: rgba(249, 115, 22, .35);--aqi-unhealthy: #ef4444;--aqi-unhealthy-bg: rgba(239, 68, 68, .15);--aqi-unhealthy-glow: rgba(239, 68, 68, .35);--aqi-very-unhealthy: #a855f7;--aqi-very-unhealthy-bg: rgba(168, 85, 247, .15);--aqi-very-unhealthy-glow: rgba(168, 85, 247, .35);--aqi-hazardous: #e11d48;--aqi-hazardous-bg: rgba(225, 29, 72, .18);--aqi-hazardous-glow: rgba(225, 29, 72, .45);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .55);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--font-display: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .4s cubic-bezier(.16, 1, .3, 1)}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--bg-tertiary: #e2e8f0;--bg-surface: rgba(255, 255, 255, .85);--bg-surface-elevated: rgba(255, 255, 255, .95);--bg-glass: rgba(0, 0, 0, .02);--border-subtle: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .16);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-inverse: #ffffff;--accent-primary: #0891b2;--accent-primary-hover: #0e7490;--accent-glow: rgba(8, 145, 178, .2);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 8px 24px rgba(0, 0, 0, .08);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .12)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before,body:after{content:"";position:fixed;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0;opacity:.35}body:before{top:-100px;right:-100px;width:550px;height:550px;background:radial-gradient(circle,var(--accent-primary) 0%,transparent 70%)}body:after{bottom:-150px;left:-100px;width:600px;height:600px;background:radial-gradient(circle,var(--accent-secondary) 0%,transparent 70%)}.app-layout{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh}.app-header{position:sticky;top:0;z-index:50;height:70px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--bg-surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-sm)}.header-left{display:flex;align-items:center;gap:16px}.brand-logo{display:flex;align-items:center;gap:12px;text-decoration:none;cursor:pointer}.brand-icon-wrap{width:42px;height:42px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 14px var(--accent-glow)}.brand-icon{width:24px;height:24px}.brand-name{font-family:var(--font-display);font-size:1.45rem;font-weight:800;letter-spacing:1.5px;background:linear-gradient(to right,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:block;line-height:1.1}[data-theme=light] .brand-name{background:linear-gradient(to right,#0f172a,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-tag{font-size:.65rem;font-weight:700;letter-spacing:1px;color:var(--accent-primary);display:block}.header-center{flex:1;max-width:580px}.search-bar-container{position:relative;display:flex;align-items:center;width:100%}.search-bar-container input{width:100%;height:44px;padding:0 90px 0 44px;border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:var(--bg-tertiary);color:var(--text-primary);font-family:var(--font-body);font-size:.92rem;outline:none;transition:var(--transition-normal)}.search-bar-container input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow);background:var(--bg-secondary)}.search-icon{position:absolute;left:14px;width:18px;height:18px;color:var(--text-muted);pointer-events:none}.locate-btn{position:absolute;right:6px;height:32px;padding:0 12px;border-radius:var(--radius-full);border:none;background:var(--accent-primary);color:#fff;font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:6px;cursor:pointer;transition:var(--transition-fast)}.locate-btn:hover{background:var(--accent-primary-hover);transform:scale(1.02)}.locate-btn i{width:14px;height:14px}.search-dropdown{position:absolute;top:50px;left:0;right:0;background:var(--bg-surface-elevated);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;z-index:100}.search-dropdown-item{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;border-bottom:1px solid var(--border-subtle);transition:var(--transition-fast)}.search-dropdown-item:last-child{border-bottom:none}.search-dropdown-item:hover{background:var(--bg-glass)}.search-dropdown-item .place-title{font-weight:600;font-size:.92rem;color:var(--text-primary)}.search-dropdown-item .place-sub{font-size:.78rem;color:var(--text-muted)}.header-right{display:flex;align-items:center;gap:12px}.standard-pill-toggle{display:flex;background:var(--bg-tertiary);padding:3px;border-radius:var(--radius-full);border:1px solid var(--border-subtle)}.standard-btn{border:none;background:transparent;color:var(--text-muted);font-size:.78rem;font-weight:700;padding:5px 12px;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast)}.standard-btn.active{background:var(--accent-primary);color:#fff;box-shadow:0 2px 8px var(--accent-glow)}.header-action-btn{display:flex;align-items:center;gap:8px;padding:7px 14px;border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:var(--bg-tertiary);color:var(--text-primary);font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.header-action-btn:hover{border-color:var(--border-strong);background:var(--bg-secondary)}.header-action-btn.primary{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border:none;color:#fff;box-shadow:0 4px 14px var(--accent-glow)}.header-action-btn.primary:hover{opacity:.95;transform:translateY(-1px)}.header-action-btn i{width:16px;height:16px}.icon-btn{width:38px;height:38px;border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:var(--bg-tertiary);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast)}.icon-btn:hover{background:var(--bg-secondary);border-color:var(--border-strong)}.icon-btn i{width:18px;height:18px}.app-workspace{display:flex;flex:1;overflow:hidden}.app-sidebar{width:250px;background:var(--bg-surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;justify-content:space-between;padding:20px 14px;transition:var(--transition-smooth)}.sidebar-nav{display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-secondary);font-size:.92rem;font-weight:600;cursor:pointer;text-align:left;transition:var(--transition-fast)}.nav-item i{width:20px;height:20px;transition:var(--transition-fast)}.nav-item:hover{background:var(--bg-glass);color:var(--text-primary)}.nav-item.active{background:linear-gradient(90deg,#06b6d429,#6366f11a);color:var(--accent-primary);border-left:3px solid var(--accent-primary)}.nav-item.active i{color:var(--accent-primary)}.sidebar-footer{padding-top:16px;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:8px}.live-status-pill{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:600;color:var(--aqi-good)}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--aqi-good);box-shadow:0 0 #10b981b3;animation:pulseGreen 2s infinite}@keyframes pulseGreen{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1.1);box-shadow:0 0 0 8px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.source-info{font-size:.72rem;color:var(--text-muted)}.main-viewport{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px}.view-container{display:flex;flex-direction:column;gap:24px;max-width:1400px;margin:0 auto;width:100%;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--bg-surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);transition:var(--transition-normal)}.card:hover{border-color:var(--border-strong)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.card-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:10px}.card-title i{color:var(--accent-primary);width:22px;height:22px}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.dashboard-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}@media(max-width:1024px){.dashboard-hero-grid{grid-template-columns:1fr}}.hero-gauge-card{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;text-align:center;padding:32px 24px}.gauge-svg-container{position:relative;width:280px;height:280px}.gauge-svg{width:100%;height:100%;transform:rotate(-90deg)}.gauge-bg-circle{fill:none;stroke:var(--bg-tertiary);stroke-width:18}.gauge-progress-circle{fill:none;stroke:var(--aqi-moderate);stroke-width:18;stroke-linecap:round;transition:stroke-dashoffset 1s ease-out,stroke .5s ease;filter:drop-shadow(0 0 12px var(--aqi-moderate-glow))}.gauge-center-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.gauge-aqi-number{font-family:var(--font-display);font-size:4.2rem;font-weight:800;line-height:1;color:var(--text-primary)}.gauge-aqi-standard{font-size:.78rem;font-weight:700;letter-spacing:1px;color:var(--text-muted);margin-top:4px}.gauge-status-badge{margin-top:14px;padding:6px 18px;border-radius:var(--radius-full);font-size:.95rem;font-weight:700}.hero-location-bar{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:20px;padding-top:16px;border-top:1px solid var(--border-subtle)}.location-meta{text-align:left}.location-city{font-size:1.15rem;font-weight:700}.location-coords{font-size:.8rem;color:var(--text-muted)}.refresh-time{font-size:.78rem;color:var(--text-muted)}.guidance-card{display:flex;flex-direction:column;justify-content:space-between}.guidance-banner{padding:16px;border-radius:var(--radius-md);margin-bottom:18px;border-left:4px solid var(--accent-primary);background:var(--bg-glass)}.guidance-headline{font-size:1.05rem;font-weight:700;margin-bottom:6px}.guidance-subtext{font-size:.88rem;color:var(--text-secondary);line-height:1.45}.recommendations-list{display:flex;flex-direction:column;gap:12px;list-style:none}.recommendation-item{display:flex;align-items:flex-start;gap:12px;padding:10px 14px;border-radius:var(--radius-md);background:var(--bg-tertiary);border:1px solid var(--border-subtle);font-size:.88rem}.recommendation-item i{width:20px;height:20px;flex-shrink:0;color:var(--accent-primary);margin-top:2px}.profile-active-tag{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;font-weight:700;color:var(--accent-primary);background:var(--accent-glow);padding:4px 10px;border-radius:var(--radius-full);margin-bottom:12px}.pollutant-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.pollutant-card{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:18px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;transition:var(--transition-fast)}.pollutant-card:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.pollutant-header{display:flex;align-items:center;justify-content:space-between}.pollutant-name{font-family:var(--font-display);font-size:1.1rem;font-weight:700}.pollutant-formula{font-size:.75rem;color:var(--text-muted)}.pollutant-value-wrap{display:flex;align-items:baseline;gap:6px}.pollutant-value{font-family:var(--font-display);font-size:1.8rem;font-weight:800;color:var(--text-primary)}.pollutant-unit{font-size:.8rem;color:var(--text-muted)}.pollutant-bar-bg{width:100%;height:6px;border-radius:var(--radius-full);background:var(--bg-tertiary);overflow:hidden}.pollutant-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .8s ease}.pollutant-footer{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted)}.weather-strip{display:flex;align-items:center;justify-content:space-around;padding:16px;border-radius:var(--radius-md);background:var(--bg-tertiary);border:1px solid var(--border-subtle);flex-wrap:wrap;gap:16px}.weather-item{display:flex;align-items:center;gap:10px}.weather-item i{color:var(--accent-primary);width:22px;height:22px}.weather-val{font-size:1.05rem;font-weight:700}.weather-lbl{font-size:.75rem;color:var(--text-muted)}.map-view-grid{display:grid;grid-template-columns:360px 1fr;gap:24px;height:700px}@media(max-width:1024px){.map-view-grid{grid-template-columns:1fr;height:auto}}.map-sidebar-panel{display:flex;flex-direction:column;gap:16px;overflow-y:auto}.map-container-wrap{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-subtle);box-shadow:var(--shadow-md);min-height:480px}#leafletMap{width:100%;height:100%;z-index:10}.custom-aqi-marker{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:#fff;font-family:var(--font-display);font-weight:800;font-size:.8rem;box-shadow:0 4px 12px #0006;border:2px solid #fff;cursor:pointer;transition:transform .2s}.custom-aqi-marker:hover{transform:scale(1.15);z-index:999}.custom-hazard-marker{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#e11d48;color:#fff;border:2px solid #fff;box-shadow:0 0 14px #e11d4899;animation:pulseHazard 1.5s infinite}@keyframes pulseHazard{0%{transform:scale(1);box-shadow:0 0 #e11d48b3}70%{transform:scale(1.1);box-shadow:0 0 0 10px #e11d4800}to{transform:scale(1);box-shadow:0 0 #e11d4800}}.route-input-group{display:flex;flex-direction:column;gap:12px}.input-field-wrap{position:relative;display:flex;align-items:center}.input-field-wrap input{width:100%;padding:10px 14px 10px 38px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-tertiary);color:var(--text-primary);font-size:.88rem}.input-field-wrap input:focus{border-color:var(--accent-primary);outline:none}.input-field-wrap i{position:absolute;left:12px;width:16px;height:16px;color:var(--text-muted)}.activity-mode-tabs{display:flex;gap:8px;margin-top:4px}.activity-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-tertiary);color:var(--text-secondary);font-size:.82rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.activity-tab.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.route-summary-card{padding:16px;border-radius:var(--radius-md);background:var(--bg-glass);border:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:10px}.route-dosage-meter{display:flex;flex-direction:column;gap:6px}.dosage-val{font-family:var(--font-display);font-size:1.4rem;font-weight:800;color:var(--aqi-unhealthy)}.chart-container-card{position:relative;height:380px;width:100%}.forecast-days-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.forecast-day-card{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;transition:var(--transition-fast)}.forecast-day-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.forecast-date{font-weight:700;font-size:.92rem}.forecast-aqi-pill{padding:4px 12px;border-radius:var(--radius-full);font-family:var(--font-display);font-weight:800;font-size:1rem}.community-header-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}.report-filter-pills{display:flex;gap:8px}.filter-pill{padding:6px 14px;border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:var(--bg-tertiary);color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer}.filter-pill.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.reports-feed-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.report-card{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column}.report-media-preview{width:100%;height:180px;object-fit:cover;background:var(--bg-tertiary)}.report-body{padding:16px;display:flex;flex-direction:column;gap:10px;flex:1}.report-meta-row{display:flex;align-items:center;justify-content:space-between}.report-type-badge{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700;padding:3px 8px;border-radius:var(--radius-sm);background:#e11d4826;color:#f43f5e}.report-confirm-btn{display:flex;align-items:center;gap:6px;border:1px solid var(--border-subtle);background:var(--bg-tertiary);color:var(--text-primary);padding:6px 12px;border-radius:var(--radius-full);cursor:pointer;font-size:.82rem;font-weight:600;transition:var(--transition-fast)}.report-confirm-btn.confirmed{background:var(--aqi-good);color:#fff;border-color:var(--aqi-good)}.saved-places-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.saved-place-card{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;gap:14px;cursor:pointer;transition:var(--transition-normal)}.saved-place-card:hover{transform:translateY(-3px);border-color:var(--accent-primary);box-shadow:var(--shadow-md)}.saved-card-top{display:flex;align-items:flex-start;justify-content:space-between}.saved-place-name{font-size:1.15rem;font-weight:700}.saved-place-addr{font-size:.8rem;color:var(--text-muted)}.wearables-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:900px){.wearables-grid{grid-template-columns:1fr}}.vitals-meter-card{display:flex;flex-direction:column;gap:16px}.vital-metric-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:var(--radius-md);background:var(--bg-tertiary);border:1px solid var(--border-subtle)}.vital-icon-lbl{display:flex;align-items:center;gap:10px}.vital-val{font-family:var(--font-display);font-size:1.25rem;font-weight:700}.slider-group{display:flex;flex-direction:column;gap:8px}.slider-group label{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-secondary)}input[type=range]{width:100%;accent-color:var(--accent-primary);cursor:pointer}.cadr-calculator-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:900px){.cadr-calculator-grid{grid-template-columns:1fr}}.cadr-result-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px;background:linear-gradient(145deg,#06b6d414,#6366f10d);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.cadr-val-large{font-family:var(--font-display);font-size:3.5rem;font-weight:800;color:var(--accent-primary)}.modal-container{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease-out}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;padding:28px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:20px;position:relative}.modal-header{display:flex;align-items:center;justify-content:space-between}.close-modal-btn{border:none;background:transparent;color:var(--text-muted);cursor:pointer;padding:4px}.close-modal-btn:hover{color:var(--text-primary)}.checkbox-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--radius-md);background:var(--bg-tertiary);cursor:pointer}.checkbox-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-primary)}.toast-container{position:fixed;bottom:24px;right:24px;z-index:2000;display:flex;flex-direction:column;gap:10px}.toast{padding:12px 20px;border-radius:var(--radius-md);background:var(--bg-surface-elevated);border:1px solid var(--border-strong);color:var(--text-primary);box-shadow:var(--shadow-md);font-size:.88rem;display:flex;align-items:center;gap:10px;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--bg-surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border-subtle);z-index:40;justify-content:space-around;align-items:center}.mobile-nav-item{border:none;background:transparent;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.72rem;font-weight:600;cursor:pointer}.mobile-nav-item.active{color:var(--accent-primary)}.mobile-only{display:none}@media(max-width:768px){.app-sidebar{position:fixed;left:-260px;top:70px;bottom:64px;z-index:90}.app-sidebar.open{left:0}.mobile-bottom-nav,.mobile-only{display:flex}.main-viewport{padding-bottom:80px}.header-center{display:none}}@media print{body{background:#fff!important;color:#000!important}.app-header,.app-sidebar,.mobile-bottom-nav,.modal-container,.toast-container,.header-right{display:none!important}.app-workspace{display:block!important}.main-viewport{padding:0!important;overflow:visible!important}.card{border:1px solid #ccc!important;box-shadow:none!important;background:#fff!important;break-inside:avoid}.print-header{display:block!important;margin-bottom:24px;border-bottom:2px solid #000;padding-bottom:12px}}.hidden{display:none!important}.header-action-btn.ai-highlight-btn{background:linear-gradient(135deg,#6366f133,#a855f740);border:1px solid rgba(168,85,247,.45);color:#c084fc;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1)}.header-action-btn.ai-highlight-btn:hover{background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;box-shadow:0 4px 16px #a855f766;transform:translateY(-1px)}.sidebar-nav .nav-item.ai-nav-item{position:relative;border-left:2px solid transparent}.sidebar-nav .nav-item.ai-nav-item.active{border-left-color:#a855f7;background:linear-gradient(90deg,rgba(168,85,247,.15),transparent);color:#c084fc}.sidebar-nav .nav-item.ai-nav-item:hover{color:#e9d5ff}.nav-gemini-badge{margin-left:auto;font-size:.65rem;font-weight:700;text-transform:uppercase;padding:2px 6px;border-radius:999px;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;letter-spacing:.5px}.ai-doctor-header-card{margin-bottom:16px;background:linear-gradient(135deg,#6366f11f,#a855f714);border:1px solid rgba(168,85,247,.25);padding:20px 24px}.ai-header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.ai-doctor-title-group{display:flex;align-items:center;gap:16px}.ai-avatar-badge{width:50px;height:50px;border-radius:16px;background:linear-gradient(135deg,#6366f1,#a855f7);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 18px #a855f759;color:#fff;flex-shrink:0}.ai-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ai-title-row h2{font-size:1.35rem;font-weight:700;margin:0;color:var(--text-primary);font-family:var(--font-display)}.gemini-pill{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:999px;box-shadow:0 2px 8px #6366f14d}.ai-subtitle{font-size:.86rem;color:var(--text-secondary);margin:4px 0 0}.ai-header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.model-select-wrap{display:flex;align-items:center;gap:6px;background:var(--bg-tertiary);padding:4px 10px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);font-size:.8rem;color:var(--text-secondary)}.model-dropdown{background:transparent;border:none;color:var(--text-primary);font-size:.84rem;font-weight:600;outline:none;cursor:pointer}.model-dropdown option{background:var(--bg-secondary);color:var(--text-primary)}.ai-status-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:#10b9811f;border:1px solid rgba(16,185,129,.35);color:#10b981;font-size:.82rem;font-weight:600}.header-action-btn.configured{background:#10b98126;border:1px solid rgba(16,185,129,.4);color:#10b981}.header-action-btn.pending{background:#f59e0b26;border:1px solid rgba(245,158,11,.4);color:#f59e0b}.ai-context-strip{margin-top:14px;padding-top:14px;border-top:1px solid var(--border-subtle);display:flex;gap:8px;flex-wrap:wrap;align-items:center}.context-label{font-size:.72rem;text-transform:uppercase;font-weight:700;color:var(--text-muted);margin-right:4px}.context-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:.78rem;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-subtle)}.context-chip.aqi-tag{color:var(--accent-primary);border-color:#06b6d44d}.context-chip.alert{background:#ef44441f;color:#f87171;border-color:#ef44444d}.context-chip.warning{background:#f59e0b1f;color:#fbbf24;border-color:#f59e0b4d}.ai-chat-card{display:flex;flex-direction:column;height:calc(100vh - 275px);min-height:520px;padding:0;overflow:hidden;border:1px solid var(--border-subtle)}.chat-sub-bar{padding:10px 18px;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.ai-status-indicator{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-secondary)}.status-pulse-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 10px #10b981;animation:pulseGreen 2s infinite ease-in-out}@keyframes pulseGreen{0%{transform:scale(.9);opacity:.7}50%{transform:scale(1.3);opacity:1}to{transform:scale(.9);opacity:.7}}.chat-header-tools{display:flex;align-items:center;gap:8px}.chat-tool-btn{display:inline-flex;align-items:center;gap:5px;background:transparent;border:1px solid var(--border-subtle);color:var(--text-secondary);padding:4px 10px;border-radius:var(--radius-sm);font-size:.76rem;cursor:pointer;transition:all .2s ease}.chat-tool-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-strong)}.ai-chat-thread{flex:1;overflow-y:auto;padding:22px 24px;display:flex;flex-direction:column;gap:18px;scroll-behavior:smooth}.ai-msg-row{display:flex;align-items:flex-start;gap:14px;width:100%}.user-msg-row{display:flex;justify-content:flex-end;width:100%}.ai-avatar{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#a855f7);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 2px 10px #a855f74d}.ai-bubble{max-width:82%;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:4px 18px 18px;padding:16px 20px;box-shadow:var(--shadow-sm);color:var(--text-primary)}.user-bubble{max-width:78%;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border-radius:18px 4px 18px 18px;padding:14px 20px;box-shadow:0 4px 16px #4f46e54d}.msg-meta-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.74rem;opacity:.75}.msg-author{font-weight:700;letter-spacing:.3px}.markdown-body{font-size:.93rem;line-height:1.65}.md-heading{font-size:1.05rem;font-weight:700;margin:12px 0 6px;color:var(--accent-primary);display:flex;align-items:center;gap:6px}.md-bullet{margin:5px 0 5px 6px;display:flex;align-items:flex-start;gap:8px}.md-bullet-dot{color:#a855f7;font-weight:700;line-height:1.5}.md-disclaimer{font-size:.75rem;color:var(--text-muted);margin-top:14px;padding-top:10px;border-top:1px dashed var(--border-subtle);line-height:1.45}.md-spacer{height:8px}.ai-bubble.generating{display:flex;align-items:center;gap:12px;padding:12px 18px}.typing-indicator{display:flex;align-items:center;gap:5px}.typing-indicator span{width:7px;height:7px;background:#a855f7;border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out both}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1.1);opacity:1}}.generating-text{font-size:.84rem;color:var(--text-secondary)}.ai-chips-container{padding:10px 18px;background:var(--bg-tertiary);border-top:1px solid var(--border-subtle);display:flex;gap:8px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}.ai-chip{background:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-primary);padding:7px 14px;border-radius:999px;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.ai-chip:hover{background:linear-gradient(135deg,#6366f133,#a855f733);border-color:#a855f780;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #a855f733}.ai-input-bar{padding:14px 20px;background:var(--bg-secondary);border-top:1px solid var(--border-subtle);display:flex;gap:10px;align-items:center}.ai-input-bar input{flex:1;padding:12px 18px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-primary);color:var(--text-primary);font-size:.94rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.ai-input-bar input:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f733}.voice-mic-btn{width:44px;height:44px;border-radius:12px;border:1px solid var(--border-subtle);background:var(--bg-primary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.voice-mic-btn:hover{color:#a855f7;border-color:#a855f766;background:var(--bg-tertiary)}.voice-mic-btn.recording{background:#ef4444;color:#fff;border-color:#ef4444;animation:pulseRecording 1.2s infinite}@keyframes pulseRecording{0%{transform:scale(1);box-shadow:0 0 #ef4444b3}70%{transform:scale(1.08);box-shadow:0 0 0 10px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}.send-ai-btn{padding:12px 22px;border-radius:var(--radius-md);background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;font-weight:600;font-size:.94rem;border:none;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 4px 14px #a855f759;transition:all .25s ease;flex-shrink:0}.send-ai-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #a855f773}.send-ai-btn:disabled{opacity:.5;cursor:not-allowed}.gemini-modal{max-width:540px!important}.modal-title-wrap{display:flex;align-items:center;gap:12px}.modal-icon-badge{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#a855f7);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #a855f74d}.modal-subtitle{font-size:.78rem;color:var(--text-secondary);display:block;margin-top:2px}.modal-desc{font-size:.88rem;color:var(--text-secondary);line-height:1.55;margin-bottom:16px}.api-key-input-wrap{position:relative;display:flex;align-items:center}.api-key-input-wrap input{width:100%;padding:12px 42px 12px 14px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-tertiary);color:var(--text-primary);font-family:monospace;font-size:.9rem}.toggle-eye-btn{position:absolute;right:12px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center}.toggle-eye-btn:hover{color:var(--text-primary)}.form-select{width:100%;padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-tertiary);color:var(--text-primary);font-size:.88rem;outline:none;cursor:pointer}.test-feedback{padding:12px 16px;border-radius:var(--radius-md);font-size:.85rem;margin-bottom:14px;display:flex;align-items:center;gap:10px}.test-feedback.success{background:#10b9811f;border:1px solid rgba(16,185,129,.3);color:#10b981}.test-feedback.error{background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#f87171}.ai-studio-help-box{padding:12px 16px;background:#6366f114;border-radius:var(--radius-md);border:1px solid rgba(99,102,241,.2);margin-bottom:20px}.help-box-content{display:flex;gap:12px;align-items:flex-start;font-size:.82rem;color:var(--text-secondary);line-height:1.5}.help-box-content a{color:var(--accent-primary);text-decoration:underline;font-weight:600}.modal-footer-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.footer-right{display:flex;gap:10px;align-items:center}.text-danger{color:#ef4444!important}@media(max-width:768px){.ai-doctor-title-group{gap:12px}.ai-bubble,.user-bubble{max-width:90%}.ai-chat-card{height:calc(100vh - 210px)}.send-ai-btn span{display:none}}