@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;--accent:var(--ctp-mauve);--accent-light:var(--ctp-lavender);--accent-dark:#b892f0;--accent-bg:rgba(203,166,247,0.1);--accent-bg-hover:rgba(203,166,247,0.18);--accent-border:rgba(203,166,247,0.25);--lavender:var(--ctp-lavender);--lavender-bg:rgba(180,190,254,0.12);--blossom:var(--ctp-pink);--blossom-bg:rgba(245,194,231,0.12);--mint:var(--ctp-green);--mint-bg:rgba(166,227,161,0.12);--sky:var(--ctp-sky);--sky-bg:rgba(137,220,235,0.12);--peach:var(--ctp-peach);--peach-bg:rgba(250,179,135,0.12);--bg-overlay:rgba(17,17,27,0.92);--border-subtle:rgba(180,190,254,0.08);--border-default:rgba(180,190,254,0.14);--border-strong:rgba(180,190,254,0.22);--shadow-sm:0 2px 8px rgba(203,166,247,0.12),0 1px 2px rgba(0,0,0,0.2);--shadow-md:0 4px 20px rgba(203,166,247,0.18),0 2px 4px rgba(0,0,0,0.2);--shadow-lg:0 8px 40px rgba(203,166,247,0.22),0 4px 8px rgba(0,0,0,0.25);--shadow-xl:0 16px 60px rgba(203,166,247,0.28),0 8px 16px rgba(0,0,0,0.3);--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--radius-pill:50px;--font-mono:"SF Mono","Fira Code","JetBrains Mono","Consolas",monospace;--font-sans:-apple-system,"Inter","Segoe UI",system-ui,sans-serif;--bounce:cubic-bezier(0.34,1.56,0.64,1);--smooth:cubic-bezier(0.4,0,0.2,1);--spring:cubic-bezier(0.175,0.885,0.32,1.275);--bg-primary:var(--ctp-base);--surface-raised:var(--ctp-mantle);--surface-hover:var(--ctp-surface0);--accent-rgb:203,166,247;--ctp-green-rgb:166,227,161;--ctp-yellow-rgb:249,226,175;--ctp-red-rgb:243,139,168;--ctp-blue-rgb:137,180,250;--neon-pink:var(--blossom);--neon-cyan:var(--sky);--neon-violet:var(--lavender);--neon-yellow:var(--peach);--neon-green:var(--mint);--glow-cyan:0 0 16px rgba(125,211,252,0.3);--glow-pink:0 0 16px rgba(249,168,212,0.3);--glow-violet:0 0 16px rgba(196,181,253,0.3);--glow-green:0 0 16px rgba(110,231,183,0.3);--bg-card-hover:var(--bg-surface)}:root,[data-theme=light]{--bg-base:var(--ctp-crust);--bg-raised:var(--ctp-mantle);--bg-surface:var(--ctp-base);--bg-code:var(--ctp-mantle);--text-primary:var(--ctp-text);--text-secondary:var(--ctp-subtext1);--text-tertiary:var(--ctp-subtext0);--text-muted:var(--ctp-overlay1);--bg-dark:var(--bg-base);--bg-panel:var(--bg-raised);--bg-card:var(--bg-raised);--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;--accent:var(--ctp-mauve);--accent-light:var(--ctp-lavender);--accent-dark:#7c3aed;--accent-bg:rgba(136,57,239,0.08);--accent-bg-hover:rgba(136,57,239,0.14);--accent-border:rgba(136,57,239,0.2);--bg-overlay:rgba(220,224,232,0.95);--border-subtle:rgba(114,135,253,0.12);--border-default:rgba(114,135,253,0.2);--border-strong:rgba(114,135,253,0.3);--shadow-sm:0 2px 8px rgba(136,57,239,0.08),0 1px 2px rgba(0,0,0,0.08);--shadow-md:0 4px 20px rgba(136,57,239,0.12),0 2px 4px rgba(0,0,0,0.1);--shadow-lg:0 8px 40px rgba(136,57,239,0.16),0 4px 8px rgba(0,0,0,0.12);--shadow-xl:0 16px 60px rgba(136,57,239,0.2),0 8px 16px rgba(0,0,0,0.15);--bg-card-hover:var(--bg-surface)}body,html{min-height:100%}body{font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--text-secondary);background:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}*,:after,:before{box-sizing:border-box;margin:0;padding:0}button{cursor:pointer;border:none;background:none;font-family:inherit}a{text-decoration:none;color:var(--accent-light);transition:all .2s var(--smooth)}a:hover{color:var(--blossom)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:var(--accent-dark);border-radius:3px}.Navbar{position:fixed;top:0;left:0;right:0;z-index:1000;justify-content:space-between;height:60px;padding:0 1.5rem;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,.Navbar .brand{display:flex;align-items:center}.Navbar .brand{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 + 5rem) 1.5rem 5rem;text-align:center;min-height:85vh;display:flex;align-items:center;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;color:var(--text-primary);letter-spacing:-.035em;animation:hero-slide-up .8s var(--bounce) both}.hero h1 .highlight{background:linear-gradient(135deg,var(--lavender),var(--blossom),var(--peach));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.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 var(--border-subtle);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;background:linear-gradient(135deg,var(--lavender),var(--blossom));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;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{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;border-radius:var(--radius-pill);transition:all .3s var(--bounce);cursor:pointer}.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:linear-gradient(135deg,var(--accent),var(--accent-dark));border:none;box-shadow:0 2px 12px rgba(139,92,246,.35),0 0 0 0 rgba(139,92,246,0)}.btn.-primary:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 8px 24px rgba(139,92,246,.45),0 0 0 4px rgba(139,92,246,.12);animation:btn-wiggle .5s var(--bounce)}.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)}.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)}.benchmarks{position:relative;z-index:1;padding:5rem 1.5rem;max-width:900px;margin:0 auto}.benchmark-table{overflow:hidden;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-raised);box-shadow:var(--shadow-sm)}.benchmark-table table{width:100%;border-collapse:collapse;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{overflow:hidden;border-radius:var(--radius-md);background:var(--bg-code);margin:.75rem 0 1.25rem}.code-block .code-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;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{padding:1rem 1.25rem;overflow-x:auto}.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;background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all .3s var(--bounce)}.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:1200px;margin:0 auto}.docs-container{display:flex;gap:2rem;align-items:flex-start}.doc-grid{display:grid;grid-template-columns:1fr;gap:1rem;flex:1;min-width:0}@media (min-width:768px){.doc-grid{grid-template-columns:repeat(2,1fr)}}.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}.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-footer-note{text-align:center;margin-top:3rem;padding-top:2rem;font-family:var(--font-mono);font-size:.8125rem;color:var(--text-muted)}.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:220px;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}@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);border-radius:var(--radius-lg);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}.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}.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-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill)}::-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-column: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}.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}}.page-changelog{max-width:900px;margin:0 auto;padding:2rem}.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}.docs-sidebar{position:fixed;top:0;left:0;width:260px;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{transform:translateX(0)}}@media (max-width:480px) and (min-width:1024px){.docs-sidebar{position:sticky;top:5rem;height:calc(100vh - 5rem);transform:translateX(0);padding:1.5rem}}@media (max-width:480px){.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}.docs-main{width:100%;padding-top:3rem}.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:7rem 1.5rem 4rem}.hero-title{font-size:var(--text-5xl)}.feature-grid{grid-template-columns:repeat(2,1fr)}.docs-sidebar{display:none}}@media (min-width:769px) and (max-width:1024px){.hero{padding:8rem 2rem 5rem}.feature-grid{grid-template-columns:repeat(2,1fr)}.docs-sidebar{width:240px}}@media (min-width:1025px) and (max-width:1280px){.feature-grid{grid-template-columns:repeat(3,1fr)}.docs-sidebar{width:260px}}@media (min-width:1281px){.hero{padding:10rem 2rem 6rem}.hero-title{font-size:var(--text-6xl)}.feature-grid{grid-template-columns:repeat(3,1fr)}.docs-sidebar{width:280px}}@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;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);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:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden}.search-input-wrapper{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border-default)}.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;padding:.75rem 1rem;border-radius:var(--radius-md);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);border-bottom:1px solid var(--border-subtle)}.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:2px solid var(--accent);animation:blinkCursor .8s step-end infinite;white-space:nowrap;overflow:hidden}@keyframes blinkCursor{0%,to{border-color:var(--accent)}50%{border-color:transparent}}.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}}}.learn-hero{text-align:center;padding:4rem 2rem 2rem;background:linear-gradient(135deg,var(--ctp-mantle),var(--ctp-crust));border-bottom:1px solid var(--border-subtle);position:relative;overflow:hidden}.learn-hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 50%,rgba(203,166,247,.08) 0,transparent 50%),radial-gradient(circle at 70% 50%,rgba(245,194,231,.06) 0,transparent 50%);animation:heroFloat 8s ease-in-out infinite}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.learn-hero-content{position:relative;z-index:1}.learn-badge{display:inline-block;padding:.375rem 1rem;background:linear-gradient(135deg,var(--ctp-mauve),var(--ctp-pink));color:var(--ctp-crust);border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.learn-hero h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;background:linear-gradient(135deg,var(--ctp-mauve),var(--ctp-pink),var(--ctp-sky));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem}.learn-subtitle{font-size:1.125rem;color:var(--ctp-subtext0);max-width:500px;margin:0 auto}.learn-tabs{display:flex;justify-content:center;gap:.5rem;padding:1.5rem;background:var(--ctp-crust);border-bottom:1px solid var(--border-subtle);position:sticky;top:60px;z-index:90;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.learn-tab{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:transparent;border:1px solid transparent;border-radius:12px;color:var(--ctp-subtext0);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.learn-tab .tab-icon{font-size:1.125rem}.learn-tab:hover{background:var(--surface-hover);color:var(--ctp-text);transform:translateY(-1px)}.learn-tab.-active{background:linear-gradient(135deg,var(--ctp-mauve),var(--ctp-pink));color:var(--ctp-crust);box-shadow:0 4px 16px rgba(203,166,247,.3)}.search-bar{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:var(--ctp-surface0);border:1px solid var(--border-subtle);border-radius:16px;transition:all .2s ease;max-width:600px;width:100%;margin:1.5rem auto}.search-bar.-focused{border-color:var(--ctp-mauve);box-shadow:0 0 0 3px rgba(203,166,247,.15)}@media (max-width:768px){.search-bar{padding:.875rem 1.25rem;max-width:calc(100% - 2rem);margin:1rem auto}}.search-icon{font-size:1.125rem;opacity:.6;flex-shrink:0}.search-input{flex:1;background:transparent;border:none;color:var(--ctp-text);font-size:.9375rem;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:.5rem;flex-wrap:wrap;margin-top:1rem}.category-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:var(--ctp-surface0);border:1px solid var(--border-subtle);border-radius:20px;color:var(--ctp-subtext0);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s ease}.category-btn:hover{background:var(--surface-hover);color:var(--ctp-text);transform:translateY(-1px)}.category-btn.-active{background:linear-gradient(135deg,var(--ctp-mauve),var(--ctp-pink));color:var(--ctp-crust);border-color:transparent}.tag-filters{display:flex;justify-content:center;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:1rem;padding:.75rem 1rem;background:var(--ctp-surface0);border:1px solid var(--border-subtle);border-radius:12px;max-width:800px;margin-left:auto;margin-right:auto}.tag-filter-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;margin-right:.25rem}.tag-btn,.tag-filter-label{font-weight:600;color:var(--ctp-subtext0)}.tag-btn{display:inline-flex;align-items:center;padding:.375rem .875rem;background:var(--ctp-crust);border:1px solid var(--border-subtle);border-radius:20px;font-size:.8125rem;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);text-transform:capitalize}.tag-btn:hover{background:var(--surface-hover);color:var(--ctp-text);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.15)}.tag-btn.-active{background:linear-gradient(135deg,var(--ctp-mauve),var(--ctp-pink));color:var(--ctp-crust);border-color:transparent;box-shadow:0 4px 16px rgba(203,166,247,.3)}.api-stats{text-align:center;padding:1rem;color:var(--ctp-overlay0);font-size:.875rem}.methods-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;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(--ctp-surface0);border:1px solid var(--border-subtle);border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 12px rgba(0,0,0,.08);width:100%}.method-card:hover{border-color:var(--accent-border);box-shadow:0 12px 40px rgba(0,0,0,.15),0 0 0 1px rgba(203,166,247,.1);transform:translateY(-4px)}.method-card.-expanded{grid-column:1/-1;width:100%;max-width:100%;margin:0;box-shadow:0 16px 48px rgba(0,0,0,.2);border-color:var(--accent-border);border-width:2px}.method-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;cursor:pointer;user-select:none;transition:background .15s}.method-header:hover{background:var(--surface-hover)}@media (max-width:640px){.method-header{padding:1rem}}.method-title-group{display:flex;align-items:center;gap:.75rem}.method-category{padding:.25rem .625rem;border-radius:6px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.method-category.-core{background:var(--lavender-bg);color:var(--ctp-lavender)}.method-category.-state{background:var(--blossom-bg);color:var(--ctp-pink)}.method-category.-lifecycle{background:var(--mint-bg);color:var(--ctp-green)}.method-category.-router{background:var(--sky-bg);color:var(--ctp-sky)}.method-name{font-size:1.0625rem;font-weight:700;color:var(--ctp-text);margin:0}.method-actions{display:flex;align-items:center;gap:.5rem}.method-copy-btn{background:none;border:none;color:var(--ctp-overlay0);cursor:pointer;padding:.375rem;border-radius:8px;font-size:1rem;transition:all .15s}.method-copy-btn:hover{background:var(--surface-hover);color:var(--ctp-text)}.method-expand-icon{color:var(--ctp-overlay0);font-size:.875rem;transition:transform .2s}.method-card.-expanded .method-expand-icon{transform:rotate(90deg)}.method-body{padding:0 1.25rem 1.25rem;animation:slideDown .3s ease}@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(--ctp-subtext0);font-size:.9375rem;line-height:1.6;margin-bottom:1.25rem}.method-tabs{display:flex;gap:.25rem;margin-bottom:1rem;border-bottom:1px solid var(--border-subtle)}.method-tab{display:flex;align-items:center;gap:.375rem;padding:.625rem 1rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--ctp-overlay0);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:-1px}.method-tab .tab-icon{font-size:1rem}.method-tab:hover{color:var(--ctp-subtext1)}.method-tab.-active{color:var(--ctp-mauve);border-bottom-color:var(--ctp-mauve)}.method-tab-content{min-height:200px}.tab-panel{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.example-block,.syntax-block{background:var(--ctp-crust);border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden;margin-bottom:1rem}.example-header,.syntax-header{display:flex;justify-content:space-between;align-items:center;padding:.625rem 1rem;background:var(--ctp-surface1);border-bottom:1px solid var(--border-subtle);font-size:.8125rem;font-weight:600;color:var(--ctp-subtext0)}.copy-btn{background:none;border:none;color:var(--ctp-overlay0);cursor:pointer;font-size:.75rem;padding:.25rem .5rem;border-radius:6px;transition:all .15s}.copy-btn:hover{background:var(--surface-hover);color:var(--ctp-text)}.example-block pre,.syntax-block pre{padding:1rem;margin:0;overflow-x:auto;font-size:.8125rem;line-height:1.6}.params-table{margin-bottom:1rem}.params-table h4{font-size:.875rem;color:var(--ctp-subtext1);margin-bottom:.75rem}.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(--ctp-text)}.param-type{color:var(--ctp-mauve);font-family:monospace}.param-desc{color:var(--ctp-subtext0)}.returns-block{margin-bottom:1rem}.returns-block h4{font-size:.875rem;color:var(--ctp-subtext1);margin-bottom:.5rem}.return-type{color:var(--ctp-mauve);font-family:monospace;margin-right:.5rem}.return-desc{color:var(--ctp-subtext0);font-size:.8125rem}.usage-tips{background:var(--mint-bg);border:1px solid rgba(166,227,161,.2);border-radius:12px;padding:1rem}.usage-tips h4{color:var(--ctp-green);margin-bottom:.75rem;font-size:.875rem}.usage-tips ul{margin:0;padding-left:1.25rem}.usage-tips li{color:var(--ctp-subtext0);font-size:.8125rem;margin-bottom:.375rem}.playground-notice{background:var(--lavender-bg);border:1px solid rgba(180,190,254,.2);border-radius:12px;padding:1rem;margin-bottom:1rem;text-align:center}.playground-notice span{font-weight:700;color:var(--ctp-lavender)}.playground-notice p{color:var(--ctp-subtext0);font-size:.8125rem;margin:.5rem 0 0}.playground-editor{background:var(--ctp-crust);border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden;margin-bottom:1rem}.playground-editor pre{padding:1rem;margin:0;overflow-x:auto}.playground-preview{background:var(--ctp-mantle);border:1px solid var(--border-subtle);border-radius:12px;padding:2rem;min-height:150px;display:flex;align-items:center;justify-content:center}.playground-placeholder{text-align:center;color:var(--ctp-overlay0)}.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(--ctp-surface1);border:1px solid var(--border-subtle);border-radius:8px;color:var(--ctp-text);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s}.playground-actions .copy-btn:hover,.playground-actions .reset-btn:hover{background:var(--surface-hover)}.playground-actions .copy-btn{background:linear-gradient(135deg,var(--ctp-mauve),var(--ctp-pink));color:var(--ctp-crust);border-color:transparent}.playground-actions .copy-btn:hover{opacity:.9;transform:translateY(-1px)}.no-results{text-align:center;padding:4rem 2rem}.no-results-emoji{font-size:3rem;margin-bottom:1rem}.no-results h3{color:var(--ctp-text);margin-bottom:.5rem}.no-results p{color:var(--ctp-subtext0)}.copy-toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--ctp-mauve),var(--ctp-pink));color:var(--ctp-crust);padding:.75rem 1.5rem;border-radius:12px;font-weight:700;z-index:1000;animation:slideUp .3s ease}@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;background:linear-gradient(135deg,var(--ctp-mauve),var(--ctp-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.lesson-header p{color:var(--ctp-subtext0)}.lesson-badge{display:inline-block;padding:.375rem 1rem;background:linear-gradient(135deg,var(--ctp-green),var(--ctp-teal));color:var(--ctp-crust);border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;margin-bottom:1rem}.progress-bar{position:relative;height:8px;background:var(--ctp-surface0);border-radius:4px;overflow:hidden;margin-bottom:2rem}.progress-fill{height:100%;background:linear-gradient(90deg,var(--ctp-mauve),var(--ctp-pink));border-radius:4px;transition:width .5s cubic-bezier(.34,1.56,.64,1)}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.6875rem;font-weight:700;color:var(--ctp-text);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(--ctp-surface0);border:1px solid var(--border-subtle);border-radius:12px;cursor:pointer;transition:all .2s ease}.lesson-step:hover:not(.-active){background:var(--surface-hover);transform:translateX(4px)}.lesson-step.-active{background:linear-gradient(135deg,rgba(203,166,247,.15),rgba(245,194,231,.1));border-color:var(--ctp-mauve);box-shadow:0 0 0 1px var(--ctp-mauve)}.lesson-step.-complete .step-number{background:var(--ctp-green);color:var(--ctp-crust)}.step-number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--ctp-surface1);border-radius:50%;font-size:.8125rem;font-weight:700;color:var(--ctp-subtext0);flex-shrink:0}.step-info{flex:1}.step-title{font-weight:600;color:var(--ctp-text);font-size:.875rem;margin-bottom:.25rem}.step-desc{font-size:.75rem;color:var(--ctp-overlay0)}.lesson-content{background:var(--ctp-surface0);border:1px solid var(--border-subtle);border-radius:16px;padding:2rem}.step-header{margin-bottom:1.5rem}.step-header .step-number-lg{font-size:.8125rem;font-weight:700;color:var(--ctp-mauve);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.step-header h3{font-size:1.5rem;color:var(--ctp-text)}.task-card{background:linear-gradient(135deg,rgba(245,194,231,.1),rgba(203,166,247,.1));border:1px solid rgba(245,194,231,.2);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.task-card .task-label{font-size:.75rem;font-weight:700;color:var(--ctp-pink);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.task-card p{color:var(--ctp-text);font-size:1rem;margin:0}.code-editor-container{margin-bottom:1.5rem}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--ctp-crust);border:1px solid var(--border-subtle);border-bottom:none;border-radius:12px 12px 0 0}.editor-header span{font-weight:600;color:var(--ctp-subtext1);font-size:.875rem}.editor-actions{display:flex;gap:.5rem}.hint-btn,.reset-btn{padding:.375rem .75rem;background:var(--ctp-surface1);border:1px solid var(--border-subtle);border-radius:8px;color:var(--ctp-subtext0);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s}.hint-btn:hover,.reset-btn:hover{background:var(--surface-hover);color:var(--ctp-text)}.hint-box{padding:.75rem 1rem;background:var(--blossom-bg);border:1px solid rgba(245,194,231,.2);border-bottom:none;color:var(--ctp-pink);font-size:.8125rem}.editor-footer{display:flex;gap:.75rem;padding:1rem;background:var(--ctp-crust);border:1px solid var(--border-subtle);border-top:none;border-radius:0 0 12px 12px}.check-btn{padding:.625rem 1.25rem;background:linear-gradient(135deg,var(--ctp-mauve),var(--ctp-pink));border:none;border-radius:10px;color:var(--ctp-crust);font-weight:700;cursor:pointer;transition:all .2s}.check-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(203,166,247,.3)}.check-btn.-success{background:linear-gradient(135deg,var(--ctp-green),var(--ctp-teal))}.solution-btn{padding:.625rem 1.25rem;background:transparent;border:1px solid var(--border-subtle);border-radius:10px;color:var(--ctp-subtext0);font-weight:600;cursor:pointer;transition:all .15s}.solution-btn:hover{background:var(--surface-hover);color:var(--ctp-text)}.feedback{padding:.75rem 1rem;border-radius:8px;margin-top:.75rem;font-size:.8125rem}.feedback.-error{background:rgba(243,139,168,.1);border:1px solid rgba(243,139,168,.2);color:var(--ctp-red)}.solution-preview{background:var(--ctp-crust);border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden}.solution-header{padding:.75rem 1rem;background:var(--ctp-surface1);border-bottom:1px solid var(--border-subtle);font-weight:600;color:var(--ctp-subtext0);font-size:.875rem}.completion-celebration{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,rgba(203,166,247,.1),rgba(245,194,231,.1));border:1px solid var(--accent-border);border-radius:16px;margin-top:2rem;animation:celebrate .5s ease}.completion-celebration .celebration-emoji{font-size:4rem;margin-bottom:1rem;animation:bounce 1s ease infinite}.completion-celebration h3{font-size:1.5rem;color:var(--ctp-text);margin-bottom:.5rem}.completion-celebration p{color:var(--ctp-subtext0);margin-bottom:1.5rem}@keyframes celebrate{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.celebration-stats{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem}.celebration-stats span{padding:.5rem 1rem;background:var(--ctp-surface0);border-radius:20px;font-size:.8125rem;color:var(--ctp-subtext0)}.restart-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--ctp-mauve),var(--ctp-pink));border:none;border-radius:12px;color:var(--ctp-crust);font-weight:700;cursor:pointer;transition:all .2s}.restart-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(203,166,247,.3)}.router-docs{max-width:1000px;margin:0 auto;padding:2rem 1.5rem}.router-header{text-align:center;margin-bottom:2.5rem;padding:2rem;background:linear-gradient(135deg,var(--ctp-surface0),var(--ctp-crust));border:1px solid var(--border-subtle);border-radius:20px;box-shadow:var(--shadow-sm)}.router-header h2{font-size:clamp(1.5rem,4vw,2.25rem);background:linear-gradient(135deg,var(--ctp-sky),var(--ctp-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem;font-weight:800}.router-header p{color:var(--ctp-subtext0);font-size:1.0625rem;max-width:500px;margin:0 auto}.router-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:linear-gradient(135deg,var(--ctp-sky),var(--ctp-sapphire));color:var(--ctp-crust);border-radius:50px;font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.25rem;box-shadow:0 4px 16px rgba(137,220,235,.3)}.install-block{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:var(--ctp-surface0);border:1px solid var(--border-subtle);border-radius:16px;margin-bottom:2.5rem;box-shadow:var(--shadow-sm);transition:all .3s var(--bounce)}.install-block:hover{border-color:var(--accent-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.install-block span{font-weight:700;color:var(--ctp-subtext1);font-size:.9375rem;display:flex;align-items:center;gap:.5rem}.install-block code{flex:1;font-family:var(--font-mono);color:var(--ctp-text);font-size:.9375rem;background:var(--ctp-crust);padding:.5rem 1rem;border-radius:10px;border:1px solid var(--border-subtle)}.install-block button{background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--accent);cursor:pointer;padding:.625rem 1rem;border-radius:12px;font-size:.875rem;font-weight:600;transition:all .2s var(--bounce);display:flex;align-items:center;gap:.375rem}.install-block button:hover{background:var(--accent);color:var(--ctp-crust);transform:translateY(-2px);box-shadow:0 4px 16px rgba(203,166,247,.3)}.router-nav{display:flex;gap:.5rem;margin-bottom:2.5rem;padding:.5rem;background:var(--ctp-surface0);border:1px solid var(--border-subtle);border-radius:16px;box-shadow:var(--shadow-sm)}.router-nav-btn{display:flex;align-items:center;gap:.625rem;padding:.875rem 1.5rem;background:transparent;border:none;border-radius:12px;color:var(--ctp-subtext0);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s var(--bounce);flex:1;justify-content:center}.router-nav-btn:hover{color:var(--ctp-text);background:var(--surface-hover);transform:translateY(-1px)}.router-nav-btn.-active{color:var(--ctp-crust);background:linear-gradient(135deg,var(--ctp-sky),var(--ctp-sapphire));box-shadow:0 4px 16px rgba(137,220,235,.3)}.router-content{min-height:300px}.section-panel{animation:fadeIn .4s var(--smooth)}.overview-text h3{color:var(--ctp-text);margin:2rem 0 1rem;font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:.625rem}.overview-text p{color:var(--ctp-subtext0);line-height:1.8;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:.75rem}.feature-list li{padding:.875rem 1.25rem;background:var(--ctp-surface0);border:1px solid var(--border-subtle);border-radius:14px;color:var(--ctp-subtext0);font-size:.9375rem;transition:all .2s var(--bounce);display:flex;align-items:center;gap:.75rem}.feature-list li:hover{border-color:var(--accent-border);transform:translateX(4px);box-shadow:var(--shadow-sm)}.route-example{background:var(--ctp-surface0);border:1px solid var(--border-subtle);border-radius:16px;padding:1.5rem;margin-bottom:1.25rem;transition:all .3s var(--bounce);box-shadow:var(--shadow-sm)}.route-example:hover{border-color:var(--accent-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.route-path{display:flex;align-items:center;gap:.875rem;margin-bottom:.75rem}.route-path code{padding:.5rem 1rem;background:var(--ctp-crust);border-radius:10px;font-family:var(--font-mono);color:var(--ctp-sky);font-size:.9375rem;font-weight:600;border:1px solid var(--border-subtle)}.route-name{font-weight:700;color:var(--ctp-text);font-size:1.0625rem}.route-desc{color:var(--ctp-subtext0);font-size:.9375rem;margin-bottom:1rem;line-height:1.6}.route-tips{background:linear-gradient(135deg,var(--sky-bg),rgba(137,220,235,.05));border:1px solid rgba(137,220,235,.2);border-radius:16px;padding:1.5rem;margin-top:2rem}.route-tips h4{color:var(--ctp-sky);margin-bottom:1rem;font-size:1.0625rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.route-tips ul{margin:0;padding-left:1.25rem}.route-tips li{color:var(--ctp-subtext0);font-size:.9375rem;margin-bottom:.5rem;line-height:1.6}.nav-content{background:var(--ctp-crust);border:1px solid var(--border-subtle);border-radius:16px;padding:1.5rem;margin-bottom:2rem;box-shadow:var(--shadow-sm)}.nav-content pre{margin:0;overflow-x:auto;font-family:var(--font-mono);font-size:.875rem;line-height:1.7}.interactive-nav-demo{background:linear-gradient(135deg,var(--ctp-surface0),var(--ctp-crust));border:1px solid var(--border-subtle);border-radius:20px;padding:2rem;text-align:center;box-shadow:var(--shadow-sm)}.interactive-nav-demo h4{color:var(--ctp-text);margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.interactive-nav-demo p{color:var(--ctp-subtext0);margin-bottom:1.5rem;font-size:.9375rem}.nav-demo-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.nav-demo-btn{padding:.875rem 1.5rem;background:var(--ctp-surface1);border:1px solid var(--border-subtle);border-radius:14px;color:var(--ctp-text);font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .3s var(--bounce);display:flex;align-items:center;gap:.5rem}.nav-demo-btn:hover{background:var(--surface-hover);transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.2);border-color:var(--accent-border)}.nav-demo-btn:active{transform:translateY(-1px)}.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:linear-gradient(90deg,rgba(203,166,247,.1),rgba(245,194,231,.1));border-left:3px solid var(--ctp-mauve)}.benchmark-table.-comparison tr.-highlight td{font-weight:600}.td-crown{margin-right:.5rem;font-size:1.125rem}.td-size{font-family:monospace;font-size:.8125rem;color:var(--ctp-subtext0)}.comparison-note{text-align:center;padding:1.5rem;color:var(--ctp-overlay0);font-size:.8125rem}.comparison-note p{margin:.25rem 0}@media (max-width:768px){.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.9fc7415f.css.map */