:root{--bg-primary: #FBF9F5;--bg-surface: #FFFFFF;--bg-subtle: #F3EFEA;--border-light: #E5DFC8;--border-strong: #D1C9B8;--text-main: #1C2024;--text-muted: #4B5563;--text-subtle: #4B5563;--heat-normal: #047857;--heat-caution: #D97706;--heat-ext-caution: #C2410C;--heat-danger: #B91C1C;--heat-ext-danger: #7F1D1D;--accent-teal: #0F766E;--accent-teal-dark: #115E59;--accent-teal-bg: #F0FDFA;--accent-teal-border: #99F6E4;--status-operational: #0F766E;--status-restoring: #B45309;--status-inoperable: #B91C1C;--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .09), 0 4px 6px -4px rgba(0, 0, 0, .04);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 9999px}[data-theme=dark]{--bg-primary: #12161A;--bg-surface: #1B2127;--bg-subtle: #242B33;--border-light: #2D3640;--border-strong: #3D4856;--text-main: #F3F4F6;--text-muted: #9CA3AF;--text-subtle: #6B7280;--accent-teal-bg: #042F2E;--accent-teal-border: #115E59}*{box-sizing:border-box;margin:0;padding:0}html{scroll-padding-top:5rem}.app-header{position:static}@media (min-width: 768px){.app-header{position:sticky;top:0}}body{background-color:var(--bg-primary);color:var(--text-main);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-teal);outline-offset:2px}button,a,input,select{min-height:44px}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:.95rem}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.02em;color:var(--text-main)}.mono{font-family:var(--font-mono)}.civic-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:1.25rem;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.civic-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.modal-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.badge-live{background-color:#ecfdf5;color:#065f46;border:1px solid #A7F3D0}.badge-demo{background-color:#fef3c7;color:#92400e;border:1px solid #FDE68A}.badge-degraded{background-color:#fee2e2;color:#991b1b;border:1px solid #FECACA}.badge-cached{background-color:#eff6ff;color:#1e40af;border:1px solid #BFDBFE}.app-container{max-width:1400px;margin:0 auto;padding:0 1rem}@media (min-width: 768px){.app-container{padding:0 1.5rem}}@media (min-width: 1024px){.app-container{padding:0 2rem}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}