@charset "UTF-8";:root{--ctp-rosewater:#f5e0dc;--ctp-flamingo:#f2cdcd;--ctp-pink:#f5c2e7;--ctp-mauve:#cba6f7;--ctp-red:#f38ba8;--ctp-maroon:#eba0ac;--ctp-peach:#fab387;--ctp-yellow:#f9e2af;--ctp-green:#a6e3a1;--ctp-teal:#94e2d5;--ctp-sky:#89dceb;--ctp-sapphire:#74c7ec;--ctp-blue:#89b4fa;--ctp-lavender:#b4befe;--ctp-text:#cdd6f4;--ctp-subtext1:#bac2de;--ctp-subtext0:#a6adc8;--ctp-overlay2:#9399b2;--ctp-overlay1:#7f849c;--ctp-overlay0:#6c7086;--ctp-surface2:#585b70;--ctp-surface1:#45475a;--ctp-surface0:#313244;--ctp-base:#1e1e2e;--ctp-mantle:#181825;--ctp-crust:#11111b;--ctp-green-rgb:166,227,161;--ctp-yellow-rgb:249,226,175;--ctp-red-rgb:243,139,168;--ctp-blue-rgb:137,180,250;--accent-rgb:167,139,250;--bg-base:#09090b;--bg-raised:#0c0c0e;--bg-surface:#18181b;--bg-code:#0c0c0e;--bg-overlay:rgba(9,9,11,0.85);--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-tertiary:#71717a;--text-muted:#52525b;--border-subtle:#18181b;--border-default:#27272a;--border-strong:#3f3f46;--accent:#a78bfa;--accent-light:#c4b5fd;--accent-dark:#8b5cf6;--accent-fg:#09090b;--accent-bg:rgba(167,139,250,0.08);--accent-bg-hover:rgba(167,139,250,0.14);--accent-border:rgba(167,139,250,0.18);--success:#4ade80;--success-bg:rgba(74,222,128,0.08);--success-border:rgba(74,222,128,0.2);--warning:#fbbf24;--warning-bg:rgba(251,191,36,0.08);--warning-border:rgba(251,191,36,0.2);--danger:#f87171;--danger-bg:rgba(248,113,113,0.08);--danger-border:rgba(248,113,113,0.2);--info:#60a5fa;--info-bg:rgba(96,165,250,0.08);--info-border:rgba(96,165,250,0.2);--blossom:#f0abfc;--blossom-bg:rgba(240,171,252,0.08);--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 2px 4px rgba(0,0,0,0.3),0 4px 8px rgba(0,0,0,0.2);--shadow-lg:0 4px 8px rgba(0,0,0,0.3),0 12px 24px rgba(0,0,0,0.25);--shadow-xl:0 8px 16px rgba(0,0,0,0.3),0 24px 48px rgba(0,0,0,0.3);--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-pill:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:64px;--space-11:80px;--space-12:96px;--font-mono:"JetBrains Mono","SF Mono","Fira Code","Menlo",Consolas,monospace;--font-sans:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",system-ui,sans-serif;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--dur-fast:120ms;--dur-base:200ms;--dur-slow:320ms;--neon-pink:var(--blossom);--neon-cyan:var(--sky);--neon-violet:var(--lavender);--neon-yellow:var(--peach);--neon-green:var(--mint);--glow-cyan:none;--glow-pink:none;--glow-violet:none;--glow-green:none;--bg-card-hover:var(--bg-surface);--bg-primary:var(--bg-base);--bounce:var(--ease-out);--smooth:var(--ease-in-out);--spring:var(--ease-out)}:root,[data-theme=light]{--lavender:var(--accent-light);--lavender-bg:var(--accent-bg);--mint:var(--success);--mint-bg:var(--success-bg);--sky:var(--info);--sky-bg:var(--info-bg);--peach:var(--warning);--peach-bg:var(--warning-bg);--bg-dark:var(--bg-base);--bg-panel:var(--bg-raised);--bg-card:var(--bg-raised);--surface-raised:var(--bg-raised);--surface-hover:var(--bg-surface);--text-bright:var(--text-primary);--text-dim:var(--text-secondary)}[data-theme=light]{--ctp-rosewater:#dc8a78;--ctp-flamingo:#dd7878;--ctp-pink:#ea76cb;--ctp-mauve:#8839ef;--ctp-red:#d20f39;--ctp-maroon:#e64553;--ctp-peach:#fe640b;--ctp-yellow:#df8e1d;--ctp-green:#40a02b;--ctp-teal:#179299;--ctp-sky:#04a5e5;--ctp-sapphire:#209fb5;--ctp-blue:#1e66f5;--ctp-lavender:#7287fd;--ctp-text:#4c4f69;--ctp-subtext1:#5c5f77;--ctp-subtext0:#6c6f85;--ctp-overlay2:#7c7f93;--ctp-overlay1:#8c8fa1;--ctp-overlay0:#9ca0b0;--ctp-surface2:#acb0be;--ctp-surface1:#bcc0cc;--ctp-surface0:#ccd0da;--ctp-base:#eff1f5;--ctp-mantle:#e6e9ef;--ctp-crust:#dce0e8;--bg-code:#f4f4f5;--bg-overlay:hsla(0,0%,100%,0.9);--text-primary:#09090b;--text-tertiary:#52525b;--border-subtle:#f4f4f5;--accent-light:#a78bfa;--accent-dark:#6d28d9;--accent-bg-hover:#ede9fe;--accent-rgb:124,58,237;--success:#16a34a;--success-bg:#f0fdf4;--success-border:#bbf7d0;--warning:#d97706;--warning-bg:#fffbeb;--warning-border:#fde68a;--danger:#dc2626;--danger-bg:#fef2f2;--danger-border:#fecaca;--info:#2563eb;--info-bg:#eff6ff;--info-border:#bfdbfe;--blossom:#d946ef;--blossom-bg:#fdf4ff;--shadow-sm:0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 2px 4px rgba(0,0,0,0.04),0 4px 8px rgba(0,0,0,0.04);--shadow-lg:0 4px 8px rgba(0,0,0,0.04),0 12px 24px rgba(0,0,0,0.06);--shadow-xl:0 8px 16px rgba(0,0,0,0.05),0 24px 48px rgba(0,0,0,0.08);--bg-card-hover:var(--bg-surface);--bg-primary:var(--bg-base)}body,html{min-height:100%}body{font-family:var(--font-sans);font-size:16px;line-height:1.65;color:var(--text-secondary);background:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent;overflow-x:hidden;transition:background-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit}a{text-decoration:none;color:var(--text-primary);transition:color var(--dur-fast) var(--ease-out)}a:hover{color:var(--accent)}::selection{background:var(--accent-bg);color:var(--text-primary)}::-moz-selection{background:var(--accent-bg);color:var(--text-primary)}:focus{outline:none}:focus-visible{outline-offset:3px;border-radius:4px;transition:outline-offset .15s var(--smooth)}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:var(--accent-dark);border-radius:3px}.Navbar{position:fixed;left:0;right:0;z-index:1000;justify-content:space-between;height:60px;background:var(--bg-overlay);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border-bottom:1px solid var(--border-subtle)}.Navbar .brand{display:flex;align-items:center;gap:.625rem;font-family:var(--font-mono);font-weight:700;font-size:1.0625rem;color:var(--text-primary);letter-spacing:.02em}.Navbar .logo-mark{display:flex;font-weight:900;font-size:1.25rem;line-height:1}.Navbar .logo-mark .L{color:var(--lavender)}.Navbar .logo-mark .J{color:var(--blossom)}.Navbar .logo-mark .S{color:var(--mint)}.Navbar .version-badge{padding:.25rem .625rem;font-family:var(--font-mono);font-size:.6875rem;font-weight:600;letter-spacing:.02em;color:var(--mint);background:var(--mint-bg);border:1px solid rgba(110,231,183,.25);border-radius:var(--radius-pill);animation:badge-pulse 3s ease-in-out infinite}.Navbar .nav-links{display:none;align-items:center;gap:2rem}.Navbar .nav-links a{font-size:.875rem;font-weight:500;color:var(--text-tertiary);transition:all .2s var(--bounce);position:relative}.Navbar .nav-links a:after{content:"";position:absolute;bottom:-4px;left:50%;width:0;height:2px;background:linear-gradient(90deg,var(--lavender),var(--blossom));border-radius:1px;transition:all .3s var(--bounce);transform:translateX(-50%)}.Navbar .nav-links a:hover{color:var(--text-primary)}.Navbar .nav-links a:hover:after{width:100%}.Navbar .MenuButton{display:flex;flex-direction:column;gap:4px;padding:.5rem}.Navbar .MenuButton span{display:block;width:20px;height:2px;background:var(--text-tertiary);border-radius:1px;transition:all .3s var(--bounce)}.Navbar .theme-toggle{font-size:1.25rem;padding:.5rem;border-radius:50%;background:var(--surface-raised);border:1px solid var(--border-subtle);cursor:pointer;transition:all .2s var(--bounce);margin-left:1rem}.Navbar .theme-toggle:hover{transform:scale(1.1) rotate(15deg);background:var(--accent-bg);border-color:var(--accent-border)}@media (min-width:768px){.Navbar .nav-links{display:flex}.Navbar .MenuButton{display:none}}.mobile-nav-overlay{-webkit-backdrop-filter:blur(4px);transition:opacity .3s var(--smooth),visibility .3s var(--smooth)}.mobile-nav{background:var(--bg-raised);border-left:1px solid var(--border-subtle);transition:transform .35s var(--bounce);display:flex;flex-direction:column}.mobile-nav .mobile-nav-close{position:absolute;top:1rem;right:1rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s var(--bounce)}.mobile-nav .mobile-nav-close:hover{background:var(--accent-bg);color:var(--accent);border-color:var(--accent-border)}.mobile-nav .mobile-nav-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mobile-nav .mobile-nav-close svg{width:20px;height:20px}.mobile-nav .mobile-nav-content{display:flex;flex-direction:column;gap:.25rem}.mobile-nav .nav-link{min-height:44px;padding:.75rem 1rem;font-size:1rem;font-weight:500;transition:all .2s var(--smooth)}.mobile-nav .nav-link:hover{color:var(--text-primary);background:var(--accent-bg)}.mobile-nav .nav-link.-active{color:var(--lavender);background:var(--accent-bg);font-weight:600}.mobile-nav .nav-link:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.mobile-nav .nav-cta{margin-top:1.5rem;min-height:48px;font-size:.9375rem}.MobileMenu{display:none!important}.nav-links a.-active{color:var(--lavender)}.nav-links a.-active:after{width:100%}.hero{position:relative;padding:calc(60px + 3rem) 1.5rem 3rem;text-align:center;min-height:auto;display:flex;align-items:flex-start;justify-content:center;overflow:hidden}.hero .hero-blobs{position:absolute;inset:0;overflow:hidden;pointer-events:none}.hero .blob{position:absolute;border-radius:50%;filter:blur(100px);opacity:.45}.hero .blob-1{width:550px;height:550px;background:var(--accent);top:5%;left:10%;animation:float-blob 20s ease-in-out infinite}.hero .blob-2{width:450px;height:450px;background:var(--blossom);top:45%;right:5%;animation:float-blob 24s ease-in-out infinite reverse}.hero .blob-3{width:380px;height:380px;background:var(--sky);bottom:0;left:35%;animation:float-blob 16s ease-in-out 4s infinite}.hero .floating-shape{position:absolute;font-size:1.5rem;opacity:.35;filter:drop-shadow(0 0 12px var(--accent));pointer-events:none;user-select:none;will-change:transform}.hero .shape-1{top:15%;left:8%;animation:float-shape 18s ease-in-out infinite,shape-twinkle 3s ease-in-out infinite}.hero .shape-2{top:60%;left:5%;animation:float-shape 22s ease-in-out 2s infinite,shape-twinkle 4s ease-in-out 1s infinite}.hero .shape-3{top:20%;right:10%;animation:float-shape 20s ease-in-out 4s infinite,shape-twinkle 3.5s ease-in-out .5s infinite}.hero .shape-4{top:70%;right:8%;animation:float-shape 24s ease-in-out 1s infinite,shape-twinkle 5s ease-in-out 2s infinite}.hero .shape-5{top:40%;left:20%;animation:float-shape 19s ease-in-out 3s infinite,shape-twinkle 4s ease-in-out 1.5s infinite}.hero .shape-6{top:50%;right:20%;animation:float-shape 21s ease-in-out 5s infinite,shape-twinkle 3s ease-in-out .8s infinite}.hero .hero-content{position:relative;z-index:1;max-width:720px;margin:0 auto}.hero .hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;margin-bottom:1.75rem;font-family:var(--font-mono);font-size:.8125rem;font-weight:600;color:var(--mint);background:var(--mint-bg);border:1px solid rgba(110,231,183,.2);border-radius:var(--radius-pill);animation:badge-pop .6s var(--bounce) both}.hero .hero-badge .badge-dot{width:6px;height:6px;background:var(--mint);border-radius:50%;animation:pulse-dot 2s ease-in-out infinite;box-shadow:0 0 8px rgba(110,231,183,.5)}.hero h1{margin-bottom:1.25rem;font-size:clamp(2.5rem,5.5vw,4rem);font-weight:800;line-height:1.08;letter-spacing:-.035em;animation:hero-slide-up .8s var(--bounce) both}.hero h1 .highlight{color:var(--accent)}.hero .hero-subtitle{margin-bottom:2.25rem;font-size:1.0625rem;line-height:1.7;color:var(--text-tertiary);animation:hero-slide-up .8s var(--bounce) .1s both}.hero .hero-actions{gap:1rem;flex-wrap:wrap;animation:hero-slide-up .8s var(--bounce) .2s both}.hero .hero-actions,.hero .hero-stats{display:flex;align-items:center;justify-content:center}.hero .hero-stats{gap:3rem;margin-top:3.5rem;padding-top:2.5rem;border-top:1px solid transparent;border-image:linear-gradient(90deg,transparent,var(--border-strong) 20%,var(--border-strong) 80%,transparent) 1;animation:hero-slide-up .8s var(--bounce) .3s both}.hero .hero-stats .stat{text-align:center}.hero .hero-stats .stat .stat-value{font-family:var(--font-mono);font-size:1.75rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.hero .hero-stats .stat .stat-label{font-size:.75rem;font-weight:500;color:var(--text-muted);margin-top:.25rem}.section-header{text-align:center;margin-bottom:3.5rem}.section-header h2{font-size:1.875rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:.5rem}.section-header .section-subtitle{font-size:1rem;color:var(--text-muted)}.btn{gap:.5rem;padding:.75rem 1.5rem;font-weight:600;border-radius:var(--radius-pill);transition:all .3s var(--bounce)}.btn .btn-emoji{font-size:1.1rem;transition:transform .3s var(--bounce);display:inline-block}.btn:hover .btn-emoji{transform:scale(1.3) rotate(-8deg)}.btn.-primary{color:#fff;background:var(--accent);border:none;box-shadow:none}.btn.-primary:hover{background:var(--accent-dark);transform:none;box-shadow:none;animation:none}.btn.-primary:active{transform:translateY(-1px) scale(.98)}.btn.-secondary{color:var(--text-secondary);background:transparent;border:1px solid var(--border-strong)}.btn.-secondary:hover{color:var(--text-primary);border-color:var(--accent-border);background:var(--accent-bg);transform:translateY(-2px);animation:btn-wiggle .5s var(--bounce)}.features{position:relative;z-index:1;padding:5rem 1.5rem;max-width:1100px;margin:0 auto}.feature-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width:640px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.feature-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{padding:1.75rem;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all .4s var(--bounce);isolation:isolate}.feature-card:before{inset:1px;border-radius:inherit;background:linear-gradient(180deg,hsla(0,0%,100%,.05),transparent 20%);z-index:0}.feature-card>*{position:relative;z-index:1}.feature-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-lg);transform:translateY(-6px)}.feature-card:hover h3{color:var(--lavender)}.feature-card .feature-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;font-size:1.5rem;background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:var(--radius-md);transition:all .4s var(--bounce)}.feature-card:hover .feature-icon{transform:scale(1.2) rotate(-6deg);box-shadow:0 4px 16px rgba(139,92,246,.25)}.feature-card h3{font-size:.9375rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;transition:color .2s}.feature-card p{font-size:.8125rem;line-height:1.65;color:var(--text-muted)}.gradient-divider{height:1px;margin:0;border:none;background:linear-gradient(90deg,transparent,var(--border-strong) 20%,var(--border-strong) 80%,transparent)}.card-elevated{position:relative;isolation:isolate}.card-elevated:before{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,hsla(0,0%,100%,.05),transparent 20%);z-index:0}.benchmarks,.card-elevated>*{position:relative;z-index:1}.benchmarks{padding:5rem 1.5rem;max-width:900px;margin:0 auto}.benchmark-table{border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);position:relative;isolation:isolate}.benchmark-table:before{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,hsla(0,0%,100%,.05),transparent 18%);z-index:0}.benchmark-table>*{position:relative;z-index:1}.benchmark-table table{font-family:var(--font-mono);font-size:.8125rem}.benchmark-table table th{padding:.875rem 1.25rem;text-align:left;font-weight:600;font-size:.6875rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);background:rgba(139,92,246,.04);border-bottom:1px solid var(--border-default)}.benchmark-table table td{padding:.875rem 1.25rem;border-top:1px solid var(--border-subtle);color:var(--text-secondary)}.benchmark-table table tr{transition:background .2s}.benchmark-table table tr:hover td{background:var(--accent-bg)}.benchmark-table table .td-name{color:var(--text-primary);font-weight:600}.benchmark-table table .td-fast{color:var(--mint)}.benchmark-table table .td-change{color:var(--lavender);font-weight:700;text-align:right}.benchmark-table table .th-change{text-align:right}.code-block{margin:.75rem 0 1.25rem}.code-block .code-header{background:rgba(139,92,246,.05)}.code-block .code-header span{font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.08em}.code-block .code-body pre{margin:0;font-family:var(--font-mono);font-size:.75rem;line-height:1.75;color:var(--text-tertiary)}.quickstart{position:relative;z-index:1;padding:5rem 1.5rem;max-width:800px;margin:0 auto}.install-grid{display:grid;grid-template-columns:1fr;gap:.75rem;margin-top:1.5rem}@media (min-width:640px){.install-grid{grid-template-columns:repeat(2,1fr)}}.install-card{padding:1.25rem;border:1px solid var(--border-subtle);transition:all .3s var(--bounce);isolation:isolate}.install-card:before{inset:1px;border-radius:inherit;background:linear-gradient(180deg,hsla(0,0%,100%,.05),transparent 20%);z-index:0}.install-card>*{position:relative;z-index:1}.install-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-md);transform:translateY(-3px)}.install-card .install-label{font-family:var(--font-mono);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.375rem}.install-card .install-label .copy-icon{margin-right:.375rem}.install-card .install-command{font-family:var(--font-mono);font-size:.8125rem;color:var(--text-secondary);word-break:break-all}.site-footer{position:relative;z-index:1;padding:4rem 1.5rem 2.5rem;text-align:center;background:var(--bg-raised);border-top:1px solid var(--border-subtle)}.site-footer .footer-content{max-width:600px;margin:0 auto}.site-footer .footer-heading{font-size:1.75rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:-.02em}.site-footer .footer-subtitle{color:var(--text-muted);margin-bottom:2rem}.site-footer .footer-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:3rem}.site-footer .footer-bottom{padding-top:1.5rem;border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.site-footer .footer-bottom,.site-footer .footer-shortcuts-btn{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);align-items:center}.site-footer .footer-shortcuts-btn{display:inline-flex;gap:.375rem;background:none;border:none;cursor:pointer;padding:.25rem .5rem;border-radius:var(--radius-sm);transition:all .2s ease}.site-footer .footer-shortcuts-btn:hover{color:var(--text-primary);background:var(--surface-hover)}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}@keyframes badge-pulse{0%,to{box-shadow:0 0 0 0 rgba(110,231,183,.35)}50%{box-shadow:0 0 0 8px rgba(110,231,183,0)}}@keyframes badge-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes hero-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float-blob{0%,to{transform:translate(0) scale(1)}25%{transform:translate(25px,-35px) scale(1.05)}50%{transform:translate(-15px,20px) scale(.95)}75%{transform:translate(10px,25px) scale(1.02)}}@keyframes float-shape{0%,to{transform:translate(0) rotate(0deg)}20%{transform:translate(15px,-25px) rotate(8deg)}40%{transform:translate(-10px,15px) rotate(-5deg)}60%{transform:translate(20px,10px) rotate(12deg)}80%{transform:translate(-15px,-10px) rotate(-8deg)}}@keyframes shape-twinkle{0%,to{opacity:.2;filter:drop-shadow(0 0 8px var(--accent))}50%{opacity:.55;filter:drop-shadow(0 0 20px var(--blossom))}}@keyframes btn-wiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}body:after,body:before{display:none!important}.docs{position:relative;z-index:1;padding:4rem 1.5rem;max-width:1400px;margin:0 auto}.docs-container{display:flex;gap:2rem;align-items:flex-start;position:relative;flex-wrap:wrap}.mobile-sidebar-toggle{display:none}.doc-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;flex:1;min-width:0}@media (min-width:768px){.doc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.doc-anchor{min-width:0;scroll-margin-top:6rem}.doc-card{padding:0;background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all .4s var(--bounce);position:relative;overflow:hidden;isolation:isolate}.doc-card:before{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,hsla(0,0%,100%,.05),transparent 18%);z-index:0}.doc-card>*{position:relative;z-index:1}.doc-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.doc-card>.code-block,.doc-card>.doc-desc,.doc-card>.doc-header,.doc-card>.live-demo-stage{margin-left:1.5rem;margin-right:1.5rem}.doc-card>.doc-header{padding-top:1.5rem}.doc-card>.doc-desc{padding-bottom:1.5rem}.doc-card>.code-block{border-left:none;border-right:none;border-bottom:none}.doc-card>.code-block,.doc-card>.live-demo-stage{margin-left:0;margin-right:0;border-radius:0}.doc-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.doc-header .doc-tag{font-family:var(--font-mono);font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--lavender);background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:6px;padding:.1875rem .4375rem}.doc-header h3{font-size:1rem;font-weight:700;color:var(--text-primary)}.doc-desc{font-size:.8125rem;line-height:1.65;color:var(--text-muted);margin-top:.75rem}.doc-tabs{display:flex;gap:0;margin-left:auto}.doc-tab{padding:.375rem .875rem;font-family:var(--font-mono);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:transparent;border:1px solid var(--border-default);cursor:pointer;transition:all .2s var(--bounce)}.doc-tab:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.doc-tab:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0;border-left:none}.doc-tab.-active{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-dark));border-color:var(--accent);box-shadow:0 2px 12px rgba(139,92,246,.35)}.doc-tab:not(.-active):hover{color:var(--text-secondary);background:var(--accent-bg)}.docs-title{font-size:var(--text-3xl);font-weight:800;color:var(--text-primary);letter-spacing:-.02em;line-height:1.2;white-space:nowrap}@media (max-width:600px){.docs-title{white-space:normal}}.docs-title-emoji{display:inline-block;margin-left:.5rem;font-size:.85em;filter:grayscale(.85);opacity:.6}.docs-footer-note{text-align:center;margin-top:3rem;padding-top:2rem;font-family:var(--font-mono);font-size:.8125rem;color:var(--text-muted);flex-basis:100%;width:100%}.docs-footer-note,.live-demo-stage{border-top:1px solid var(--border-subtle)}.live-demo-stage{margin:.5rem 0;padding:1.5rem;background:rgba(139,92,246,.04);border-bottom:1px solid var(--border-subtle)}.live-demo-container{min-height:60px}.demo-skeleton{display:flex;flex-direction:column;gap:.75rem;padding:.5rem 0;animation:skeleton-fade-in .2s var(--smooth)}.demo-skeleton-row{display:flex;gap:.5rem;align-items:center}.demo-skeleton-block{background:var(--ctp-surface0);border-radius:var(--radius-sm);animation:skeleton-pulse 1.6s ease-in-out infinite}.demo-skeleton-block.-circle{border-radius:50%;flex-shrink:0}.demo-skeleton-block.-text-sm{height:.625rem}.demo-skeleton-block.-text-md{height:.8125rem}.demo-skeleton-block.-text-lg{height:1rem}.demo-skeleton-block.-w-20{width:20%}.demo-skeleton-block.-w-30{width:30%}.demo-skeleton-block.-w-40{width:40%}.demo-skeleton-block.-w-50{width:50%}.demo-skeleton-block.-w-60{width:60%}.demo-skeleton-block.-w-70{width:70%}.demo-skeleton-block.-w-80{width:80%}.demo-skeleton-block.-w-90{width:90%}.demo-skeleton-block.-w-100{width:100%}.demo-skeleton-block.-h-8{height:8px}.demo-skeleton-block.-h-12{height:12px}.demo-skeleton-block.-h-16{height:16px}.demo-skeleton-block.-h-20{height:20px}.demo-skeleton-block.-h-24{height:24px}.demo-skeleton-block.-h-32{height:32px}.demo-skeleton-block.-h-40{height:40px}.demo-skeleton-block.-h-48{height:48px}.demo-skeleton-block.-h-64{height:64px}.demo-skeleton-block.-h-80{height:80px}.demo-skeleton-block.-h-120{height:120px}.demo-skeleton-block.-h-160{height:160px}.demo-skeleton-block.-h-180{height:180px}.demo-skeleton-block.-h-200{height:200px}@keyframes skeleton-pulse{0%,to{opacity:.45}50%{opacity:.75}}@keyframes skeleton-fade-in{0%{opacity:0}to{opacity:1}}@keyframes demo-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.demo-loaded{animation:demo-fade-in .4s var(--smooth)}.-hidden{display:none!important}.demo-error{display:flex;align-items:center;justify-content:center;padding:2rem;color:var(--blossom);font-family:var(--font-mono);font-size:.875rem;background:rgba(235,160,172,.1);border:1px solid rgba(235,160,172,.3);border-radius:var(--radius-md)}.demo-error,.live-demo-counter{text-align:center}.live-demo-counter-val{font-family:var(--font-mono);font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,var(--lavender),var(--blossom));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem;text-align:center}.live-demo-store{text-align:center}.live-demo-store-status{font-family:var(--font-mono);font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;display:flex;align-items:center;justify-content:center;gap:.625rem}.ld-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--text-muted);transition:all .3s var(--bounce)}.ld-indicator.-on{background:var(--mint);box-shadow:0 0 12px rgba(110,231,183,.5)}.live-demo-store-items{display:flex;flex-direction:column;gap:.375rem;max-width:180px;margin:0 auto .75rem}.ld-menu-item{padding:.5rem .625rem;font-family:var(--font-mono);font-size:.8125rem;color:var(--text-secondary);background:rgba(139,92,246,.05);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);text-align:left;transition:all .2s var(--smooth)}.ld-menu-item:hover{background:var(--accent-bg);border-color:var(--accent-border)}.live-demo-store-note{margin-top:.75rem;font-family:var(--font-mono);font-size:.6875rem;color:var(--text-muted)}.live-demo-events{text-align:center}.live-demo-events-stats{display:flex;justify-content:center;gap:1rem;margin-top:.75rem;font-family:var(--font-mono);font-size:.6875rem;color:var(--text-muted)}.ld-stat{transition:color .2s}.ld-stat.-on{color:var(--mint)}.live-demo-lifecycle{text-align:center}.live-demo-lifecycle-stats{gap:1rem;margin-bottom:.75rem;color:var(--text-primary)}.live-demo-lifecycle-box,.live-demo-lifecycle-stats{display:flex;justify-content:center;font-family:var(--font-mono);font-size:.8125rem}.live-demo-lifecycle-box{margin-top:.75rem;padding:.75rem;color:var(--mint);background:var(--mint-bg);border:1px solid rgba(110,231,183,.2);border-radius:var(--radius-sm);align-items:center}.ld-btn{display:inline-flex;align-items:center;justify-content:center;padding:.375rem .75rem;font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:var(--text-secondary);background:transparent;border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s var(--bounce);min-width:40px}.ld-btn:hover{background:var(--accent-bg);border-color:var(--accent-border);color:var(--lavender);transform:translateY(-1px)}.ld-btn:active{transform:translateY(0) scale(.97)}.ld-btn.-primary{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-dark));border-color:var(--accent)}.ld-btn.-primary:hover{box-shadow:0 2px 12px rgba(139,92,246,.35)}.ld-btn.-ghost{color:var(--text-muted);border-color:var(--border-default)}.ld-btn.-ghost:hover{color:var(--text-secondary)}.ld-btn.-lg{padding:.625rem 1.25rem;font-size:.8125rem;min-width:140px}.ld-btn.-on{background:linear-gradient(135deg,var(--mint),#34d399);border-color:var(--mint);color:#fff;box-shadow:0 2px 12px rgba(110,231,183,.35)}.ld-pulse{display:inline-block;width:6px;height:6px;background:var(--mint);border-radius:50%;margin-right:.375rem;animation:pulse-dot 2s ease-in-out infinite}.copy-btn.-copied,.doc-copy-btn.-copied{background:var(--ctp-green);color:var(--ctp-crust);border-color:var(--ctp-green)}.docs-toc{position:sticky;top:5rem;width:200px;max-height:calc(100vh - 7rem);overflow-y:auto;padding:1rem;background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-shrink:0;transition:all .3s var(--smooth)}@media (max-width:1024px){.docs-toc{display:none}}.docs-toc::-webkit-scrollbar{width:4px}.docs-toc::-webkit-scrollbar-track{background:transparent}.docs-toc::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:var(--radius-pill)}.toc-title{font-family:var(--font-mono);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-subtle)}.toc-links{display:flex;flex-direction:column;gap:.25rem}.toc-link{display:block;padding:.375rem .5rem;font-size:.75rem;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-sm);transition:all .15s ease;border-left:2px solid transparent}.toc-link:hover{color:var(--text-primary);background:var(--bg-surface)}.toc-link.-active{color:var(--accent);background:var(--accent-bg);border-left-color:var(--accent);font-weight:500}.live-demo-props{text-align:center}.live-demo-props-display{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;margin-bottom:1rem;min-height:2rem}.live-demo-props-controls{display:flex;flex-direction:column;gap:.75rem;align-items:center}.ld-input{padding:.5rem .75rem;font-family:var(--font-mono);font-size:.8125rem;color:var(--text-primary);background:var(--bg-code);border:1px solid var(--border-default);border-radius:var(--radius-sm);outline:none;transition:all .2s var(--smooth);width:100%;max-width:200px}.ld-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.ld-input::placeholder{color:var(--text-muted)}.ld-color-btns{display:flex;gap:.5rem;justify-content:center}.ld-color-btn{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s var(--bounce)}.ld-color-btn.-active{border-color:var(--text-primary);transform:scale(1.15)}.ld-color-btn:hover{transform:scale(1.1)}.live-demo-keys{text-align:center}.live-demo-keys-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;max-width:220px;margin-left:auto;margin-right:auto}.ld-key-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-code);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.8125rem;transition:all .3s var(--bounce)}.ld-key-id{font-weight:700;color:var(--lavender);min-width:1.5rem}.ld-key-text{flex:1;color:var(--text-secondary);text-align:left}.ld-key-idx{font-size:.6875rem;color:var(--text-muted)}.live-demo-keys-btns{display:flex;gap:.5rem;justify-content:center}.live-demo-conditional{text-align:center}.ld-view-tabs{display:flex;gap:0;margin-bottom:1rem;justify-content:center}.ld-view-tab{padding:.375rem .875rem;font-family:var(--font-mono);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:transparent;border:1px solid var(--border-default);cursor:pointer;transition:all .2s var(--bounce)}.ld-view-tab:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.ld-view-tab:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0;border-left:none}.ld-view-tab.-active{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-dark));border-color:var(--accent)}.ld-view-tab:not(.-active):hover{color:var(--text-secondary);background:var(--accent-bg)}.ld-view-content{min-height:80px;margin-bottom:1rem}.ld-view-grid,.ld-view-list{display:flex;flex-direction:column;gap:.375rem;max-width:180px;margin:0 auto}.ld-view-grid{display:grid;grid-template-columns:repeat(2,1fr)}.ld-view-cell,.ld-view-row{padding:.5rem;font-family:var(--font-mono)}.ld-view-cell,.ld-view-details,.ld-view-row{background:var(--bg-code);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:.8125rem;color:var(--text-secondary)}.ld-view-details{padding:.75rem}.ld-view-details h4{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.ld-view-details p{margin:0;color:var(--text-muted)}.ld-loading{padding:1.5rem;font-family:var(--font-mono);font-size:.875rem;color:var(--text-muted);animation:pulse-dot 1.5s ease-in-out infinite}.live-demo-lists{text-align:center}.ld-todo-input-row{display:flex;gap:.5rem;margin-bottom:.75rem;justify-content:center}.ld-todo-list{display:flex;flex-direction:column;gap:.375rem;max-width:240px;margin:0 auto .75rem;max-height:150px;overflow-y:auto}.ld-todo-item{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;background:var(--bg-code);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.75rem;transition:all .2s var(--smooth)}.ld-todo-item.-done .ld-todo-text{text-decoration:line-through;color:var(--text-muted)}.ld-todo-text{flex:1;text-align:left;color:var(--text-secondary)}.ld-todo-del{background:none;border:none;color:var(--text-muted);font-size:1rem;cursor:pointer;padding:0 .25rem;line-height:1;transition:all .15s}.ld-todo-del:hover{color:var(--ctp-red)}.ld-todo-stats{font-family:var(--font-mono);font-size:.6875rem;color:var(--text-muted)}.live-demo-forms{text-align:center}.ld-form-fields{gap:.75rem;max-width:220px;margin:0 auto}.ld-form-fields,.ld-form-group{display:flex;flex-direction:column}.ld-form-group{gap:.25rem;text-align:left}.ld-form-group label{font-family:var(--font-mono);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.ld-priority-btns{display:flex;gap:0}.ld-priority-btn{padding:.375rem .75rem;font-family:var(--font-mono);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:transparent;border:1px solid var(--border-default);cursor:pointer;transition:all .2s var(--bounce)}.ld-priority-btn:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.ld-priority-btn:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0;border-left:none}.ld-priority-btn.-active{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-dark));border-color:var(--accent)}.ld-priority-btn:not(.-active):hover{color:var(--text-secondary);background:var(--accent-bg)}.ld-form-success{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem}.ld-form-success-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--mint-bg);border:2px solid var(--mint);border-radius:50%;font-size:1.5rem;color:var(--mint)}.ld-form-success-text{font-family:var(--font-mono);font-size:1rem;font-weight:600;color:var(--text-primary)}.ld-form-success-detail{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);margin-bottom:.5rem}.live-demo-practices{text-align:center}.ld-practice-search{margin-bottom:.75rem}.ld-practice-filters{display:flex;flex-wrap:wrap;gap:.375rem;justify-content:center;margin-bottom:.75rem}.ld-practice-filter{padding:.25rem .625rem;font-family:var(--font-mono);font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-pill);cursor:pointer;transition:all .2s var(--bounce)}.ld-practice-filter.-active{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-dark));border-color:var(--accent)}.ld-practice-filter:not(.-active):hover{color:var(--text-secondary);background:var(--accent-bg)}.ld-practice-list{display:flex;flex-direction:column;gap:.375rem;max-width:240px;margin:0 auto}.ld-practice-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:var(--bg-code);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.75rem;transition:all .2s var(--smooth)}.ld-practice-name{color:var(--text-secondary)}.ld-practice-cat{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:.125rem .375rem;background:var(--accent-bg);border-radius:var(--radius-pill);color:var(--lavender)}.ld-practice-empty{padding:1rem;font-size:.8125rem;color:var(--text-muted)}.main-content{padding-top:60px}.page-docs,.page-examples,.page-home{position:relative;z-index:1}.examples{padding:4rem 1.5rem;max-width:1200px;margin:0 auto}.examples-toolbar{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:1.5rem;padding:1.5rem;background:var(--bg-raised);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm)}.examples-toolbar .search-bar{width:100%;max-width:100%;margin:0}.examples-stats{display:flex;align-items:center;margin-bottom:1.5rem;font-family:var(--font-mono);font-size:.8125rem;color:var(--text-muted)}.category-filters{display:flex;flex-wrap:wrap;gap:.5rem}.category-btn{padding:.4375rem .875rem;font-family:var(--font-mono);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-pill);cursor:pointer;transition:all .2s var(--bounce)}.category-btn.-active{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-dark));border-color:var(--accent);box-shadow:0 2px 12px rgba(139,92,246,.35)}.category-btn:hover:not(.-active){color:var(--text-secondary);background:var(--accent-bg);border-color:var(--accent-border);transform:translateY(-1px)}.no-results{text-align:center;padding:4rem 2rem;background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-top:1rem}.no-results .no-results-emoji{font-size:3rem;margin-bottom:1rem;opacity:.6}.no-results h3{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.no-results p{font-size:.875rem;color:var(--text-muted)}.example-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width:768px){.example-grid{grid-template-columns:repeat(2,1fr)}}.example-card{padding:0;background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all .4s var(--bounce);position:relative;overflow:hidden;isolation:isolate}.example-card:before{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,hsla(0,0%,100%,.05),transparent 18%);z-index:0}.example-card>*{position:relative;z-index:1}.example-card:hover{border-color:rgba(110,231,183,.2);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.example-card>.example-card-header{padding:1.5rem 1.5rem 0}.example-card>.example-toolbar{padding:0 1.5rem;margin-bottom:.25rem}.example-card>.code-block{border-left:none;border-right:none;border-bottom:none;border-radius:0;box-shadow:none;margin:0}.example-card>.live-demo-stage{margin:0;border-radius:0}.example-card-header{margin-bottom:.5rem}.example-card-header .example-tag{display:inline-block;font-family:var(--font-mono);font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--mint);background:var(--mint-bg);border:1px solid rgba(110,231,183,.2);border-radius:6px;padding:.1875rem .4375rem;margin-bottom:.5rem}.example-card-header h3{font-size:1.0625rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.example-card-header .example-desc{font-size:.8125rem;line-height:1.6;color:var(--text-muted);margin-top:.375rem}.example-toolbar{display:flex;align-items:center;margin-bottom:.25rem}.example-tag.-green{color:var(--mint)!important;background:var(--mint-bg)!important;border-color:rgba(110,231,183,.2)!important}.example-tag.-violet{color:var(--lavender)!important;background:var(--accent-bg)!important;border-color:var(--accent-border)!important}.kb-board{font-family:var(--font-mono);font-size:.8125rem}.kb-add-row{display:flex;gap:.5rem;align-items:center;margin-bottom:.75rem;flex-wrap:wrap}.kb-input{flex:1;min-width:140px;padding:.4375rem .625rem;font-family:var(--font-mono);font-size:.8125rem;color:var(--text-primary);background:var(--bg-code);border:1px solid var(--border-default);border-radius:var(--radius-sm);outline:none;transition:all .2s var(--smooth)}.kb-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.kb-priority-btns{display:flex;gap:0}.kb-priority-btn{padding:.1875rem .4375rem;font-family:var(--font-mono);font-size:.5625rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:transparent;border:1px solid var(--border-default);color:var(--text-muted);cursor:pointer;transition:all .15s}.kb-priority-btn:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.kb-priority-btn:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0;border-left:none}.kb-priority-btn.-medium{color:var(--sky)}.kb-priority-btn.-high{color:var(--blossom)}.kb-priority-btn.-active{background:var(--accent-bg)}.kb-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:.625rem}.kb-column{background:rgba(139,92,246,.04);border:1px solid var(--border-subtle);border-top:2px solid var(--sky);border-radius:var(--radius-sm);padding:.625rem;min-height:100px}.kb-column-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.375rem;border-bottom:1px solid var(--border-subtle)}.kb-column-header h4{font-family:var(--font-mono);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin:0}.kb-column-header .kb-count{font-size:.5625rem;color:var(--text-muted);background:var(--accent-bg);padding:.0625rem .375rem;border-radius:var(--radius-pill)}.kb-cards{flex-direction:column}.kb-cards,.kb-task{display:flex;gap:.375rem}.kb-task{align-items:center;padding:.375rem .5rem;background:rgba(139,92,246,.04);border-left:2px solid var(--sky);border-radius:0 var(--radius-sm) var(--radius-sm) 0;transition:all .2s var(--smooth);cursor:grab}.kb-task:hover{background:var(--accent-bg)}.kb-task:active{cursor:grabbing}.kb-column.-drag-over{background:rgba(203,166,247,.1);border:2px dashed var(--accent)}.kb-edit-row{display:flex;align-items:center;gap:.25rem;flex:1}.kb-edit-input{flex:1;padding:.25rem .375rem;font-family:var(--font-mono);font-size:.6875rem;color:var(--text-primary);background:var(--bg-code);border:1px solid var(--accent);border-radius:var(--radius-sm);outline:none}.kb-edit-btn{background:none;border:none;color:var(--mint);cursor:pointer;font-size:.75rem;padding:.125rem .25rem}.kb-edit-btn.-cancel{color:var(--blossom)}.kb-task-text{flex:1;font-size:.6875rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kb-task-actions{display:flex;gap:.125rem}.kb-del-btn,.kb-move-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-family:var(--font-mono);font-size:.6875rem;padding:.0625rem .1875rem;border-radius:2px;transition:all .15s}.kb-del-btn:hover,.kb-move-btn:hover{color:var(--lavender);background:var(--accent-bg)}.kb-del-btn:hover{color:var(--blossom)}.search-demo{font-family:var(--font-mono)}.search-demo-input-wrap{position:relative}.search-demo-icon{position:absolute;left:.625rem;top:50%;transform:translateY(-50%);font-size:.8125rem;pointer-events:none}.search-demo-input{width:100%;padding:.625rem .625rem .625rem 2rem;font-family:var(--font-mono);font-size:.8125rem;color:var(--text-primary);background:var(--bg-code);border:1px solid var(--border-default);border-radius:var(--radius-sm);outline:none;transition:all .2s var(--smooth);box-sizing:border-box}.search-demo-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.search-demo-input::placeholder{color:var(--text-muted)}.search-demo-results{margin-top:.5rem;border:1px solid var(--border-subtle);background:rgba(139,92,246,.03);border-radius:var(--radius-sm)}.search-demo-meta{padding:.375rem .75rem;font-size:.625rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.search-demo-item,.search-demo-meta{border-bottom:1px solid var(--border-subtle)}.search-demo-item{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;transition:background .15s}.search-demo-item:hover{background:var(--accent-bg)}.search-demo-item:last-child{border-bottom:none}.search-demo-cat{font-size:.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.0625rem .375rem;border:1px solid;border-radius:3px;white-space:nowrap}.search-demo-name{font-size:.8125rem;font-weight:600;color:var(--text-primary);min-width:80px}.search-demo-desc{font-size:.75rem;color:var(--text-muted);flex:1}.search-demo-empty{padding:1.25rem;text-align:center;font-size:.8125rem;color:var(--text-muted)}.clock-demo{text-align:center}.clock-demo-time{margin-top:.5rem;font-family:var(--font-mono);font-size:.875rem;font-weight:600;color:var(--text-primary)}.clock-demo-legend{display:flex;justify-content:center;gap:.75rem;margin-top:.375rem;font-family:var(--font-mono);font-size:.625rem}.example-tag.-peach{color:var(--peach)!important;background:var(--peach-bg)!important;border-color:rgba(250,179,135,.2)!important}.example-tag.-mint{color:var(--mint)!important;background:var(--mint-bg)!important;border-color:rgba(166,227,161,.2)!important}.example-tag.-pink{color:var(--blossom)!important;background:var(--blossom-bg)!important;border-color:rgba(245,194,231,.2)!important}.example-tag.-sky{color:var(--sky)!important;background:var(--sky-bg)!important;border-color:rgba(137,220,235,.2)!important}.example-tag.-lavender{color:var(--lavender)!important;background:var(--lavender-bg)!important;border-color:rgba(180,190,254,.2)!important}.example-tag.-yellow{color:var(--ctp-yellow)!important;background:rgba(249,226,175,.12)!important;border-color:rgba(249,226,175,.2)!important}.pomodoro-demo{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem}.pomodoro-ring-wrap{position:relative;width:180px;height:180px}.pomodoro-time{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-mono);font-size:2rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.pomodoro-mode{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.pomodoro-controls{display:flex;gap:.5rem}.pomodoro-btn{padding:.5rem 1rem;font-size:.8125rem;font-weight:600;border:none;border-radius:var(--radius-pill);cursor:pointer;transition:all .3s var(--bounce)}.pomodoro-btn.-play{background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff}.pomodoro-btn.-play:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.pomodoro-btn.-pause{background:var(--blossom-bg);color:var(--blossom);border:1px solid rgba(245,194,231,.3)}.pomodoro-btn.-pause:hover{transform:scale(1.05)}.pomodoro-btn.-reset{background:var(--bg-surface);color:var(--text-muted);border:1px solid var(--border-default)}.pomodoro-btn.-reset:hover{color:var(--text-primary);border-color:var(--accent-border)}.pomodoro-modes{display:flex;gap:.375rem}.pomodoro-mode-btn{padding:.375rem .75rem;font-size:.75rem;font-weight:500;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-pill);color:var(--text-muted);cursor:pointer;transition:all .2s var(--bounce)}.pomodoro-mode-btn.-active{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent);font-weight:600}.pomodoro-mode-btn:hover:not(.-active){border-color:var(--border-strong);color:var(--text-secondary)}.pomodoro-sessions{display:flex;align-items:center;gap:.375rem;margin-top:.25rem}.pomodoro-session-dot{width:8px;height:8px;border-radius:50%;background:var(--border-default);transition:all .3s var(--bounce)}.pomodoro-session-dot.-done{background:var(--mint);box-shadow:0 0 8px rgba(166,227,161,.5);transform:scale(1.2)}.pomodoro-session-label{font-size:.6875rem;color:var(--text-muted);margin-left:.25rem}.expense-demo{padding:1rem;font-family:var(--font-sans)}.expense-total{text-align:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-subtle)}.expense-total-label{display:block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.25rem}.expense-total-amount{font-family:var(--font-mono);font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,var(--lavender),var(--blossom));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.expense-breakdown{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.expense-bar{position:relative;height:28px;background:var(--bg-surface);overflow:hidden}.expense-bar,.expense-bar-fill{border-radius:var(--radius-pill)}.expense-bar-fill{position:absolute;top:0;left:0;height:100%;transition:width .6s var(--bounce);opacity:.6}.expense-bar-label{position:relative;z-index:1;display:flex;align-items:center;gap:.375rem;height:100%;padding:0 .75rem;font-size:.75rem;font-weight:600;color:var(--text-primary)}.expense-form{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.expense-input{flex:1;min-width:100px;padding:.5rem .75rem;font-size:.8125rem;color:var(--text-primary);background:var(--bg-code);border:1px solid var(--border-default);border-radius:var(--radius-sm);outline:none;transition:all .2s var(--smooth)}.expense-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.expense-input::placeholder{color:var(--text-muted)}.expense-select{padding:.5rem .75rem;font-size:.8125rem;color:var(--text-primary);background:var(--bg-code);border:1px solid var(--border-default);border-radius:var(--radius-sm);outline:none;cursor:pointer;transition:all .2s var(--smooth)}.expense-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.expense-add-btn{padding:.5rem 1rem;font-size:.8125rem;font-weight:600;background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .3s var(--bounce)}.expense-add-btn:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.expense-filters{display:flex;gap:.375rem;margin-bottom:.75rem;flex-wrap:wrap}.expense-filter{padding:.375rem .75rem;font-size:.75rem;font-weight:500;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-pill);color:var(--text-muted);cursor:pointer;transition:all .2s var(--bounce)}.expense-filter.-active{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent);font-weight:600}.expense-filter:hover:not(.-active){border-color:var(--border-strong);color:var(--text-secondary)}.expense-list{display:flex;flex-direction:column;gap:.375rem;max-height:200px;overflow-y:auto}.expense-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);transition:all .2s var(--smooth)}.expense-item:hover{border-color:var(--accent-border);background:var(--accent-bg);transform:translateX(4px)}.expense-item-cat{font-size:1rem}.expense-item-name{flex:1;font-size:.8125rem;color:var(--text-primary)}.expense-item-amount{font-family:var(--font-mono);font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.expense-delete{background:none;border:none;color:var(--text-muted);font-size:1rem;cursor:pointer;padding:.125rem;border-radius:4px;transition:all .15s}.expense-delete:hover{color:var(--ctp-red);background:rgba(243,139,168,.1)}.expense-empty{text-align:center;padding:2rem;font-size:.8125rem;color:var(--text-muted)}.palette-demo{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.palette-generate{width:100%;padding:.625rem;font-size:.875rem;font-weight:600;background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .3s var(--bounce)}.palette-generate:hover{transform:scale(1.02);box-shadow:var(--shadow-md)}.palette-generate:active{transform:scale(.98)}.palette-colors{display:flex;gap:.5rem;height:80px}.palette-color{flex:1;border-radius:var(--radius-sm);cursor:pointer;position:relative;transition:all .3s var(--bounce)}.palette-color:hover{transform:translateY(-4px) scale(1.05);box-shadow:var(--shadow-md);z-index:1}.palette-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;opacity:0;transition:opacity .2s;background:rgba(0,0,0,.15);border-radius:var(--radius-sm)}.palette-color:hover .palette-overlay{opacity:1}.palette-lock{background:hsla(0,0%,100%,.9);border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.875rem;transition:all .2s var(--bounce)}.palette-lock:hover{transform:scale(1.15)}.palette-hex{font-family:var(--font-mono);font-size:.6875rem;font-weight:700;background:hsla(0,0%,100%,.9);padding:.125rem .5rem;border-radius:var(--radius-pill)}.palette-hint{text-align:center;font-size:.6875rem;color:var(--text-muted);margin:0}.markdown-demo{display:flex;flex-direction:column;height:100%}.markdown-tabs{display:flex;gap:.25rem;padding:.75rem .75rem 0;border-bottom:1px solid var(--border-subtle)}.markdown-tab{padding:.375rem .75rem;font-size:.75rem;font-weight:500;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);cursor:pointer;transition:all .2s var(--smooth);margin-bottom:-1px}.markdown-tab.-active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.markdown-tab:hover:not(.-active){color:var(--text-secondary)}.markdown-panes{display:flex;flex:1;min-height:0}.markdown-panes.-split .markdown-input{flex:1;border-right:1px solid var(--border-subtle)}.markdown-panes.-edit .markdown-input,.markdown-panes.-split .markdown-output{flex:1}.markdown-panes.-edit .markdown-output,.markdown-panes.-preview .markdown-input{display:none}.markdown-panes.-preview .markdown-output{flex:1}.markdown-input{width:100%;height:100%;min-height:200px;font-family:var(--font-mono);line-height:1.6;background:var(--bg-code);border:none;outline:none;resize:none;box-sizing:border-box}.markdown-input,.markdown-output{padding:.75rem;font-size:.8125rem;color:var(--text-primary)}.markdown-output{line-height:1.7;overflow-y:auto}.markdown-output h1,.markdown-output h2,.markdown-output h3{margin:.75rem 0 .375rem;color:var(--text-primary)}.markdown-output h1{font-size:1.125rem}.markdown-output h2{font-size:1rem}.markdown-output h3{font-size:.875rem}.markdown-output p{margin:.375rem 0;color:var(--text-secondary)}.markdown-output ul{margin:.375rem 0;padding-left:1.25rem}.markdown-output li{margin:.125rem 0;color:var(--text-secondary)}.markdown-output code{background:var(--accent-bg);padding:.125rem .375rem;border-radius:4px;font-family:var(--font-mono);font-size:.75rem;color:var(--accent)}.markdown-output blockquote{margin:.5rem 0;padding:.5rem .75rem;border-left:3px solid var(--accent);background:var(--accent-bg);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary);font-style:italic}.markdown-output a{color:var(--sky);text-decoration:none}.markdown-output a:hover{text-decoration:underline}.markdown-output strong{color:var(--text-primary)}.password-demo{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.password-display{display:flex;gap:.5rem;align-items:center}.password-text{flex:1;padding:.75rem;font-family:var(--font-mono);font-size:1rem;font-weight:600;color:var(--text-primary);background:var(--bg-code);border:1px solid var(--border-default);border-radius:var(--radius-sm);word-break:break-all;letter-spacing:.04em}.password-copy{padding:.75rem 1rem;font-size:.8125rem;font-weight:600;background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-border);border-radius:var(--radius-sm);cursor:pointer;transition:all .3s var(--bounce);white-space:nowrap}.password-copy:hover{background:var(--accent);color:#fff;transform:scale(1.05)}.password-strength{display:flex;flex-direction:column;gap:.375rem}.password-strength-bar{height:6px;background:var(--border-subtle);border-radius:var(--radius-pill);overflow:hidden}.password-strength-fill{height:100%;border-radius:var(--radius-pill);transition:all .4s var(--bounce)}.password-strength-label{font-size:.75rem;font-weight:600}.password-options{display:flex;flex-direction:column;gap:.75rem}.password-slider{display:flex;flex-direction:column;gap:.375rem}.password-slider label{font-size:.8125rem;color:var(--text-secondary)}.password-slider label strong{color:var(--text-primary)}.password-slider input[type=range]{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:var(--border-subtle);border-radius:var(--radius-pill);outline:none}.password-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 0 0 4px var(--accent-bg);transition:all .2s var(--bounce)}.password-slider input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.password-toggles{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.password-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s var(--smooth);font-size:.8125rem;color:var(--text-muted)}.password-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.password-toggle.-active{background:var(--accent-bg);border-color:var(--accent-border);color:var(--text-primary)}.password-toggle:hover{border-color:var(--border-strong)}.password-generate{width:100%;padding:.625rem;font-size:.875rem;font-weight:600;background:linear-gradient(135deg,var(--mint),#7bc67e);color:#1e1e2e;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .3s var(--bounce)}.password-generate:hover{transform:scale(1.02);box-shadow:0 4px 16px rgba(166,227,161,.3)}.password-generate:active{transform:scale(.98)}.weather-demo{padding:.5rem}.weather-card{border-radius:16px;padding:24px;color:#1e1e2e;transition:all .3s ease}.weather-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.weather-card-city{margin:0;font-size:24px;font-weight:700}.weather-card-condition{margin:4px 0 0;opacity:.8;font-size:14px}.weather-card-emoji{font-size:48px}.weather-card-temp{font-size:56px;font-weight:800;margin-bottom:16px;line-height:1}.weather-card-meta{display:flex;gap:16px;font-size:13px;opacity:.85}.weather-card-meta-item{display:flex;align-items:center;gap:4px}.weather-cities{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.chart-demo{padding:.5rem}.chart-dataset-btns{display:flex;gap:8px;margin-bottom:20px;justify-content:center}.chart-bars-wrap{display:flex;align-items:flex-end;gap:12px;height:200px;padding:0 8px}.chart-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;justify-content:flex-end;height:100%}.chart-bar-tooltip{position:absolute;top:-28px;background:var(--ctp-surface0);color:var(--ctp-text);padding:4px 10px;border-radius:8px;font-size:12px;font-weight:600;border:1px solid var(--border-subtle);z-index:10}.chart-bar-fill{width:100%;border-radius:6px 6px 0 0;transition:height .6s cubic-bezier(.34,1.56,.64,1);min-height:4px}.chart-bar-label{font-size:11px;color:var(--text-muted);font-weight:500}.chart-dataset-label{text-align:center;margin-top:12px;font-size:13px;color:var(--text-muted)}.gallery-demo{padding:.5rem}.gallery-filters{display:flex;gap:8px;margin-bottom:16px;justify-content:center}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media (max-width:768px) and (min-width:641px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.gallery-grid{grid-template-columns:1fr}}.gallery-item{position:relative;border-radius:10px;overflow:hidden;cursor:pointer;aspect-ratio:4/3;background:var(--surface)}.gallery-shimmer{position:absolute;inset:0;background:linear-gradient(90deg,var(--surface) 25%,var(--surface-hover) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.gallery-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gallery-item:hover .gallery-img{transform:scale(1.05)}.gallery-img-title{position:absolute;bottom:0;left:0;right:0;padding:8px 10px;background:linear-gradient(transparent,rgba(0,0,0,.6));color:#fff;font-size:12px;font-weight:600;transition:opacity .3s}.gallery-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:1000;cursor:pointer;animation:fadeIn .2s ease}.gallery-lightbox-img{max-width:85vw;max-height:85vh;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.5);animation:scaleIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.chat-demo{padding:.5rem}.chat-messages{height:280px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--surface);border-radius:12px;margin-bottom:12px}.chat-message{max-width:75%;padding:10px 14px;font-size:13px;line-height:1.4}.chat-message.-user{align-self:flex-end;background:var(--lavender);color:#1e1e2e;border-radius:16px 16px 4px 16px}.chat-message.-bot{align-self:flex-start;background:var(--surface-hover);color:var(--text);border-radius:16px 16px 16px 4px}.chat-message-time{font-size:10px;opacity:.6;margin-top:4px;text-align:right}.chat-typing{align-self:flex-start;background:var(--surface-hover);padding:12px 16px;border-radius:16px 16px 16px 4px;display:flex;gap:4px}.chat-typing-dot{width:8px;height:8px;background:var(--text-muted);border-radius:50%}.chat-input-row{display:flex;gap:8px}.chat-input{flex:1;padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:13px;outline:none}.chat-send-btn{padding:10px 16px}.typing-demo{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.typing-stats{display:flex;justify-content:center;gap:1.5rem}.typing-stat{text-align:center}.typing-stat-value{display:block;font-family:var(--font-mono);font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,var(--lavender),var(--blossom));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.typing-stat-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.typing-quote{padding:1rem;background:var(--bg-code);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:1rem;line-height:1.8;text-align:center;min-height:60px}.typing-char{transition:color .15s}.typing-char.-correct{color:var(--mint)}.typing-char.-wrong{color:var(--ctp-red);background:rgba(243,139,168,.15);border-radius:2px}.typing-char.-cursor{border-left:2px solid var(--accent);animation:cursor-blink 1s step-end infinite}@keyframes cursor-blink{0%,to{border-left-color:var(--accent)}50%{border-left-color:transparent}}.typing-input{width:100%;padding:.75rem;font-size:1rem;line-height:1.8;color:var(--text-primary);background:var(--bg-code);border:1px solid var(--accent-border);border-radius:var(--radius-sm);outline:none;text-align:center;resize:none;box-sizing:border-box;transition:all .2s var(--smooth)}.typing-input:focus{box-shadow:0 0 0 3px var(--accent-bg)}.typing-btn{padding:.625rem 1.5rem;font-size:.875rem;font-weight:600;border:none;border-radius:var(--radius-pill);cursor:pointer;transition:all .3s var(--bounce);align-self:center}.typing-btn.-start{background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff}.typing-btn.-start:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.typing-btn.-restart{background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-border)}.typing-btn.-restart:hover{background:var(--accent);color:#fff;transform:scale(1.05)}.typing-result{text-align:center;padding:1rem}.typing-result-emoji{font-size:2.5rem;margin-bottom:.5rem;animation:result-pop .5s var(--bounce)}.typing-result-text{font-size:1rem;font-weight:600;color:var(--text-secondary);margin-bottom:1rem}@keyframes result-pop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes reveal-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.reveal{animation:reveal-up .8s var(--bounce) both}.reveal-delay-1{animation-delay:.1s}.reveal-delay-2{animation-delay:.2s}.reveal-delay-3{animation-delay:.3s}.gradient-border{position:relative;background:var(--bg-raised);border-radius:var(--radius-lg)}.gradient-border:before{content:"";position:absolute;inset:-1px;border-radius:var(--radius-lg);padding:1px;background:linear-gradient(135deg,var(--accent),var(--blossom),var(--sky));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s var(--smooth);pointer-events:none}.gradient-border:hover:before{opacity:1}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border-strong)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.calc-demo{padding:1rem;max-width:280px;margin:0 auto}.calc-display{background:var(--bg-code);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:1rem;font-family:var(--font-mono);font-size:1.5rem;font-weight:700;text-align:right;color:var(--text-primary);margin-bottom:.75rem;min-height:3rem;display:flex;align-items:center;justify-content:flex-end}.calc-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.calc-btn.-zero{grid-column:span 2}.calc-btn{padding:.875rem;font-size:1.125rem;font-weight:600;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all .2s var(--bounce)}.calc-btn:hover{background:var(--surface-hover);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.calc-btn:active{transform:translateY(0)}.calc-btn.-clear{background:var(--blossom-bg);color:var(--blossom);border-color:rgba(245,194,231,.3)}.calc-btn.-op{background:var(--accent-bg);color:var(--accent);border-color:var(--accent-border)}.calc-btn.-equals{background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;border-color:var(--accent);grid-row:span 2}.calc-btn.-equals:hover{box-shadow:0 4px 16px rgba(139,92,246,.35)}.music-demo{padding:1rem;display:flex;flex-direction:column;gap:1rem}.music-visualizer{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:40px;padding:.5rem;background:var(--bg-code);border-radius:var(--radius-sm)}.music-visualizer-bar{width:6px;background:linear-gradient(0deg,var(--accent),var(--blossom));border-radius:3px;transition:height .1s ease}.music-album{gap:1rem;padding:1rem;background:var(--bg-code);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.music-album,.music-album-art{display:flex;align-items:center}.music-album-art{width:64px;height:64px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--accent),var(--blossom));justify-content:center;font-size:1.5rem;flex-shrink:0}.music-info{flex:1;min-width:0}.music-title{font-weight:700;color:var(--text-primary);font-size:1rem;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-artist{color:var(--text-muted);font-size:.875rem}.music-progress{display:flex;flex-direction:column;gap:.375rem}.music-progress-bar{height:6px;background:var(--border-subtle);border-radius:var(--radius-pill);overflow:hidden}.music-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--blossom));border-radius:var(--radius-pill);transition:width .3s ease}.music-time{display:flex;justify-content:space-between;font-size:.6875rem;color:var(--text-muted);font-family:var(--font-mono)}.music-controls{gap:1rem}.music-btn,.music-controls{display:flex;justify-content:center;align-items:center}.music-btn{width:44px;height:44px;border-radius:50%;background:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-primary);font-size:1.125rem;cursor:pointer;transition:all .2s var(--bounce)}.music-btn:hover{background:var(--surface-hover);transform:scale(1.1)}.music-btn.-play{width:56px;height:56px;background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;border-color:var(--accent);font-size:1.25rem}.music-btn.-play:hover{box-shadow:0 4px 16px rgba(139,92,246,.35)}.music-volume{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:var(--bg-code);border-radius:var(--radius-md)}.music-volume span{font-size:.875rem;color:var(--text-muted);min-width:2.5rem}.music-volume input[type=range]{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:var(--border-subtle);border-radius:var(--radius-pill);outline:none}.music-volume input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 0 0 3px var(--accent-bg)}.music-playlist{display:flex;flex-direction:column;gap:.375rem;max-height:150px;overflow-y:auto}.music-track{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:var(--radius-sm);font-size:.8125rem;transition:all .15s ease;cursor:pointer}.music-track:hover{background:var(--bg-surface)}.music-track.-active{background:var(--accent-bg);color:var(--accent);font-weight:600}.music-track span:first-child{width:1.5rem;text-align:center;flex-shrink:0}.music-track span:nth-child(2){flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-track span:last-child{color:var(--text-muted);font-family:var(--font-mono);font-size:.6875rem}.qr-demo{align-items:center;gap:1rem}.qr-demo,.todo-demo{padding:1rem;display:flex;flex-direction:column}.todo-demo{gap:.75rem}.todo-input-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.todo-input{flex:1;min-width:140px;padding:.4375rem .625rem;font-family:var(--font-mono);font-size:.8125rem;color:var(--text-primary);background:var(--bg-code);border:1px solid var(--border-default);border-radius:var(--radius-sm);outline:none;transition:all .2s var(--smooth)}.todo-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.todo-priority-btns{display:flex;gap:0}.todo-priority-btn{padding:.1875rem .4375rem;font-family:var(--font-mono);font-size:.5625rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:transparent;border:1px solid var(--border-default);color:var(--text-muted);cursor:pointer;transition:all .15s}.todo-priority-btn:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.todo-priority-btn:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0;border-left:none}.todo-priority-btn.-medium{color:var(--sky)}.todo-priority-btn.-high{color:var(--blossom)}.todo-priority-btn.-active{background:var(--accent-bg)}.todo-filters{display:flex;flex-wrap:wrap;gap:.375rem}.todo-filter{padding:.25rem .5rem;font-family:var(--font-mono);font-size:.5625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-pill);cursor:pointer;transition:all .2s var(--bounce)}.todo-filter.-active{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-dark));border-color:var(--accent)}.todo-filter:hover:not(.-active){color:var(--text-secondary);background:var(--accent-bg)}.todo-list{display:flex;flex-direction:column;gap:.375rem;max-height:200px;overflow-y:auto}.todo-item{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);transition:all .2s var(--smooth)}.todo-item.-done .todo-text{text-decoration:line-through;color:var(--text-muted)}.todo-item:hover{border-color:var(--accent-border);background:var(--accent-bg)}.todo-text{flex:1;font-size:.8125rem;color:var(--text-primary);cursor:pointer}.todo-priority-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.todo-actions{display:flex;gap:.125rem}.todo-action-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.75rem;padding:.125rem .25rem;border-radius:2px;transition:all .15s}.todo-action-btn:hover{color:var(--lavender);background:var(--accent-bg)}.todo-action-btn.-delete:hover{color:var(--blossom)}.todo-edit-row{display:flex;align-items:center;gap:.25rem;flex:1}.todo-edit-input{flex:1;padding:.25rem .375rem;font-family:var(--font-mono);font-size:.6875rem;color:var(--text-primary);background:var(--bg-code);border:1px solid var(--accent);border-radius:var(--radius-sm);outline:none}.todo-edit-btn{background:none;border:none;color:var(--mint);cursor:pointer;font-size:.75rem;padding:.125rem .25rem}.todo-edit-btn.-cancel{color:var(--blossom)}.todo-empty{text-align:center;padding:1.5rem;font-size:.8125rem;color:var(--text-muted)}.todo-stats{display:flex;align-items:center;justify-content:space-between;padding-top:.5rem;border-top:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:.6875rem;color:var(--text-muted)}.todo-progress{width:100px;height:6px;background:var(--border-subtle);border-radius:var(--radius-pill);overflow:hidden}.todo-progress-fill{height:100%;background:linear-gradient(90deg,var(--mint),var(--sky));border-radius:var(--radius-pill);transition:width .4s var(--bounce)}.snippet-demo{display:flex;flex-direction:column;gap:.5rem}.snippet-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:var(--bg-code);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.snippet-lang-btns{display:flex;gap:.25rem}.snippet-lang-btn{padding:.25rem .5rem;font-family:var(--font-mono);font-size:.5625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s var(--bounce)}.snippet-lang-btn.-active{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-dark));border-color:var(--accent)}.snippet-lang-btn:hover:not(.-active){color:var(--text-secondary);background:var(--accent-bg)}.snippet-copy{padding:.375rem .75rem;font-size:.6875rem;font-weight:600;background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-border);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s var(--bounce)}.snippet-copy:hover{background:var(--accent);color:#fff}.snippet-code{padding:.75rem;background:var(--bg-code);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.75rem;line-height:1.6;overflow-x:auto;margin:0}.snippet-code .token-keyword{color:var(--blossom)}.snippet-code .token-function{color:var(--sky)}.snippet-code .token-string{color:var(--mint)}.snippet-code .token-number{color:var(--peach)}.snippet-code .token-comment{color:var(--text-muted);font-style:italic}.snippet-editor{width:100%;min-height:120px;padding:.75rem;font-family:var(--font-mono);font-size:.75rem;line-height:1.6;color:var(--text-primary);background:var(--bg-code);border:1px solid var(--border-default);border-radius:var(--radius-sm);outline:none;resize:vertical;box-sizing:border-box}.snippet-editor:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.viz-demo{padding:1rem;display:flex;flex-direction:column;gap:1rem}.viz-controls{display:flex;justify-content:center}.viz-type-btns{display:flex;gap:.25rem}.viz-type-btn{padding:.375rem .75rem;font-size:.75rem;font-weight:600;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all .2s var(--bounce)}.viz-type-btn.-active{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-dark));border-color:var(--accent)}.viz-type-btn:hover:not(.-active){color:var(--text-secondary);background:var(--accent-bg)}.viz-chart{min-height:200px;display:flex;align-items:center;justify-content:center}.viz-bar-chart{display:flex;align-items:flex-end;gap:12px;height:200px;padding:0 8px;width:100%}.viz-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;justify-content:flex-end;height:100%}.viz-tooltip{position:absolute;top:-28px;background:var(--ctp-surface0);color:var(--ctp-text);padding:4px 10px;border-radius:8px;font-size:12px;font-weight:600;border:1px solid var(--border-subtle);z-index:10}.viz-bar{width:100%;border-radius:6px 6px 0 0;transition:height .4s var(--bounce);min-height:4px}.viz-label{font-size:11px;color:var(--text-muted);font-weight:500}.viz-line-chart{width:100%;height:200px}.viz-point{transition:all .2s var(--bounce);cursor:pointer}.viz-point:hover{r:8}.viz-pie-chart{width:200px;height:200px}.viz-slice{transition:opacity .2s;cursor:pointer}.viz-slice:hover{opacity:.8}.viz-data-editor{display:flex;flex-direction:column;gap:.5rem}.viz-data-row{display:flex;align-items:center;gap:.5rem}.viz-data-label{color:var(--text-secondary);min-width:40px}.viz-data-label,.viz-data-value{font-family:var(--font-mono);font-size:.6875rem}.viz-data-value{color:var(--text-primary);min-width:30px;text-align:right}.viz-data-row input[type=range]{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:var(--border-subtle);border-radius:var(--radius-pill);outline:none}.viz-data-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 0 0 3px var(--accent-bg)}.qr-input-row{display:flex;gap:.5rem;width:100%;max-width:320px}.qr-input{flex:1;padding:.625rem .875rem;font-size:.875rem;color:var(--text-primary);background:var(--bg-code);border:1px solid var(--border-default);border-radius:var(--radius-md);outline:none;transition:all .2s var(--smooth)}.qr-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.qr-input::placeholder{color:var(--text-muted)}.qr-generate-btn{padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .3s var(--bounce);white-space:nowrap}.qr-generate-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.qr-canvas-wrap{padding:1rem;background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.qr-hint{font-size:.75rem;color:var(--text-muted);text-align:center;margin:0}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0) rotate(0deg) scale(1)}to{opacity:0;transform:translateY(-100px) rotate(2turn) scale(0)}}.confetti-piece{position:fixed;width:8px;height:8px;border-radius:2px;pointer-events:none;z-index:10000;animation:confetti-fall 1s var(--bounce) forwards}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,var(--bg-raised) 25%,rgba(203,166,247,.1) 50%,var(--bg-raised) 75%);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes rainbow-text{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.rainbow-text{background:linear-gradient(90deg,var(--accent),var(--blossom),var(--sky),var(--mint),var(--peach),var(--accent));background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:rainbow-text 4s ease infinite}@keyframes glow-pulse{0%,to{box-shadow:0 0 5px rgba(203,166,247,.2)}50%{box-shadow:0 0 20px rgba(203,166,247,.4),0 0 40px rgba(245,194,231,.2)}}.glow-pulse{animation:glow-pulse 2s ease-in-out infinite}@keyframes float-heart{0%{opacity:0;transform:translateY(0) scale(0) rotate(0deg)}20%{opacity:1;transform:translateY(-10px) scale(1) rotate(-10deg)}80%{opacity:.8;transform:translateY(-40px) scale(1.1) rotate(10deg)}to{opacity:0;transform:translateY(-60px) scale(0) rotate(0deg)}}.float-heart{position:fixed;pointer-events:none;z-index:9999;font-size:1.25rem;animation:float-heart 1.5s var(--bounce) forwards}.glass-hover{position:relative;transition:all .4s var(--bounce)}.glass-hover:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(203,166,247,.1),rgba(137,220,235,.05));opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:0}.glass-hover:hover:before{opacity:1}.glass-hover:hover{backdrop-filter:blur(10px);transform:translateY(-8px);box-shadow:0 20px 60px rgba(203,166,247,.15),0 8px 16px rgba(0,0,0,.3)}@keyframes star-twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.star-twinkle{animation:star-twinkle 2s ease-in-out infinite}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}.bounce-in{animation:bounce-in .6s var(--bounce)}@keyframes wiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.wiggle:hover{animation:wiggle .5s var(--bounce)}@keyframes click-bounce{0%{transform:scale(1)}40%{transform:scale(.92)}to{transform:scale(1)}}.click-bounce:active{animation:click-bounce .2s var(--bounce)}.magnetic-btn{transition:transform .2s var(--bounce)}.magnetic-btn:hover{transform:scale(1.08)}.cute-divider{display:flex;align-items:center;gap:1rem;margin:2rem 0}.cute-divider:after,.cute-divider:before{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--border-default),transparent)}.cute-divider .divider-icon{font-size:1.25rem;opacity:.6}.feature-card{overflow:hidden}.feature-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(203,166,247,.08) 0,transparent 60%);opacity:0;transition:opacity .4s ease;pointer-events:none;transform:translate(var(--mouse-x,0),var(--mouse-y,0))}.feature-card:hover:after{opacity:1}.install-card{position:relative;overflow:hidden}.install-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(203,166,247,.1),transparent);transition:left .6s ease;pointer-events:none}.install-card:hover:before{left:100%}.code-block:before{border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(203,166,247,.2),rgba(137,220,235,.1),rgba(245,194,231,.2))}.live-demo-stage{position:relative}.live-demo-stage:before{content:"";position:absolute;inset:-1px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--accent),var(--blossom));z-index:-1;opacity:0;transition:opacity .4s ease;filter:blur(6px)}.live-demo-stage:hover:before{opacity:.12}.stat-value{animation:stat-pop .6s var(--bounce) both}@keyframes stat-pop{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.not-found-page{text-align:center;padding:8rem 2rem}.not-found-page h1{font-size:5rem;font-weight:800;background:linear-gradient(135deg,var(--lavender),var(--blossom));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.not-found-page p{font-size:1.125rem;color:var(--text-muted);margin:1rem 0 2rem}@media (max-width:640px){.hero{padding:calc(60px + 2.5rem) 1rem 2.5rem;min-height:auto}.hero .hero-stats{flex-direction:column;gap:1.5rem;margin-top:2.5rem}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{justify-content:center}.benchmarks,.docs,.features,.quickstart{padding:3rem 1rem}.feature-card{padding:1.25rem}.site-footer{padding:3rem 1rem 2rem}.footer-actions{flex-direction:column;align-items:stretch}.doc-grid,.example-grid{grid-template-columns:1fr}.doc-tabs{margin-top:.5rem}.doc-header{flex-wrap:wrap}.kb-columns{grid-template-columns:1fr}.kb-column{min-height:80px;padding:.5rem}.kb-card{padding:.5rem;font-size:.8125rem}.kb-add-row{flex-direction:column;gap:.5rem}.kb-add-row input{width:100%}}@media (min-width:641px) and (max-width:768px){.kb-columns{grid-template-columns:repeat(2,1fr)}.search-demo-item{flex-wrap:wrap}.search-demo-cat{font-size:.5rem}.palette-colors{height:60px}.password-toggles{grid-template-columns:1fr}.typing-stats{gap:1rem}.typing-stat-value{font-size:1.25rem}.expense-form{flex-direction:column}.expense-input{width:100%!important}.markdown-panes{flex-direction:column}.markdown-panes.-split .markdown-input{border-right:none;border-bottom:1px solid var(--border-subtle)}.blob{display:none}}.changelog-hero{text-align:center;margin-bottom:3rem}.changelog-hero h1{font-size:2.5rem;margin-bottom:.5rem;background:linear-gradient(135deg,var(--ctp-mauve),var(--ctp-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.changelog-filters{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1.5rem}.filter-btn{padding:.5rem 1rem;border-radius:50px;border:2px solid transparent;background:var(--surface-raised);color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s ease}.filter-btn.-active{background:var(--accent-bg);color:var(--accent);border-color:var(--accent)}.filter-btn:hover{transform:translateY(-1px);background:var(--surface-hover)}.changelog-list{display:flex;flex-direction:column;gap:2rem}.changelog-release{background:var(--surface-raised);border-radius:18px;padding:1.5rem;border:1px solid var(--border-subtle);transition:transform .2s ease,box-shadow .2s ease}.changelog-release:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.release-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.release-version{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.release-date{color:var(--text-muted);font-size:.9rem}.release-badge{padding:.25rem .75rem;border-radius:50px;font-size:.75rem;font-weight:600;text-transform:uppercase}.release-badge.-major{background:var(--ctp-peach);color:var(--ctp-crust)}.release-badge.-minor{background:var(--ctp-blue);color:var(--ctp-crust)}.release-badge.-patch{background:var(--ctp-green);color:var(--ctp-crust)}.release-changes{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.change-item{display:flex;gap:.75rem;align-items:flex-start;padding:.5rem;border-radius:8px;transition:background .15s ease}.change-item:hover{background:var(--surface-hover)}.change-type{font-size:.8rem;font-weight:600;white-space:nowrap;min-width:100px}.change-text{color:var(--text-secondary);line-height:1.5}:root{--text-xs:clamp(0.75rem,0.7rem + 0.25vw,0.875rem);--text-sm:clamp(0.8125rem,0.75rem + 0.3vw,0.9375rem);--text-base:clamp(0.875rem,0.8rem + 0.35vw,1rem);--text-lg:clamp(1rem,0.9rem + 0.5vw,1.125rem);--text-xl:clamp(1.125rem,1rem + 0.6vw,1.25rem);--text-2xl:clamp(1.25rem,1.1rem + 0.75vw,1.5rem);--text-3xl:clamp(1.5rem,1.2rem + 1.5vw,2rem);--text-4xl:clamp(1.875rem,1.4rem + 2.4vw,3rem);--text-5xl:clamp(2.25rem,1.6rem + 3.3vw,4rem);--text-6xl:clamp(3rem,2rem + 5vw,5rem)}@media (pointer:coarse){.btn,.changelog-tab,.copy-btn,.doc-copy-btn,.example-card,.method-card,.nav-cta,.nav-link,.password-generate,.password-toggle,.sidebar-link,.tab-btn{min-height:44px;min-width:44px}input[type=range]::-webkit-slider-thumb{width:24px;height:24px}}*{-webkit-tap-highlight-color:transparent}[role=button],a,button{-webkit-tap-highlight-color:rgba(var(--accent-rgb),.2)}@media (max-width:480px){.hero{padding:6rem 1rem 3rem;min-height:auto}.hero-title{font-size:var(--text-4xl);line-height:1.1}.hero-subtitle{font-size:var(--text-lg)}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{width:100%;justify-content:center}.hero-stats{flex-direction:column;gap:1.5rem}.section-title{font-size:var(--text-3xl)}.feature-grid{grid-template-columns:1fr}.docs-container{padding:1rem;flex-direction:column;position:relative}}.docs-sidebar{position:sticky;top:5rem;width:240px;max-height:calc(100vh - 7rem);overflow-y:auto;padding:1.25rem;background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-shrink:0;transition:all .3s var(--smooth)}.docs-main{flex:1 1 0;min-width:0;width:auto}@media (max-width:480px){.docs-sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;background:var(--bg-raised);border-right:1px solid var(--border-subtle);padding:5rem 1.5rem 2rem;overflow-y:auto;z-index:50;transform:translateX(-100%);transition:transform .3s var(--bounce);flex-shrink:0}.docs-sidebar.-open{display:block;transform:translateX(0)}.mobile-sidebar-toggle{display:block;position:fixed;top:1rem;left:1rem;z-index:1001;background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:.5rem 1rem;font-size:var(--text-sm);cursor:pointer;box-shadow:var(--shadow-sm)}.docs-main{width:100%;padding-top:3rem;max-width:100%}.example-grid{grid-template-columns:1fr}.page-changelog{padding:1rem}.changelog-hero h1{font-size:2rem}.changelog-filters{gap:.375rem}.filter-btn{padding:.375rem .75rem;font-size:.8rem}.release-header{gap:.5rem}.release-version{font-size:1.25rem}.change-item{flex-direction:column;gap:.25rem}.change-type{min-width:auto}.nav-desktop{display:none}.nav-mobile-toggle{display:flex}}@media (min-width:481px) and (max-width:768px){.hero{padding:calc(60px + 2rem) 1.5rem 2rem}.hero-title{font-size:var(--text-5xl)}.feature-grid{grid-template-columns:repeat(2,1fr)}.docs-sidebar,.docs-toc{display:none}.docs-main{max-width:100%}}@media (min-width:769px) and (max-width:1024px){.hero{padding:calc(60px + 2rem) 2rem 2rem}.feature-grid{grid-template-columns:repeat(2,1fr)}.docs-sidebar{width:220px;padding:1rem}.docs-toc{display:none}.docs-main{max-width:100%}}@media (min-width:1025px) and (max-width:1280px){.feature-grid{grid-template-columns:repeat(3,1fr)}.docs-sidebar{width:240px}.docs-main{max-width:900px}}@media (min-width:1281px){.hero{padding:calc(60px + 2rem) 2rem 2rem}.hero-title{font-size:var(--text-6xl)}.feature-grid{grid-template-columns:repeat(3,1fr)}.docs-sidebar{width:260px}.docs-main{max-width:960px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.demo-canvas,.floating-shape,.hero-particles,.particle{display:none}.example-card,.feature-card,.method-card{transform:none!important;opacity:1!important}}.mobile-nav-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);z-index:998;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.mobile-nav-overlay.-active{opacity:1;visibility:visible}.mobile-nav{position:fixed;top:0;right:0;width:min(320px,85vw);height:100vh;background:var(--bg-primary);border-left:1px solid var(--border-default);z-index:999;transform:translateX(100%);transition:transform .3s var(--smooth);overflow-y:auto;padding:5rem 1.5rem 2rem}.mobile-nav.-active{transform:translateX(0)}.mobile-nav .nav-link{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all .2s ease;font-size:var(--text-base)}.mobile-nav .nav-link.-active,.mobile-nav .nav-link:hover{background:var(--accent-bg);color:var(--accent)}.mobile-nav .nav-cta{margin-top:1rem;width:100%;justify-content:center}.mobile-nav-close{position:absolute;top:1rem;right:1rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.mobile-nav-close:hover{background:var(--surface-hover);color:var(--text-primary)}.sidebar{position:sticky;top:5rem;height:calc(100vh - 6rem);overflow-y:auto;padding-right:1rem}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:var(--radius-pill)}.sidebar-section{margin-bottom:1.5rem;padding:.75rem;background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.sidebar-title{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.75rem;padding:0 .5rem;display:flex;align-items:center;gap:.5rem}.sidebar-title:before{content:"";width:3px;height:14px;background:linear-gradient(180deg,var(--accent),var(--blossom));border-radius:2px}.sidebar-link{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;transition:all .2s var(--bounce);margin-bottom:.25rem;border-left:3px solid transparent}.sidebar-link:hover{color:var(--text-primary);background:var(--bg-surface);transform:translateX(4px);border-left-color:var(--accent-border)}.sidebar-link.-active{color:var(--accent);background:linear-gradient(135deg,var(--accent-bg),rgba(203,166,247,.05));font-weight:600;border-left-color:var(--accent);box-shadow:0 2px 8px rgba(203,166,247,.15)}.sidebar-link:before{content:"›";font-size:1.125rem;color:var(--text-muted);opacity:0;transition:all .2s ease;margin-left:-.25rem}.sidebar-link.-active:before,.sidebar-link:hover:before{opacity:1;color:var(--accent)}.code-block-wrapper{position:relative}.code-block-wrapper:hover .copy-btn,.code-block-wrapper:hover .doc-copy-btn{opacity:1}.copy-btn,.doc-copy-btn{position:absolute;top:.75rem;right:.75rem;padding:.5rem 1rem;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.75rem;font-family:var(--font-mono);font-weight:600;cursor:pointer;opacity:0;transition:all .2s var(--bounce);display:flex;align-items:center;gap:.375rem;z-index:10;box-shadow:var(--shadow-sm)}.copy-btn:hover,.doc-copy-btn:hover{background:var(--accent-bg);border-color:var(--accent-border);color:var(--lavender);transform:translateY(-1px);box-shadow:var(--shadow-md)}.copy-btn:active,.doc-copy-btn:active{transform:translateY(0)}.-copied.doc-copy-btn,.copy-btn.-copied{background:var(--ctp-green);color:var(--ctp-crust);border-color:var(--ctp-green);opacity:1}@media (pointer:coarse){.copy-btn,.doc-copy-btn{opacity:1}}.search-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.search-overlay.-active{opacity:1;visibility:visible}.search-modal{width:min(600px,90vw);background:var(--bg-primary);border-radius:var(--radius-xl);overflow:hidden}.search-input-wrapper{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem}.search-input-wrapper svg{color:var(--text-muted);flex-shrink:0}.search-input-wrapper input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:var(--text-lg);outline:none}.search-input-wrapper input::placeholder{color:var(--text-muted)}.search-input-wrapper kbd{padding:.25rem .5rem;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono)}.search-results{max-height:400px;overflow-y:auto;padding:.5rem}.search-result-item{display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .15s ease}.search-result-item.-highlighted,.search-result-item:hover{background:var(--bg-surface)}.search-result-item .result-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--accent-bg);border-radius:var(--radius-md);color:var(--accent);flex-shrink:0}.search-result-item .result-info{flex:1;min-width:0}.search-result-item .result-title{font-weight:500;color:var(--text-primary);margin-bottom:.125rem}.search-result-item .result-desc{font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stagger-children>*{opacity:0;transform:translateY(20px);animation:staggerFadeIn .5s var(--smooth) forwards}.stagger-children>:first-child{animation-delay:.05s}.stagger-children>:nth-child(2){animation-delay:.1s}.stagger-children>:nth-child(3){animation-delay:.15s}.stagger-children>:nth-child(4){animation-delay:.2s}.stagger-children>:nth-child(5){animation-delay:.25s}.stagger-children>:nth-child(6){animation-delay:.3s}@keyframes staggerFadeIn{to{opacity:1;transform:translateY(0)}}.demo-canvas,.example-card,.feature-card,.floating-shape,.hero-particles,.method-card,.nav-container{will-change:transform;transform:translateZ(0)}.shadow-sm{box-shadow:0 1px 2px rgba(0,0,0,.1)}.shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.text-success{color:var(--ctp-green)}.text-warning{color:var(--ctp-yellow)}.text-error{color:var(--ctp-red)}.text-info{color:var(--ctp-blue)}.bg-success{background:rgba(var(--ctp-green-rgb),.1)}.bg-warning{background:rgba(var(--ctp-yellow-rgb),.1)}.bg-error{background:rgba(var(--ctp-red-rgb),.1)}.bg-info{background:rgba(var(--ctp-blue-rgb),.1)}@media print{.copy-btn,.demo-canvas,.doc-copy-btn,.floating-shape,.hero-particles,.mobile-nav-toggle,.navbar,.search-overlay{display:none!important}.hero{min-height:auto;padding:2rem 1rem}body{background:#fff}a,body{color:#000}a{text-decoration:underline}.example-card,.feature-card,.method-card{break-inside:avoid;border:1px solid #ddd}}html{scroll-behavior:smooth}[id]{scroll-margin-top:80px}@media (max-width:767px){.hero{padding:calc(60px + 3rem) 1rem 3rem;min-height:auto}.hero .hero-content{max-width:100%}.hero h1{font-size:clamp(2rem,8vw,2.5rem);line-height:1.1;word-break:break-word}.hero .hero-subtitle{font-size:.9375rem;line-height:1.6}.hero .hero-actions{flex-direction:column;width:100%;gap:.75rem}.hero .hero-actions .btn{width:100%;justify-content:center;min-height:48px}.hero .hero-stats{flex-direction:column;gap:1.25rem;margin-top:2rem;padding-top:1.5rem}.hero .hero-stats .stat .stat-value{font-size:1.5rem}.hero .hero-stats .stat .stat-label{font-size:.6875rem}}@media (max-width:639px){.features{padding:3rem 1rem}.feature-grid{grid-template-columns:1fr;gap:.875rem}.feature-card{padding:1.25rem}.feature-card .feature-icon{width:44px;height:44px;font-size:1.25rem}.feature-card h3{font-size:.875rem}.feature-card p{font-size:.75rem}}@media (max-width:639px){.benchmarks{padding:3rem 1rem}.benchmark-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.benchmark-table table{min-width:500px;font-size:.75rem}.benchmark-table table td,.benchmark-table table th{padding:.625rem .875rem}.benchmark-table table th{font-size:.625rem}}@media (max-width:767px){.docs{padding:3rem 1rem}.doc-grid{grid-template-columns:1fr;gap:.875rem}.doc-card>.code-block,.doc-card>.doc-desc,.doc-card>.doc-header,.doc-card>.live-demo-stage{margin-left:1rem;margin-right:1rem}.doc-card>.doc-header{padding-top:1.25rem}.doc-card>.doc-desc{padding-bottom:1.25rem}.doc-header{flex-wrap:wrap;gap:.5rem}.doc-header h3{font-size:.9375rem}.doc-tabs{margin-left:0;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.25rem}.doc-tabs .doc-tab{white-space:nowrap;flex-shrink:0}}@media (max-width:767px){.examples{padding:3rem 1rem}.examples-toolbar{padding:1rem;gap:.875rem}.category-filters{gap:.375rem}.category-btn{padding:.375rem .75rem;font-size:.625rem}.example-grid{grid-template-columns:1fr;gap:.875rem}.example-card>.example-card-header{padding:1.25rem 1rem 0}.example-card>.example-toolbar{padding:0 1rem}.example-card-header h3{font-size:.9375rem}.example-card-header .example-desc{font-size:.75rem}.search-demo-input,.search-demo-input-wrap{width:100%}}@media (max-width:767px){.learn-tabs{display:flex;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.25rem}.learn-tabs .learn-tab{white-space:nowrap;flex-shrink:0}.learn-search-overlay{padding:1rem}.learn-search-overlay .search-modal{width:100%;max-height:calc(100vh - 2rem)}.method-grid{grid-template-columns:1fr;gap:.875rem}.method-card{padding:1.25rem}}@media (max-width:639px){.quickstart{padding:3rem 1rem}.install-grid{grid-template-columns:1fr;gap:.625rem}.install-card{padding:1rem}.install-card .install-command{font-size:.75rem;word-break:break-all}}@media (max-width:639px){.site-footer{padding:3rem 1rem 2rem}.site-footer .footer-heading{font-size:1.5rem}.site-footer .footer-actions{flex-direction:column;align-items:stretch}.site-footer .footer-actions .btn{width:100%;justify-content:center}}@media (max-width:767px){.page-changelog{padding:1rem}.changelog-hero h1{font-size:2rem}.changelog-filters{gap:.375rem}.filter-btn{padding:.375rem .75rem;font-size:.8rem}.release-header{gap:.5rem}.release-version{font-size:1.25rem}.change-item{flex-direction:column;gap:.25rem}.change-type{min-width:auto}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}@media (pointer:coarse){.btn,.category-btn,.changelog-tab,.copy-btn,.doc-copy-btn,.doc-tab,.example-card,.filter-btn,.kb-del-btn,.kb-move-btn,.kb-priority-btn,.ld-btn,.method-card,.mobile-nav-close,.nav-cta,.nav-link,.password-generate,.password-toggle,.sidebar-link,.tab-btn{min-height:44px;min-width:44px}input[type=range]::-webkit-slider-thumb{width:24px;height:24px}}.skip-link{position:absolute;top:-100%;left:50%;transform:translateX(-50%);z-index:9999;padding:.75rem 1.5rem;background:var(--accent);color:var(--ctp-crust);font-weight:600;border-radius:var(--radius-md);text-decoration:none;transition:top .2s ease}.skip-link:focus{top:1rem}.feature-card{position:relative;background:var(--bg-raised)}.feature-card:before{content:"";position:absolute;inset:-1px;border-radius:calc(var(--radius-lg) + 1px);padding:1px;background:linear-gradient(135deg,var(--accent),var(--blossom),var(--sky));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s var(--smooth);pointer-events:none;z-index:1}.feature-card:hover:before{opacity:1}.btn.-primary{position:relative}.btn.-primary:after{content:"";position:absolute;inset:-2px;border-radius:calc(var(--radius-pill) + 2px);background:linear-gradient(135deg,var(--accent),var(--blossom));opacity:0;filter:blur(8px);transition:opacity .3s var(--smooth);z-index:-1}.btn.-primary:hover:after{opacity:.4}.btn.-secondary:hover{box-shadow:0 0 20px rgba(203,166,247,.15)}.hero-badge{animation:badge-pop .6s var(--bounce) both,badge-shimmer 3s ease-in-out infinite .6s}.hero-badge:before{content:"";position:absolute;inset:-1px;border-radius:var(--radius-pill);padding:1px;background:linear-gradient(90deg,var(--mint),var(--sky),var(--mint));background-size:200% 100%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;animation:gradient-shift 3s ease infinite;pointer-events:none}@keyframes badge-shimmer{0%,to{box-shadow:0 0 0 0 rgba(110,231,183,.35)}50%{box-shadow:0 0 0 8px rgba(110,231,183,0)}}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.code-block{position:relative;border:1px solid var(--border-subtle)}.code-block:before{content:"";position:absolute;inset:-1px;border-radius:calc(var(--radius-md) + 1px);background:linear-gradient(135deg,rgba(203,166,247,.15),rgba(137,220,235,.08),rgba(245,194,231,.12));opacity:0;transition:opacity .3s ease;z-index:-1;pointer-events:none}.code-block:hover:before{opacity:1}.code-block .code-header{background:rgba(139,92,246,.08)}.code-block .code-header span{color:var(--lavender);font-weight:600}.code-block .code-body{background:var(--bg-code)}.code-block .code-body pre{color:var(--text-secondary);line-height:1.8}[role=button]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 4px rgba(203,166,247,.15)}.btn,.category-btn,.doc-tab,.filter-btn,.nav-link,a,button{transition:all .2s var(--smooth)}.mobile-nav .nav-link.-active{position:relative}.mobile-nav .nav-link.-active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:linear-gradient(180deg,var(--accent),var(--blossom));border-radius:0 2px 2px 0}.mobile-nav::-webkit-scrollbar{width:4px}.mobile-nav::-webkit-scrollbar-track{background:transparent}.mobile-nav::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:var(--radius-pill)}.page-transitioning{animation:pageCrossFade .25s var(--smooth) both}@keyframes pageCrossFade{0%{opacity:1;transform:scale(1)}30%{opacity:.92;transform:scale(.998)}to{opacity:1;transform:scale(1)}}.typing-effect{display:inline;border-right:none;white-space:nowrap;overflow:hidden;animation:none}.shortcuts-modal-overlay{position:fixed;inset:0;background:rgba(17,17,27,.8);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease;padding:1rem}.shortcuts-modal{background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:1.5rem;max-width:480px;width:100%;max-height:80vh;overflow-y:auto;animation:scaleIn .3s var(--spring)}.shortcuts-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-subtle)}.shortcuts-modal-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.shortcuts-modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:var(--radius-sm);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.shortcuts-modal-close:hover{color:var(--text-primary);background:var(--surface-hover)}.shortcuts-list{display:flex;flex-direction:column;gap:.5rem}.shortcut-item{display:flex;align-items:center;justify-content:space-between;padding:.625rem .75rem;border-radius:var(--radius-md);transition:background .2s ease}.shortcut-item:hover{background:var(--surface-hover)}.shortcut-label{color:var(--text-secondary);font-size:.875rem}.shortcut-keys{display:flex;align-items:center;gap:.25rem}.shortcut-key{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 .5rem;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;color:var(--text-primary);font-family:var(--font-mono)}.swipe-hint{display:none}@media (max-width:768px){.swipe-hint{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;font-size:.75rem;color:var(--text-muted);opacity:.6;animation:swipeHintPulse 2s ease-in-out infinite}@keyframes swipeHintPulse{0%,to{opacity:.4}50%{opacity:.8}}}.blob,.confetti-piece,.floating-shape,.hero-blobs,.hero-shapes,.shape-twinkle{display:none!important}.benchmark-table:before,.changelog-release:before,.doc-card:before,.example-card:before,.feature-card:before,.install-card:before,.method-card:before{content:none!important}.btn>:not(strong):not(em):not(code),.category-btn>:not(strong):not(em):not(code),.doc-tag>:not(strong):not(em):not(code),.example-tag>:not(strong):not(em):not(code),.filter-btn>:not(strong):not(em):not(code),.install-label>:not(strong):not(em):not(code),.learn-badge>:not(strong):not(em):not(code),.method-category>:not(strong):not(em):not(code),.release-badge>:not(strong):not(em):not(code),.section-header h2>:not(strong):not(em):not(code),.tab-text>:not(strong):not(em):not(code),h1>:not(strong):not(em):not(code),h2>:not(strong):not(em):not(code),h3>:not(strong):not(em):not(code){font-size:.9em;opacity:.55;filter:grayscale(.6)}.btn>:first-child,.category-btn>:first-child,.doc-tag>:first-child,.example-tag>:first-child,.filter-btn>:first-child,.install-label>:first-child,.learn-badge>:first-child,.method-category>:first-child,.release-badge>:first-child,.section-header h2>:first-child,.tab-text>:first-child,.tabs>:first-child,h1>:first-child,h2>:first-child,h3>:first-child{font-size:.9em;opacity:.7}.badge-pop,.badge-pulse,.btn-wiggle,.pulse-dot,.shape-twinkle{animation:none!important}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-default);border:3px solid var(--bg-base);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}*{scrollbar-color:var(--border-default) var(--bg-base);scrollbar-width:thin}.card{background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:border-color var(--dur-base) var(--ease-out),background-color var(--dur-base) var(--ease-out)}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:var(--border-strong)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:38px;padding:0 var(--space-4);font-size:.875rem;font-weight:500;line-height:1;letter-spacing:-.01em;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);white-space:nowrap;text-decoration:none;font-family:inherit}.btn-sm{height:32px;padding:0 var(--space-3);font-size:.8125rem}.btn-lg{height:44px;padding:0 var(--space-5);font-size:.9375rem}.btn-icon{width:38px;height:38px;padding:0}.btn-icon.btn-sm{width:32px;height:32px}.btn-primary,.btn.-primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.btn-primary:hover,.btn.-primary:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.btn-secondary,.btn.-secondary{background:transparent;color:var(--text-primary);border-color:var(--border-default)}.btn-secondary:hover,.btn.-secondary:hover{border-color:var(--border-strong);background:var(--bg-raised)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-raised)}.btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed}.badge{display:inline-flex;align-items:center;gap:var(--space-1);height:22px;padding:0 var(--space-2);font-size:.6875rem;font-weight:500;font-family:var(--font-mono);letter-spacing:.02em;text-transform:uppercase;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-raised);color:var(--text-secondary);white-space:nowrap}.badge.-accent{color:var(--accent);border-color:var(--accent-border);background:var(--accent-bg)}.badge.-success{color:var(--success);border-color:var(--success-border);background:var(--success-bg)}.badge.-warning{color:var(--warning);border-color:var(--warning-border);background:var(--warning-bg)}.badge.-critical,.badge.-danger{color:var(--danger);border-color:var(--danger-border);background:var(--danger-bg)}.badge.-info{color:var(--info);border-color:var(--info-border);background:var(--info-bg)}.pill{display:inline-flex;align-items:center;gap:var(--space-1);height:32px;padding:0 var(--space-3);font-size:.8125rem;font-weight:500;border-radius:var(--radius-pill);border:1px solid var(--border-default);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);font-family:inherit;text-decoration:none;white-space:nowrap}.pill:hover{color:var(--text-primary);border-color:var(--border-strong)}.pill.-active,.pill[aria-pressed=true]{background:var(--text-primary);border-color:var(--text-primary);color:var(--bg-base)}.input{width:100%;height:40px;padding:0 var(--space-3);background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:.875rem;transition:border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.input::placeholder{color:var(--text-muted)}.input:hover{border-color:var(--border-strong)}.input:focus{outline:none;border-color:var(--accent)}.kbd,kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 var(--space-1);font-size:.6875rem;font-weight:500;color:var(--text-secondary);background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-xs);box-shadow:0 1px 0 var(--border-default)}.kbd,.text-mono,kbd{font-family:var(--font-mono)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-balance{text-wrap:balance}.section-header{margin-bottom:var(--space-7)}.section-header h1,.section-header h2{color:var(--text-primary);font-weight:700;letter-spacing:-.03em;line-height:1.1}.section-header h1{font-size:clamp(2rem,5vw,3rem)}.section-header h2{font-size:clamp(1.5rem,3vw,2rem)}.section-subtitle{color:var(--text-muted);font-size:1rem;max-width:640px;margin-top:var(--space-3)}.h1,.hero-title{letter-spacing:-.04em}.hero h1{color:var(--text-primary);font-weight:700}.hero .highlight,.hero h1 .highlight,.typing-effect{background:none!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:var(--accent)!important;background-clip:initial!important;color:var(--accent)!important;font-weight:700}.hero-badge,.learn-badge,.release-badge,.version-badge{border-radius:var(--radius-pill)!important;font-family:var(--font-mono)!important;font-size:.6875rem!important;font-weight:500!important;letter-spacing:.02em;padding:.25rem .625rem!important;border:1px solid var(--border-default)!important;background:var(--bg-raised)!important;color:var(--text-secondary)!important;animation:none!important}.version-badge{color:var(--success)!important;border-color:var(--success-border)!important;background:var(--success-bg)!important}.release-badge.-critical,.release-badge.-major{color:var(--warning)!important;border-color:var(--warning-border)!important;background:var(--warning-bg)!important}.release-badge.-minor,.release-badge.-patch{color:var(--success)!important;border-color:var(--success-border)!important;background:var(--success-bg)!important}.doc-tag,.example-tag,.kb-priority-tag,.kb-tag,.method-category{border-radius:var(--radius-sm)!important;font-family:var(--font-mono)!important;font-size:.625rem!important;font-weight:600!important;text-transform:uppercase;letter-spacing:.04em;padding:.1875rem .4375rem!important;border:1px solid var(--border-default)!important;background:var(--bg-raised)!important;color:var(--text-muted)!important}.doc-tag.-accent,.method-category.-accent,.tag-color-core{color:var(--accent)!important;border-color:var(--accent-border)!important;background:var(--accent-bg)!important}.doc-tag.-success,.tag-color-success{color:var(--success)!important;border-color:var(--success-border)!important;background:var(--success-bg)!important}.doc-tag.-info{color:var(--info)!important;border-color:var(--info-border)!important;background:var(--info-bg)!important}.doc-tag.-warning{color:var(--warning)!important;border-color:var(--warning-border)!important;background:var(--warning-bg)!important}.changelog-hero,.examples-hero,.hero-content,.learn-hero{text-align:center;padding:2rem 1.5rem 1.5rem;max-width:1200px;margin:0 auto}.hero-stats{border-image:none!important}.hero-actions:after,.hero-actions:before,.hero-badge:after,.hero-badge:before,.hero-content:after,.hero-content:before,.hero-stats:after,.hero-stats:before,.hero-subtitle:after,.hero-subtitle:before,.hero-title:after,.hero-title:before,.stat:after,.stat:before,section.hero:after,section.hero:before{content:none!important;display:none!important;background:none!important}section.hero{position:relative;overflow:visible!important}section.hero>*{position:relative;z-index:1}.Navbar{position:sticky;top:0;z-index:100;background:color-mix(in oklab,var(--bg-base) 85%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-default);padding:0 1.5rem;height:56px;gap:1rem}.brand,.Navbar{display:flex;align-items:center}.brand{gap:.5rem;font-weight:600;color:var(--text-primary)}.brand .logo-mark{font-family:var(--font-mono);font-size:.875rem;letter-spacing:-.04em}.brand .L{color:var(--accent)}.brand .J{color:var(--accent-light)}.brand .S{color:var(--success)}.nav-links{display:flex;align-items:center;gap:.25rem;margin-left:auto}.nav-link{position:relative;padding:.5rem .75rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);border-radius:var(--radius-md);transition:color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.nav-link:hover{background:var(--bg-raised)}.nav-link.-active,.nav-link:hover{color:var(--text-primary)}.nav-link.-active:after{content:"";position:absolute;left:.75rem;right:.75rem;bottom:-.25rem;height:2px;background:var(--accent);border-radius:2px}.theme-toggle{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-raised);color:var(--text-secondary);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);margin-left:.5rem;font-size:.875rem}.theme-toggle:hover{color:var(--text-primary);border-color:var(--border-strong)}.hero-stats{display:flex;justify-content:center;gap:3rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-subtle)}.stat-num{font-family:var(--font-mono);font-size:1.75rem;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:.25rem}.changelog-release,.doc-card,.example-card,.feature-card,.method-card{background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:1.5rem;transition:border-color var(--dur-base) var(--ease-out)}.doc-card:hover,.example-card:hover,.feature-card:hover,.method-card:hover{border-color:var(--border-strong)}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-default);color:var(--accent);margin-bottom:1rem;font-family:var(--font-mono);font-size:.9375rem;font-weight:600}.feature-card h3,.feature-card h4{color:var(--text-primary);font-weight:600;font-size:1rem;margin-bottom:.5rem}.feature-card p{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.benchmark-table{background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.benchmark-table table{width:100%;border-collapse:collapse}.benchmark-table th{text-align:left;font-size:.6875rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border-default)}.benchmark-table td,.benchmark-table th{padding:.875rem 1.25rem;font-family:var(--font-mono)}.benchmark-table td{font-size:.8125rem;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle)}.benchmark-table tr:last-child td{border-bottom:none}.benchmark-table td:nth-child(2),.benchmark-table td:nth-child(3){color:var(--text-muted)}.benchmark-table .td-change-fast,.benchmark-table .td-fast{color:var(--success);font-weight:500}@media (max-width:640px){.benchmark-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.benchmark-table table{min-width:520px}.benchmark-table td,.benchmark-table th{padding:.625rem .75rem;font-size:.75rem}}@media (max-width:480px){.benchmark-table td,.benchmark-table th{padding:.5rem;font-size:.6875rem}}.benchmark-table .td-change-slow,.benchmark-table .td-slow{color:var(--danger);font-weight:500}.code-block{background:var(--bg-code);border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden}.code-block .code-header{padding:.5rem 1rem;background:var(--bg-raised);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:.6875rem;color:var(--text-muted)}.code-block .code-body{padding:1rem 1.25rem;overflow-x:auto}.code-block code,.code-block pre{margin:0;font-family:var(--font-mono);font-size:.8125rem;line-height:1.7;color:var(--text-primary);background:transparent}.docs-sidebar,.docs-toc{background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:1rem}.docs-sidebar a,.docs-toc a{display:block;padding:.5rem .75rem;font-size:.875rem;color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--dur-fast) var(--ease-out)}.docs-sidebar a:hover,.docs-toc a:hover{color:var(--text-primary);background:var(--bg-surface)}.docs-sidebar a.-active,.docs-toc a.-active{color:var(--accent);font-weight:500;background:var(--accent-bg)}.docs-sidebar .sidebar-section-title,.docs-toc .toc-title{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:.5rem .75rem;margin-top:.5rem;font-family:var(--font-mono)}.docs-sidebar .sidebar-section-title:first-child,.docs-toc .toc-title:first-child{margin-top:0}.site-footer{padding:4rem 1.5rem 2rem;border-top:1px solid var(--border-default);margin-top:6rem}.site-footer h2{color:var(--text-primary);font-weight:600;font-size:1.5rem;letter-spacing:-.02em;margin-bottom:.5rem}.site-footer p{color:var(--text-muted);font-size:.875rem}.footer-bottom{display:flex;justify-content:space-between;padding-top:2rem;margin-top:3rem;border-top:1px solid var(--border-subtle);font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono)}.search-overlay{background:rgba(0,0,0,.6);backdrop-filter:blur(8px)}.search-modal{background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}.search-input-wrapper{border-bottom:1px solid var(--border-default)}.search-result-item{padding:.75rem 1rem;border-radius:var(--radius-md);transition:background-color var(--dur-fast) var(--ease-out)}.search-result-item.-active,.search-result-item:hover{background:var(--bg-surface)}.result-icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-code);border-radius:var(--radius-md);opacity:.7}.install-card{background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:.875rem 1rem;display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:.8125rem;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out)}.install-card:hover{border-color:var(--border-strong)}.install-label{font-size:.625rem;font-weight:500;display:flex;gap:.375rem}.install-label,.section-eyebrow{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;align-items:center}.section-eyebrow{display:inline-flex;gap:.5rem;padding:.25rem .625rem;border-radius:var(--radius-pill);border:1px solid var(--border-default);background:var(--bg-raised);font-size:.6875rem;font-family:var(--font-mono);margin-bottom:1.5rem}.examples-hero h1{font-weight:700;letter-spacing:-.03em}.examples-toolbar{border-radius:var(--radius-lg);padding:1.25rem}.changelog-release{border-radius:var(--radius-md);padding:1.5rem 1.75rem}.changelog-release h3{letter-spacing:-.02em}.badge,.btn,.btn-icon,.btn-lg,.btn-sm,.category-btn,.changelog-release,.copy-btn,.demo-skeleton-block,.doc-card,.doc-copy-btn,.doc-tab,.example-card,.feature-list li,.filter-btn,.install-block,.install-card,.lesson-step,.method-card,.method-copy-btn,.method-tab,.nav-demo-btn,.nav-link,.pill,.result-item,.route-example,.search-clear,.stat-num,.step-number,.tag-btn,.theme-toggle,a,button{transition:all var(--dur-fast) var(--ease-out)!important;animation:none!important}.btn-icon:hover,.btn-lg:hover,.btn-sm:hover,.btn.-primary:hover,.btn:hover,.category-btn.-active,.doc-tab.-active,.filter-btn.-active,.learn-tab.-active,.method-tab.-active,.pill.-active,.pill:hover,.search-shortcut-btn:hover,.tag-btn.-active,.theme-toggle:hover{box-shadow:none!important;transform:none!important}.mobile-nav,.search-modal,.search-overlay{border-radius:var(--radius-lg)!important}.code-block .code-header,.mobile-nav-close{background:var(--bg-raised)!important}.code-block .code-header{border-bottom:1px solid var(--border-default)!important}.code-block .code-body{background:var(--bg-code)!important}.live-demo-stage{border:1px solid var(--border-default)!important}.docs-sidebar,.docs-toc,.live-demo-stage{background:var(--bg-raised)!important}.docs-sidebar a,.docs-toc a{padding:.5rem .75rem!important}.docs-sidebar a.-active,.docs-toc a.-active{color:var(--accent)!important;font-weight:600!important}.install-card{padding:.75rem 1rem!important}.install-card code{font-family:var(--font-mono)!important}.quickstart .code-block,.quickstart pre{font-size:.8125rem!important}.site-footer{border-top:1px solid var(--border-default)!important}.footer-actions a{transition:background-color var(--dur-fast) var(--ease-out)!important}.example-card{transition:border-color var(--dur-base) var(--ease-out)!important}.example-card:hover{transform:none!important}.btn.-primary{transition:background-color var(--dur-fast) var(--ease-out)!important}.btn.-primary:hover{background:var(--accent-dark)!important;transform:none!important}:focus-visible{outline:2px solid var(--accent)!important;outline-offset:2px!important}.change-type,.changelog-filters .filter-btn,.release-tag{font-family:var(--font-mono)!important}.change-type,.release-tag{font-size:.6875rem!important;font-weight:500!important;text-transform:uppercase;letter-spacing:.04em;padding:.25rem .5rem!important;border-radius:var(--radius-sm)!important;border:1px solid var(--border-default)!important;background:var(--bg-raised)!important;color:var(--text-muted)!important}.category-btn{font-size:.8125rem!important}.search-bar{background:var(--bg-raised)!important;border:1px solid var(--border-default)!important}.search-bar.-focused{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-bg)!important}.section-header h1,.section-header h2,h1,h2,h3{font-feature-settings:"ss01","cv11";letter-spacing:-.02em}.changelog h1,.examples h1,.hero-title,.learn-hero h1,.section-header h1,.section-header h2,h1,h2,h3{font-weight:700}[data-theme=light]{--bg-base:#fff;--bg-raised:#fafafa;--bg-surface:#f4f4f5;--text-primary:#18181b;--text-secondary:#3f3f46;--text-muted:#71717a;--border-default:#e4e4e7;--border-strong:#d4d4d8;--accent:#7c3aed;--accent-fg:#fff;--accent-bg:#f5f3ff;--accent-border:#ddd6fe}[data-theme=light] body{background:var(--bg-base);background-image:none}[data-theme=light] .Navbar{background:color-mix(in oklab,var(--bg-base) 90%,transparent)}[data-theme=light] .hero-badge,[data-theme=light] .version-badge{background:var(--success-bg)!important;color:var(--success)!important;border-color:var(--success-border)!important}.learn-hero{text-align:center;padding:5rem 2rem 2rem;border-bottom:1px solid var(--border-subtle);position:relative}.learn-hero:before{content:none;display:none}.api-toolbar{display:flex;align-items:center;justify-content:center;gap:.5rem;max-width:640px;margin:1.5rem auto;padding:0 1rem;position:relative}.api-toolbar .search-bar{flex:1;max-width:600px;margin:0}.search-shortcut-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-muted);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--dur-fast) var(--ease-out);font-family:inherit;flex-shrink:0}.search-shortcut-btn:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--bg-surface)}.search-shortcut-btn svg{flex-shrink:0}.search-shortcut-btn kbd{font-family:var(--font-mono);font-size:.6875rem;padding:.125rem .375rem;background:var(--bg-code);border:1px solid var(--border-default);border-radius:var(--radius-xs);color:var(--text-secondary)}@media (max-width:640px){.search-shortcut-btn{display:none}}.learn-hero-content{position:relative;z-index:1}.learn-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background:var(--bg-raised);color:var(--text-muted);border:1px solid var(--border-default);border-radius:var(--radius-pill);font-size:.6875rem;font-weight:500;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;margin-bottom:1.5rem}.learn-hero h1{font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:-.04em;color:var(--text-primary);background:none!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:var(--text-primary)!important;background-clip:initial!important;margin-bottom:.75rem;line-height:1.1}.learn-subtitle{font-size:1.0625rem;color:var(--text-muted);max-width:540px;margin:0 auto;line-height:1.6}.learn-tabs{display:flex;justify-content:center;gap:.25rem;padding:1rem 1.5rem;background:var(--bg-base);border-bottom:1px solid var(--border-default);position:sticky;top:56px;z-index:90;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.learn-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid transparent;border-radius:var(--radius-pill);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--dur-fast) var(--ease-out)}.learn-tab .tab-icon{font-size:1rem;opacity:.8}.learn-tab:hover{color:var(--text-primary);background:var(--bg-raised)}.learn-tab.-active{background:var(--text-primary);color:var(--bg-base);box-shadow:none;font-weight:500}.search-bar{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:all var(--dur-fast) var(--ease-out);max-width:600px;width:100%;margin:1.5rem auto}.search-bar.-focused{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}@media (max-width:768px){.search-bar{padding:.75rem 1rem;max-width:calc(100% - 2rem);margin:1rem auto}}.search-icon{font-size:1rem;opacity:.5;flex-shrink:0;color:var(--text-muted)}.search-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:.9375rem;font-family:inherit;outline:none}.search-input::placeholder{color:var(--ctp-overlay0)}.search-clear{background:none;border:none;color:var(--ctp-overlay0);cursor:pointer;font-size:1rem;padding:.25rem;border-radius:6px;transition:all .15s}.search-clear:hover{color:var(--ctp-text);background:var(--surface-hover)}.category-filters{display:flex;justify-content:center;gap:.25rem;flex-wrap:wrap;margin-top:1rem}.category-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-pill);color:var(--text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--dur-fast) var(--ease-out);font-family:inherit}.category-btn:hover{color:var(--text-primary);border-color:var(--border-strong)}.category-btn.-active{background:var(--text-primary);border-color:var(--text-primary);color:var(--bg-base)}.tag-filters{display:flex;justify-content:center;align-items:center;gap:.375rem;flex-wrap:wrap;margin:1rem auto;padding:.75rem 1rem;background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-md);max-width:800px}.tag-filter-label{font-size:.6875rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-family:var(--font-mono);margin-right:.25rem}.tag-btn{display:inline-flex;align-items:center;padding:.375rem .75rem;background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-pill);color:var(--text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--dur-fast) var(--ease-out);text-transform:capitalize;font-family:inherit}.tag-btn:hover{color:var(--text-primary);border-color:var(--border-strong)}.tag-btn.-active{background:var(--text-primary);border-color:var(--text-primary);color:var(--bg-base)}.api-stats{text-align:center;padding:1rem;color:var(--text-muted);font-size:.875rem;font-family:var(--font-mono)}.methods-grid{display:grid;grid-template-columns:1fr;gap:1rem;padding:0 1.5rem 2rem;max-width:1200px;margin:0 auto}@media (min-width:640px){.methods-grid{grid-template-columns:repeat(2,1fr);padding:0 2rem 2rem}}@media (min-width:1024px){.methods-grid{grid-template-columns:repeat(3,1fr)}}.method-card{background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--dur-base) var(--ease-out);width:100%}.method-card:hover{border-color:var(--border-strong)}.method-card.-expanded{grid-column:1/-1;width:100%;max-width:100%;margin:0;border-color:var(--accent)}.method-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;cursor:pointer;user-select:none;transition:background var(--dur-fast) var(--ease-out)}.method-header:hover{background:var(--bg-surface)}@media (max-width:640px){.method-header{padding:1rem}}.method-title-group{display:flex;align-items:center;gap:.625rem}.method-category{padding:.1875rem .4375rem;border-radius:var(--radius-xs);font-size:.625rem;font-weight:500;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-muted)}.method-category.-core{color:var(--accent);border-color:var(--accent-border);background:var(--accent-bg)}.method-category.-state{color:var(--blossom);border-color:rgba(240,171,252,.2);background:rgba(240,171,252,.08)}.method-category.-lifecycle{color:var(--success);border-color:var(--success-border);background:var(--success-bg)}.method-category.-router{color:var(--info);border-color:var(--info-border);background:var(--info-bg)}.method-name{font-size:1.0625rem;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.01em}.method-actions{display:flex;align-items:center;gap:.5rem}.method-copy-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.375rem;border-radius:var(--radius-sm);font-size:1rem;transition:all var(--dur-fast) var(--ease-out)}.method-copy-btn:hover{background:var(--bg-surface);color:var(--text-primary)}.method-expand-icon{color:var(--text-muted);font-size:.875rem;transition:transform var(--dur-base) var(--ease-out)}.method-card.-expanded .method-expand-icon{transform:rotate(90deg)}.method-body{padding:0 1.25rem 1.25rem;animation:slideDown var(--dur-base) var(--ease-out)}@media (max-width:640px){.method-body{padding:0 1rem 1rem}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.method-description{color:var(--text-secondary);font-size:.9375rem;line-height:1.6;margin-bottom:1.25rem}.method-tabs{display:flex;gap:.125rem;margin-bottom:1rem;border-bottom:1px solid var(--border-default)}.method-tab{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--dur-fast) var(--ease-out);margin-bottom:-1px;font-family:inherit}.method-tab .tab-icon{font-size:.875rem;opacity:.8}.method-tab:hover{color:var(--text-primary)}.method-tab.-active{color:var(--accent);border-bottom-color:var(--accent)}.method-tab-content{min-height:200px}.tab-panel{animation:fadeIn var(--dur-base) var(--ease-out)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.example-block,.syntax-block{background:var(--bg-code);border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden;margin-bottom:1rem}.example-header,.syntax-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:var(--bg-raised);border-bottom:1px solid var(--border-default);font-size:.75rem;font-weight:500;color:var(--text-muted);font-family:var(--font-mono)}.copy-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.75rem;padding:.25rem .5rem;border-radius:var(--radius-sm);transition:all var(--dur-fast) var(--ease-out);font-family:inherit}.copy-btn:hover{background:var(--bg-surface);color:var(--text-primary)}.example-block pre,.syntax-block pre{padding:1rem;margin:0;overflow-x:auto;font-size:.8125rem;line-height:1.7;color:var(--text-primary);background:transparent;font-family:var(--font-mono)}.params-table{margin-bottom:1rem}.params-table h4{font-size:.875rem;color:var(--text-primary);margin-bottom:.75rem;font-weight:600}.param-row{display:grid;grid-template-columns:120px 100px 1fr;gap:1rem;padding:.625rem 0;border-bottom:1px solid var(--border-subtle);font-size:.8125rem}.param-row:last-child{border-bottom:none}.param-name{font-weight:600;color:var(--text-primary)}.param-name,.param-type{font-family:var(--font-mono)}.param-type{color:var(--accent)}.param-desc{color:var(--text-secondary)}.returns-block{margin-bottom:1rem}.returns-block h4{font-size:.875rem;color:var(--text-primary);margin-bottom:.5rem;font-weight:600}.return-type{color:var(--accent);font-family:var(--font-mono);margin-right:.5rem}.return-desc{color:var(--text-secondary);font-size:.8125rem}.usage-tips{background:var(--success-bg);border:1px solid var(--success-border);border-radius:var(--radius-md);padding:1rem}.usage-tips h4{color:var(--success);margin-bottom:.75rem;font-size:.875rem;font-weight:600}.usage-tips ul{margin:0;padding-left:1.25rem}.usage-tips li{color:var(--text-secondary);font-size:.8125rem;margin-bottom:.375rem}.playground-notice{background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:var(--radius-md);padding:1rem;margin-bottom:1rem;text-align:center}.playground-notice span{font-weight:600;color:var(--accent)}.playground-notice p{color:var(--text-secondary);font-size:.8125rem;margin:.5rem 0 0}.playground-editor{background:var(--bg-code);border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden;margin-bottom:1rem}.playground-editor pre{padding:1rem;margin:0;overflow-x:auto;color:var(--text-primary);font-family:var(--font-mono);font-size:.8125rem}.playground-preview{background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:2rem;min-height:150px;display:flex;align-items:center;justify-content:center}.playground-placeholder{text-align:center;color:var(--text-muted)}.playground-placeholder span{font-size:1.125rem;display:block;margin-bottom:.5rem}.playground-placeholder p{font-size:.8125rem}.playground-actions{display:flex;gap:.75rem;margin-bottom:1rem}.playground-actions .copy-btn,.playground-actions .reset-btn{padding:.5rem 1rem;background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--dur-fast) var(--ease-out);font-family:inherit}.playground-actions .copy-btn:hover,.playground-actions .reset-btn:hover{border-color:var(--border-strong)}.playground-actions .copy-btn{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.playground-actions .copy-btn:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.no-results{text-align:center;padding:4rem 2rem}.no-results-emoji{font-size:3rem;margin-bottom:1rem;opacity:.6}.no-results h3{color:var(--text-primary);margin-bottom:.5rem}.no-results p{color:var(--text-muted)}.copy-toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);background:var(--text-primary);color:var(--bg-base);padding:.625rem 1.25rem;border-radius:var(--radius-md);font-weight:500;font-size:.875rem;z-index:1000;animation:slideUp var(--dur-base) var(--ease-out);box-shadow:var(--shadow-lg)}@keyframes slideUp{0%{transform:translateX(-50%) translateY(100%);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}.todo-lesson{max-width:1000px;margin:0 auto;padding:2rem}.lesson-header{text-align:center;margin-bottom:2rem}.lesson-header h2{font-size:2rem;font-weight:700;letter-spacing:-.03em;color:var(--text-primary);background:none!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:var(--text-primary)!important;background-clip:initial!important;margin-bottom:.5rem}.lesson-badge,.lesson-header p{color:var(--text-muted)}.lesson-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-pill);font-size:.6875rem;font-weight:500;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem}.progress-bar{position:relative;height:6px;background:var(--bg-surface);overflow:hidden;margin-bottom:2rem}.progress-bar,.progress-fill{border-radius:var(--radius-pill)}.progress-fill{height:100%;background:var(--accent);transition:width var(--dur-slow) var(--ease-out)}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.6875rem;font-weight:600;color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.5)}.lesson-layout{display:grid;grid-template-columns:280px 1fr;gap:2rem}.lesson-sidebar{display:flex;flex-direction:column;gap:.5rem}.lesson-step{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:all var(--dur-fast) var(--ease-out)}.lesson-step:hover:not(.-active){background:var(--bg-surface)}.lesson-step.-active{background:var(--accent-bg);border-color:var(--accent)}.lesson-step.-complete .step-number{background:var(--success);color:var(--accent-fg)}.step-number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border-radius:50%;font-size:.8125rem;font-weight:600;color:var(--text-secondary);flex-shrink:0;font-family:var(--font-mono)}.step-info{flex:1}.step-title{font-weight:600;color:var(--text-primary);font-size:.875rem;margin-bottom:.25rem}.step-desc{font-size:.75rem;color:var(--text-muted)}.lesson-content{background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:2rem}.step-header{margin-bottom:1.5rem}.step-header .step-number-lg{font-size:.75rem;font-weight:500;color:var(--accent);text-transform:uppercase;letter-spacing:.06em;font-family:var(--font-mono);margin-bottom:.5rem}.step-header h3{font-size:1.5rem;color:var(--text-primary);font-weight:600;letter-spacing:-.02em}.task-card{background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:var(--radius-md);padding:1.25rem;margin-bottom:1.5rem}.task-card .task-label{font-size:.6875rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.06em;font-family:var(--font-mono);margin-bottom:.5rem}.task-card p{color:var(--text-primary);font-size:1rem;margin:0}.code-editor-container{margin-bottom:1.5rem}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:var(--bg-raised);border:1px solid var(--border-default);border-bottom:none;border-radius:var(--radius-md) var(--radius-md) 0 0}.editor-header span{font-weight:500;color:var(--text-secondary);font-size:.75rem;font-family:var(--font-mono)}.editor-actions{display:flex;gap:.5rem}.hint-btn,.reset-btn{padding:.375rem .75rem;background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--dur-fast) var(--ease-out);font-family:inherit}.hint-btn:hover,.reset-btn:hover{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-strong)}.hint-box{padding:.625rem 1rem;background:var(--accent-bg);border:1px solid var(--accent-border);border-bottom:none;color:var(--accent);font-size:.8125rem}.editor-footer{display:flex;gap:.75rem;padding:.75rem;background:var(--bg-raised);border:1px solid var(--border-default);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md)}.check-btn{padding:.5rem 1rem;background:var(--accent);color:var(--accent-fg);border:1px solid var(--accent);border-radius:var(--radius-sm);font-weight:500;font-size:.875rem;cursor:pointer;transition:all var(--dur-fast) var(--ease-out);font-family:inherit}.check-btn:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.check-btn.-success{color:var(--accent-fg)}.check-btn.-success,.check-btn.-success:hover{background:var(--success);border-color:var(--success)}.solution-btn{padding:.5rem 1rem;background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);font-weight:500;font-size:.875rem;cursor:pointer;transition:all var(--dur-fast) var(--ease-out);font-family:inherit}.solution-btn:hover{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-strong)}.feedback{padding:.75rem 1rem;border-radius:var(--radius-sm);margin-top:.75rem;font-size:.8125rem}.feedback.-error{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger)}.solution-preview{background:var(--bg-code);border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden}.solution-header{padding:.5rem 1rem;background:var(--bg-raised);border-bottom:1px solid var(--border-default);font-weight:500;color:var(--text-muted);font-size:.75rem;font-family:var(--font-mono)}.completion-celebration{text-align:center;padding:3rem 2rem;background:var(--bg-raised);border:1px solid var(--accent);border-radius:var(--radius-lg);margin-top:2rem;animation:celebrate var(--dur-slow) var(--ease-out)}.completion-celebration .celebration-emoji{font-size:3rem;margin-bottom:1rem;opacity:.7}.completion-celebration h3{font-size:1.5rem;color:var(--text-primary);margin-bottom:.5rem}.completion-celebration p{color:var(--text-muted);margin-bottom:1.5rem}@keyframes celebrate{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.celebration-stats{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.celebration-stats span{padding:.5rem .875rem;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-pill);font-size:.8125rem;color:var(--text-secondary);font-family:var(--font-mono)}.restart-btn{padding:.625rem 1.25rem;background:var(--accent);color:var(--accent-fg);border:1px solid var(--accent);border-radius:var(--radius-sm);font-weight:500;font-size:.875rem;cursor:pointer;transition:all var(--dur-fast) var(--ease-out);font-family:inherit}.restart-btn:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.router-docs{max-width:1000px;margin:0 auto;padding:2rem 1.5rem}.router-header{text-align:center;margin-bottom:2.5rem;padding:2rem;background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.router-header h2{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700;letter-spacing:-.03em;color:var(--text-primary);background:none!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:var(--text-primary)!important;background-clip:initial!important;margin-bottom:.75rem}.router-header p{color:var(--text-muted);font-size:1rem;max-width:540px;margin:0 auto}.router-badge{display:inline-flex;gap:.375rem;padding:.25rem .625rem;color:var(--text-muted);border:1px solid var(--border-default);border-radius:var(--radius-pill);font-size:.6875rem;font-weight:500;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;margin-bottom:1.25rem}.install-block,.router-badge{align-items:center;background:var(--bg-raised)}.install-block{display:flex;gap:1rem;padding:1rem 1.25rem;border:1px solid var(--border-default);border-radius:var(--radius-md);margin-bottom:2.5rem;transition:border-color var(--dur-fast) var(--ease-out)}.install-block:hover{border-color:var(--border-strong)}.install-block span{font-weight:600;display:flex;align-items:center;gap:.5rem}.install-block code,.install-block span{color:var(--text-primary);font-size:.875rem}.install-block code{flex:1;font-family:var(--font-mono);background:var(--bg-code);padding:.5rem .875rem;border-radius:var(--radius-sm);border:1px solid var(--border-default)}.install-block button{background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--accent);cursor:pointer;padding:.5rem .875rem;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;transition:all var(--dur-fast) var(--ease-out);display:inline-flex;align-items:center;gap:.375rem;font-family:inherit}.install-block button:hover{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.router-nav{display:flex;gap:.25rem;margin-bottom:2.5rem;padding:.375rem;background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-md)}.router-nav-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--dur-fast) var(--ease-out);flex:1;justify-content:center;font-family:inherit}.router-nav-btn:hover{color:var(--text-primary);background:var(--bg-surface)}.router-nav-btn.-active{color:var(--bg-base);background:var(--text-primary)}.router-content{min-height:300px}.section-panel{animation:fadeIn var(--dur-slow) var(--ease-out)}.overview-text h3{color:var(--text-primary);margin:2rem 0 1rem;font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.overview-text p{color:var(--text-secondary);line-height:1.7;margin-bottom:1.25rem;font-size:.9375rem}.feature-list{list-style:none;padding:0;margin:0 0 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.5rem}.feature-list li{padding:.75rem 1rem;background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9375rem;transition:border-color var(--dur-fast) var(--ease-out);display:flex;align-items:center;gap:.625rem}.feature-list li:hover{border-color:var(--border-strong)}.route-example{background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:1.5rem;margin-bottom:1rem;transition:border-color var(--dur-fast) var(--ease-out)}.route-example:hover{border-color:var(--border-strong)}.route-path{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.route-path code{padding:.375rem .75rem;background:var(--bg-code);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--info);font-size:.875rem;font-weight:500;border:1px solid var(--border-default)}.route-name{font-weight:600;color:var(--text-primary);font-size:1rem}.route-desc{color:var(--text-secondary);font-size:.9375rem;margin-bottom:1rem;line-height:1.6}.route-tips{background:var(--info-bg);border:1px solid var(--info-border);border-radius:var(--radius-md);padding:1.25rem;margin-top:2rem}.route-tips h4{color:var(--info);margin-bottom:1rem;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.route-tips ul{margin:0;padding-left:1.25rem}.route-tips li{color:var(--text-secondary);font-size:.9375rem;margin-bottom:.5rem;line-height:1.6}.nav-content{background:var(--bg-code);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:1.5rem;margin-bottom:1.5rem}.nav-content pre{margin:0;overflow-x:auto;font-family:var(--font-mono);font-size:.875rem;line-height:1.7;color:var(--text-primary)}.interactive-nav-demo{background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:2rem;text-align:center}.interactive-nav-demo h4{color:var(--text-primary);margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.interactive-nav-demo p{color:var(--text-muted);margin-bottom:1.5rem;font-size:.9375rem}.nav-demo-buttons{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}.nav-demo-btn{padding:.625rem 1.25rem;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-weight:500;font-size:.875rem;cursor:pointer;transition:all var(--dur-fast) var(--ease-out);display:inline-flex;align-items:center;gap:.5rem;font-family:inherit}.nav-demo-btn:hover{border-color:var(--border-strong);background:var(--bg-raised)}.benchmark-table.-comparison{overflow-x:auto}.benchmark-table.-comparison table{min-width:700px}.benchmark-table.-comparison th{white-space:nowrap}.benchmark-table.-comparison tr.-highlight{background:var(--accent-bg);border-left:2px solid var(--accent)}.benchmark-table.-comparison tr.-highlight td{font-weight:600}.td-crown{margin-right:.5rem;font-size:1.125rem}.td-size{font-family:var(--font-mono);font-size:.8125rem;color:var(--text-secondary)}.comparison-note{text-align:center;padding:1.5rem;color:var(--text-muted);font-size:.8125rem}.comparison-note p{margin:.25rem 0}@media (max-width:768px){.api-toolbar{flex-wrap:wrap;max-width:100%;padding:0 .75rem;gap:.5rem .375rem}.api-toolbar .search-bar{flex:1 1 100%;min-width:0;max-width:100%}.api-toolbar .search-shortcut-btn{flex:0 0 auto}.api-toolbar .category-filters,.api-toolbar .tag-filters{flex:1 1 100%;justify-content:center;flex-wrap:wrap}.methods-grid{grid-template-columns:1fr;padding:0 1rem 1rem}.method-card.-expanded{grid-column:auto}.lesson-layout{grid-template-columns:1fr}.lesson-sidebar{flex-direction:row;overflow-x:auto;padding-bottom:.5rem}.lesson-sidebar .lesson-step{min-width:200px}.learn-tabs{flex-wrap:wrap;padding:1rem}.category-filters{gap:.375rem;padding:0 1rem}.tag-filters{gap:.375rem;padding:.625rem .75rem;margin:.75rem 1rem 0}.tag-filter-label{font-size:.6875rem;width:100%;text-align:center;margin-right:0;margin-bottom:.25rem}.tag-btn{padding:.3125rem .625rem;font-size:.75rem}.router-docs,.todo-lesson{padding:1rem}.method-tabs{flex-wrap:wrap;gap:.125rem}.method-tab{padding:.5rem .75rem;font-size:.75rem}.method-tab .tab-icon{font-size:.875rem}.method-tab .tab-label{display:none}.params-table,.tab-panel{padding:.75rem}.param-row{grid-template-columns:1fr;gap:.25rem}.benchmark-table.-comparison table{min-width:auto}.benchmark-table.-comparison td,.benchmark-table.-comparison th{padding:.5rem .375rem;font-size:.6875rem}}
/*# sourceMappingURL=/repo.1c7ad41a.css.map */