:root{--primary-color: #667eea;--primary-color-rgb: 102, 126, 234;--primary-hover: #5568d3;--secondary-color: #6c757d;--secondary-hover: #5a6268;--accent-color: #764ba2;--primary-gradient: linear-gradient(135deg, var(--primary-color) 0%, var(--accent-color) 100%);--accent-high: #059669;--accent-high-hover: #047857;--accent-mid: #312E81;--accent-low: #818CF8;--accent-low-soft: #E0E7FF;--kpi-card-accent: #E8913A;--kpi-card-text: #1a1a1a;--kpi-card-bg: #FFFCF8;--error-bg: #fee;--error-color: #c33;--error-border: #c33;--warning-bg: #fff3cd;--warning-color: #856404;--warning-border: #ffc107;--success-bg: #e8f5e9;--success-color: #2e7d32;--success-border: #4caf50;--text-primary: #333;--text-secondary: #666;--text-hint: #888;--text-light: #999;--border-color: #e0e0e0;--background-light: #f5f5f5;--background-lighter: #f9f9f9;--white: #ffffff;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 20px;--spacing-lg: 30px;--spacing-xl: 40px;--radius-sm: 8px;--radius-md: 12px;--shadow-card: 0 20px 60px rgba(0, 0, 0, .3);--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 16px;--font-size-xl: 24px;--font-size-xxl: 28px;--map-controls-height: 40px;--transition-fast: .3s}:root{--accent: #00ACC1;--accent-dark: #0097A7;--accent-rgb: 0, 172, 193;--accent-dark-rgb: 0, 151, 167;--popover-gradient-start: var(--accent);--popover-gradient-end: var(--accent-dark);--popover-text-primary: #333;--popover-text-muted: #888;--popover-numeric-bg: #f5f5f5;--popover-bg-opacity: .92;--popover-blur: 12px}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#fff;min-height:100vh}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}gmp-popover{z-index:500!important}.popover-wrapper{animation:popoverFadeIn .2s ease-out}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes breathe{0%,to{filter:drop-shadow(0 0 20px rgba(var(--accent-rgb, 102, 126, 234),.15)) drop-shadow(0 0 40px rgba(var(--accent-rgb, 102, 126, 234),.05))}50%{filter:drop-shadow(0 0 28px rgba(var(--accent-rgb, 102, 126, 234),.25)) drop-shadow(0 0 56px rgba(var(--accent-rgb, 102, 126, 234),.1))}}@media(prefers-reduced-motion:reduce){.popover-wrapper,.fade-in{animation:none}}.param-badge{transition:transform .15s ease,box-shadow .15s ease}.param-row:hover .param-badge{transform:scale(1.02)}.param-badge-interactive{cursor:pointer}.param-badge-interactive:hover{transform:scale(1.08);box-shadow:0 2px 8px rgba(var(--accent-rgb),.4)}.param-value{transition:color .15s ease}.param-row:hover .param-value{color:#111!important}.reading-description{transition:background .15s ease,border-color .15s ease}.reading-description:hover{background:linear-gradient(135deg,rgba(var(--accent-rgb),.12),rgba(var(--accent-dark-rgb),.12))!important}.popover-nav{transition:opacity .2s,transform .15s!important}.popover-nav:hover:not(:disabled){opacity:.85;transform:scale(1.05)}.popover-nav:active:not(:disabled){transform:scale(.98)}.popover-nav:disabled{opacity:.4;cursor:not-allowed}.btn{padding:.7rem 1.5rem;font-size:.95rem;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--primary-color);color:#fff}.btn--primary:hover:not(:disabled){background:var(--primary-hover, #5a6fd6);transform:translateY(-1px)}.btn--secondary{background:var(--bg-light, #f0f0f0);color:var(--text-secondary, #555)}.btn--secondary:hover:not(:disabled){background:var(--border-color, #e0e0e0)}.btn--small{padding:.45rem .9rem;font-size:.8rem}.btn--large{padding:.875rem 1.75rem;font-size:1rem;display:flex;align-items:center;gap:.5rem}.btn--ghost{background:transparent;color:var(--text-secondary, #666)}.btn--ghost:hover:not(:disabled){background:#0000000d}.btn--danger{color:#d32f2f}.btn--danger:hover:not(:disabled){background:#d32f2f14}.btn--icon{padding:.4rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;line-height:1}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin-right:.5rem}.alert{padding:.875rem 1rem;border-radius:8px;font-size:.9rem}.alert--success{background:#e8f5e9;color:#2e7d32;border:1px solid #81c784}.alert--error{background:#ffebee;color:#c62828;border:1px solid #ef9a9a}.alert--warning{background:#fff8e1;color:#f57c00;border:1px solid #ffcc80}