@import "https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&family=Geist+Mono:wght@400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--ds-background-100:#121214;--ds-background-200:#1a1a1e;--ds-background-300:#222227;--ds-background-400:#2c2c33;--ds-border-default:#2e2e34;--ds-border-hover:#45454e;--ds-border-subtle:#242429;--ds-border-active:#62626e;--ds-foreground:#fff;--ds-foreground-secondary:#dcdce0;--ds-foreground-tertiary:#a4a4ae;--ds-foreground-muted:#6e6e78;--ds-accent:#0070f3;--ds-accent-hover:#3291ff;--ds-success:#00e599;--ds-success-subtle:#00e59914;--ds-success-border:#00e59940;--ds-warning:#f5a623;--ds-warning-subtle:#f5a62314;--ds-warning-border:#f5a62340;--ds-danger:#ff453a;--ds-danger-subtle:#ff453a14;--ds-danger-border:#ff453a40;--font-sans:"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--transition-fast:.12s ease;--transition-normal:.18s ease}html{scroll-behavior:smooth;background-color:var(--ds-background-100);font-size:16px}body{font-family:var(--font-sans);background:var(--ds-background-100);color:var(--ds-foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.011em;min-height:100vh;line-height:1.6}.navpill{top:calc(1.1rem + env(safe-area-inset-top,0px));z-index:100;-webkit-backdrop-filter:blur(20px);background:#18181cd9;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:.3rem;padding:.35rem .5rem;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff1a,0 16px 36px #0000008c}.navpill-brand{font-family:var(--font-mono);color:#fff;letter-spacing:-.02em;-webkit-user-select:none;user-select:none;align-items:center;gap:.55rem;padding:.35rem .65rem .35rem .85rem;font-size:.84rem;font-weight:600;text-decoration:none;display:inline-flex}.navpill-version{color:var(--ds-foreground-tertiary);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;padding:.1rem .42rem;font-size:.7rem}.navpill-sep{background:#ffffff1f;width:1px;height:1.25rem;margin:0 .2rem}.navpill-tab{font-family:var(--font-sans);color:var(--ds-foreground-secondary);transition:color var(--transition-fast), background var(--transition-fast);-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:.45rem;padding:.4rem .85rem;font-size:.85rem;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.navpill-tab:hover{color:#fff;background:#ffffff1a}.navpill-tab.active{color:#fff;background:#ffffff24;box-shadow:inset 0 1px #fff3}.navpill-tab kbd{font-family:var(--font-mono);color:#fff;background:#00000073;border:1px solid #ffffff1f;border-radius:3px;padding:.08rem .32rem;font-size:.65rem}.navpill-user-stat{font-family:var(--font-mono);color:#fff;-webkit-user-select:none;user-select:none;cursor:default;transition:all var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:.45rem;padding:.35rem .75rem;font-size:.78rem;display:inline-flex;position:relative}.navpill-user-stat:hover{background:#ffffff1f;border-color:#ffffff40}.user-stat-icon{width:14px;height:14px;color:var(--ds-success)}.user-stat-number{color:#fff;letter-spacing:-.02em;font-weight:600}.navpill-icon-btn{color:#000;cursor:pointer;width:2.25rem;height:2.25rem;transition:transform var(--transition-fast), background var(--transition-fast);background:#fff;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;margin-left:.15rem;text-decoration:none;display:flex;position:relative}.navpill-icon-btn:hover{background:#f0f0f0;transform:scale(1.05)}.navpill-icon-btn svg{width:15px;height:15px}.navpill-tip{color:#fff;white-space:nowrap;pointer-events:none;opacity:0;z-index:101;background:#17171a;border:1px solid #33333a;border-radius:6px;padding:.3rem .55rem;font-size:.72rem;font-weight:500;transition:opacity .12s;position:absolute;top:3.1rem;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0000008c}.navpill-icon-btn:hover .navpill-tip,.navpill-tab:hover .navpill-tip,.navpill-user-stat:hover .navpill-tip{opacity:1}.container{max-width:1320px;margin:0 auto;padding:5.75rem 1.5rem 3.5rem}.guide-layout{grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:2rem;display:grid}.guide-content{min-width:0}.guide-sidebar{flex-direction:column;gap:1.25rem;display:flex;position:sticky;top:5.5rem}.page-header{border-bottom:1px solid var(--ds-border-default);margin-bottom:1.75rem;padding-bottom:1.25rem}.page-title{font-family:var(--font-sans);color:#fff;letter-spacing:-.035em;margin-bottom:.35rem;font-size:1.75rem;font-weight:600;line-height:1.25}.page-subtitle{color:var(--ds-foreground-secondary);font-size:.96rem;line-height:1.5}.checklist-status-bar{background:var(--ds-background-200);border:1px solid var(--ds-border-default);border-radius:var(--radius-lg);padding:1rem 1.15rem;box-shadow:0 4px 20px #00000040}.checklist-main-row{justify-content:space-between;align-items:center;gap:.65rem;display:flex}.checklist-info{align-items:center;gap:.6rem;display:flex}.checklist-title{color:#fff;letter-spacing:-.01em;font-size:.92rem;font-weight:600}.checklist-count{font-family:var(--font-mono);background:var(--ds-background-300);border:1px solid var(--ds-border-default);border-radius:var(--radius-sm);color:#fff;padding:.15rem .5rem;font-size:.78rem;font-weight:600}.checklist-quick-steps{border-top:1px solid var(--ds-border-subtle);flex-direction:column;gap:.35rem;margin-top:.85rem;padding-top:.85rem;display:flex}.quick-step-item{border-radius:var(--radius-sm);color:var(--ds-foreground-secondary);background:var(--ds-background-300);transition:all var(--transition-fast);border:1px solid #0000;justify-content:space-between;align-items:center;padding:.4rem .6rem;font-size:.82rem;text-decoration:none;display:flex}.quick-step-item:hover{color:#fff;border-color:var(--ds-border-hover)}.quick-step-item.done{color:#fff;background:#00e5990d;border-color:#00e59959}.quick-step-status{font-family:var(--font-mono);color:var(--ds-foreground-tertiary);font-size:.74rem}.quick-step-item.done .quick-step-status{color:var(--ds-success)}.switch-tabs-banner{border-top:1px solid var(--ds-border-subtle);flex-direction:column;gap:.35rem;margin-top:.85rem;padding-top:.85rem;display:flex}.switch-tabs-heading{color:#fff;letter-spacing:-.01em;align-items:center;gap:.4rem;font-size:.92rem;font-weight:600;display:flex}.switch-tabs-desc{color:var(--ds-foreground-secondary);font-size:.84rem;line-height:1.5}.switch-tabs-desc kbd{background:var(--ds-background-300);border:1px solid var(--ds-border-default);font-family:var(--font-mono);color:#fff;border-radius:3px;padding:.1rem .35rem;font-size:.72rem}.switch-tabs-sub{color:var(--ds-foreground-tertiary);margin-top:.15rem;font-size:.78rem;display:block}.card{background:var(--ds-background-200);border:1px solid var(--ds-border-default);border-radius:var(--radius-lg);transition:border-color var(--transition-normal);margin-bottom:1.25rem;padding:1.35rem;position:relative}.card:hover{border-color:var(--ds-border-hover)}.card-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.85rem;display:flex}.card-header-left{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.card-step-badge{font-family:var(--font-mono);color:#fff;background:var(--ds-background-300);border:1px solid var(--ds-border-default);border-radius:var(--radius-sm);letter-spacing:.05em;text-transform:uppercase;padding:.22rem .55rem;font-size:.75rem;font-weight:600}.card-title{color:#fff;letter-spacing:-.02em;font-size:1.1rem;font-weight:600}.card-desc{color:var(--ds-foreground-secondary);margin-bottom:1rem;font-size:.92rem;line-height:1.55}.step-card{background:var(--ds-background-200);border:1px solid var(--ds-border-default);border-radius:var(--radius-lg);transition:border-color var(--transition-fast), background var(--transition-fast);margin-bottom:1.25rem;padding:1.5rem;scroll-margin-top:6rem}.step-card.completed{background:#00e59905;border-color:#00e59959}.step-card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.step-card-title{align-items:center;gap:.85rem;display:flex}.step-num{font-family:var(--font-mono);color:#fff;background:var(--ds-background-300);border:1px solid var(--ds-border-default);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:30px;height:30px;font-size:.85rem;font-weight:600;display:flex}.step-card.completed .step-num{color:var(--ds-success);border-color:var(--ds-success)}.step-heading{color:#fff;letter-spacing:-.02em;font-size:1.15rem;font-weight:600}.step-toggle-btn{font-family:var(--font-sans);background:var(--ds-background-300);border:1px solid var(--ds-border-default);color:var(--ds-foreground-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.45rem;padding:.4rem .8rem;font-size:.82rem;font-weight:500;display:inline-flex}.step-toggle-btn:hover{color:#fff;border-color:var(--ds-border-hover)}.step-card.completed .step-toggle-btn{background:var(--ds-success-subtle);border-color:var(--ds-success-border);color:var(--ds-success)}.guide-list{flex-direction:column;gap:.65rem;list-style:none;display:flex}.guide-list li{color:var(--ds-foreground-secondary);padding-left:1.5rem;font-size:.95rem;line-height:1.6;position:relative}.guide-list li:before{content:"";background:var(--ds-foreground-tertiary);border-radius:50%;width:4px;height:4px;position:absolute;top:.65rem;left:.35rem}.guide-list strong{color:#fff;font-weight:600}.guide-list a{color:#fff;text-decoration:underline;-webkit-text-decoration-color:var(--ds-foreground-muted);text-decoration-color:var(--ds-foreground-muted);text-underline-offset:3px;transition:text-decoration-color var(--transition-fast)}.guide-list a:hover{text-decoration-color:#fff}.inline-cmd-chip{background:var(--ds-background-300);border:1px solid var(--ds-border-default);border-radius:var(--radius-sm);font-family:var(--font-mono);color:#fff;vertical-align:middle;cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;align-items:center;gap:.4rem;padding:.15rem .5rem;font-size:.85rem;display:inline-flex}.inline-cmd-chip:hover{border-color:var(--ds-border-hover);background:var(--ds-background-400)}.inline-cmd-chip .chip-icon{opacity:.7;width:12px;height:12px}.inline-cmd-chip.copied{border-color:var(--ds-success-border);color:var(--ds-success);background:var(--ds-success-subtle)}.inline-ref-icon{background:var(--ds-background-300);border:1px solid var(--ds-border-default);border-radius:var(--radius-sm);color:#fff;vertical-align:middle;align-items:center;gap:.35rem;padding:.15rem .5rem;font-size:.85rem;font-weight:500;display:inline-flex}.inline-ref-icon svg{color:#fff}code{font-family:var(--font-mono);background:var(--ds-background-300);border:1px solid var(--ds-border-subtle);border-radius:var(--radius-sm);color:#fff;padding:.15rem .45rem;font-size:.88rem}.callout{border-radius:var(--radius-md);margin:1.15rem 0;padding:.85rem 1.15rem;font-size:.9rem;line-height:1.55}.callout-success{background:var(--ds-success-subtle);border:1px solid var(--ds-success-border);color:var(--ds-success)}.callout-success strong{color:#fff}.callout-warning{background:var(--ds-warning-subtle);border:1px solid var(--ds-warning-border);color:#ffc266}.callout-warning strong{color:#fff}.callout-danger{background:var(--ds-danger-subtle);border:1px solid var(--ds-danger-border);color:#fff}.callout-danger strong{color:#ee4e4e}.callout-acronyms{color:var(--ds-foreground-secondary);border-top:1px solid #ee000040;flex-wrap:wrap;align-items:center;gap:.45rem;margin-top:.55rem;padding-top:.55rem;font-size:.84rem;display:flex}.callout-acronyms strong{color:#fff}.callout-acronyms code{color:#fff;background:var(--ds-background-300);border:1px solid var(--ds-border-default);border-radius:var(--radius-sm);padding:.1rem .4rem;font-size:.8rem}.toolkit-workspace{flex-direction:column;gap:1.5rem;display:flex}.toolkit-primary-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:1.5rem;display:grid}.toolkit-sidebar,.toolkit-main{flex-direction:column;gap:1.25rem;display:flex}.antidote-badge-strip{background:var(--ds-background-300);border:1px solid var(--ds-border-default);border-radius:var(--radius-sm);flex-wrap:wrap;align-items:center;gap:.5rem;margin:.55rem 0 .75rem;padding:.35rem .65rem;font-size:.75rem;line-height:1.4;display:flex}.antidote-badge-title{color:#fff;letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:.35rem;font-weight:600;display:inline-flex}.antidote-badge-title svg{color:var(--ds-foreground-secondary);flex-shrink:0}.antidote-badge-desc{color:var(--ds-foreground-tertiary);font-size:.73rem}.fallback-accordion{background:var(--ds-background-200);border:1px solid var(--ds-border-default);border-radius:var(--radius-lg);transition:border-color var(--transition-fast);overflow:hidden}.fallback-accordion[open]{border-color:var(--ds-border-hover)}.fallback-summary{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--ds-foreground-secondary);background:var(--ds-background-200);transition:all var(--transition-fast);justify-content:space-between;align-items:center;padding:.95rem 1.25rem;font-size:.9rem;font-weight:500;list-style:none;display:flex}.fallback-summary::-webkit-details-marker{display:none}.fallback-summary:hover{color:#fff;background:var(--ds-background-300)}.fallback-summary-left{align-items:center;gap:.65rem;display:flex}.fallback-summary-left svg{transition:transform var(--transition-fast)}.fallback-accordion[open] .fallback-summary-left svg{transform:rotate(180deg)}.fallback-summary-badge{font-family:var(--font-mono);background:var(--ds-background-300);border:1px solid var(--ds-border-default);border-radius:var(--radius-sm);color:var(--ds-foreground-tertiary);padding:.15rem .45rem;font-size:.72rem}.fallback-content{border-top:1px solid var(--ds-border-default);padding:1.25rem}.code-block-wrapper{background:var(--ds-background-100);border:1px solid var(--ds-border-default);border-radius:var(--radius-md);margin-top:.75rem;position:relative;overflow:hidden}.code-block-header{background:var(--ds-background-200);border-bottom:1px solid var(--ds-border-default);justify-content:space-between;align-items:center;padding:.45rem .8rem;display:flex}.code-block-lang{font-family:var(--font-mono);color:var(--ds-foreground-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem}.code-block{background:var(--ds-background-100);font-family:var(--font-mono);color:#fff;white-space:pre;tab-size:2;max-height:200px;padding:.9rem 1rem;font-size:.84rem;line-height:1.65;overflow:auto}.code-block::-webkit-scrollbar{width:6px;height:6px}.code-block::-webkit-scrollbar-track{background:0 0}.code-block::-webkit-scrollbar-thumb{background:var(--ds-border-default);border-radius:3px}.code-block::-webkit-scrollbar-thumb:hover{background:var(--ds-border-hover)}.btn{font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;letter-spacing:-.01em;justify-content:center;align-items:center;gap:.55rem;padding:.6rem 1.15rem;font-size:.88rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{color:#000;background:#fff;border:1px solid #fff;font-weight:600}.btn-primary:hover{background:#f0f0f0;border-color:#f0f0f0;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--ds-background-300);color:#fff;border:1px solid var(--ds-border-default)}.btn-secondary:hover{background:var(--ds-background-400);border-color:var(--ds-border-hover)}.btn-ghost{color:var(--ds-foreground-secondary);background:0 0;border:1px solid #0000}.btn-ghost:hover{color:#fff;background:var(--ds-background-300)}.btn-sm{border-radius:var(--radius-sm);padding:.35rem .75rem;font-size:.8rem}.copy-btn{font-family:var(--font-mono);color:var(--ds-foreground-secondary);background:var(--ds-background-300);border:1px solid var(--ds-border-default);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;align-items:center;gap:.4rem;padding:.28rem .6rem;font-size:.75rem;font-weight:500;display:inline-flex}.copy-btn:hover{color:#fff;background:var(--ds-background-400);border-color:var(--ds-border-hover)}.copy-btn.copied{color:var(--ds-success);border-color:var(--ds-success-border);background:var(--ds-success-subtle)}.segmented-control{background:var(--ds-background-100);border:1px solid var(--ds-border-default);border-radius:var(--radius-md);margin-bottom:1rem;padding:.2rem;display:flex}.segmented-btn{font-family:var(--font-sans);color:var(--ds-foreground-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.5rem .85rem;font-size:.86rem;font-weight:500;display:flex}.segmented-btn:hover:not(.active){color:#fff}.segmented-btn.active{background:var(--ds-background-300);color:#fff;box-shadow:0 1px 3px #0006}.segmented-btn code{color:var(--ds-foreground-tertiary);background:0 0;border:none;padding:0;font-size:.74rem}.segmented-btn.active code{color:#fff}.editor-wrapper{margin-bottom:.85rem}.editor-meta-bar{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.editor-label{font-family:var(--font-mono);color:#fff;text-transform:uppercase;letter-spacing:.06em;font-size:.74rem;font-weight:600}.editor-stats{font-family:var(--font-mono);color:var(--ds-foreground-secondary);font-size:.74rem}#editor-mount{border:1px solid var(--ds-border-default);border-radius:var(--radius-md);height:260px;transition:border-color var(--transition-fast);background:#1e1e1e;overflow:hidden}#editor-mount:focus-within{border-color:#fff}#editor-mount .monaco-editor,#editor-mount .monaco-editor .overflow-guard{border-radius:var(--radius-md)}.editor-action-bar{justify-content:space-between;align-items:center;gap:1rem;margin-top:.85rem;display:flex}.action-bar-left{align-items:center;gap:.5rem;display:flex}.shortcut-hint{font-family:var(--font-mono);color:var(--ds-foreground-secondary);align-items:center;gap:.35rem;font-size:.74rem;display:flex}.shortcut-hint kbd{background:var(--ds-background-300);border:1px solid var(--ds-border-default);color:#fff;border-radius:3px;padding:.12rem .38rem}.output-area{opacity:0;margin-top:1.25rem;transition:opacity .18s,transform .18s;display:none;transform:translateY(6px)}.output-area.visible{opacity:1;display:block;transform:translateY(0)}.output-banner{border-radius:var(--radius-md);color:#9cd0ff;background:#0070f314;border:1px solid #0070f340;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:.65rem .95rem;font-size:.86rem;display:flex}.site-footer{border-top:1px solid var(--ds-border-default);background:var(--ds-background-200);margin-top:3.5rem;padding:1.5rem 1.5rem 2rem}.footer-container{flex-direction:column;gap:1rem;max-width:1320px;margin:0 auto;display:flex}.footer-top{border-bottom:1px solid var(--ds-border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.85rem;display:flex}.footer-brand-section{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.footer-made-for{align-items:center;gap:.75rem;display:flex}.footer-label{font-family:var(--font-mono);color:var(--ds-foreground-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:.76rem}.footer-logo{object-fit:contain;filter:brightness(.95);width:auto;height:26px;display:block}.footer-author-box{border-left:1px solid var(--ds-border-default);align-items:center;gap:.75rem;padding-left:1.25rem;display:flex}.footer-quote{color:#fff;font-size:.86rem;font-style:italic}.author-glow{color:#fff;font-family:var(--font-mono);cursor:default;transition:all var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:4px;padding:.15rem .5rem;font-size:.78rem;font-weight:600;display:inline-block}.author-glow:hover{color:#fff;text-shadow:0 0 10px #fffffff2,0 0 20px #fff9;background:#ffffff29;border-color:#ffffff73;box-shadow:0 0 14px #ffffff40}.footer-legal{flex-direction:column;display:flex}.footer-disclaimer{color:var(--ds-foreground-secondary);font-size:.82rem;font-weight:500;font-family:var(--font-mono);letter-spacing:-.01em;margin-bottom:.45rem}.footer-preserve{color:var(--ds-foreground-tertiary);max-width:95ch;font-size:.8rem;line-height:1.5}.toast-notice{background:var(--ds-background-300);border:1px solid var(--ds-border-default);color:#fff;border-radius:var(--radius-md);opacity:0;pointer-events:none;transition:all var(--transition-fast);z-index:999;align-items:center;gap:.65rem;padding:.65rem 1.15rem;font-size:.88rem;display:flex;position:fixed;bottom:2rem;right:2rem;transform:translateY(12px);box-shadow:0 4px 16px #0009}.toast-notice.show{opacity:1;transform:translateY(0)}.toast-icon{color:var(--ds-success)}@media (width<=1024px){.toolkit-primary-grid,.guide-layout{grid-template-columns:1fr}.guide-sidebar{position:static}}@media (width<=640px){.navpill{justify-content:space-between;width:calc(100% - 2rem)}.navpill-brand,.navpill-sep{display:none}.container{padding:5rem 1rem 3rem}.step-card{padding:1.25rem}.editor-action-bar{flex-direction:column;align-items:stretch}.action-bar-left{justify-content:center}.footer-author-box{border-left:none;border-top:1px solid var(--ds-border-default);width:100%;padding-top:.5rem;padding-left:0}}