:root{--bg-primary: #0a0a0b;--bg-secondary: #141416;--bg-card: #1b1b1e;--bg-input: #151517;--text-primary: #f5f5f7;--text-secondary: #b3b3ba;--text-muted: #8a8a90;--accent-cyan: #e06a2c;--accent-primary: var(--accent-cyan);--accent-purple: #2fa39b;--accent-green: #74ab4f;--accent-red: #e0584a;--accent-yellow: #e6a82e;--border-color: #2a2a2f;--border-focus: var(--accent-cyan);--grid-size: 64px;--grid-line: rgba(245, 245, 247, .055);--grid-line-bright: rgba(245, 245, 247, .22);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-glow: 0 0 20px rgba(224, 106, 44, .18);--transition: .2s ease;--font-sans: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--z-rail: 40;--z-header: 50;--z-bottom-nav: 60;--z-overlay: 80;--z-drawer: 81;--z-modal: 90;--focus-ring: 2px solid var(--accent-cyan);--focus-ring-offset: 2px}body{font-family:var(--font-sans);font-size:14px;line-height:1.6;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:2.5rem;font-weight:700;line-height:1.2}h2{font-size:1.75rem;font-weight:600;line-height:1.3}h3{font-size:1.25rem;font-weight:600;line-height:1.4}h4{font-size:1rem;font-weight:500;line-height:1.4}code,pre{font-family:var(--font-mono)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background-color:var(--bg-primary);color:var(--text-primary);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;overscroll-behavior:none;overflow-x:hidden}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size);background-position:0 0}body:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(to right,var(--grid-line-bright) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line-bright) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size);background-position:0 0;--grid-glow-mask: radial-gradient(circle 130px at 14% 22%, #000 0%, transparent 72%), radial-gradient(circle 90px at 68% 16%, #000 0%, transparent 72%), radial-gradient(circle 150px at 86% 58%, #000 0%, transparent 72%), radial-gradient(circle 110px at 38% 78%, #000 0%, transparent 72%), radial-gradient(circle 100px at 58% 46%, #000 0%, transparent 72%), radial-gradient(circle 120px at 8% 70%, #000 0%, transparent 72%);-webkit-mask-image:var(--grid-glow-mask);mask-image:var(--grid-glow-mask);opacity:.9}body>*{position:relative;z-index:1}html.lights-off body:after{display:none}html.lights-off .app-header,html.lights-off .side-nav,html.lights-off .side-panel{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}@media(display-mode:standalone){html{overflow:auto}}a{color:var(--accent-cyan);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent-purple)}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:transparent;border:none;outline:none}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}