.docs-main{padding-top:64px}.docs-layout{display:flex;max-width:1400px;margin:0 auto;min-height:100vh}.docs-sidebar{width:260px;flex-shrink:0;position:fixed;top:64px;left:0;height:calc(100vh - 64px);overflow-y:auto;border-right:1px solid var(--color-border-default);z-index:50;background:var(--color-bg-base)}.sidebar-inner{padding:var(--space-xl) var(--space-md) var(--space-xl) var(--space-lg);display:flex;flex-direction:column;min-height:100%}.sidebar-home{display:flex;align-items:center;gap:var(--space-2xs);font-family:var(--font-body);font-size:var(--font-size-body-sm);color:var(--color-text-tertiary);text-decoration:none;transition:color var(--transition-base);margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border-default)}.sidebar-home:hover{color:var(--color-text-primary)}.sidebar-nav{display:flex;flex-direction:column;gap:2px;flex:1}.sidebar-link{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-sm);text-decoration:none;transition:all var(--transition-fast);border-left:2px solid transparent;margin-left:-2px}.sidebar-link:hover{background:#ffffff08}.sidebar-link.active{background:#ff6b350f;border-left-color:var(--color-primary)}.sidebar-link.active .sidebar-number{color:var(--color-primary)}.sidebar-link.active .sidebar-title{color:var(--color-text-primary)}.sidebar-number{font-family:var(--font-mono);font-size:var(--font-size-code-sm);color:var(--color-text-tertiary);min-width:24px;transition:color var(--transition-fast)}.sidebar-title{font-family:var(--font-body);font-size:var(--font-size-body-sm);color:var(--color-text-secondary);transition:color var(--transition-fast)}.sidebar-footer{margin-top:auto;padding-top:var(--space-md);border-top:1px solid var(--color-border-default)}.sidebar-external{display:flex;align-items:center;gap:var(--space-2xs);font-family:var(--font-body);font-size:var(--font-size-body-sm);color:var(--color-text-tertiary);text-decoration:none;transition:color var(--transition-base);padding:var(--space-2xs) 0}.sidebar-external:hover{color:var(--color-text-primary)}.external-icon{margin-left:auto;opacity:.5}.sidebar-toggle{display:none;position:fixed;bottom:var(--space-md);right:var(--space-md);z-index:60;appearance:none;border:1px solid var(--color-border-default);background:var(--color-bg-elevated);color:var(--color-text-secondary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--font-size-body-sm);cursor:pointer;align-items:center;gap:var(--space-2xs);box-shadow:var(--shadow-lg);backdrop-filter:blur(12px);transition:all var(--transition-base)}.sidebar-toggle:hover{border-color:var(--color-border-hover);color:var(--color-text-primary)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0009;z-index:45;backdrop-filter:blur(4px)}.docs-content{flex:1;min-width:0;max-width:820px;margin-left:260px;padding:var(--space-2xl) var(--space-2xl) var(--space-4xl)}.docs-header{margin-bottom:var(--space-3xl);padding-bottom:var(--space-2xl);border-bottom:1px solid var(--color-border-default)}.docs-header h1{font-family:var(--font-display);font-size:var(--font-size-display);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);letter-spacing:-.03em;color:var(--color-text-primary);margin:var(--space-sm) 0 var(--space-md)}.docs-lead{font-family:var(--font-body);font-size:var(--font-size-body-lg);line-height:var(--line-height-body);color:var(--color-text-secondary);max-width:560px}.doc-section{padding:var(--space-2xl) 0;scroll-margin-top:80px}.doc-section h2{font-family:var(--font-display);font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);letter-spacing:-.03em;color:var(--color-text-primary);margin:var(--space-2xs) 0 var(--space-lg)}.doc-section h3{font-family:var(--font-display);font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);letter-spacing:-.02em;color:var(--color-text-primary);margin:var(--space-xl) 0 var(--space-sm)}.doc-section h4{font-family:var(--font-display);font-size:var(--font-size-body-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:var(--space-md) 0 var(--space-2xs)}.docs-content>.gradient-divider{max-width:100%;margin:0}.doc-prose{margin-bottom:var(--space-md)}.doc-prose p{font-family:var(--font-body);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.doc-prose p:last-child{margin-bottom:0}.doc-prose strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.doc-prose code{font-family:var(--font-mono);font-size:var(--font-size-code);color:var(--color-primary);background:#ff6b3514;padding:2px 6px;border-radius:var(--radius-sm)}.doc-prose a{color:var(--color-primary);text-decoration:underline;text-underline-offset:3px;text-decoration-color:#ff6b354d;transition:text-decoration-color var(--transition-fast)}.doc-prose a:hover{text-decoration-color:var(--color-primary)}.doc-list{display:flex;flex-direction:column;gap:var(--space-xs);margin:var(--space-sm) 0}.doc-list li{font-family:var(--font-body);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text-secondary);padding-left:var(--space-md);position:relative}.doc-list li:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background:var(--color-primary);opacity:.6}.doc-list li strong{color:var(--color-text-primary)}.doc-list-ordered{counter-reset:doc-list}.doc-list-ordered li{counter-increment:doc-list}.doc-list-ordered li:before{content:counter(doc-list);width:auto;height:auto;border-radius:0;background:none;font-family:var(--font-mono);font-size:var(--font-size-code-sm);color:var(--color-primary);opacity:1;top:2px;font-weight:var(--font-weight-medium)}.code-block{background:var(--color-bg-code);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);overflow:hidden;margin:var(--space-md) 0}.code-block-inline{margin:var(--space-sm) 0}.code-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2xs) var(--space-sm);border-bottom:1px solid rgba(255,255,255,.04);min-height:36px}.code-label{font-family:var(--font-mono);font-size:var(--font-size-code-sm);color:var(--color-text-tertiary)}.code-copy{appearance:none;background:transparent;border:1px solid rgba(255,255,255,.08);padding:6px 8px;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;min-height:32px;min-width:32px}.code-copy:hover{background:#ffffff0a;border-color:#ffffff29;color:var(--color-text-secondary)}.code-copy .check-icon,.code-copy[data-copied=true] .copy-icon{display:none}.code-copy[data-copied=true] .check-icon{display:block;color:var(--color-success)}.code-block pre{margin:0;padding:var(--space-sm);overflow-x:auto}.code-block code{font-family:var(--font-mono);font-size:var(--font-size-code);line-height:var(--line-height-code);color:var(--color-text-primary)}.token-command,.token-flag{color:var(--color-primary)}.token-string{color:var(--color-success)}.token-comment{color:var(--color-text-tertiary)}.token-keyword{color:var(--color-primary)}.token-success{color:var(--color-success)}.token-warning{color:var(--color-warning)}.token-error{color:var(--color-error)}.table-wrapper{overflow-x:auto;margin:var(--space-md) 0;border:1px solid var(--color-border-default);border-radius:var(--radius-lg)}table{width:100%;border-collapse:collapse;font-family:var(--font-body);font-size:var(--font-size-body-sm)}thead{background:#ff6b350f}thead th{font-family:var(--font-display);font-weight:var(--font-weight-semibold);color:var(--color-primary);text-align:left;padding:var(--space-xs) var(--space-sm);border-bottom:1px solid rgba(255,107,53,.15);white-space:nowrap;font-size:var(--font-size-body-sm);letter-spacing:.01em}tbody td{padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--color-border-default);color:var(--color-text-secondary);vertical-align:top}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#ffffff04}tbody td code{font-family:var(--font-mono);font-size:var(--font-size-code-sm);color:var(--color-text-primary);background:#ffffff0a;padding:2px 6px;border-radius:var(--radius-sm);white-space:nowrap}.badge-pause{display:inline-block;font-family:var(--font-mono);font-size:var(--font-size-code-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);background:#ff6b351a;padding:2px 8px;border-radius:999px}.badge-log{display:inline-block;font-family:var(--font-mono);font-size:var(--font-size-code-sm);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);background:#ffffff0a;padding:2px 8px;border-radius:999px}.badge-skip{display:inline-block;font-family:var(--font-mono);font-size:var(--font-size-code-sm);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);opacity:.5;padding:2px 8px}.model-badge{display:inline-block;font-family:var(--font-mono);font-size:var(--font-size-code-sm);font-weight:var(--font-weight-medium);padding:2px 8px;border-radius:999px}.model-badge.sonnet{color:var(--color-primary);background:#ff6b351a}.model-badge.haiku{color:var(--color-text-secondary);background:#ffffff0f}.workflow-diagram{padding:var(--space-md) var(--space-lg);margin:var(--space-md) 0;overflow-x:auto}.diagram-content{margin:0}.diagram-content code{font-family:var(--font-mono);font-size:var(--font-size-body);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.steps-grid{display:grid;grid-template-columns:1fr;gap:var(--space-sm);margin:var(--space-lg) 0}@media(min-width:640px){.steps-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.steps-grid{grid-template-columns:repeat(3,1fr)}}.step-card{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xs)}.step-num{font-family:var(--font-display);font-size:28px;font-weight:var(--font-weight-bold);color:var(--color-primary);line-height:1;letter-spacing:-.02em}.step-card h4{font-family:var(--font-display);font-size:var(--font-size-body-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.step-card p{font-family:var(--font-body);font-size:var(--font-size-body-sm);line-height:var(--line-height-body);color:var(--color-text-secondary);margin:0}.modes-list{display:flex;flex-direction:column;gap:var(--space-sm);margin:var(--space-lg) 0}.mode-detail{padding:var(--space-lg)}.mode-bar{width:100%;height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden;margin-bottom:var(--space-sm)}.mode-bar-fill{height:100%;background:var(--color-primary);border-radius:2px}.mode-detail h4{font-family:var(--font-display);font-size:var(--font-size-body-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-2xs);display:flex;align-items:center;gap:var(--space-xs)}.mode-badge{font-family:var(--font-mono);font-size:var(--font-size-code-sm);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);background:#ffffff0a;padding:2px 8px;border-radius:999px}.mode-badge.recommended{color:var(--color-primary);background:#ff6b351a}.mode-detail p{font-family:var(--font-body);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text-secondary);margin:0}.dimensions-grid{display:flex;flex-direction:column;gap:var(--space-sm);margin:var(--space-lg) 0}.dimension-card{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-lg)}.dimension-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-md);background:#ff6b3514;border:1px solid rgba(255,107,53,.15);font-family:var(--font-mono);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);color:var(--color-primary)}.dimension-card h4{font-family:var(--font-display);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-3xs)}.dimension-card p{font-family:var(--font-body);font-size:var(--font-size-body-sm);line-height:var(--line-height-body);color:var(--color-text-secondary);margin:0}.pipeline-flow{display:flex;align-items:stretch;gap:0;padding:var(--space-lg);margin:var(--space-lg) 0}.pipeline-stage{flex:1;display:flex;gap:var(--space-sm);align-items:flex-start}.pipeline-num{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:50%;background:#ff6b351a;font-family:var(--font-mono);font-size:var(--font-size-code);font-weight:var(--font-weight-bold);color:var(--color-primary)}.pipeline-stage strong{font-family:var(--font-display);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);display:block;margin-bottom:var(--space-3xs)}.pipeline-stage p{font-family:var(--font-body);font-size:var(--font-size-body-sm);line-height:var(--line-height-body);color:var(--color-text-secondary);margin:0}.pipeline-arrow{display:flex;align-items:center;padding:0 var(--space-sm);color:var(--color-primary);opacity:.5;flex-shrink:0}.skills-grid{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin:var(--space-sm) 0 var(--space-md)}.skill-chip{display:flex;flex-direction:column;gap:var(--space-3xs);padding:var(--space-xs) var(--space-sm);background:#ffffff05;border:1px solid var(--color-border-default);border-radius:var(--radius-md);transition:border-color var(--transition-base);flex:1;min-width:200px}.skill-chip:hover{border-color:var(--color-border-hover)}.skill-chip code{font-family:var(--font-mono);font-size:var(--font-size-code);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.skill-chip span{font-family:var(--font-body);font-size:var(--font-size-code-sm);color:var(--color-text-tertiary);line-height:1.4}.chain-flow{display:flex;flex-direction:column;align-items:center;gap:0;margin:var(--space-lg) 0}.chain-step{width:100%;padding:var(--space-lg);display:flex;gap:var(--space-md);align-items:flex-start}.chain-num{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:50%;background:#ff6b351a;font-family:var(--font-mono);font-size:var(--font-size-code);font-weight:var(--font-weight-bold);color:var(--color-primary)}.chain-step h4{font-family:var(--font-display);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-3xs)}.chain-step p{font-family:var(--font-body);font-size:var(--font-size-body-sm);line-height:var(--line-height-body);color:var(--color-text-secondary);margin:0}.chain-connector{display:flex;justify-content:center;padding:var(--space-3xs) 0}.optional-badge{display:inline-block;font-family:var(--font-mono);font-size:var(--font-size-code-sm);color:var(--color-text-tertiary);background:#ffffff0a;padding:2px 10px;border-radius:999px;margin-bottom:var(--space-md);border:1px solid var(--color-border-default)}.thresholds-grid{display:grid;grid-template-columns:1fr;gap:var(--space-sm);margin:var(--space-lg) 0}@media(min-width:640px){.thresholds-grid{grid-template-columns:repeat(3,1fr)}}.threshold-card{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xs)}.threshold-range{font-family:var(--font-display);font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:-.02em}.threshold-action{display:inline-block;align-self:flex-start;font-family:var(--font-mono);font-size:var(--font-size-code-sm);font-weight:var(--font-weight-bold);padding:3px 10px;border-radius:999px;letter-spacing:.04em}.auto-badge{color:var(--color-success);background:#3ecf6e1a}.suggest-badge{color:var(--color-warning);background:#ffb2241a}.logged-badge{color:var(--color-text-tertiary);background:#ffffff0a}.threshold-card p{font-family:var(--font-body);font-size:var(--font-size-body-sm);line-height:var(--line-height-body);color:var(--color-text-secondary);margin:0}.troubleshoot-list{display:flex;flex-direction:column;gap:var(--space-md);margin:var(--space-lg) 0}.troubleshoot-item{padding:var(--space-lg)}.troubleshoot-item h4{font-family:var(--font-display);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-error);margin:0 0 var(--space-sm)}.troubleshoot-item .code-block{margin-top:var(--space-sm)}.troubleshoot-item .doc-prose{margin-bottom:var(--space-xs)}.docs-footer-cta{padding:var(--space-2xl);margin:var(--space-3xl) 0 var(--space-2xl);text-align:center;border-color:#ff6b3526}.docs-footer-cta h3{font-family:var(--font-display);font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-xs);letter-spacing:-.02em}.docs-footer-cta p{font-family:var(--font-body);font-size:var(--font-size-body);color:var(--color-text-secondary);margin:0 0 var(--space-lg)}.cta-actions{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap}.cta-primary{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 24px;background:var(--color-primary);color:var(--color-on-primary);font-family:var(--font-body);font-weight:var(--font-weight-semibold);font-size:var(--font-size-body);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-base)}.cta-primary:hover{background:var(--color-primary-hover);color:var(--color-on-primary)}.cta-secondary{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 24px;background:transparent;color:var(--color-text-secondary);font-family:var(--font-body);font-weight:var(--font-weight-semibold);font-size:var(--font-size-body);border:1px solid var(--color-border-default);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-base)}.cta-secondary:hover{border-color:var(--color-border-hover);color:var(--color-text-primary)}.docs-page-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin:var(--space-3xl) 0 0;padding-top:var(--space-2xl);border-top:1px solid var(--color-border-default)}.page-nav-link{display:flex;flex-direction:column;gap:var(--space-3xs);padding:var(--space-lg);text-decoration:none;transition:all var(--transition-base)}.page-nav-link:hover{border-color:var(--color-primary)}.page-nav-direction{display:flex;align-items:center;gap:var(--space-3xs);font-family:var(--font-mono);font-size:var(--font-size-code-sm);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.page-nav-label{font-family:var(--font-mono);font-size:var(--font-size-code-sm);color:var(--color-primary);opacity:.7}.page-nav-title{font-family:var(--font-display);font-size:var(--font-size-body-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.page-nav-next{text-align:right;align-items:flex-end}.page-nav-next .page-nav-direction{justify-content:flex-end}@media(max-width:1023px){.docs-sidebar{position:fixed;top:0;left:-280px;width:280px;height:100vh;z-index:55;transition:left var(--transition-base);border-right:1px solid var(--color-border-default)}.docs-sidebar.open{left:0}.sidebar-overlay.open{display:block}.sidebar-toggle{display:flex}.docs-content{margin-left:0;padding:var(--space-xl) var(--space-lg)}}@media(max-width:639px){.docs-main{padding-top:56px}.docs-header h1{font-size:var(--font-size-h2)}.docs-lead{font-size:var(--font-size-body)}.docs-content{padding:var(--space-lg) var(--space-md)}.doc-section h2{font-size:var(--font-size-h3)}.doc-section h3{font-size:var(--font-size-body-lg)}.code-block code{font-size:var(--font-size-code-sm)}.pipeline-flow{flex-direction:column;padding:var(--space-md)}.pipeline-arrow{transform:rotate(90deg);padding:var(--space-2xs) 0}.step-card,.mode-detail{padding:var(--space-md)}.dimension-card{padding:var(--space-sm) var(--space-md)}.chain-step,.troubleshoot-item{padding:var(--space-md)}.docs-footer-cta{padding:var(--space-xl)}.skill-chip{min-width:100%}.threshold-card{padding:var(--space-md)}.sidebar-toggle{bottom:var(--space-sm);right:var(--space-sm)}.docs-page-nav{grid-template-columns:1fr}}.docs-sidebar::-webkit-scrollbar{width:4px}.docs-sidebar::-webkit-scrollbar-track{background:transparent}.docs-sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.docs-sidebar::-webkit-scrollbar-thumb:hover{background:#fff3}.table-wrapper::-webkit-scrollbar{height:4px}.table-wrapper::-webkit-scrollbar-track{background:transparent}.table-wrapper::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}