*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{background:#f8f9fc;color:#1f2937;font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}.font-heading{font-family:Space Grotesk,Inter,sans-serif}.font-mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}:root{--teal: #2563eb;--teal-dim: #1d4ed8;--teal-glow: rgba(37, 99, 235, .08);--bg-0: #f8f9fc;--bg-1: #ffffff;--bg-2: #e5e7eb;--border: #d1d5db;--muted: #525252;--muted-2: #374151}.text-teal{color:var(--teal)}.bg-teal{background:var(--teal)}.border-teal{border-color:var(--teal)}.term{background:#0a0a0a;border:1px solid #1f1f1f;border-radius:4px;padding:14px 16px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.55;color:#e5e5e5;white-space:pre-wrap;overflow-x:auto}.term-prompt{color:var(--teal)}.term-out{color:#a3a3a3}.tok-flag{color:#67e8f9}.tok-str{color:#fcd34d}.tok-cmd{color:#fff;font-weight:600}.tok-pipe{color:var(--teal)}.tok-com{color:#737373;font-style:italic}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-0)}::-webkit-scrollbar-thumb{background:var(--bg-2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border)}::selection{background:var(--teal-glow);color:var(--teal-dim)}.kbd{font-family:JetBrains Mono,monospace;font-size:11px;padding:2px 6px;background:var(--bg-1);border:1px solid var(--border);border-radius:3px;color:var(--muted-2)}.row-hover{transition:background .12s ease,transform .12s ease}.row-hover:hover{background:var(--teal-glow)}.row-hover:hover .chev{transform:translate(3px);color:var(--teal)}.chev{transition:transform .12s ease,color .12s ease;color:var(--muted)}.dot{width:6px;height:6px;border-radius:50%;display:inline-block}.dot-on{background:var(--teal)}.dot-off{background:var(--bg-2)}.diff-beginner{background:#22c55e}.diff-power{background:#d97706}.diff-expert{background:#dc2626}.chip{font-family:JetBrains Mono,monospace;font-size:11px;padding:2px 8px;border:1px solid var(--border);border-radius:4px;color:var(--muted-2);background:var(--bg-1);text-transform:lowercase}.chip-active{border-color:var(--teal);color:var(--teal);background:var(--teal-glow)}