:root{color-scheme:dark;--bg: #0f1115;--card: #14181f;--border: #262c36;--text: #e8eaed;--muted: #9aa0a6;--faint: #6b7280;--accent: #f0c550;--blue: #6ea8d8;--font: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.45}#app{max-width:1280px;margin:0 auto;padding:20px 24px 64px}.site-header{display:grid;grid-template-columns:minmax(200px,.9fr) minmax(0,2.1fr);gap:20px 28px;padding:8px 4px 18px;border-bottom:1px solid var(--border)}.eyebrow{margin:0 0 4px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:600}h1{margin:0 0 6px;font-size:32px;font-weight:650;letter-spacing:-.02em}.sub,.generated{margin:0;color:var(--muted);font-size:13px}.generated{grid-column:1 / -1}.unit-inline{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#1b2028;color:var(--accent);border:1px solid var(--border);border-radius:6px;padding:1px 8px;font:600 12px var(--font);cursor:pointer}.unit-inline:hover{border-color:var(--accent)}.story-block{display:flex;flex-direction:column;gap:12px}.story-card{background:linear-gradient(135deg,#1a1f28,#14181f);border:1px solid var(--border);border-radius:12px;padding:12px 14px}.story-lead{margin:0 0 4px;font-size:18px;font-weight:650;letter-spacing:-.01em;color:var(--text)}.story-meta{margin:0;color:var(--muted);font-size:13px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 14px;margin:0}.stats-secondary{grid-template-columns:repeat(4,minmax(0,1fr))}.stats div,.rate-grid>div{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:8px 10px}.stats dt,.rate-grid dt{font-size:11px;color:var(--muted);font-weight:500}.stats dd,.rate-grid dd{margin:2px 0 0;font-size:14px;font-weight:600}.info-row{display:grid;grid-template-columns:1fr 1.2fr;gap:14px;margin:16px 0 4px}.panel{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px 14px}.panel h3{margin:0 0 10px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-weight:600}.rate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.rate-compare{margin:10px 0 0;font-size:12.5px;color:var(--muted)}.dexa-table{width:100%;border-collapse:collapse;font-size:13px}.dexa-table th{text-align:left;color:var(--muted);font-weight:500;font-size:11px;padding:0 8px 6px 0;border-bottom:1px solid var(--border)}.dexa-table td{padding:7px 8px 7px 0;border-bottom:1px solid rgba(38,44,54,.6);font-variant-numeric:tabular-nums}.dexa-table tr:last-child td{border-bottom:0}.toolbar{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;padding:10px 0;background:#0f1115eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.toolbar-right{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.chart-nav{display:flex;flex-wrap:wrap;gap:6px}.chart-nav button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:var(--muted);text-decoration:none;font-size:13px;font-weight:500;font-family:var(--font);padding:6px 10px;border-radius:999px;border:1px solid transparent;cursor:pointer}.chart-nav button:hover{color:var(--text);background:#1b2028}.chart-nav button.active{color:var(--bg);background:var(--accent);font-weight:600}.range-bar,.unit-bar{display:flex;border:1px solid var(--border);border-radius:999px;overflow:hidden}.range-bar button,.unit-bar button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:var(--muted);border:0;border-right:1px solid var(--border);padding:6px 12px;font:600 12px var(--font);cursor:pointer}.range-bar button:last-child,.unit-bar button:last-child{border-right:0}.range-bar button:hover,.unit-bar button:hover{color:var(--text);background:#1b2028}.range-bar button.active{background:#243044;color:var(--blue)}.unit-bar button.active{background:#3a3420;color:var(--accent)}.chart-card{margin:16px 0 28px;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px 12px 8px}.chart-head{padding:0 8px 4px}.chart-head h2{margin:0 0 4px;font-size:17px;font-weight:600;letter-spacing:-.01em}.chart-chrome{margin:0 0 8px;color:var(--muted);font-size:12.5px;max-width:95ch}.plot{width:100%;min-height:360px;overflow:hidden}.plot .js-plotly-plot,.plot .plot-container,.plot .svg-container{width:100%!important}.site-footer{border-top:1px solid var(--border);padding:18px 4px 0;color:var(--faint);font-size:12.5px}.site-footer p{margin:0 0 8px;max-width:90ch}.debug-note{color:var(--muted);font-family:ui-monospace,monospace;font-size:11.5px}.fatal{color:#f0a0a0;padding:24px}.skeleton-card{background:linear-gradient(90deg,#14181f,#1b2028,#14181f);background-size:200% 100%;animation:shimmer 1.2s ease-in-out infinite;border:1px solid var(--border);border-radius:10px;min-height:48px}.skeleton-line{height:12px;margin:8px 0;border-radius:6px;background:linear-gradient(90deg,#1b2028,#262c36,#1b2028);background-size:200% 100%;animation:shimmer 1.2s ease-in-out infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (max-width: 960px){.site-header{grid-template-columns:1fr}.stats,.stats-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}.info-row{grid-template-columns:1fr}h1{font-size:26px}#app{padding:12px 12px 48px}}