*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #06060f;--surface: #0d0d20;--card: #12122a;--card-hover: #16163a;--card-deep: #0a0a1c;--border: #1c1c3e;--border-b: #2a2a5a;--accent: #6366f1;--accent-dim: rgba(99, 102, 241, .15);--accent-glow: rgba(99, 102, 241, .35);--cyan: #22d3ee;--cyan-dim: rgba(34, 211, 238, .12);--emerald: #10b981;--emerald-dim: rgba(16, 185, 129, .12);--amber: #f59e0b;--amber-dim: rgba(245, 158, 11, .12);--rose: #f43f5e;--rose-dim: rgba(244, 63, 94, .12);--purple: #a855f7;--purple-dim: rgba(168, 85, 247, .12);--orange: #f97316;--orange-dim: rgba(249, 115, 22, .12);--text: #e2e2f4;--text-muted: #6e6e9e;--text-dim: #3a3a60;--font-heading: "Outfit", sans-serif;--font-body: "Manrope", sans-serif;--font-mono: "IBM Plex Mono", monospace;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--sidebar-w: 240px;--muted: var(--text-muted);--dim: var(--text-dim)}html.light{--bg: #f4f4fb;--surface: #ffffff;--card: #f8f8ff;--card-hover: #ededfa;--card-deep: #f0f0f8;--border: #e0dff0;--border-b: #c8c7df;--text: #1e1e2e;--text-muted: #5a5a7a;--text-dim: #9898b8;--muted: #5a5a7a;--dim: #9898b8;--accent-dim: rgba(99, 102, 241, .1);--accent-glow: rgba(99, 102, 241, .2);--cyan-dim: rgba(34, 211, 238, .1);--emerald-dim: rgba(16, 185, 129, .1);--amber-dim: rgba(245, 158, 11, .1);--rose-dim: rgba(244, 63, 94, .1);--purple-dim: rgba(168, 85, 247, .1);--orange-dim: rgba(249, 115, 22, .1)}html{scroll-behavior:smooth;height:100%;overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;overflow-x:hidden;font-size:14px;line-height:1.6}#root{height:100%}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border-b);border-radius:99px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes nodeAppear{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes drawPath{0%{stroke-dashoffset:600}to{stroke-dashoffset:0}}@keyframes glowPulse{0%,to{box-shadow:0 0 8px var(--accent-glow)}50%{box-shadow:0 0 22px var(--accent-glow),0 0 44px var(--accent-glow)}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes staggerIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes popIn{0%{transform:scale(.3);opacity:0}70%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes typeReveal{0%{max-width:0;overflow:hidden}to{max-width:100%}}.anim-fade-up{animation:fadeUp .45s ease both}.anim-fade-in{animation:fadeIn .35s ease both}.anim-slide-r{animation:slideRight .3s ease both}.anim-slide-l{animation:slideLeft .3s ease both}.anim-float{animation:floatY 3s ease infinite}.anim-glow-pulse{animation:glowPulse 2.5s ease infinite}.anim-spin{animation:spin 1s linear infinite}.anim-pop-in{animation:popIn .4s cubic-bezier(.175,.885,.32,1.275) both}.node-appear{animation:nodeAppear .35s cubic-bezier(.175,.885,.32,1.275) both}.line-draw{stroke-dasharray:600;animation:drawPath .7s ease both}.font-heading{font-family:var(--font-heading)}.font-mono{font-family:var(--font-mono)}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:800}.text-muted{color:var(--text-muted)}.text-dim{color:var(--text-dim)}.text-sm{font-size:12px}.text-xs{font-size:11px}.g-brand{background:linear-gradient(135deg,#6366f1,#22d3ee);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.g-warm{background:linear-gradient(135deg,#f59e0b,#f43f5e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.g-green{background:linear-gradient(135deg,#10b981,#22d3ee);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.g-purple{background:linear-gradient(135deg,#a855f7,#6366f1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.app-shell{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;transition:width .25s ease,min-width .25s ease;flex-shrink:0;z-index:10}.sidebar.collapsed{width:60px;min-width:60px}.main-content{flex:1;overflow-y:auto;overflow-x:hidden;min-width:0}.page{padding:32px;max-width:1200px;margin:0 auto;animation:fadeUp .4s ease both}.nav-logo{padding:18px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;flex-shrink:0}.nav-logo-icon{width:34px;height:34px;background:linear-gradient(135deg,#6366f1,#22d3ee);border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-logo-text{min-width:0}.nav-logo-title{font-family:var(--font-heading);font-size:16px;font-weight:800;white-space:nowrap;overflow:hidden}.nav-logo-sub{font-family:var(--font-mono);font-size:9.5px;color:var(--text-muted);margin-top:1px}.nav-scroll{flex:1;overflow-y:auto;padding:8px 0}.nav-scroll::-webkit-scrollbar{width:0}.nav-section-label{padding:12px 14px 4px;font-size:9.5px;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.09em;font-family:var(--font-mono)}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 12px;margin:1px 6px;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);font-size:13px;font-weight:500;transition:all .15s ease;border:1px solid transparent;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;overflow:hidden}.nav-item:hover{background:var(--card);color:var(--text)}.nav-item.active{background:var(--accent-dim);color:var(--accent);border-color:#6366f140}.nav-item svg{flex-shrink:0;width:16px;height:16px}.nav-item-label{overflow:hidden;text-overflow:ellipsis}.nav-footer{padding:14px;border-top:1px solid var(--border);flex-shrink:0}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius)}.card-interactive{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .2s ease}.card-interactive:hover{background:var(--card-hover);border-color:var(--border-b);transform:translateY(-2px);box-shadow:0 8px 32px #00000073,0 0 0 1px var(--border-b)}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card);color:var(--text);font-family:var(--font-mono);font-size:12px;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.btn:hover:not(:disabled){background:var(--card-hover);border-color:var(--border-b)}.btn:disabled{opacity:.38;cursor:not-allowed}.btn-accent{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.btn-accent:hover:not(:disabled){background:var(--accent)!important;color:#fff!important}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600;padding:9px 20px;font-size:13px}.btn-primary:hover:not(:disabled){background:#5254cc!important;border-color:#5254cc!important}.btn-danger{background:var(--rose-dim);border-color:var(--rose);color:var(--rose)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-muted)}.btn-ghost:hover:not(:disabled){background:var(--card);border-color:var(--border);color:var(--text)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:99px;font-size:10.5px;font-weight:700;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.badge-beginner{background:var(--emerald-dim);color:var(--emerald);border:1px solid rgba(16,185,129,.3)}.badge-intermediate{background:var(--amber-dim);color:var(--amber);border:1px solid rgba(245,158,11,.3)}.badge-advanced{background:var(--rose-dim);color:var(--rose);border:1px solid rgba(244,63,94,.3)}.badge-safe{background:var(--emerald-dim);color:var(--emerald);border:1px solid rgba(16,185,129,.3)}.badge-medium{background:var(--amber-dim);color:var(--amber);border:1px solid rgba(245,158,11,.3)}.badge-high{background:var(--rose-dim);color:var(--rose);border:1px solid rgba(244,63,94,.3)}.badge-new{background:var(--cyan-dim);color:var(--cyan);border:1px solid rgba(34,211,238,.3)}.badge-deprecated{background:#50506433;color:#888;border:1px solid #333;text-decoration:line-through}.badge-accent{background:var(--accent-dim);color:var(--accent);border:1px solid rgba(99,102,241,.3)}.badge-purple{background:var(--purple-dim);color:var(--purple);border:1px solid rgba(168,85,247,.3)}.badge-cyan{background:var(--cyan-dim);color:var(--cyan);border:1px solid rgba(34,211,238,.3)}.alert{padding:12px 16px;border-radius:var(--radius-sm);display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.65}.alert-info{background:var(--accent-dim);border:1px solid rgba(99,102,241,.3)}.alert-success{background:var(--emerald-dim);border:1px solid rgba(16,185,129,.3)}.alert-warn{background:var(--amber-dim);border:1px solid rgba(245,158,11,.3)}.alert-danger{background:var(--rose-dim);border:1px solid rgba(244,63,94,.3)}.alert-icon{font-size:16px;flex-shrink:0;margin-top:1px}.search-box{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;transition:border-color .15s ease}.search-box:focus-within{border-color:var(--accent)}.search-box input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-size:14px;font-family:var(--font-body)}.search-box input::-moz-placeholder{color:var(--text-muted)}.search-box input::placeholder{color:var(--text-muted)}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:22px;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{padding:9px 16px;cursor:pointer;color:var(--text-muted);font-size:13px;font-weight:500;border-bottom:2px solid transparent;transition:all .15s ease;margin-bottom:-1px;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tab:hover{color:var(--text)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.codeblock{background:var(--card-deep);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;font-family:var(--font-mono);font-size:12.5px;line-height:1.75;overflow-x:auto;position:relative}.codeblock::-webkit-scrollbar{height:4px}.c-cmd{color:var(--cyan)}.c-flag{color:var(--purple)}.c-arg{color:var(--amber)}.c-comment{color:var(--text-dim);font-style:italic}.c-str{color:var(--emerald)}.c-err{color:var(--rose)}.c-good{color:var(--emerald)}.c-hash{color:var(--amber)}.c-branch{color:var(--cyan)}code{font-family:var(--font-mono);font-size:.85em;padding:2px 6px;background:var(--surface);border:1px solid var(--border);border-radius:4px;color:var(--cyan)}.diff-add{color:var(--emerald);background:#10b9810f;display:block;padding:0 4px}.diff-rem{color:var(--rose);background:#f43f5e0f;display:block;padding:0 4px}.diff-ctx{color:var(--text-muted);display:block;padding:0 4px}.terminal{background:var(--card-deep);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.terminal-bar{background:var(--card-deep);padding:9px 14px;display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--border)}.terminal-dot{width:11px;height:11px;border-radius:50%}.terminal-dot.red{background:#ff5f57}.terminal-dot.yellow{background:#ffbd2e}.terminal-dot.green{background:#28ca41}.terminal-title{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);margin-left:8px}.terminal-body{padding:14px 16px;font-family:var(--font-mono);font-size:12.5px;line-height:1.75;overflow-y:auto;min-height:200px;max-height:380px}.terminal-body::-webkit-scrollbar{width:4px}.terminal-body::-webkit-scrollbar-thumb{background:#1a1a30}.terminal-input-row{display:flex;align-items:center;gap:8px;padding:8px 16px 12px;border-top:1px solid var(--border);font-family:var(--font-mono);font-size:12.5px}.terminal-input-row input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-family:var(--font-mono);font-size:12.5px;caret-color:var(--accent)}.term-cursor{width:8px;height:14px;background:var(--accent);display:inline-block;animation:blink 1s step-end infinite;vertical-align:middle;border-radius:1px}.t-prompt{color:#10b981;font-weight:600}.t-path{color:#a855f7}.t-branch{color:#22d3ee}.t-success{color:#10b981}.t-error{color:#f43f5e}.t-warn{color:#f59e0b}.t-info{color:#6366f1}.t-dim{color:var(--text-muted)}.t-hash{color:#f59e0b}.t-add{color:#10b981}.t-rem{color:#f43f5e}.t-added{color:#10b981}.t-removed{color:#f43f5e}.t-help{display:flex;flex-direction:column}.t-help-header{color:#6366f1;font-weight:700;margin-bottom:6px}.t-help-sec{color:#f59e0b;font-size:9.5px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin-top:10px;margin-bottom:3px;padding-bottom:3px;border-bottom:1px solid rgba(245,158,11,.2)}.t-help-row{display:grid;grid-template-columns:220px 1fr;gap:8px;padding:1.5px 0;line-height:1.65}.t-help-row span:first-child{color:#10b981}.t-help-row span:last-child{color:#6e6e9e}.t-help-footer{color:#3a3a60;margin-top:10px;padding-top:8px;font-size:11px;border-top:1px solid rgba(255,255,255,.05)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media (max-width: 900px){.grid-3,.grid-4{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.page{padding:20px 16px}.sidebar{display:none}}.compare-table{width:100%;border-collapse:collapse;font-size:13px}.compare-table th{padding:10px 14px;background:var(--surface);color:var(--text-muted);font-weight:600;text-align:left;border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.compare-table td{padding:10px 14px;border-bottom:1px solid var(--border);vertical-align:top;line-height:1.6}.compare-table tr:hover td{background:#ffffff04}.compare-table tr:last-child td{border-bottom:none}.commit-graph-wrap{overflow-x:auto;padding:8px 0}.commit-node-circle{cursor:pointer;transition:filter .2s ease}.commit-node-circle:hover{filter:brightness(1.4) drop-shadow(0 0 5px currentColor)}.viz-canvas{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;position:relative;overflow:hidden;min-height:160px}.step-indicators{display:flex;gap:6px;margin-top:12px}.step-dot{flex:1;height:3px;border-radius:99px;background:var(--border);transition:background .35s ease}.step-dot.active{background:var(--accent)}.progress-bar{height:4px;background:var(--border);border-radius:99px;overflow:hidden}.progress-fill{height:100%;border-radius:99px;transition:width .5s ease}.tooltip-wrap{position:relative;display:inline-flex}.tooltip-wrap:hover .tooltip{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.tooltip{position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%) translateY(5px);background:var(--card);border:1px solid var(--border-b);padding:6px 10px;border-radius:var(--radius-sm);font-size:11.5px;white-space:nowrap;opacity:0;pointer-events:none;z-index:100;color:var(--text);transition:all .2s ease;box-shadow:0 4px 12px #0006}.hero-glow{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0}.section-title{font-family:var(--font-heading);font-size:28px;font-weight:800;margin-bottom:8px}.section-subtitle{color:var(--text-muted);font-size:14px;max-width:640px;line-height:1.7;margin-bottom:28px}.accordion-item{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:6px;overflow:hidden;transition:border-color .2s ease}.accordion-item:hover{border-color:var(--border-b)}.accordion-header{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.accordion-chevron{color:var(--text-muted);transition:transform .2s ease;margin-left:auto}.accordion-chevron.open{transform:rotate(90deg)}.accordion-body{padding:14px 16px 16px;color:var(--text-muted);font-size:13px;line-height:1.75;border-top:1px solid var(--border)}.git-object-box{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;font-family:var(--font-mono);font-size:11px;transition:all .25s ease}.git-object-box:hover{border-color:var(--border-b)}.git-object-type{font-size:9.5px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin-bottom:8px}.git-object-sha{color:var(--amber);font-size:10px}.git-object-field{color:var(--text-muted);margin-top:4px}.git-object-value{color:var(--text)}.git-object-link{color:var(--accent);cursor:pointer;text-decoration:underline}.command-card{display:flex;align-items:flex-start;gap:12px;padding:16px}.command-card-emoji{font-size:22px;flex-shrink:0;margin-top:2px}.command-card-body{flex:1;min-width:0}.command-card-name{font-family:var(--font-heading);font-size:15px;font-weight:700;margin-bottom:5px}.command-card-desc{font-size:12.5px;color:var(--text-muted);line-height:1.5;margin-bottom:8px}.command-card-tags{display:flex;gap:5px;flex-wrap:wrap}.command-card-arrow{color:var(--text-dim);font-size:20px;flex-shrink:0;align-self:center}.scroll-inner{overflow-y:auto;max-height:420px}.scroll-inner::-webkit-scrollbar{width:4px}.divider{height:1px;background:var(--border)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-16{gap:16px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.mb-24{margin-bottom:24px}.mb-28{margin-bottom:28px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.p-12{padding:12px}.p-14{padding:14px}.p-16{padding:16px}.p-20{padding:20px}.fw-700{font-weight:700}.fw-600{font-weight:600}.grid-bg{background-image:linear-gradient(rgba(99,102,241,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.03) 1px,transparent 1px);background-size:44px 44px}.mode-btn{padding:6px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card);color:var(--text-muted);font-family:var(--font-mono);font-size:11px;cursor:pointer;transition:all .15s ease}.mode-btn.active-soft{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.mode-btn.active-mixed{background:var(--amber-dim);border-color:var(--amber);color:var(--amber)}.mode-btn.active-hard{background:var(--rose-dim);border-color:var(--rose);color:var(--rose)}.stash-item{font-family:var(--font-mono);font-size:11.5px;padding:5px 10px;background:var(--amber-dim);border:1px solid rgba(245,158,11,.25);border-radius:var(--radius-sm);margin-bottom:5px;color:var(--text)}:root{--card-h: var(--card-hover)}html.light{--card-h: var(--card-hover)}.animate-fade-up{animation:fadeUp .45s ease both}.animate-fade-in{animation:fadeIn .3s ease both}.animate-slide-in{animation:slideRight .3s ease both}.gitverse-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s ease,box-shadow .2s ease}.gitverse-card-interactive{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.gitverse-card-interactive:hover{background:var(--card-hover);border-color:var(--border-b);box-shadow:0 6px 24px #00000038,0 0 0 1px var(--border-b);transform:translateY(-2px)}.gitverse-card-interactive:active{transform:translateY(0);box-shadow:none}.tab-list{display:flex;gap:2px;padding:4px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:20px;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap;min-width:0;max-width:100%}.tab-list::-webkit-scrollbar{display:none}.tab-item{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--text-muted);font-size:12px;font-weight:500;font-family:var(--font-body);cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease,border-color .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0}.tab-item:hover{background:var(--card-hover);color:var(--text)}.tab-item.active{background:var(--surface);border-color:var(--border);color:var(--accent);font-weight:600;box-shadow:0 1px 4px #0000001f}html.light .tab-item.active{background:#fff;box-shadow:0 1px 6px #0000001a}.terminal-root{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 4px 24px #0000002e}.terminal-root .terminal-bar{background:var(--card-deep);border-bottom:1px solid var(--border);padding:9px 14px;display:flex;align-items:center;gap:6px;flex-shrink:0}html.light .terminal-root .terminal-bar{background:var(--card)}.terminal-root .terminal-quick-bar{background:var(--surface);border-bottom:1px solid var(--border);padding:7px 12px;display:flex;gap:5px;flex-wrap:wrap}.terminal-root .terminal-body{background:#06060f;padding:14px 16px;font-family:var(--font-mono);font-size:12.5px;line-height:1.75;overflow-y:auto;overflow-x:hidden;min-height:240px;max-height:400px;color:#e2e2f4;cursor:text;word-break:break-word;overflow-wrap:break-word}.terminal-root .terminal-body::-webkit-scrollbar{width:4px}.terminal-root .terminal-body::-webkit-scrollbar-track{background:transparent}.terminal-root .terminal-body::-webkit-scrollbar-thumb{background:#2a2a4a;border-radius:99px}.terminal-root .terminal-input{background:transparent;border:none;outline:none;color:#e2e2f4;font-family:var(--font-mono);font-size:12.5px;flex:1;min-width:0}.terminal-root .terminal-input::-moz-placeholder{color:#3a3a60}.terminal-root .terminal-input::placeholder{color:#3a3a60}.terminal-dot{width:11px;height:11px;border-radius:50%;flex-shrink:0}.terminal-dot-red{background:#ff5f57}.terminal-dot-yellow{background:#ffbd2e}.terminal-dot-green{background:#28ca41}.step-progress{display:flex;gap:5px;margin-top:10px}.step-pip{flex:1;height:3px;border-radius:99px;background:var(--border);transition:background .35s ease}.step-pip.active{background:var(--accent)}.comp-table{width:100%;border-collapse:collapse;font-size:13px}.comp-table th{padding:10px 14px;background:var(--surface);color:var(--text-muted);font-weight:600;text-align:left;border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.comp-table td{padding:10px 14px;border-bottom:1px solid var(--border);vertical-align:top;line-height:1.6}.comp-table tr:hover td{background:#6366f108}.comp-table tr:last-child td{border-bottom:none}button,[role=button],a,.nav-item,.card-interactive{cursor:pointer}.btn:active:not(:disabled){transform:scale(.97)}.gradient-brand{background:linear-gradient(135deg,#6366f1,#22d3ee);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 860px){.hero-grid{grid-template-columns:1fr!important;gap:32px!important}.hero-stats-grid{grid-template-columns:repeat(4,1fr)!important;gap:8px!important}}@media (max-width: 900px){.playground-grid{grid-template-columns:1fr!important}}.card-interactive:hover{box-shadow:0 8px 32px #0006,0 0 0 1px var(--border-b)}html.light .card-interactive:hover{box-shadow:0 4px 16px #6366f11a,0 0 0 1px var(--border-b)}.c-subcmd{color:var(--cyan);font-weight:600}.c-prompt{color:var(--emerald);-webkit-user-select:none;-moz-user-select:none;user-select:none}.codeblock{border-left:3px solid var(--border-b);font-size:12.5px;line-height:1.8}html.light .codeblock{background:#f5f5ff;border-color:var(--border-b)}html.light code{background:#ededf8;border-color:var(--border);color:var(--accent)}.playground-terminal-grid{display:grid;grid-template-columns:1fr 320px;gap:14px;align-items:start}.playground-terminal-grid>*{min-width:0}@media (max-width: 900px){.playground-terminal-grid{grid-template-columns:1fr}}.content-pad{padding:32px 32px 60px;max-width:1200px;margin:0 auto;overflow-x:hidden}@media (max-width: 768px){.content-pad{padding:24px 20px 48px}}@media (max-width: 480px){.content-pad{padding:16px 14px 36px}}@media (max-width: 640px){.topbar-nav,.topbar-version-btn{display:none!important}}@media (max-width: 640px){.sidebar-responsive{position:fixed!important;top:0!important;left:0!important;height:100vh!important;z-index:20!important;transform:translate(-100%)!important;transition:transform .25s ease!important}.sidebar-responsive.sidebar-mobile-open{transform:translate(0)!important;width:230px!important;min-width:230px!important}}.sidebar-backdrop{display:none}@media (max-width: 640px){.sidebar-backdrop.visible{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:19;cursor:pointer}}.hero-breakout{margin:-32px -32px 48px;padding:64px 32px 56px}@media (max-width: 768px){.hero-breakout{margin-left:-20px;margin-right:-20px;margin-top:-24px;padding:44px 20px 36px}}@media (max-width: 480px){.hero-breakout{margin-left:-14px;margin-right:-14px;margin-top:-16px;padding:32px 14px 28px}}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;max-width:1136px;margin:0 auto}@media (max-width: 860px){.hero-grid{grid-template-columns:1fr;gap:32px}}.hero-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 860px){.hero-stats-grid{grid-template-columns:repeat(4,1fr);gap:10px}}@media (max-width: 640px){.hero-stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}}.stat-card{padding:22px 20px;text-align:center}@media (max-width: 900px){.stat-card{padding:16px 14px}}@media (max-width: 480px){.stat-card{padding:14px 10px}}.hero-ctas{display:flex;gap:10px;flex-wrap:wrap;align-items:center}@media (max-width: 480px){.hero-ctas{flex-direction:column;align-items:stretch}.hero-ctas button{width:100%;justify-content:center}}.featured-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (max-width: 640px){.featured-grid{grid-template-columns:1fr}}.paths-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width: 900px){.paths-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.paths-grid{grid-template-columns:1fr}}@media (hover: none) and (pointer: coarse){.hover-hint{display:none}}@media (max-width: 640px){.hover-hint{display:none}}.page-grid-2{display:grid;grid-template-columns:1fr 1fr}@media (max-width: 640px){.page-grid-2{grid-template-columns:1fr}}.sidebar-close-btn{display:none;background:none;border:none;color:var(--muted);cursor:pointer;padding:4px;border-radius:6px;align-items:center;justify-content:center;margin-left:auto;transition:color .15s ease;flex-shrink:0}.sidebar-close-btn:hover{color:var(--text)}@media (max-width: 640px){.sidebar-close-btn{display:flex}}.viz-tab-strip{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}.viz-tab-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;border:1px solid var(--border);background:var(--card);color:var(--text-muted);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap;font-family:var(--font-body)}.viz-tab-btn:hover{background:var(--card-hover);border-color:var(--border-b);color:var(--text)}.viz-tab-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent);font-weight:600}@media (max-width: 640px){.tab-item{padding:5px 8px;font-size:11px;gap:3px}.terminal-root .terminal-quick-bar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.terminal-root .terminal-quick-bar::-webkit-scrollbar{display:none}.terminal-root .terminal-body{max-height:280px;min-height:160px}.t-help-row{grid-template-columns:165px 1fr}.branch-legend-hint{display:none}}@media (max-width: 480px){.t-help-row{display:flex;flex-direction:column;gap:1px;margin-bottom:3px}.t-help-row span:last-child{padding-left:10px;font-size:10px}.terminal-prompt-user{display:none}}@media (max-width: 360px){.terminal-prompt-path{display:none}}