.docs-container{background:var(--bg-primary);min-height:100vh}.docs-topbar{padding:var(--space-sm) var(--space-xl);background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.docs-topbar-left{align-items:center;gap:var(--space-md);display:flex}.docs-logo{align-items:center;gap:var(--space-sm);color:var(--text-primary);font-weight:var(--font-semibold);font-size:var(--text-lg);text-decoration:none;display:flex}.docs-logo:hover{color:var(--accent-amber)}.docs-topbar-right{align-items:center;gap:var(--space-md);display:flex}.docs-topbar-link{padding:var(--space-sm);color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-smooth);align-items:center;text-decoration:none;display:flex}.docs-topbar-link:hover{color:var(--text-primary);background:var(--bg-tertiary)}.docs-main{max-width:800px;padding:var(--space-2xl) var(--space-xl);flex:1;margin:0 auto}.docs-hero{margin-bottom:var(--space-2xl)}.docs-back-link{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-xl);transition:all var(--transition-smooth);text-decoration:none;display:inline-flex}.docs-back-link:hover{background:var(--bg-elevated);border-color:var(--accent-amber);color:var(--accent-amber)}.docs-hero-content{text-align:center;padding:var(--space-lg) 0}.docs-hero h1{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-sm)}.docs-hero-subtitle{font-size:var(--text-lg);color:var(--text-tertiary)}.docs-section{margin-bottom:var(--space-2xl)}.docs-section h2{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-subtle)}.docs-features-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.docs-feature{padding:var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.docs-feature-icon{background:var(--bg-tertiary);border-radius:var(--radius-md);width:40px;height:40px;color:var(--accent-amber);margin-bottom:var(--space-md);justify-content:center;align-items:center;display:flex}.docs-feature h4{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-sm)}.docs-feature p{font-size:var(--text-sm);color:var(--text-tertiary);margin:0;line-height:1.5}.docs-links-grid{gap:var(--space-sm);flex-direction:column;display:flex}.docs-link-card{padding:var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-smooth);justify-content:space-between;align-items:center;text-decoration:none;display:flex}.docs-link-card:hover{border-color:var(--accent-amber)}.docs-link-card:hover>svg{color:var(--accent-amber)}.docs-link-card>svg{color:var(--text-muted);transition:color var(--transition-smooth)}.docs-link-content h4{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-xs)}.docs-link-content p{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.docs-resources-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.docs-resource-card{align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-smooth);text-decoration:none;display:flex}.docs-resource-card:hover{border-color:var(--accent-amber)}.docs-resource-card>svg{color:var(--accent-amber);flex-shrink:0}.docs-resource-card h4{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-xs)}.docs-resource-card p{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.docs-footer{justify-content:center;align-items:center;gap:var(--space-sm);padding-top:var(--space-xl);border-top:1px solid var(--border-subtle);font-size:var(--text-sm);color:var(--text-muted);display:flex}.docs-footer-sep{opacity:.3}.mind-viz{padding:var(--space-2xl) var(--space-xl);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);margin-bottom:var(--space-2xl);flex-direction:column;align-items:center;display:flex}.mind-viz-badge{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--accent-amber);color:var(--bg-primary);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-xl);display:inline-flex}.mind-viz-loop{aspect-ratio:1;width:100%;max-width:500px;position:relative}.mind-viz-svg{width:100%;height:100%}@keyframes flowRotate{0%{stroke-dashoffset:0}to{stroke-dashoffset:-640px}}.mind-viz-flow{transform-origin:50%;animation:8s linear infinite flowRotate}.mind-viz-node{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-smooth);max-width:180px;display:flex;position:absolute;transform:translate(-50%,-50%)}.mind-viz-node:hover{border-color:var(--accent-amber);transform:translate(-50%,-50%)scale(1.05)}.mind-viz-node-icon{background:var(--bg-tertiary);border-radius:var(--radius-md);width:36px;height:36px;color:var(--accent-amber);flex-shrink:0;justify-content:center;align-items:center;display:flex}.mind-viz-node-content{flex-direction:column;gap:2px;min-width:0;display:flex}.mind-viz-node-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.mind-viz-node-desc{font-size:var(--text-xs);color:var(--text-tertiary);line-height:1.3}.mind-viz-tagline{margin-top:var(--space-xl);font-size:var(--text-base);color:var(--text-secondary);text-align:center;max-width:400px}@media (max-width:768px){.docs-main{padding:var(--space-lg)}.docs-hero h1{font-size:var(--text-2xl)}}@media (max-width:600px){.mind-viz-loop{max-width:350px}.mind-viz-node{padding:var(--space-xs) var(--space-sm);max-width:140px}.mind-viz-node-icon{width:28px;height:28px}.mind-viz-node-desc{display:none}}