:root{--canvas-base:#fbfaf7;--canvas-subtle:#f3f0e8;--surface-ledger:#fff;--surface-hover:#f7f5ee;--surface-selected:#ebe7dc;--rule-subtle:#e4dfd5;--rule-strong:#c8c2b5;--rule-accent:#9a9486;--font-serif:"Newsreader", Georgia, serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--ink-paper:#121417;--ink-secondary:#484d59;--ink-caption:#737885;--pillar-space:#15803d;--pillar-climate:#0369a1;--pillar-vitality:#4338ca;--pillar-economy:#b45309;--pillar-safety:#0f766e;--tier-golden:#15803d;--tier-favorable:#0369a1;--tier-moderate:#b45309;--tier-friction:#b91c1c;--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--canvas-base);color:var(--ink-paper);-webkit-font-smoothing:antialiased;background-image:linear-gradient(90deg,#00000005 1px,#0000 1px),linear-gradient(#00000005 1px,#0000 1px);background-size:48px 48px;min-height:100vh;line-height:1.55}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}h1,h2,h3{font-family:var(--font-serif);letter-spacing:-.015em;color:var(--ink-paper);font-weight:400}h4,h5,h6{font-family:var(--font-sans);letter-spacing:-.01em;color:var(--ink-paper);font-weight:600}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.ledger-panel{background:var(--surface-ledger);border:1px solid var(--rule-subtle);border-radius:var(--radius-sm);transition:border-color .2s;box-shadow:0 1px 3px #00000008}.ledger-panel:hover{border-color:var(--rule-strong)}.data-table{border-collapse:collapse;width:100%}.data-table th{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-caption);border-bottom:1px solid var(--rule-subtle);text-align:left;padding:8px 12px;font-size:.72rem;font-weight:700}.data-table td{color:var(--ink-secondary);border-bottom:1px solid #0000000a;padding:10px 12px;font-size:.85rem}.tier-badge{font-family:var(--font-mono);border-radius:var(--radius-xs);text-transform:uppercase;letter-spacing:.04em;border:1px solid;justify-content:center;align-items:center;padding:3px 8px;font-size:.75rem;font-weight:700;display:inline-flex}.tier-badge.golden{color:#15803d;background:#15803d14}.tier-badge.favorable{color:#0369a1;background:#0369a114}.tier-badge.moderate{color:#b45309;background:#b4530914}.tier-badge.friction{color:#b91c1c;background:#b91c1c14}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--canvas-subtle)}::-webkit-scrollbar-thumb{background:var(--rule-strong);border-radius:var(--radius-xs)}::-webkit-scrollbar-thumb:hover{background:var(--rule-accent)}.headline-search-input{font-family:var(--font-serif)!important;color:var(--pillar-space)!important;font-style:italic!important}.headline-search-input::placeholder{opacity:.45;font-family:var(--font-serif)!important;color:var(--pillar-space)!important;font-style:italic!important}.platform-cockpit-grid{grid-template-columns:minmax(0,1.25fr) minmax(360px,.95fr);align-items:start;gap:1.25rem;display:grid}.platform-main-container{box-sizing:border-box;flex:1;width:100%;max-width:1440px;margin:0 auto;padding:.85rem 1.5rem 1rem}.inspector-sticky-wrapper{position:sticky;top:4.75rem}.navbar-header{z-index:50;border-bottom:1px solid var(--rule-subtle);background:#fff;padding:.65rem 1.5rem;position:sticky;top:0;box-shadow:0 1px 3px #00000008}.navbar-container{justify-content:space-between;align-items:center;gap:1.25rem;max-width:1440px;margin:0 auto;display:flex}.navbar-left{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.navbar-right{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.heatmap-container{border:1px solid var(--rule-subtle);border-radius:var(--radius-sm);background:#fff;padding:1.25rem 1.5rem;box-shadow:0 1px 4px #00000008}.quick-scan-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;display:grid}.dimension-selector-container{border:1px solid var(--rule-strong);border-radius:var(--radius-xs);background:#fff;display:flex;overflow:hidden}.calendar-day-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.calendar-day-cell{min-height:48px}.inspector-container{border:1px solid var(--rule-subtle);border-radius:var(--radius-sm);background:#fff;flex-direction:column;gap:1.1rem;padding:1.25rem 1.5rem;display:flex;box-shadow:0 1px 4px #00000008}@media (width<=1024px){.platform-cockpit-grid{grid-template-columns:1fr;gap:1rem}.inspector-sticky-wrapper{position:static}}@media (width<=768px){.platform-main-container{padding:.5rem .65rem 1rem!important}.navbar-header{padding:.5rem .75rem!important}.navbar-container,.navbar-left{gap:.5rem!important}.navbar-city-section{border-left:none!important;padding-left:0!important}.navbar-time-badge{display:none!important}.navbar-right{gap:.35rem!important}.heatmap-container{padding:.85rem .65rem!important}.quick-scan-grid{-webkit-overflow-scrolling:touch;scrollbar-width:thin;grid-template-columns:none!important;grid-auto-columns:minmax(44px,1fr)!important;grid-auto-flow:column!important;padding-bottom:6px!important;overflow-x:auto!important}.dimension-selector-container{-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%!important;overflow-x:auto!important}.dimension-selector-container::-webkit-scrollbar{display:none}.calendar-day-grid{gap:4px!important}.calendar-day-cell{min-height:40px!important;padding:3px 2px!important}.inspector-container{padding:.85rem .75rem!important}.inspector-metrics-split{border-left:none!important;border-top:1px solid var(--rule-subtle)!important;text-align:left!important;width:100%!important;padding-top:.65rem!important;padding-left:0!important}.modal-backdrop-responsive{padding:.4rem!important}.modal-card-responsive{border-radius:var(--radius-xs)!important;max-height:94vh!important}.modal-header-responsive{padding:.85rem 1rem!important}.modal-body-responsive{padding:1rem .85rem!important}.comparison-pickers-grid{grid-template-columns:1fr!important;gap:.5rem!important}.comparison-month-grid{-webkit-overflow-scrolling:touch;scrollbar-width:thin;grid-template-columns:none!important;grid-auto-columns:minmax(46px,1fr)!important;grid-auto-flow:column!important;padding-bottom:4px!important;overflow-x:auto!important}}
