:root{--color-bg-primary: #0a0e1a;--color-bg-secondary: #111827;--color-bg-tertiary: #1a202e;--color-bg-card: #1e293b;--color-bg-card-hover: #263247;--color-text-primary: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--color-text-disabled: #64748b;--color-accent-blue: #3b82f6;--color-accent-cyan: #06b6d4;--color-accent-emerald: #10b981;--color-accent-amber: #f59e0b;--color-accent-red: #ef4444;--color-accent-purple: #8b5cf6;--color-border-subtle: #334155;--color-border-medium: #475569;--color-border-accent: #3b82f6;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 10px 10px -5px rgba(0, 0, 0, .4);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-base);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}.nav{position:sticky;top:0;z-index:50;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-subtle);box-shadow:var(--shadow-md)}.nav-container{max-width:1400px;margin:0 auto;padding:0 var(--space-6);display:flex;align-items:center;justify-content:space-between;height:72px}.nav-logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--color-text-primary);transition:opacity var(--transition-base)}.nav-logo:hover{opacity:.9}.nav-logo-icon{width:32px;height:32px;color:var(--color-accent-cyan)}.nav-logo-text{display:flex;flex-direction:column;gap:2px}.nav-logo-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em}.nav-logo-subtitle{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.nav-links{display:flex;gap:var(--space-3)}.nav-link{padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);text-decoration:none;color:var(--color-text-secondary);transition:all var(--transition-base);border:1px solid transparent}.nav-link:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.nav-link.active{color:var(--color-text-primary);background:var(--color-bg-tertiary);border-color:var(--color-border-accent)}.page-container{max-width:1400px;margin:0 auto;padding:var(--space-8) var(--space-6)}.page-header{margin-bottom:var(--space-8);text-align:center}.page-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-3);letter-spacing:-.02em}.page-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);font-weight:var(--font-weight-normal)}.card{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.card:hover{border-color:var(--color-border-medium);box-shadow:var(--shadow-md)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-subtle);gap:var(--space-4)}.card-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.card-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.view-toggle{display:flex;gap:var(--space-2);background:var(--color-bg-tertiary);padding:var(--space-1);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle)}.view-toggle-btn{padding:var(--space-2) var(--space-4);background:transparent;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.view-toggle-btn:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.view-toggle-btn.active{background:var(--color-accent-blue);color:#fff;box-shadow:var(--shadow-sm)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.stat-card{background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--transition-base)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card.stat-current{border-color:var(--color-accent-blue);background:linear-gradient(135deg,#3b82f61a,#3b82f60d)}.stat-card.stat-max{border-color:var(--color-accent-red);background:linear-gradient(135deg,#ef44441a,#ef44440d)}.stat-card.stat-min{border-color:var(--color-accent-cyan);background:linear-gradient(135deg,#06b6d41a,#06b6d40d)}.stat-card.stat-avg{border-color:var(--color-accent-purple);background:linear-gradient(135deg,#8b5cf61a,#8b5cf60d)}.stat-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1}.stat-card.stat-current .stat-value{color:var(--color-accent-blue)}.stat-card.stat-max .stat-value{color:var(--color-accent-red)}.stat-card.stat-min .stat-value{color:var(--color-accent-cyan)}.stat-card.stat-avg .stat-value{color:var(--color-accent-purple)}.stat-unit{font-size:var(--font-size-xl);margin-left:2px}.badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.badge.badge-success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:var(--color-accent-emerald)}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chart-container{background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);margin-top:var(--space-6)}.loading-container{display:flex;align-items:center;justify-content:center;min-height:400px}.spinner{width:48px;height:48px;border:3px solid var(--color-border-subtle);border-top-color:var(--color-accent-blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:var(--space-16) var(--space-8);color:var(--color-text-muted)}.empty-state-icon{width:64px;height:64px;margin:0 auto var(--space-4);opacity:.3}.empty-state-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.empty-state-text{font-size:var(--font-size-sm);color:var(--color-text-muted)}.hero{background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-tertiary) 100%);padding:var(--space-16) var(--space-6);text-align:center;border-bottom:1px solid var(--color-border-subtle)}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:#10b9811a;border:1px solid rgba(16,185,129,.3);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-accent-emerald);margin-bottom:var(--space-6)}.hero-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-4);letter-spacing:-.02em}.hero-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--space-8);max-width:600px;margin-left:auto;margin-right:auto}.hero-cta{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--color-accent-blue);color:#fff;text-decoration:none;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);transition:all var(--transition-base);border:1px solid transparent}.hero-cta:hover{background:#2563eb;transform:translateY(-1px);box-shadow:var(--shadow-lg)}.hero-cta svg{width:18px;height:18px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.info-card{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);text-align:center;transition:all var(--transition-base)}.info-card:hover{border-color:var(--color-border-medium);transform:translateY(-2px);box-shadow:var(--shadow-md)}.info-card-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-accent-blue);margin-bottom:var(--space-2)}.info-card-label{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.temp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-4)}.temp-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-base)}.temp-item:hover{border-color:var(--color-border-medium);transform:translate(4px)}.temp-city{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:2px}.temp-station{font-size:var(--font-size-xs);color:var(--color-text-muted)}.temp-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-accent-cyan)}.status-grid{display:flex;flex-direction:column;gap:var(--space-3)}.status-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.status-label{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.status-value{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.status-online{background:#10b9811a;border-color:#10b9814d}.status-online .status-value{color:var(--color-accent-emerald)}.text-center{text-align:center}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.controls-bar{display:flex;gap:var(--space-4);align-items:center;flex-wrap:wrap;padding:var(--space-4);background:var(--color-bg-card);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.model-checkbox-group{display:flex;gap:var(--space-3);flex-wrap:wrap}.model-checkbox{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);cursor:pointer;transition:var(--transition-base);background:var(--color-bg-tertiary)}.model-checkbox:hover{background:var(--color-bg-card-hover)}.model-checkbox.active{background:#3b82f61a}.model-indicator{width:12px;height:12px;border-radius:50%}.comparison-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.comparison-table th{text-align:left;padding:var(--space-3);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);border-bottom:2px solid var(--color-border-subtle)}.comparison-table td{padding:var(--space-3);border-bottom:1px solid var(--color-border-subtle)}.spread-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:var(--space-2)}.spread-low{background:var(--color-accent-emerald)}.spread-medium{background:var(--color-accent-amber)}.spread-high{background:var(--color-accent-red)}.model-status-badges{display:flex;gap:var(--space-2);flex-wrap:wrap}.model-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--space-2)}.model-badge.online{background:#10b9811a;color:var(--color-accent-emerald);border:1px solid rgba(16,185,129,.3)}.model-badge.offline{background:#ef44441a;color:var(--color-accent-red);border:1px solid rgba(239,68,68,.3)}