:root{--bg: #06080c;--surface: #0e1117;--surface-2: #151921;--border: rgba(255, 255, 255, .06);--text: #e8eaf0;--text-dim: #6b7280;--accent: #3dd68c;--accent-glow: rgba(61, 214, 140, .12);--nav-h: calc(62px + env(safe-area-inset-bottom, 0px)) ;--topbar-h: 52px}[data-theme=light]{--bg: #f8f9fc;--surface: #ffffff;--surface-2: #f0f2f8;--border: rgba(99, 102, 241, .1);--text: #1e1b4b;--text-dim: #6b7280;--accent: #6366f1;--accent-glow: rgba(99, 102, 241, .12)}*{margin:0;padding:0;box-sizing:border-box}.viz-scroll-x{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;max-width:100%}.viz-scroll-x:not(:hover){scrollbar-width:thin}@media(pointer:coarse){.lp-screenshot-btn,.lp-chart-zoom-btn,.lp-chart-modal-close,.lp-canvas-bar-history,.lp-vc-btn.fs,.v2-edit-del,.v2-theme-btn,.v2-explain-close,.v2-mobile-explain-close{min-width:44px;min-height:44px}.react-flow__controls-button{width:32px!important;height:32px!important}}.tmpl-pf{flex-wrap:wrap!important;overflow-x:visible!important;row-gap:28px!important}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;font-size:16px;line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}