:root{--bg: #080b0f;--surface: #0d1117;--surface2: #131920;--surface3: #1a2332;--border: #1e2d3d;--border2: #243447;--text: #e2eaf4;--text2: #7a92aa;--text3: #4a6275;--accent: #00d4aa;--accent2: #0099ff;--accent3: #7c3aed;--green: #00d68f;--red: #ff4757;--yellow: #ffc107;--orange: #ff8c42;--font-mono: "JetBrains Mono", monospace;--font-display: "Syne", sans-serif;--bp-mobile: 768px;--bp-tablet: 1024px}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-mono);font-size:13px;height:100vh;overflow:hidden;display:flex;flex-direction:column}app-root{display:flex;flex-direction:column;flex:1;min-height:0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.text-accent{color:var(--accent)}.text-accent2{color:var(--accent2)}.text-accent3{color:var(--accent3)}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-yellow{color:var(--yellow)}.text-orange{color:var(--orange)}.text-muted{color:var(--text3)}.mobile-only{display:none!important}@media (max-width: 768px){.desktop-only{display:none!important}.mobile-only{display:block!important}}