@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--font-main: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", monospace;--bg-raw: 224, 25%, 4%;--bg-primary: hsl(var(--bg-raw));--bg-secondary: hsl(224, 25%, 7%);--bg-tertiary: hsl(224, 25%, 10%);--bg-elevated: hsl(224, 25%, 12%);--accent-raw: 262, 83%, 65%;--accent-primary: hsl(var(--accent-raw));--accent-secondary: hsl(199, 89%, 48%);--accent-success: hsl(155, 100%, 45%);--accent-warning: hsl(45, 93%, 47%);--accent-danger: hsl(0, 84%, 60%);--text-primary: hsl(210, 40%, 98%);--text-secondary: hsl(215, 25%, 70%);--text-tertiary: hsl(215, 20%, 50%);--text-muted: hsl(215, 15%, 35%);--border-subtle: hsla(215, 25%, 100%, .06);--border-on-surface: hsla(215, 25%, 100%, .1);--glass-bg: hsla(224, 25%, 7%, .7);--glass-blur: blur(12px);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--header-height: 3.5rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1.25rem;--radius-full: 9999px;--shadow-premium: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 10px 10px -5px rgba(0, 0, 0, .2);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;selection-background:hsla(var(--accent-raw),.3)}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}a{color:inherit;text-decoration:none;transition:var(--transition-smooth)}button{font-family:inherit;cursor:pointer;border:none;background:none;transition:var(--transition-smooth)}.app-container{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}.premium-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-premium);transition:var(--transition-smooth)}.premium-card:hover{border-color:var(--accent-primary);transform:translateY(-4px);background:var(--bg-tertiary)}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-on-surface)}.gradient-text{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.logo{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.logo-icon{color:var(--accent-primary);width:2rem;height:2rem}.logo-dot{color:var(--accent-primary)}.hover-lift:hover{transform:translateY(-2px)}.fade-in{animation:fadeIn .5s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}pre{background:var(--bg-tertiary);padding:var(--space-md);border-radius:var(--radius-md);overflow-x:auto;border:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:.875rem}code{font-family:var(--font-mono)}.container{max-width:1400px;margin:0 auto;padding:0 var(--space-xl)}@media(max-width:768px){.container{padding:0 var(--space-md)}}.sidebar-nav::-webkit-scrollbar,.code-block-container pre::-webkit-scrollbar{width:4px;height:4px}.sidebar-nav::-webkit-scrollbar-track,.code-block-container pre::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb,.code-block-container pre::-webkit-scrollbar-thumb{background:var(--border-on-surface);border-radius:var(--radius-full)}.sidebar-nav::-webkit-scrollbar-thumb:hover,.code-block-container pre::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.sidebar-nav::-webkit-scrollbar-button,.code-block-container pre::-webkit-scrollbar-button{display:none}.header{position:sticky;top:0;width:100%;z-index:1000;height:var(--header-height);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-subtle)}.header-content{display:flex;align-items:center;justify-content:space-between;height:100%}.header-content.justify-end{justify-content:flex-end}.nav{display:flex;align-items:center;gap:1.5rem}.nav-link{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem;font-weight:600;transition:var(--transition-smooth)}.nav-link:hover{color:var(--text-primary)}.nav-link.github{background:var(--bg-tertiary);padding:.5rem 1rem;border-radius:var(--radius-full);border:1px solid var(--border-subtle);color:var(--text-primary)}.nav-link.github:hover{border-color:var(--accent-primary);background:var(--bg-elevated);transform:translateY(-1px)}@media(max-width:640px){.nav-link span{display:none}}.footer{padding:var(--space-2xl) 0;border-top:1px solid var(--border-subtle);background:var(--bg-secondary)}.footer-content{display:flex;justify-content:space-between;align-items:center;color:var(--text-muted);font-size:.875rem}.footer-links{display:flex;gap:var(--space-xl)}.footer-links a{transition:var(--transition-smooth)}.footer-links a:hover{color:var(--text-primary)}@media(max-width:768px){.footer-content{flex-direction:column;gap:var(--space-lg);text-align:center}}.magnetic-button-wrapper{display:flex;align-items:center;justify-content:center;perspective:1000px}.magnetic-button{position:relative;padding:16px 40px;background:var(--accent-primary);color:#fff;border-radius:12px;font-family:var(--font-main);font-size:18px;font-weight:700;border:none;cursor:pointer;outline:none;transition:transform .1s linear,box-shadow .3s ease;display:flex;align-items:center;gap:12px;text-decoration:none;box-shadow:0 10px 30px -10px hsla(var(--accent-raw),.4);z-index:1}.magnetic-button:hover{box-shadow:0 15px 40px -10px hsla(var(--accent-raw),.6)}.magnetic-button span{position:relative;z-index:2;pointer-events:none}.magnetic-button-glow{position:absolute;inset:-2px;background:linear-gradient(45deg,var(--accent-primary),#ffffff,var(--accent-secondary));border-radius:inherit;z-index:0;opacity:0;transition:opacity .3s ease}.magnetic-button:hover .magnetic-button-glow{opacity:.2}.docs-layout{display:flex;background:var(--bg-primary);min-height:100vh;overflow-x:hidden}.docs-main{flex:1;padding:2rem 1.25rem 3rem;max-width:800px;margin:0 auto;width:100%}@media(max-width:1024px){.docs-main{max-width:100%;padding:2rem 1rem}}.docs-sidebar{position:sticky;top:4.5rem;height:calc(100vh - 4.5rem);background:var(--bg-primary);border-right:1px solid var(--border-dim);padding:2rem 1rem;overflow-y:auto}.search-box{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-dim);border-radius:.5rem;margin-bottom:2rem;color:var(--text-tertiary)}.search-box input{background:none;border:none;color:var(--text-primary);font-size:.9rem;outline:none}.sidebar-section{margin-bottom:1.5rem}.section-title-docs{display:flex;align-items:center;gap:.75rem;font-size:.9rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem;padding:0 .5rem}.section-list{list-style:none}.nav-item{display:block;width:100%;text-align:left;padding:.4rem .75rem;font-size:.9rem;color:var(--text-secondary);border-radius:.4rem;margin-bottom:.1rem}.nav-item:hover{background:#ffffff0d;color:var(--text-primary)}.nav-item.active{background:#8b5cf61a;color:var(--accent-primary);font-weight:600}.docs-content{padding:4rem 6rem;max-width:1000px;margin:0 auto}:root{--space-small-v: 1rem;--space-medium-v: 3rem;--table-border: hsla(215, 25%, 100%, .08);--table-header-bg: hsla(215, 25%, 100%, .03)}.breadcrumb{display:flex;align-items:center;gap:.4rem;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:1.5rem}.article-title{font-size:1.5rem;font-weight:800;margin-bottom:.75rem;letter-spacing:-.02em;color:var(--text-primary)}.article-lead{font-size:.9375rem;color:var(--text-secondary);line-height:1.5;margin-bottom:1.25rem;max-width:600px}.prose p{margin-bottom:var(--space-small-v);color:var(--text-secondary);font-size:.875rem;line-height:1.6}.prose h2{font-size:1.125rem;margin-top:var(--space-medium-v);margin-bottom:var(--space-small-v);font-weight:700;color:var(--text-primary)}.prose h3{font-size:.9375rem;margin-top:var(--space-medium-v);margin-bottom:var(--space-small-v);font-weight:600;color:var(--text-primary)}.premium-card h3{margin-top:0}.prose ul{padding-left:1.25rem;margin-bottom:1.5rem}.prose li{margin-bottom:.5rem;font-size:.875rem;color:var(--text-secondary)}.info-box{display:flex;gap:.4rem;padding:.4rem .6rem;border-left:2px solid var(--accent-primary);margin-bottom:.5rem;font-size:.75rem;background:#925cf014;border-radius:0 .2rem .2rem 0}.info-icon{color:var(--accent-primary);flex-shrink:0}.code-snippet{background:var(--bg-tertiary)!important;border-radius:.75rem;border:1px solid var(--border-dim);margin-bottom:var(--space-small-v);overflow:hidden}.snippet-header{padding:.5rem 1rem;background:#ffffff08;border-bottom:1px solid var(--border-dim);font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:var(--space-small-v)}.example-box{background:var(--bg-tertiary);border-radius:.25rem;border:1px solid var(--border-dim);padding:.5rem;margin-bottom:.5rem}.box-label{font-size:.5rem;font-weight:700;text-transform:uppercase;color:var(--accent-primary);margin-bottom:.3rem}table{width:100%;border-collapse:separate;border-spacing:0;margin-bottom:var(--space-medium-v);background:hsla(var(--bg-raw),.3);border:1px solid var(--table-border);border-radius:var(--radius-md);overflow:hidden}th{text-align:left;padding:1.25rem 1.5rem;background:var(--table-header-bg);border-bottom:2px solid var(--table-border);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary)}td{padding:.875rem 1.25rem;border-bottom:1px solid var(--table-border);font-size:.875rem;color:var(--text-secondary);line-height:1.5}tr:last-child td{border-bottom:none}tr:hover td{background:#ffffff05;color:var(--text-primary)}.docs-toc{position:sticky;top:4.5rem;height:calc(100vh - 4.5rem);padding:3rem 2rem;border-left:1px solid var(--border-dim)}.toc-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem}.toc-list{list-style:none}.toc-item{font-size:.85rem;color:var(--text-tertiary);margin-bottom:.75rem;cursor:pointer}.toc-item:hover{color:var(--text-secondary)}.toc-item.active{color:var(--accent-primary);font-weight:600}@media(max-width:768px){.docs-layout{flex-direction:column}}.checklist{list-style:none!important;padding:0!important}.checklist li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:var(--text-primary)!important}.checklist li b{color:var(--text-primary)}.checklist svg{color:var(--accent-success)}.visual-diagram{display:flex;align-items:center;justify-content:space-between;padding:2.5rem;border-radius:1.5rem;margin:3rem 0;gap:1.5rem;text-align:center}.diagram-step{display:flex;flex-direction:column;align-items:center;gap:1rem;flex:1}.step-num{width:2.5rem;height:2.5rem;background:var(--accent-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;box-shadow:0 0 20px #8b5cf666}.step-text{font-size:.85rem;color:var(--text-secondary);line-height:1.4}.diagram-arrow{font-size:1.5rem;color:var(--text-tertiary);font-weight:300}.card-simple{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:.3rem;padding:.5rem .6rem;margin-bottom:.5rem}.card-simple h4{display:flex;align-items:center;gap:.3rem;margin-bottom:.3rem;font-size:.75rem}.tip-box{background:#0ea5e914!important;border-left:2px solid var(--accent-secondary)!important;display:flex;gap:.4rem;padding:.4rem .6rem;margin-bottom:.5rem;font-size:.75rem;border-radius:0 .2rem .2rem 0}.tip-icon{color:var(--accent-secondary);flex-shrink:0}.warning-box{background:#ef444414!important;border-left:2px solid var(--accent-danger)!important;display:flex;gap:.4rem;padding:.4rem .6rem;margin-bottom:.5rem;font-size:.75rem;border-radius:0 .2rem .2rem 0}.warning-icon{color:var(--accent-danger);flex-shrink:0}.trouble-item{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--border-dim)}.trouble-item h3{margin-top:0!important;font-size:1.15rem!important}.trouble-item p{margin-top:.5rem;margin-bottom:.5rem!important}.faq-item{margin-bottom:2.5rem}.faq-item h4{font-size:1.1rem;margin-bottom:.75rem;color:var(--text-primary)}.pitfalls-list{background:#f59e0b08;border:1px solid rgba(245,158,11,.1);border-radius:1rem;padding:2rem 2.5rem!important}.pitfalls-list li{margin-bottom:1.25rem!important}.pitfalls-list strong{color:var(--accent-warning)}.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:3rem}.resource-link{display:flex;align-items:center;gap:1.25rem;padding:1.5rem;border-radius:1rem;transition:all .2s ease}.resource-link:hover{transform:translateY(-4px);border-color:var(--accent-primary);background:#8b5cf60d}.resource-link h4{margin-bottom:.25rem;font-size:1rem}.resource-link p{font-size:.85rem!important;margin-bottom:0!important}.changelog-item{padding:2rem!important}.changelog-item h3{display:flex;align-items:center;gap:1rem;margin-top:0!important}.badge{font-size:.7rem;padding:.25rem .6rem;border-radius:2rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.badge.success{background:#10b9811a;color:var(--accent-success);border:1px solid rgba(16,185,129,.2)}.manual-steps{list-style:none!important;padding:0!important;counter-reset:manual-counter}.manual-steps li{position:relative;padding-left:3.5rem;margin-bottom:2rem;color:var(--text-secondary)!important}.manual-steps li:before{counter-increment:manual-counter;content:counter(manual-counter);position:absolute;left:0;top:0;width:2.2rem;height:2.2rem;background:var(--bg-secondary);border:1px solid var(--border-dim);border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--accent-primary)}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2.5rem 0}.option-card{padding:.5rem .6rem;border-radius:.3rem;background:var(--bg-tertiary);border:1px solid var(--accent-primary)}.option-card code{color:var(--accent-primary);font-size:.75rem;font-weight:700;display:block;margin-bottom:.2rem}.option-card p{font-size:.7rem!important;margin-bottom:.3rem!important;line-height:1.3;color:var(--text-secondary)}.option-card pre{background:#171e2e33;padding:.5rem;border-radius:.4rem;font-size:.75rem;color:var(--text-tertiary)}