:root{--bg:#f6f2ea;--bg2:#eee5d8;--surface:#fffdf8;--surface2:#f6efe4;--surface3:#ebdfcf;--text1:#1e1a16;--text2:#5f584f;--text3:#8f877b;--border:#1e1a161f;--border2:#1e1a1633;--accent:#cb5d30;--accent-soft:#f6ddd2;--blue:#307fc7;--blue-soft:#e5effa;--danger:#b44242;--danger-soft:#f6e0e0;--warn:#9b6b1f;--warn-soft:#f4e7cf;--ok:#2f7b3a;--ok-soft:#e4f1e4;--shadow:0 18px 42px #1f181114;--sans:"DM Sans",system-ui,sans-serif;--serif:"Fraunces",Georgia,serif;--building-alive:#307fc7;--building-alive-stroke:#1f5f97;--building-dead:#b8b1a4;--building-dead-stroke:#8d8578;--window-lit:#b6d5f3;--window-dark:#d9d1c4;--building-affordable:#2a8f5a;--window-affordable:#a8e6c3}@media (prefers-color-scheme:dark){:root{--bg:#17140f;--bg2:#1f1b15;--surface:#201c16;--surface2:#27211a;--surface3:#30281f;--text1:#eee7dc;--text2:#b2aa9e;--text3:#7d766b;--border:#ffffff1a;--border2:#ffffff2e;--accent:#ef7d4e;--accent-soft:#472315;--blue:#7cb5ea;--blue-soft:#17293b;--danger:#f0a1a1;--danger-soft:#4b1a1a;--warn:#efc275;--warn-soft:#3e2e13;--ok:#9fd078;--ok-soft:#1a3215;--shadow:none;--building-alive:#5a9fd4;--building-alive-stroke:#3a7ab0;--building-dead:#5a554d;--building-dead-stroke:#44403a;--window-lit:#8bbde0;--window-dark:#44403a;--building-affordable:#2a8f5a;--window-affordable:#7ad4a0}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:16px}body{height:100svh;font-family:var(--sans);color:var(--text1);background:radial-gradient(circle at top left,#cb5d3024,transparent 28%),radial-gradient(circle at top right,#307fc71f,transparent 32%),linear-gradient(180deg,var(--bg),var(--bg2));overflow:hidden}.app-shell{flex-direction:column;gap:10px;max-width:1320px;height:100svh;margin:0 auto;padding:14px;display:flex}.page-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:4px;font-size:10px;font-weight:600}.page-title{font-family:var(--serif);letter-spacing:-.03em;font-size:clamp(22px,3.5vw,36px);line-height:1.05}.page-subtitle{color:var(--text2);flex-shrink:0;max-width:80ch;margin-top:2px;font-size:13px;line-height:1.4}.research-link{border:1px solid var(--border);background:var(--surface);color:var(--text2);white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;padding:8px 12px;font-size:11px;font-weight:600;text-decoration:none;display:inline-flex}.research-link:hover{border-color:var(--border2)}.main-panel{background:var(--surface);border:1px solid var(--border2);min-height:0;box-shadow:var(--shadow);border-radius:20px;flex-direction:column;flex:1;gap:10px;padding:14px;display:flex}.slider-bar{background:var(--surface2);border-radius:14px;flex-shrink:0;align-items:center;gap:12px;padding:10px 14px;display:flex}.slider-label{color:var(--text3);white-space:nowrap;font-size:12px;font-weight:500}.slider-bar input[type=range]{appearance:none;background:var(--surface3);cursor:pointer;border-radius:999px;outline:none;flex:1;height:4px}.slider-bar input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text1);border:2px solid var(--surface);width:18px;height:18px;box-shadow:0 0 0 1px var(--border2);cursor:pointer;border-radius:50%}.slider-bar input[type=range]::-moz-range-thumb{background:var(--text1);border:2px solid var(--surface);border-radius:50%;width:18px;height:18px}.slider-value{text-align:right;font-variant-numeric:tabular-nums;min-width:3ch;font-size:22px;font-weight:700}.body-grid{flex:1;grid-template-columns:1fr 260px;gap:10px;min-height:0;display:grid}.stage-card{border:1px solid var(--border);background:linear-gradient(180deg,var(--surface),var(--surface2));border-radius:16px;flex-direction:column;min-height:0;padding:12px;display:flex}.stage-header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.stage-title{font-size:13px;font-weight:600}.stage-meta{color:var(--text3);font-size:11px}.stage-body{flex:1;min-height:0;position:relative}.stage-footer{color:var(--text3);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:2px;margin-top:20px;font-size:10px;display:flex}.right-panel{flex-direction:column;gap:8px;min-height:0;display:flex}.market-section-label{text-transform:uppercase;letter-spacing:.12em;color:var(--text3);font-size:10px;font-weight:600}.market-btns{flex-direction:column;gap:5px;display:flex}.market-btn{text-align:left;border:1px solid var(--border);background:var(--surface);color:var(--text2);cursor:pointer;font-family:var(--sans);border-radius:12px;padding:8px 10px;transition:border-color .15s,background .15s,transform .1s}.market-btn:hover{border-color:var(--border2);transform:translateY(-1px)}.market-btn.active{background:var(--accent-soft);border-color:var(--border2);color:var(--text1)}.market-btn-title{font-size:12px;font-weight:600;display:block}.market-btn-sub{color:var(--text3);margin-top:2px;font-size:10px;display:block}.result-hero{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px}.result-hero-value{font-family:var(--serif);font-size:38px;font-weight:700;line-height:.95}.result-hero-label{color:var(--text2);margin-top:4px;font-size:11px}.delta-badge{border:1px solid var(--border);background:var(--surface);color:var(--text3);border-radius:999px;align-items:center;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.delta-badge.up{color:var(--ok);background:var(--ok-soft);border-color:#0000}.delta-badge.down{color:var(--danger);background:var(--danger-soft);border-color:#0000}.stat-row{border:1px solid var(--border);background:var(--surface);border-radius:12px;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.stat-label{font-size:11px;font-weight:600}.stat-sub{color:var(--text3);margin-top:2px;font-size:9px}.stat-value{font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.narrative{border-left:3px solid var(--blue);background:var(--blue-soft);border-radius:0 12px 12px 0;margin-top:auto;padding:8px 10px;font-size:12px;line-height:1.35}.narrative.positive{border-color:var(--ok);background:var(--ok-soft)}.narrative.warn{border-color:var(--warn);background:var(--warn-soft)}.narrative.danger{border-color:var(--danger);background:var(--danger-soft)}.page-footer{color:var(--text3);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 2px;font-size:10px;display:flex}@media (max-width:900px){.body-grid{grid-template-columns:1fr}.right-panel{flex-flow:wrap;gap:8px}.market-btns{flex-direction:row}.market-btn{flex:1}}@media (max-width:600px){.app-shell,.main-panel{padding:10px}}