@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--color-bg-base: #0f0f14;--color-bg-surface: #13131c;--color-bg-elevated: #1a1a28;--color-border: #2a2a3a;--color-text-primary: #e0e0f0;--color-text-secondary: #aaaacc;--color-text-muted: #666680;--color-accent-primary: #7b8cff;--color-accent-live: #3dffa0;--color-accent-needle: #ff6b6b;--color-accent-precomp: #f5a623;--color-accent-correct: #3dffa0;--color-accent-wrong: #ff6b6b;--font-ui: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 12px;--touch-min: 44px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{font-family:var(--font-ui);background:var(--color-bg-base);color:var(--color-text-primary);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input[type=range]{min-height:var(--touch-min);touch-action:manipulation}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:3px;background:var(--color-border);outline:none;cursor:pointer;padding:19px 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-accent-primary);cursor:pointer;border:2px solid #0f0f14;box-shadow:0 0 0 3px #7b8cff33}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--color-accent-primary);cursor:pointer;border:2px solid #0f0f14}#app-shell{display:flex;flex-direction:column;min-height:100vh}.main-grid{display:grid;grid-template-columns:260px 1fr 300px;flex:1;overflow:hidden}#guided-walkthrough{flex-wrap:wrap}@media (max-width: 600px){.topbar-claim-pill,.topbar-track-tag{display:none!important}}@media (max-width: 800px){.main-grid,#sandbox .sandbox-body{grid-template-columns:1fr!important;display:flex!important;flex-direction:column!important}#control-panel{border-right:none!important;border-bottom:1px solid var(--color-border)!important;min-width:unset!important;flex-direction:row!important;flex-wrap:wrap!important;gap:12px!important;padding:12px!important;overflow-x:auto!important}#control-panel>div{flex:0 0 auto;min-width:140px}#cache-heatmap .heatmap-grid{grid-template-columns:repeat(32,1fr)!important}#guided-walkthrough{flex-direction:column!important;gap:8px!important;padding:10px 12px!important}.step-dots-row{justify-content:center!important}#sandbox,#sandbox .sandbox-body{flex-direction:column!important}#sandbox .controls-pane{border-right:none!important;border-bottom:1px solid var(--color-border)!important}#accuracy-panel svg{width:100%!important;height:auto!important}#memory-chart svg{width:100%!important}}@media (max-width: 430px){body{font-size:13px}.policy-grid-2col{grid-template-columns:1fr 1fr!important}.stepper-btn{width:var(--touch-min)!important;height:var(--touch-min)!important}.walkthrough-nav{flex-wrap:wrap!important;gap:6px!important}#bdh-module .cols-grid{grid-template-columns:1fr!important}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0f0f14}::-webkit-scrollbar-thumb{background:#2a2a3a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#3a3a5a}@keyframes shimmer{0%{opacity:.4}50%{opacity:.7}to{opacity:.4}}.loading-shimmer{animation:shimmer 1.2s ease-in-out infinite}#app-shell,#sandbox,#guided-walkthrough{max-width:100vw;overflow-x:hidden}