:root{color-scheme:light dark;--font-sans: "Inter", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Fraunces", "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px;--radius-pill: 999px;--shadow-soft: 0 18px 48px rgba(15, 23, 42, .08);--shadow-card: 0 10px 28px rgba(15, 23, 42, .08);--shadow-focus: 0 0 0 3px rgba(59, 130, 246, .2);--motion-fast: .14s;--motion-base: .22s;--motion-slow: .32s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-emphasized: cubic-bezier(.2, .8, .2, 1);--color-brand: #2563eb;--color-brand-strong: #1d4ed8;--color-brand-soft: rgba(37, 99, 235, .12);--color-success: #16a34a;--color-danger: #dc2626;--color-warning: #d97706;--color-bg: #eef4fb;--color-bg-accent: radial-gradient(circle at top left, rgba(37, 99, 235, .1), transparent 34%), radial-gradient(circle at top right, rgba(14, 165, 233, .12), transparent 26%), linear-gradient(180deg, #f7fbff 0%, #eef4fb 100%);--color-surface: rgba(255, 255, 255, .82);--color-surface-strong: #ffffff;--color-surface-muted: rgba(248, 250, 252, .9);--color-surface-elevated: rgba(255, 255, 255, .92);--color-border: rgba(148, 163, 184, .22);--color-border-strong: rgba(148, 163, 184, .34);--color-text: #0f172a;--color-text-muted: #475569;--color-text-soft: #64748b;--color-text-inverse: #f8fafc;--color-ring: rgba(37, 99, 235, .35);--color-panel-highlight: rgba(241, 245, 249, .92);--color-panel-accent: rgba(239, 246, 255, .96);--color-tooltip-bg: rgba(255, 255, 255, .96);--color-tooltip-border: rgba(148, 163, 184, .28);--color-chart-current: #2563eb;--color-chart-current-soft: #60a5fa;--color-chart-previous: #94a3b8;--color-chart-grid: rgba(148, 163, 184, .34);--color-chart-axis: #64748b;--color-delta-positive: #0284c7;--color-delta-negative: #dc2626;--color-delta-neutral: #64748b;--color-delta-positive-bg: rgba(14, 165, 233, .1);--color-delta-negative-bg: rgba(251, 113, 133, .1);--color-delta-neutral-bg: rgba(148, 163, 184, .08)}:root[data-theme=dark]{--shadow-soft: 0 24px 56px rgba(2, 6, 23, .38);--shadow-card: 0 16px 36px rgba(2, 6, 23, .34);--shadow-focus: 0 0 0 3px rgba(96, 165, 250, .22);--color-brand: #60a5fa;--color-brand-strong: #93c5fd;--color-brand-soft: rgba(96, 165, 250, .16);--color-success: #4ade80;--color-danger: #f87171;--color-warning: #f59e0b;--color-bg: #07111f;--color-bg-accent: radial-gradient(circle at top left, rgba(96, 165, 250, .15), transparent 26%), radial-gradient(circle at top right, rgba(45, 212, 191, .1), transparent 24%), linear-gradient(180deg, #07111f 0%, #0b1628 100%);--color-surface: rgba(12, 22, 37, .84);--color-surface-strong: rgba(15, 23, 42, .96);--color-surface-muted: rgba(15, 23, 42, .76);--color-surface-elevated: rgba(18, 30, 48, .94);--color-border: rgba(148, 163, 184, .18);--color-border-strong: rgba(148, 163, 184, .28);--color-text: #e2e8f0;--color-text-muted: #cbd5e1;--color-text-soft: #94a3b8;--color-text-inverse: #0f172a;--color-ring: rgba(96, 165, 250, .32);--color-panel-highlight: rgba(17, 26, 40, .94);--color-panel-accent: rgba(24, 38, 58, .96);--color-tooltip-bg: rgba(16, 24, 38, .98);--color-tooltip-border: rgba(148, 163, 184, .22);--color-chart-current: #60a5fa;--color-chart-current-soft: #93c5fd;--color-chart-previous: #cbd5e1;--color-chart-grid: rgba(148, 163, 184, .34);--color-chart-axis: #94a3b8;--color-delta-positive: #38bdf8;--color-delta-negative: #fb7185;--color-delta-neutral: #94a3b8;--color-delta-positive-bg: rgba(56, 189, 248, .1);--color-delta-negative-bg: rgba(251, 113, 133, .1);--color-delta-neutral-bg: rgba(148, 163, 184, .07)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg-accent);background-attachment:fixed;transition:background var(--motion-slow) var(--ease-standard),color var(--motion-base) var(--ease-standard)}a{color:var(--color-brand)}button,input,select,textarea{font:inherit}button,input,select,textarea,a{transition:background-color var(--motion-base) var(--ease-standard),border-color var(--motion-base) var(--ease-standard),color var(--motion-base) var(--ease-standard),box-shadow var(--motion-base) var(--ease-standard),transform var(--motion-fast) var(--ease-emphasized),opacity var(--motion-base) var(--ease-standard)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.app-shell{min-height:100vh}.page-shell{width:min(1240px,calc(100vw - 32px));margin:0 auto}.app-nav{position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:color-mix(in srgb,var(--color-surface-elevated) 82%,transparent);border-bottom:1px solid var(--color-border)}.app-nav__inner{display:flex;align-items:center;gap:var(--space-2);width:min(1280px,calc(100vw - 32px));margin:0 auto;padding:14px 0}.app-nav__brand{margin-right:var(--space-4);font-family:var(--font-display);font-size:1.2rem;letter-spacing:-.02em;color:var(--color-text)}.nav-link{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid transparent;border-radius:var(--radius-pill);color:var(--color-text-muted);text-decoration:none}.nav-link:hover{color:var(--color-text);background:var(--color-brand-soft)}.nav-link--active{color:var(--color-text);background:color-mix(in srgb,var(--color-brand-soft) 75%,var(--color-surface-strong));border-color:color-mix(in srgb,var(--color-brand) 25%,var(--color-border))}.theme-toggle{display:inline-flex;align-items:center;gap:6px;padding:4px;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-surface) 84%,transparent)}.theme-toggle__button{border:0;min-width:40px;height:36px;padding:0 12px;border-radius:var(--radius-pill);background:transparent;color:var(--color-text-soft);cursor:pointer}.theme-toggle__button:hover{color:var(--color-text)}.theme-toggle__button--active{color:var(--color-text);background:var(--color-brand);box-shadow:inset 0 0 0 1px #ffffff14}.surface-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-card)}.surface-card--muted{background:var(--color-surface-muted)}.surface-card--glass{background:color-mix(in srgb,var(--color-surface) 82%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.card-grid{display:grid;gap:var(--space-5)}.section-heading{font-family:var(--font-display);letter-spacing:-.02em}.control-surface{position:sticky;top:74px;z-index:20;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-surface-elevated) 88%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-soft)}.control-toolbar{display:flex;gap:var(--space-4);align-items:center;flex-wrap:wrap}.control-cluster{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.control-label{font-size:13px;color:var(--color-text-muted)}.control-select,.control-input{min-height:40px;padding:0 12px;border-radius:12px;border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface-strong) 92%,transparent);color:var(--color-text)}.control-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--color-text-muted)}.segmented{display:inline-flex;gap:6px;padding:4px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-brand-soft) 55%,var(--color-surface-strong));border:1px solid color-mix(in srgb,var(--color-brand) 18%,var(--color-border))}.segmented__button{border:0;border-radius:var(--radius-pill);min-height:38px;padding:0 16px;background:transparent;color:var(--color-text-muted);cursor:pointer}.segmented__button:hover{color:var(--color-text)}.segmented__button--active{color:var(--color-text-inverse);background:linear-gradient(135deg,var(--color-brand) 0%,var(--color-brand-strong) 100%);box-shadow:0 8px 18px color-mix(in srgb,var(--color-brand) 28%,transparent)}.field-control{min-height:40px;padding:0 12px;border-radius:12px;border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface-strong) 90%,transparent);color:var(--color-text)}.button-secondary{min-height:38px;padding:0 14px;border-radius:12px;border:1px solid var(--color-border-strong);background:color-mix(in srgb,var(--color-surface-strong) 92%,transparent);color:var(--color-text);cursor:pointer}.button-secondary:hover:not(:disabled){transform:translateY(-1px);border-color:color-mix(in srgb,var(--color-brand) 24%,var(--color-border-strong))}.button-secondary:disabled{cursor:not-allowed;opacity:.55}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:24px;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:transparent;box-shadow:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;margin-top:-5px;border-radius:50%;border:2px solid color-mix(in srgb,var(--color-surface-strong) 100%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--color-surface-strong) 88%,var(--color-brand-soft)),color-mix(in srgb,var(--color-brand) 88%,var(--color-brand-strong)));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-surface) 28%,transparent),0 0 0 3px color-mix(in srgb,var(--color-brand) 18%,transparent),0 0 0 1px color-mix(in srgb,var(--color-brand-strong) 28%,transparent),0 10px 18px color-mix(in srgb,#020617 22%,transparent);transition:transform var(--motion-fast) var(--ease-emphasized),box-shadow var(--motion-base) var(--ease-standard),background-color var(--motion-base) var(--ease-standard)}input[type=range]::-moz-range-track{height:6px;border:none;border-radius:999px;background:transparent;box-shadow:none}input[type=range]::-moz-range-progress{background:transparent}input[type=range]::-moz-range-thumb{width:18px;height:18px;border:2px solid color-mix(in srgb,var(--color-surface-strong) 100%,transparent);border-radius:50%;background:linear-gradient(135deg,color-mix(in srgb,var(--color-surface-strong) 88%,var(--color-brand-soft)),color-mix(in srgb,var(--color-brand) 88%,var(--color-brand-strong)));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-surface) 28%,transparent),0 0 0 3px color-mix(in srgb,var(--color-brand) 18%,transparent),0 0 0 1px color-mix(in srgb,var(--color-brand-strong) 28%,transparent),0 10px 18px color-mix(in srgb,#020617 22%,transparent);transition:transform var(--motion-fast) var(--ease-emphasized),box-shadow var(--motion-base) var(--ease-standard),background-color var(--motion-base) var(--ease-standard)}input[type=range]:hover::-webkit-slider-thumb,input[type=range]:focus-visible::-webkit-slider-thumb,input[type=range]:hover::-moz-range-thumb,input[type=range]:focus-visible::-moz-range-thumb{transform:scale(1.08);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-brand) 18%,transparent),0 10px 22px color-mix(in srgb,var(--color-brand) 32%,transparent)}input[type=range]:active::-webkit-slider-thumb,input[type=range]:active::-moz-range-thumb{transform:scale(1.14)}.text-muted{color:var(--color-text-muted)}.text-soft{color:var(--color-text-soft)}.metric-page{padding:28px 0 48px}.metric-page__title{margin:0 0 18px;font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(2.2rem,3vw,3.2rem);color:var(--color-text)}.metric-header{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-5);margin-bottom:var(--space-5);padding:24px 24px 22px}.metric-header__copy{display:grid;gap:10px}.metric-header__eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--color-brand);font-weight:700}.metric-header__title{margin:0;font-family:var(--font-display);font-size:clamp(2.1rem,3.3vw,3.4rem);letter-spacing:-.04em;line-height:1;color:var(--color-text)}.metric-header__subtitle{margin:0;max-width:76ch;line-height:1.6;color:var(--color-text-muted)}.metric-header__meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.metric-stat{min-width:108px;padding:10px 12px;border-radius:14px;border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface-strong) 88%,transparent)}.metric-stat__label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-soft)}.metric-stat__value{margin-top:4px;font-size:1.15rem;font-weight:700;color:var(--color-text)}.banner{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-muted);color:var(--color-text-muted)}.banner--warning{border-color:color-mix(in srgb,var(--color-warning) 32%,var(--color-border));background:color-mix(in srgb,var(--color-warning) 10%,var(--color-surface-strong));color:color-mix(in srgb,var(--color-warning) 72%,var(--color-text))}.banner--info{border-color:color-mix(in srgb,var(--color-brand) 26%,var(--color-border));background:color-mix(in srgb,var(--color-brand) 10%,var(--color-surface-strong))}.chart-surface{padding:16px 18px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface-strong) 90%,transparent);box-shadow:var(--shadow-card)}.chart-surface__eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-soft);margin-bottom:8px}.comparison-card--current{padding:12px 14px;border:1px solid color-mix(in srgb,var(--color-brand) 28%,var(--color-border));border-left:4px solid var(--color-brand);border-radius:10px;background:color-mix(in srgb,var(--color-brand-soft) 36%,var(--color-surface-strong))}.comparison-card--previous{padding:12px 14px;border:1px dashed color-mix(in srgb,var(--color-text-soft) 55%,var(--color-border));border-left:4px solid var(--color-text-soft);border-radius:10px;background:color-mix(in srgb,var(--color-surface-muted) 82%,transparent)}.spinner{display:inline-flex;align-items:center;gap:12px;color:var(--color-text-muted)}.spinner__dot{width:14px;height:14px;border-radius:999px;border:2px solid color-mix(in srgb,var(--color-brand) 22%,transparent);border-top-color:var(--color-brand);animation:spin var(--motion-slow) linear infinite}.error-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--color-danger) 30%,var(--color-border));background:color-mix(in srgb,var(--color-danger) 10%,var(--color-surface-strong));color:var(--color-text)}.help-underline{text-decoration:underline dotted;text-underline-offset:2px;cursor:help}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 900px){.app-nav__inner{flex-wrap:wrap;justify-content:center}.control-surface{top:64px}.page-shell{width:min(100vw - 20px,1240px)}.metric-header{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}