:root{--bg: #ffffff;--bg-alt: #fbfafc;--bg-mute: #f3f2f7;--surface: #ffffff;--surface-2: #faf9fc;--border: #eceaf2;--border-strong: #ddd9e6;--text: #1b1a20;--text-2: #494752;--text-muted: #757180;--brand: #7c3aed;--brand-bright: #8b5cf6;--brand-2: #db2777;--brand-2-bright: #ec4899;--brand-soft: rgba(139, 92, 246, .13);--brand-soft-2: rgba(236, 72, 153, .11);--grad: linear-gradient(120deg, #8b5cf6, #ec4899);--grad-hero: linear-gradient(115deg, #8b5cf6 0%, #c026d3 52%, #ec4899 100%);--grad-logo: linear-gradient(135deg, #8b5cf6, #ec4899);--code-bg: #16151f;--code-bg-alt: #110f1a;--code-border: rgba(255, 255, 255, .08);--code-text: #e7e6ef;--code-muted: #9b99ad;--shadow-sm: 0 1px 2px rgba(26, 24, 40, .06);--shadow: 0 6px 24px rgba(26, 24, 40, .08);--shadow-lg: 0 18px 50px rgba(26, 24, 40, .13);--glow: 0 10px 34px rgba(139, 92, 246, .34);--sidebar-w: 270px;--header-h: 64px;--radius: 14px}[data-theme=dark]{--bg: #0b0b11;--bg-alt: #0d0d14;--bg-mute: #15151f;--surface: #16161f;--surface-2: #1b1b25;--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .16);--text: #ededf3;--text-2: #c5c4d1;--text-muted: #8b8a99;--brand: #a78bfa;--brand-bright: #8b5cf6;--brand-2: #f472b6;--brand-2-bright: #ec4899;--brand-soft: rgba(139, 92, 246, .16);--brand-soft-2: rgba(236, 72, 153, .14);--grad: linear-gradient(120deg, #8b5cf6, #ec4899);--grad-hero: linear-gradient(115deg, #a78bfa 0%, #d946ef 50%, #ec4899 100%);--grad-logo: linear-gradient(135deg, #b69bff, #f472b6);--code-bg: #0d0d14;--code-bg-alt: #0a0a10;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 8px 30px rgba(0, 0, 0, .45);--shadow-lg: 0 20px 56px rgba(0, 0, 0, .55);--glow: 0 10px 34px rgba(139, 92, 246, .3)}:root{--cy-background: var(--bg);--cy-surface: var(--surface);--cy-surface2: var(--surface-2);--cy-text: var(--text);--cy-muted: var(--text-muted);--cy-border: var(--border);--cy-border-strong: var(--border-strong);--cy-primary: #8b5cf6;--cy-primary-text: #ffffff;--cy-focus: rgba(139, 92, 246, .32);--cy-shadow-xs: var(--shadow-sm);--cy-shadow-sm: var(--shadow-sm);--cy-shadow-md: var(--shadow);--cy-shadow-xl: var(--shadow-lg);--cy-control-h: 40px;--cy-control-px: 14px;--cy-r-sm: 8px;--cy-r-md: 10px;--cy-r-lg: 14px;--cy-f-sm: 13px;--cy-f-md: 14px;--cy-f-lg: 16px;--cy-f-xl: 20px;--cy-tr-control: all .16s ease;--cy-bg: var(--bg)}*{box-sizing:border-box;margin:0;padding:0}html{color-scheme:light}[data-theme=dark]{color-scheme:dark}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden;transition:background .3s ease,color .3s ease}::selection{background:var(--brand-soft)}a{color:var(--brand);text-decoration:none;transition:color .18s}a:hover{color:var(--brand-2)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--text-muted);background-clip:content-box}.layout{display:flex;flex-direction:column;height:100vh}.header{height:var(--header-h);background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px;justify-content:space-between;z-index:100}.logo-section{display:flex;align-items:center;gap:11px}a.logo-section:hover{color:var(--text)}.logo-mark{display:inline-block;width:32px;height:32px;background:var(--grad-logo);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;filter:drop-shadow(0 2px 8px rgba(139,92,246,.35))}.logo-text{font-family:Outfit,Inter,sans-serif;font-size:1.32rem;font-weight:800;color:var(--text);letter-spacing:-.01em}.version-badge{font-size:.68rem;font-weight:700;letter-spacing:.02em;color:var(--brand);background:var(--brand-soft);border:1px solid color-mix(in srgb,var(--brand) 30%,transparent);padding:2px 7px;border-radius:999px;margin-top:2px}.header-links{display:flex;align-items:center;gap:6px;font-size:.92rem}.header-link{color:var(--text-2);font-weight:500;padding:7px 12px;border-radius:8px;transition:color .18s,background .18s}.header-link:hover{color:var(--text);background:var(--bg-mute)}.header-sep{width:1px;height:22px;background:var(--border);margin:0 6px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;background:transparent;border:1px solid transparent;color:var(--text-2);cursor:pointer;transition:all .18s}.icon-btn:hover{color:var(--brand);background:var(--bg-mute);border-color:var(--border)}.lang-toggle{background:transparent;border:1px solid var(--border);color:var(--text-2);padding:6px 12px;border-radius:9px;font-family:inherit;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .18s}.lang-toggle:hover{border-color:var(--brand);color:var(--brand)}.content-wrapper{display:flex;flex:1;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--bg-alt);border-right:1px solid var(--border);overflow-y:auto;padding:26px 16px}.nav-group{margin-bottom:26px}.nav-title{font-size:.74rem;text-transform:uppercase;color:var(--text-muted);font-weight:800;margin-bottom:10px;padding:0 10px;letter-spacing:.07em}.nav-item{display:block;position:relative;padding:8px 12px;color:var(--text-2);border-radius:9px;font-size:.93rem;font-weight:500;margin-bottom:2px;cursor:pointer;border:none;background:transparent;width:100%;text-align:left;font-family:inherit;transition:color .16s,background .16s}.nav-item:hover{background:var(--bg-mute);color:var(--text)}.nav-item.active,.nav-item[aria-current=page]{background:var(--brand-soft);color:var(--brand);font-weight:700}.nav-item.active:before,.nav-item[aria-current=page]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:18px;border-radius:0 3px 3px 0;background:var(--grad)}.main-content{flex:1;display:flex;overflow-y:auto}.split-view{display:flex;width:100%;min-height:100%}.doc-pane{flex:1;padding:48px 52px;overflow-y:auto;background:var(--bg)}.doc-pane:not(.hiw){animation:cy-page-in .32s cubic-bezier(.22,.61,.36,1) backwards}@keyframes cy-page-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.doc-pane:not(.hiw){animation:none}}.doc-pane h1{font-family:Outfit,Inter,sans-serif;font-size:2.5rem;font-weight:800;line-height:1.1;margin-bottom:18px;letter-spacing:-.02em;color:var(--text)}.doc-pane h2{font-size:1.4rem;font-weight:700;margin:38px 0 14px;color:var(--text);letter-spacing:-.01em;padding-top:18px;border-top:1px solid var(--border)}.doc-pane p{line-height:1.75;color:var(--text-2);margin-bottom:18px;font-size:1rem}.doc-pane :not(pre)>code{background:var(--bg-mute);border:1px solid var(--border);padding:.12em .4em;border-radius:6px;font-size:.88em;font-family:JetBrains Mono,ui-monospace,monospace;color:var(--brand)}.demo-pane{flex:1;border-left:1px solid var(--border);background:var(--bg-alt);display:flex;flex-direction:column}.split-view[data-split-ready]>.doc-pane{flex:0 0 var(--doc-w, 50%);min-width:0}.split-view[data-split-ready]>.demo-pane{flex:1 1 0;min-width:0}.split-resizer{flex:0 0 7px;align-self:stretch;cursor:col-resize;position:relative;z-index:5;background:transparent;touch-action:none}.split-resizer:before{content:"";position:absolute;top:0;right:3px;bottom:0;left:3px;border-radius:3px;background:var(--border);transition:background .15s}.split-resizer:hover:before,body.is-resizing .split-resizer:before{background:var(--brand)}body.is-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.counter-box{background:var(--surface);border:1px solid var(--border);padding:34px;border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);min-width:280px}.counter-box h3{margin-bottom:14px;font-size:1.3rem;color:var(--text)}.btn{background:var(--grad);color:#fff;border:none;padding:10px 22px;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;font-family:inherit;box-shadow:0 4px 14px #8b5cf64d;transition:transform .16s,box-shadow .16s,opacity .16s}.btn:hover{transform:translateY(-1px);box-shadow:var(--glow)}.btn:active{transform:translateY(0)}.btn-lg{padding:13px 28px;font-size:1rem;border-radius:12px;display:inline-flex;align-items:center;gap:8px}.btn-ghost{background:var(--surface);color:var(--text);border:1px solid var(--border-strong);box-shadow:var(--shadow-sm)}.btn-ghost:hover{border-color:var(--brand);color:var(--brand);box-shadow:var(--shadow)}.btn-row{display:flex;gap:10px;justify-content:center;margin-top:16px}.todo-app{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:400px;overflow:hidden;box-shadow:var(--shadow)}.todo-header{padding:18px;border-bottom:1px solid var(--border);display:flex;gap:8px}.todo-input{flex:1;padding:10px 14px;border-radius:9px;border:1px solid var(--border-strong);background:var(--bg);color:var(--text);font-family:inherit;outline:none;transition:border-color .16s}.todo-input:focus{border-color:var(--brand)}.todo-list{list-style:none}.todo-item{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;color:var(--text)}.todo-item:last-child{border-bottom:none}.del-btn{background:#f43f5e1f;color:#f43f5e;border:none;width:28px;height:28px;border-radius:7px;cursor:pointer;transition:background .16s}.del-btn:hover{background:#f43f5e38}.del-btn-wide{width:auto;height:auto;padding:10px 18px;border-radius:10px;font-size:.95rem;font-weight:600}.muted{color:var(--text-muted);font-size:.9rem}.counter-box .muted{color:var(--text-muted)}.home{width:100%}.hero{position:relative;text-align:center;overflow:hidden;padding:96px 40px 64px;background:radial-gradient(60% 50% at 50% 0%,var(--brand-soft) 0%,transparent 70%),radial-gradient(40% 40% at 80% 10%,var(--brand-soft-2) 0%,transparent 70%)}.hero-logo-wrap{position:relative;display:block;width:104px;height:104px;margin:0 auto 18px;cursor:pointer;-webkit-tap-highlight-color:transparent}.hero-logo-wrap:focus-visible{outline:2px solid var(--brand);outline-offset:6px;border-radius:16px}.hero-logo{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:var(--grad-logo);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.hl-body{filter:drop-shadow(0 12px 26px rgba(139,92,246,.4));clip-path:path(evenodd,"M0 0H104V104H0Z M27.73 24.96L45.76 24.96L40.21 5.55L29.12 8.32Z M58.24 24.96L76.27 24.96L74.88 8.32L63.78 5.55Z")}.hl-ear-l{clip-path:path("M27.73 24.96L45.76 24.96L40.21 5.55L29.12 8.32Z");transform-origin:36.75px 24.96px}.hl-ear-r{clip-path:path("M58.24 24.96L76.27 24.96L74.88 8.32L63.78 5.55Z");transform-origin:67.25px 24.96px}.fly-heart{position:absolute;left:50%;top:46%;width:26px;height:26px;transform:translate(-50%);background:linear-gradient(135deg,var(--brand-2-bright),#fb7185);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;opacity:0;pointer-events:none;filter:drop-shadow(0 4px 8px rgba(236,72,153,.4))}.hero-title{font-family:Outfit,Inter,sans-serif;font-size:clamp(2.2rem,5vw,3.4rem);font-weight:800;line-height:1.35;letter-spacing:-.025em;color:var(--text);max-width:16ch;margin:0 auto 18px}.hero-grad{background:var(--grad-hero);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding-top:.12em}.hero-tagline{font-size:1.18rem;color:var(--text-2);margin:0 auto 10px;max-width:560px;line-height:1.6}.hero-motto{font-size:.92rem;font-style:italic;color:var(--text-muted);margin:0 auto 32px;letter-spacing:.01em;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;opacity:.72}.hero-motto:before{content:"“"}.hero-motto:after{content:"”"}.hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.code-window{max-width:620px;margin:48px auto 0;text-align:left;background:var(--code-bg);border:1px solid var(--code-border);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-lg)}.code-window-bar{display:flex;align-items:center;gap:7px;padding:11px 16px;background:var(--code-bg-alt);border-bottom:1px solid var(--code-border)}.code-window-bar .dot{width:11px;height:11px;border-radius:50%;display:inline-block}.dot-r{background:#ff5f57}.dot-y{background:#febc2e}.dot-g{background:#28c840}.code-window-name{margin-left:8px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.78rem;color:var(--code-muted)}.code-window-body{margin:0!important;background:transparent!important;padding:18px 20px!important;overflow-x:auto;font-size:.84rem;line-height:1.6}.code-window-body code{background:transparent!important}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(248px,1fr));gap:20px;padding:28px 40px 80px;max-width:1120px;margin:0 auto}.feature-card{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow-sm);transition:transform .2s,border-color .2s,box-shadow .2s}.feature-card:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--grad);opacity:0;transition:opacity .2s}.feature-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--brand) 40%,transparent);box-shadow:var(--shadow)}.feature-card:hover:before{opacity:1}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;font-size:1.5rem;background:var(--brand-soft);margin-bottom:14px}.feature-card h3{margin-bottom:8px;color:var(--text);font-size:1.1rem}.feature-card p{color:var(--text-muted);line-height:1.65;font-size:.94rem}.code-block{background:var(--code-bg)!important;border:1px solid var(--code-border);border-radius:12px;padding:18px 20px!important;overflow-x:auto;margin-bottom:24px;font-size:.88rem;color:var(--code-text);box-shadow:var(--shadow-sm)}pre[class*=language-],code[class*=language-]{font-family:JetBrains Mono,ui-monospace,Fira Code,monospace!important}.doc-pane-full{max-width:880px;margin:0 auto}.doc-demo{display:flex;flex-direction:column;height:100%}.doc-demo-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);font-weight:800;padding:16px 22px 8px}.doc-demo-preview{display:flex;align-items:safe center;justify-content:safe center;padding:36px 26px;min-height:220px;background:radial-gradient(60% 60% at 50% 40%,var(--brand-soft) 0%,transparent 72%)}.doc-demo-code{border-top:1px solid var(--border);background:var(--code-bg);overflow:auto;flex:1;min-height:0}.doc-demo-code pre{margin:0!important;background:transparent!important;font-size:.86rem;padding:18px 20px!important}.doc-demo-code code{background:transparent!important}.code-tabs{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--code-bg)}.code-tabs-bar{display:flex;gap:2px;padding:8px 10px 0;background:var(--code-bg-alt);border-bottom:1px solid var(--code-border);flex-shrink:0}.code-tab{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--code-muted);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.8rem;font-weight:600;padding:9px 15px;cursor:pointer;border-radius:8px 8px 0 0;transition:color .15s,background .15s,border-color .15s}.code-tab:hover{color:var(--code-text);background:#ffffff0d}.code-tab.active{color:var(--brand-bright);border-bottom-color:var(--brand-bright);background:#ffffff0a}.code-tabs-body{flex:1;min-height:0;overflow:auto}.code-tab-panel{display:none}.code-tab-panel.active{display:block}.code-tab-panel pre{margin:0!important;background:transparent!important;font-size:.86rem;padding:18px 20px!important}.code-tab-panel code{background:transparent!important}.doc-pane-full .code-tabs{border:1px solid var(--code-border);border-radius:12px;overflow:hidden;margin-bottom:24px;box-shadow:var(--shadow-sm)}.doc-pane-full .code-tabs .code-block{border:none;border-radius:0;margin-bottom:0;box-shadow:none}.callout{border:1px solid color-mix(in srgb,var(--brand) 32%,transparent);background:var(--brand-soft);border-radius:12px;padding:16px 20px;margin:30px 0 8px}.callout strong{color:var(--text);display:block;margin-bottom:6px}.callout p{margin:0!important;font-size:.94rem!important;color:var(--text-2)!important}.doc-list{margin:0 0 22px;padding-left:22px;color:var(--text-2);line-height:1.75}.doc-list li{margin-bottom:8px}.doc-list li::marker{color:var(--brand)}.amph-demo{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:26px;width:100%;max-width:360px;box-shadow:var(--shadow)}.amph-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.amph-head h3{margin:0;font-size:1.2rem;color:var(--text)}.amph-badge{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;font-weight:800;color:var(--brand-2);background:var(--brand-soft-2);padding:3px 9px;border-radius:999px}.amph-demo .muted{margin:8px 0 16px}.amph-error{color:#f43f5e;margin:8px 0}.amph-list{list-style:none;margin:0 0 16px}.amph-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--border);color:var(--text)}.amph-row:last-child{border-bottom:none}.amph-row .muted{margin:0}.playground-page{width:100%;padding:40px 48px}.playground-head{margin-bottom:22px}.playground-head h1{font-family:Outfit,Inter,sans-serif;font-size:2.2rem;font-weight:800;margin-bottom:8px;letter-spacing:-.02em}.playground-head p{color:var(--text-muted)}.repl{display:grid;grid-template-columns:1fr 1fr;gap:16px;height:560px}.repl-pane{display:flex;flex-direction:column;border:1px solid var(--code-border);border-radius:12px;overflow:hidden;background:var(--code-bg);box-shadow:var(--shadow-sm)}.repl-label{padding:10px 16px;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--code-muted);background:var(--code-bg-alt);border-bottom:1px solid var(--code-border)}.repl-editor{flex:1;resize:none;border:none;outline:none;background:var(--code-bg);color:var(--code-text);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.84rem;line-height:1.6;padding:16px;-moz-tab-size:2;tab-size:2}.repl-output{flex:1;margin:0!important;overflow:auto;padding:16px!important;background:var(--code-bg)!important;font-size:.82rem;line-height:1.55}.repl-output code{background:transparent!important;white-space:pre}.repl-error{color:#f43f5e;white-space:pre-wrap}.repl-langs{display:flex;align-items:center;gap:5px;padding:6px 8px;background:var(--code-bg-alt);border-bottom:1px solid var(--code-border)}.lang-pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font:inherit;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.72rem;font-weight:700;padding:5px 12px;border-radius:8px;border:1px solid transparent;color:var(--code-muted);background:transparent;transition:color .15s ease,background-color .15s ease}.lang-pill:hover{color:var(--code-text)}.lang-pill.active{color:#fff;background:var(--grad);box-shadow:0 2px 10px #8b5cf64d}.repl-langs-hint{margin-left:auto;font-size:.7rem;color:var(--code-muted);padding-right:4px}.repl-tabs{display:flex;gap:4px;padding:6px 8px;background:var(--code-bg-alt);border-bottom:1px solid var(--code-border)}.repl-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font:inherit;font-size:.72rem;font-weight:800;letter-spacing:.04em;padding:6px 14px;border-radius:8px;border:1px solid transparent;color:var(--code-muted);background:transparent;transition:color .15s ease,background-color .15s ease,border-color .15s ease}.repl-tab:hover{color:var(--code-text)}.repl-tab.active{color:#fff;background:var(--grad);border-color:transparent;box-shadow:0 2px 10px #8b5cf652}.repl-view{flex:1;overflow:auto;padding:22px;background:radial-gradient(circle at 1px 1px,rgba(255,255,255,.06) 1px,transparent 0) 0 0 / 18px 18px,var(--code-bg);color:var(--code-text)}.repl-view.is-hidden,.repl-output.is-hidden{display:none}.repl-view h1,.repl-view h2,.repl-view h3,.repl-view p{margin:0 0 10px;color:var(--code-text)}.repl-view button{cursor:pointer;font:inherit;font-weight:700;padding:9px 16px;border-radius:10px;border:none;color:#fff;background:var(--grad);box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .2s ease}.repl-view button:hover{transform:translateY(-1px);box-shadow:var(--glow)}.repl-view button:active{transform:scale(.97)}.repl-view input,.repl-view textarea,.repl-view select{font:inherit;padding:8px 11px;border-radius:9px;border:1px solid var(--code-border);background:#ffffff0a;color:var(--code-text)}.repl-preview-error{white-space:pre-wrap;color:#fda4af;font-family:ui-monospace,Menlo,monospace;font-size:.82rem;line-height:1.6;padding:14px 16px;border-radius:10px;background:#f43f5e1a;border:1px solid rgba(244,63,94,.32)}@media (max-width: 860px){.split-view{flex-direction:column}.demo-pane{border-left:none;border-top:1px solid var(--border)}.doc-pane{padding:32px 24px}.split-resizer{display:none}.split-view[data-split-ready]>.doc-pane,.split-view[data-split-ready]>.demo-pane{flex:1 1 auto}.hero-title{font-size:3rem}.playground-page{padding:28px 24px}.repl{height:auto}.repl-pane{height:340px}.ui-grid-section,.ui-cat-section{padding:8px 24px 40px}.showcase{padding:16px 20px 32px}.stat-band{padding:20px 20px 40px}.bench-band{padding:24px 20px 8px}.api-explore{padding:8px 20px 56px}.compare-band{padding:40px 20px 28px}.cta-band{padding:40px 20px;margin:16px 16px 0}.feature-grid{padding:20px 20px 56px}.hero{padding:64px 20px 48px}}.hamburger,.sidebar-mobile-links,.mobile-backdrop{display:none}@media (min-width: 721px){.content-wrapper.is-home .sidebar{display:none}}@media (max-width: 720px){.repl{grid-template-columns:1fr;height:auto}.repl-pane{height:380px}.header-link{display:none}.header{padding:0 16px}.hamburger{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;margin-right:2px;flex:none;background:transparent;border:1px solid var(--border);border-radius:10px;color:var(--text);cursor:pointer;transition:color .16s,border-color .16s}.hamburger:hover{border-color:var(--brand);color:var(--brand)}.sidebar{position:fixed;top:var(--header-h);left:0;bottom:0;width:min(82vw,320px);transform:translate(-100%);transition:transform .26s cubic-bezier(.22,.61,.36,1);z-index:90;box-shadow:var(--shadow-lg)}.layout.mobile-nav-open .sidebar{transform:translate(0)}.sidebar-mobile-links{display:block;margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid var(--border)}.mobile-backdrop{display:block;position:fixed;inset:var(--header-h) 0 0 0;background:#0000006b;opacity:0;pointer-events:none;transition:opacity .26s;z-index:89}.layout.mobile-nav-open .mobile-backdrop{opacity:1;pointer-events:auto}}@keyframes cy-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.feature-card{opacity:0;animation:cy-rise .5s cubic-bezier(.16,1,.3,1) forwards}.feature-card:nth-child(1){animation-delay:.04s}.feature-card:nth-child(2){animation-delay:.1s}.feature-card:nth-child(3){animation-delay:.16s}.feature-card:nth-child(4){animation-delay:.22s}@media (prefers-reduced-motion: reduce){.feature-card{opacity:1;animation:none}}.bench-card{opacity:0;animation:cy-rise .5s cubic-bezier(.16,1,.3,1) forwards}.bench-card:nth-child(1){animation-delay:.04s}.bench-card:nth-child(2){animation-delay:.1s}.bench-card:nth-child(3){animation-delay:.16s}.bench-card:nth-child(4){animation-delay:.22s}@media (prefers-reduced-motion: reduce){.bench-card{opacity:1;animation:none}}.showcase{max-width:1120px;margin:0 auto;padding:16px 40px 40px}.showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:40px;box-shadow:var(--shadow-sm)}.showcase-copy.center{text-align:center;max-width:640px;margin:0 auto}.showcase-eyebrow{display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--brand);margin-bottom:10px}.showcase-copy h2{font-family:Outfit,Inter,sans-serif;font-size:1.9rem;font-weight:800;letter-spacing:-.02em;margin-bottom:12px;color:var(--text)}.showcase-copy p{color:var(--text-2);line-height:1.7}.eq{background:var(--code-bg);border:1px solid var(--code-border);border-radius:16px;padding:24px}.eq-bars{display:flex;align-items:flex-end;gap:8px;height:180px}.eq-bar{flex:1;height:100%;transform-origin:bottom;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#ec4899,#8b5cf6);transition:transform .6s cubic-bezier(.16,1,.3,1);will-change:transform}.eq-meta{display:flex;align-items:center;gap:8px;margin-top:16px;color:var(--code-muted);font-size:.82rem;font-family:JetBrains Mono,ui-monospace,monospace}.eq-dot{width:8px;height:8px;border-radius:50%;background:#ec4899;box-shadow:0 0 #ec489999;animation:cy-pulse 1.4s infinite}@keyframes cy-pulse{0%{box-shadow:0 0 #ec48998c}70%{box-shadow:0 0 0 8px #ec489900}to{box-shadow:0 0 #ec489900}}.stat-band{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1120px;margin:0 auto;padding:24px 40px 56px}.stat{text-align:center}.stat-num{font-family:Outfit,Inter,sans-serif;font-size:3rem;font-weight:800;line-height:1;background:var(--grad-hero);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.stat-label{margin-top:8px;color:var(--text-muted);font-size:.92rem}.compare-band{max-width:860px;margin:0 auto;padding:60px 40px 40px}.compare-header{text-align:center;margin-bottom:36px}.compare-title{font-family:Outfit,Inter,sans-serif;font-size:1.9rem;font-weight:800;letter-spacing:-.02em;margin:10px 0 6px;color:var(--text)}.compare-scenario{color:var(--text-muted);font-size:.84rem;font-family:JetBrains Mono,ui-monospace,monospace}.compare-bars{display:flex;flex-direction:column;gap:12px}.compare-row{display:grid;grid-template-columns:210px 1fr 68px;align-items:center;gap:14px}.compare-fw{display:flex;align-items:center;gap:8px}.compare-fw-name{font-weight:600;font-size:.97rem;color:var(--text)}.compare-fw-tag{font-size:.73rem;font-family:JetBrains Mono,ui-monospace,monospace;color:var(--text-muted);background:var(--bg-mute);border:1px solid var(--border);border-radius:4px;padding:1px 5px}.compare-track{height:28px;background:var(--bg-mute);border-radius:8px;overflow:hidden}.compare-fill{height:100%;border-radius:8px;background:color-mix(in srgb,var(--border) 70%,transparent);transition:width 1.3s cubic-bezier(.16,1,.3,1)}.compare-row-own .compare-fw-name{color:var(--brand)}.compare-fill{background:color-mix(in srgb,var(--brand) 45%,transparent)}.compare-row-own .compare-fill{background:var(--grad-hero)}.compare-row-vdom .compare-fill{background:color-mix(in srgb,#f59e0b 55%,var(--bg-mute))}.compare-row-vdom .compare-ms{color:#d97706}.compare-fill{min-width:10px}.compare-row:nth-child(1) .compare-fill{transition-delay:0s}.compare-row:nth-child(2) .compare-fill{transition-delay:.07s}.compare-row:nth-child(3) .compare-fill{transition-delay:.14s}.compare-row:nth-child(4) .compare-fill{transition-delay:.21s}.compare-row:nth-child(5) .compare-fill{transition-delay:.28s}.compare-row:nth-child(6) .compare-fill{transition-delay:.35s}.compare-ms{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.88rem;font-weight:600;color:var(--text);text-align:right}.compare-ms-u{font-size:.72rem;color:var(--text-muted);margin-left:1px}.compare-row-own .compare-ms{color:var(--brand)}.compare-kind{font-size:.68rem;font-family:JetBrains Mono,ui-monospace,monospace;color:var(--text-muted);background:var(--bg-mute);border:1px solid var(--border);border-radius:4px;padding:1px 6px;opacity:.8}.compare-kind-own{color:var(--brand);border-color:color-mix(in srgb,var(--brand) 35%,transparent);background:color-mix(in srgb,var(--brand) 10%,transparent);opacity:1}.compare-takeaway{max-width:720px;margin:26px auto 0;text-align:center;color:var(--text-2);font-size:.95rem;line-height:1.7}.compare-disclaimer{margin-top:24px;padding:14px 18px;background:var(--bg-mute);border:1px solid var(--border);border-radius:10px;color:var(--text-muted);font-size:.78rem;line-height:1.7}@media (prefers-reduced-motion: reduce){.compare-fill{transition:none}}.bench-band{max-width:1120px;margin:0 auto;padding:32px 40px 8px}.bench-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:30px}.bench-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px 22px;text-align:center;box-shadow:var(--shadow-sm);transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s,box-shadow .25s}.bench-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--brand) 40%,transparent);box-shadow:var(--shadow)}.bench-num{font-family:Outfit,Inter,sans-serif;font-size:2.5rem;font-weight:800;line-height:1;background:var(--grad-hero);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.bench-unit{font-size:1.05rem;font-weight:700;margin-left:3px}.bench-metric{margin-top:12px;color:var(--text);font-weight:600;font-size:.96rem}.bench-note{margin-top:5px;color:var(--text-muted);font-size:.8rem}.bench-foot{max-width:780px;margin:26px auto 0;text-align:center;color:var(--text-muted);font-size:.78rem;line-height:1.65}.api-explore{padding:8px 40px 80px}.api-code{max-width:760px;margin:28px auto 0;background:var(--code-bg);border:1px solid var(--code-border);border-radius:14px;padding:24px 26px;overflow:visible;box-shadow:var(--shadow-lg);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.9rem;line-height:1.95;color:var(--code-text);white-space:pre-wrap;word-break:break-word}.api-tok{color:var(--brand-bright);border-bottom:1.5px dashed color-mix(in srgb,var(--brand-bright) 55%,transparent);cursor:help;position:relative;border-radius:2px;padding:0 1px;transition:background .15s}.api-tok:hover,.api-tok:focus{background:#8b5cf629;outline:none}.api-tok:after{content:attr(data-tip);position:absolute;left:0;bottom:calc(100% + 10px);transform:translateY(4px);width:max-content;max-width:min(360px,70vw);white-space:normal;background:#1c1b24;color:#ededf3;border:1px solid rgba(255,255,255,.12);padding:10px 12px;border-radius:10px;font-size:.8rem;line-height:1.5;font-family:Inter,sans-serif;text-align:left;box-shadow:0 12px 32px #00000073;opacity:0;pointer-events:none;transition:opacity .16s,transform .16s;z-index:30}.api-tok:before{content:"";position:absolute;left:14px;bottom:calc(100% + 4px);border:6px solid transparent;border-top-color:#1c1b24;opacity:0;transition:opacity .16s;z-index:30}.api-tok:hover:after,.api-tok:focus:after{opacity:1;transform:translateY(0)}.api-tok:hover:before,.api-tok:focus:before{opacity:1}.content-wrapper.is-home .main-content{display:block}.hero-badge{display:inline-flex;align-items:center;gap:8px;margin:0 auto 22px;padding:6px 14px;font-size:.82rem;font-weight:600;color:var(--text-2);background:color-mix(in srgb,var(--surface) 70%,transparent);border:1px solid var(--border-strong);border-radius:999px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .18s,color .18s,transform .18s}.hero-badge:hover{color:var(--brand);border-color:var(--brand);transform:translateY(-1px)}.hero-badge-dot{width:7px;height:7px;border-radius:50%;background:var(--brand-2-bright);box-shadow:0 0 color-mix(in srgb,var(--brand-2-bright) 60%,transparent);animation:cy-badge-pulse 2.4s ease-out infinite}@keyframes cy-badge-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--brand-2-bright) 55%,transparent)}70%{box-shadow:0 0 0 7px transparent}to{box-shadow:0 0 0 0 transparent}}.cta-band{position:relative;text-align:center;max-width:880px;margin:16px auto 0;padding:56px 40px;border-radius:24px;overflow:hidden;background:radial-gradient(80% 120% at 50% 0%,var(--brand-soft) 0%,transparent 70%),var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.cta-band h2{font-family:Outfit,Inter,sans-serif;font-size:2rem;font-weight:800;letter-spacing:-.02em;color:var(--text);margin-bottom:12px}.cta-band p{color:var(--text-2);line-height:1.7;max-width:560px;margin:0 auto 26px}.cta-band .hero-actions{margin-top:0}.home-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:48px 40px 56px;margin-top:40px;border-top:1px solid var(--border);color:var(--text-muted);font-size:.9rem}.home-footer-motto{font-size:.84rem;font-style:italic;letter-spacing:.015em;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;opacity:.55;margin:0 0 6px}.home-footer-motto:before{content:"“"}.home-footer-motto:after{content:"”"}.home-footer-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.home-footer-brand{font-family:Outfit,Inter,sans-serif;font-weight:800;color:var(--text)}.home-footer-meta{color:var(--text-muted)}.hero{isolation:isolate}.hero:before{content:"";position:absolute;z-index:-1;width:120%;aspect-ratio:1;left:50%;top:-38%;translate:-50% 0;background:conic-gradient(from 0deg,transparent 0%,var(--brand-soft) 18%,transparent 38%,var(--brand-soft-2) 62%,transparent 84%);filter:blur(60px);opacity:.7;pointer-events:none}.hero>*{position:relative}.hero-logo-wrap,.hero-badge,.hero-title,.hero-tagline,.hero-motto,.hero-actions,.code-window{opacity:0;animation:cy-rise .6s cubic-bezier(.16,1,.3,1) forwards}.hero-logo-wrap{animation-delay:.02s}.hero-badge{animation-delay:.1s}.hero-title{animation-delay:.16s}.hero-tagline{animation-delay:.24s}.hero-motto{animation-delay:.3s}.hero-actions{animation-delay:.38s}.code-window{animation-delay:.48s}.hero-actions .btn-lg,.cta-band .btn-lg{transition:transform .35s cubic-bezier(.68,-.6,.32,1.6),box-shadow .2s ease}.hero-actions .btn-lg:hover,.cta-band .btn-lg:hover{transform:scale(1.06)}.hero-actions .btn-lg:active,.cta-band .btn-lg:active{transform:scale(.98)}@media (prefers-reduced-motion: no-preference){.hero:before{animation:cy-spin 48s linear infinite,cy-breathe 9s ease-in-out infinite}.hero-grad{background-size:220% auto;animation:cy-grad-flow 7s ease-in-out infinite}.hero-logo-wrap{animation:cy-rise .6s cubic-bezier(.16,1,.3,1) .02s both,cy-float 5s ease-in-out .9s infinite}.hero-logo-wrap .hl-ear-l{animation:cy-ear-l 7s ease-in-out 1.4s infinite}.hero-logo-wrap .hl-ear-r{animation:cy-ear-r 7s ease-in-out 3.1s infinite}@supports (animation-timeline: view()){.showcase,.stat-band,.api-explore,.cta-band,.home-footer{opacity:0;animation:cy-rise .8s cubic-bezier(.16,1,.3,1) both;animation-timeline:view();animation-range:entry 0% entry 55%}}}@keyframes cy-spin{to{rotate:360deg}}@keyframes cy-breathe{0%,to{opacity:.55;scale:1}50%{opacity:.85;scale:1.08}}@keyframes cy-ear-l{0%,85%,to{transform:rotate(0)}89%{transform:rotate(-13deg)}94%{transform:rotate(4deg)}}@keyframes cy-ear-r{0%,85%,to{transform:rotate(0)}89%{transform:rotate(13deg)}94%{transform:rotate(-4deg)}}@keyframes cy-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(-2.5deg)}}@keyframes cy-grad-flow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@media (prefers-reduced-motion: reduce){.hero-logo-wrap,.hero-badge,.hero-title,.hero-tagline,.hero-motto,.hero-actions,.code-window{opacity:1;animation:none}.hero:before{animation:none}}.ui-demo{width:100%;max-width:380px;display:flex;flex-direction:column;gap:18px}.ui-section{display:flex;flex-direction:column;gap:8px}.ui-label{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted)}.ui-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.rd{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.rd-bar{display:flex;gap:4px;padding:10px;background:var(--bg-mute);border-bottom:1px solid var(--border)}.rd-link{border:none;background:transparent;color:var(--text-2);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.82rem;font-weight:600;padding:7px 12px;border-radius:8px;cursor:pointer;transition:all .15s}.rd-link:hover{background:var(--surface);color:var(--text)}.rd-link.active{background:var(--brand-soft);color:var(--brand)}.rd-view{padding:28px 22px;min-height:130px}.rd-view h4{font-size:1.1rem;margin-bottom:6px;color:var(--text)}.rd-view code{background:var(--bg-mute);border:1px solid var(--border);padding:.1em .35em;border-radius:5px;font-family:JetBrains Mono,monospace;font-size:.85em;color:var(--brand)}@media (max-width: 860px){.showcase-grid{grid-template-columns:1fr;gap:28px;padding:28px}.stat-band,.bench-grid{grid-template-columns:repeat(2,1fr)}.compare-row{grid-template-columns:100px 1fr 58px;gap:10px}.compare-fw-tag,.compare-kind{display:none}.compare-mult{font-size:3.5rem}.compare-band{padding:40px 20px 28px}}::view-transition-old(root){animation:cy-vt-out .22s ease-out both;mix-blend-mode:normal;z-index:1}::view-transition-new(root){animation:none;mix-blend-mode:normal;z-index:9999}@keyframes cy-vt-out{to{opacity:0}}.theme-ripple{position:fixed;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;pointer-events:none;z-index:2147483646;background:radial-gradient(circle,#ec489900 52%,#ec489980 66%,#8b5cf680,#8b5cf600 82%);animation:cy-theme-ripple .6s ease-out forwards}@keyframes cy-theme-ripple{0%{transform:scale(0);opacity:.95}to{transform:scale(160);opacity:0}}.theme-toggle{position:relative}.theme-toggle .ico{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;transition:opacity .3s ease,transform .45s cubic-bezier(.34,1.56,.64,1)}.theme-toggle .ico-sun{opacity:0;transform:rotate(-90deg) scale(.4)}.theme-toggle .ico-moon,[data-theme=dark] .theme-toggle .ico-sun{opacity:1;transform:none}[data-theme=dark] .theme-toggle .ico-moon{opacity:0;transform:rotate(90deg) scale(.4)}.icon-btn>svg:not(.ico){animation:cy-icon-pop .45s cubic-bezier(.34,1.56,.64,1)}@keyframes cy-icon-pop{0%{transform:rotate(-120deg) scale(.4);opacity:0}to{transform:rotate(0) scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){.theme-ripple{display:none}.icon-btn>svg:not(.ico){animation:none}.theme-toggle .ico{transition:none}}.hiw .reveal{animation:hiw-reveal .62s cubic-bezier(.22,.61,.36,1) both}.hiw .pipe-step.reveal{animation-delay:calc(var(--i, 0) * .12s + .05s)}@keyframes hiw-reveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.hiw{max-width:920px}.hiw-hero{text-align:center;padding:14px 0 30px}.hiw-eyebrow{display:inline-block;font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand);padding:5px 13px;border-radius:999px;background:var(--brand-soft);border:1px solid var(--border)}.hiw-title{margin:16px 0 0;font-size:clamp(2rem,5vw,3rem);line-height:1.3;font-weight:800;letter-spacing:-.02em;background:var(--grad-hero);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding-top:.12em}.hiw-lead{max-width:660px;margin:18px auto 0;color:var(--text-2);font-size:1.08rem;line-height:1.7}.hiw-h2{margin-top:56px;font-size:1.55rem;letter-spacing:-.01em}.hiw-sub{color:var(--text-2);margin-top:6px;max-width:680px}.hiw-note{margin-top:16px;padding:12px 16px;border-left:3px solid var(--brand);background:var(--brand-soft);border-radius:0 10px 10px 0;color:var(--text-2);font-size:.95rem;line-height:1.6}.hiw-idea{display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:center;margin-top:28px;padding:28px;border-radius:18px;background:var(--surface-2);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.hiw-idea-text h2{margin:0 0 10px;font-size:1.4rem}.hiw-idea-text p{margin:0;color:var(--text-2);line-height:1.7}.hiw-idea-visual{display:grid;place-items:center;min-height:190px}.orbit{position:relative;width:180px;height:180px;display:grid;place-items:center}.orbit-core{z-index:2;padding:11px 18px;border-radius:12px;font-weight:700;font-size:.95rem;color:#fff;background:var(--grad);box-shadow:var(--glow)}.orbit-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1.5px dashed var(--border-strong);animation:hiw-spin 18s linear infinite}.orbit-dot{position:absolute;width:13px;height:13px;border-radius:50%;top:50%;left:50%;margin:-6.5px;background:var(--brand-2-bright);box-shadow:0 0 0 4px var(--brand-soft-2);animation:hiw-orbit 6s linear infinite}.orbit-dot.d1{animation-delay:0s}.orbit-dot.d2{animation-delay:-2s;background:var(--brand-bright);box-shadow:0 0 0 4px var(--brand-soft)}.orbit-dot.d3{animation-delay:-4s}@keyframes hiw-orbit{0%{transform:rotate(0) translate(82px) rotate(0)}to{transform:rotate(360deg) translate(82px) rotate(-360deg)}}@keyframes hiw-spin{to{transform:rotate(360deg)}}.pipeline{position:relative;margin-top:26px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.pipe-track{position:absolute;top:38px;left:7%;right:7%;height:2px;background:linear-gradient(90deg,var(--border-strong),var(--brand-soft),var(--border-strong));border-radius:2px;overflow:visible;z-index:0}.pipe-pulse{position:absolute;top:50%;left:0;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:var(--brand-2-bright);box-shadow:0 0 14px 3px var(--brand-2-bright);animation:hiw-travel 3.4s cubic-bezier(.5,0,.5,1) infinite}@keyframes hiw-travel{0%{left:0;opacity:0}10%{opacity:1}90%{opacity:1}to{left:100%;opacity:0}}.pipe-step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center}.pipe-badge{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:.9rem;color:#fff;background:var(--grad);box-shadow:var(--shadow-sm);margin-bottom:14px;border:3px solid var(--bg)}.pipe-card{width:100%;padding:18px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.pipe-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--border-strong)}.pipe-card.glow{border-color:transparent;box-shadow:var(--glow);animation:hiw-glow 2.6s ease-in-out infinite}@keyframes hiw-glow{0%,to{box-shadow:0 8px 26px #8b5cf642}50%{box-shadow:0 12px 38px #ec48996b}}.pipe-icon{width:42px;height:42px;margin:0 auto 12px;border-radius:11px;display:grid;place-items:center;font-size:1.2rem;color:var(--brand);background:var(--brand-soft);border:1px solid var(--border)}.pipe-card h3{margin:0 0 7px;font-size:1rem}.pipe-card p{margin:0 0 12px;font-size:.86rem;line-height:1.55;color:var(--text-2)}.pipe-code{display:inline-block;font-size:.72rem;padding:4px 9px;border-radius:7px;background:var(--code-bg);color:var(--code-text);word-break:break-word;font-family:ui-monospace,SF Mono,Menlo,monospace}.live-demo{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin-top:22px;padding:24px;border-radius:18px;background:linear-gradient(160deg,var(--surface-2),var(--surface));border:1px solid var(--border);box-shadow:var(--shadow)}.live-stage{display:flex;flex-direction:column;gap:14px}.live-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.live-key{font-size:.95rem;color:var(--text-2);font-family:ui-monospace,Menlo,monospace}.live-key em{color:var(--text-muted);font-style:normal;font-size:.82rem}.live-num{min-width:76px;text-align:center;font-size:2rem;font-weight:800;font-variant-numeric:tabular-nums;padding:6px 16px;border-radius:12px;color:var(--brand);background:var(--brand-soft);border:1px solid var(--border);transition:transform .18s cubic-bezier(.34,1.56,.64,1),background-color .45s ease,color .45s ease,box-shadow .45s ease}.live-num.alt{color:var(--brand-2);background:var(--brand-soft-2)}.live-num.hot{transform:scale(1.18);color:#fff;background:var(--grad);box-shadow:var(--glow)}.live-controls{display:flex;gap:10px;margin-top:6px}.live-btn{flex:1;padding:11px 14px;border-radius:11px;font-weight:700;font-size:.95rem;cursor:pointer;color:#fff;background:var(--grad);border:none;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .2s ease,filter .2s ease}.live-btn:hover{transform:translateY(-2px);box-shadow:var(--glow)}.live-btn:active{transform:translateY(0) scale(.97)}.live-btn.ghost{color:var(--text);background:var(--surface);border:1px solid var(--border-strong);box-shadow:none}.live-btn.ghost:hover{border-color:var(--brand);color:var(--brand);box-shadow:none}.live-meters{display:flex;flex-direction:column;gap:12px}.meter{flex:1;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:12px 16px;border-radius:13px;background:var(--surface);border:1px solid var(--border)}.meter.accent{border-color:var(--brand);background:var(--brand-soft)}.meter-num{font-size:1.7rem;font-weight:800;line-height:1;color:var(--text);font-variant-numeric:tabular-nums}.meter.accent .meter-num{color:var(--brand)}.meter-label{font-size:.76rem;color:var(--text-muted);line-height:1.3}.vs-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.vs-card{padding:20px;border-radius:16px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm)}.vs-card.cyrene{border-color:var(--brand)}.vs-tag{display:inline-block;font-size:.78rem;font-weight:700;padding:4px 11px;border-radius:999px;background:var(--bg-mute);color:var(--text-2);margin-bottom:16px}.vs-tag.accent{background:var(--grad);color:#fff}.vs-tree{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.vs-node{height:30px;border-radius:8px;background:var(--bg-mute);border:1px solid var(--border)}.vs-node.redraw{animation:hiw-redraw 1.8s ease-in-out infinite}.vs-node.target{animation:hiw-target 1.8s ease-in-out infinite}@keyframes hiw-redraw{0%,to{background:var(--bg-mute);border-color:var(--border)}40%,60%{background:var(--brand-soft-2);border-color:var(--brand-2)}}@keyframes hiw-target{0%,to{background:var(--bg-mute);border-color:var(--border);transform:none}40%,60%{background:var(--grad);border-color:transparent;transform:scale(1.07);box-shadow:var(--glow)}}.vs-card p{margin:0;font-size:.9rem;line-height:1.6;color:var(--text-2)}@media (max-width: 820px){.hiw-idea{grid-template-columns:1fr}.pipeline{grid-template-columns:1fr 1fr}.pipe-track{display:none}.live-demo{grid-template-columns:1fr}.live-meters{flex-direction:row}.vs-grid{grid-template-columns:1fr}}@media (max-width: 480px){.pipeline{grid-template-columns:1fr}.stat-band{grid-template-columns:repeat(2,1fr);padding:16px 16px 32px}.bench-grid{grid-template-columns:repeat(2,1fr)}.compare-row{grid-template-columns:90px 1fr 50px;gap:8px;font-size:.88rem}.compare-fw-name{font-size:.85rem}.compare-fw-tag{display:none}.hero-actions{flex-direction:column;align-items:center}.hero-actions .btn-lg{width:100%;max-width:280px;justify-content:center}.doc-pane{padding:24px 16px}.doc-pane h1{font-size:1.9rem}.doc-pane h2{font-size:1.2rem}.showcase-grid{padding:20px}.ui-grid-section,.ui-cat-section{padding:8px 16px 32px}.playground-page{padding:20px 16px}.repl-pane{height:300px}.blog-grid{grid-template-columns:1fr}.cta-band{padding:32px 16px;margin:16px 12px 0}.cta-band h2{font-size:1.6rem}.home-footer{padding:32px 20px 40px}.feature-grid{gap:14px;padding:16px 16px 40px}.pager-card{min-width:0}.bench-num{font-size:2rem}.stat-num{font-size:2.2rem}.header{padding:0 12px}.version-badge{display:none}.logo-text{font-size:1.15rem}.repl{gap:12px}}@media (prefers-reduced-motion: reduce){.hiw .reveal,.orbit-ring,.orbit-dot,.pipe-pulse,.pipe-card.glow,.vs-node.redraw,.vs-node.target{animation:none}}.hero-rotate{display:inline-block;min-width:0;will-change:opacity,transform}.search-trigger{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 10px 0 12px;background:var(--bg-mute);color:var(--text-muted);border:1px solid var(--border-strong);border-radius:9px;font-family:inherit;font-size:.86rem;cursor:pointer;transition:color .16s,border-color .16s,background .16s}.search-trigger:hover{color:var(--text);border-color:var(--brand)}.search-trigger svg{opacity:.8}.search-trigger-kbd{display:inline-flex;gap:2px}.search-trigger kbd,.search-foot kbd{font-family:ui-monospace,monospace;font-size:.72rem;min-width:17px;height:18px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface);color:var(--text-muted);border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:5px}@media (max-width: 720px){.search-trigger-label,.search-trigger-kbd{display:none}.search-trigger{padding:0 9px}}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0c0b1475;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:flex-start;padding:12vh 16px 16px;animation:cy-fade-in .16s ease both}@keyframes cy-fade-in{0%{opacity:0}to{opacity:1}}.search-modal{width:100%;max-width:560px;background:var(--surface);border:1px solid var(--border-strong);border-radius:16px;box-shadow:var(--shadow-lg);overflow:hidden;display:flex;flex-direction:column;animation:cy-pop-in .2s cubic-bezier(.16,1,.3,1) both}@keyframes cy-pop-in{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}.search-input-wrap{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border)}.search-ico{color:var(--text-muted);flex:none}.search-input{flex:1;border:none;outline:none;background:transparent;color:var(--text);font-family:inherit;font-size:1.05rem}.search-input::placeholder{color:var(--text-muted)}.search-results{max-height:52vh;overflow-y:auto;padding:8px}.search-empty,.search-noresults{padding:24px;text-align:center;color:var(--text-muted);font-size:.92rem}.search-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-radius:10px;cursor:pointer;color:var(--text);text-decoration:none}.search-row.active{background:var(--brand-soft)}.search-row.is-hidden,.search-noresults.is-hidden{display:none}.search-row-title{font-weight:600;font-size:.95rem}.search-row.active .search-row-title{color:var(--brand)}.search-row-group{font-size:.74rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.search-foot{display:flex;gap:18px;padding:10px 18px;border-top:1px solid var(--border);background:var(--bg-alt);color:var(--text-muted);font-size:.78rem}.search-hint{display:inline-flex;align-items:center;gap:6px}.toc{display:none}@media (min-width: 1180px){.toc{display:block;position:fixed;top:calc(var(--header-h) + 30px);right:30px;width:210px;max-height:calc(100vh - var(--header-h) - 64px);overflow-y:auto;padding-left:16px;border-left:2px solid var(--border);z-index:5}.doc-pane-full:not(.hiw){padding-right:270px}}.toc-title{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px}.toc-list{display:flex;flex-direction:column;gap:2px}.toc-link{font-size:.86rem;line-height:1.4;color:var(--text-muted);text-decoration:none;border-left:2px solid transparent;margin-left:-18px;padding:4px 0 4px 16px;transition:color .15s,border-color .15s}.toc-link:hover{color:var(--text)}.toc-link.active{color:var(--brand);border-left-color:var(--brand);font-weight:600}.doc-pager{margin-top:48px;padding-top:24px;border-top:1px solid var(--border)}.doc-edit{display:inline-flex;align-items:center;gap:7px;font-size:.86rem;color:var(--text-muted);text-decoration:none;margin-bottom:20px;transition:color .15s}.doc-edit:hover{color:var(--brand)}.doc-pager-links{display:flex;gap:16px;flex-wrap:wrap}.pager-card{flex:1 1 0;min-width:200px;display:flex;flex-direction:column;gap:4px;padding:16px 18px;border:1px solid var(--border);border-radius:12px;text-decoration:none;background:var(--surface);transition:border-color .18s,transform .18s,box-shadow .18s}.pager-card:hover{border-color:var(--brand);transform:translateY(-2px);box-shadow:var(--shadow)}.pager-next{text-align:right;align-items:flex-end}.pager-dir{font-size:.76rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em}.pager-dir:before{content:"← "}.pager-next .pager-dir:before{content:""}.pager-next .pager-dir:after{content:" →"}.pager-title{font-weight:700;color:var(--brand);font-size:1.02rem}.callout.callout-react{background:color-mix(in srgb,#61dafb 12%,transparent);border-color:color-mix(in srgb,#61dafb 38%,transparent)}.callout.callout-react strong:before{content:"⚛ "}.callout.callout-key{background:color-mix(in srgb,var(--brand-2) 11%,transparent);border-color:color-mix(in srgb,var(--brand-2) 36%,transparent)}.fa-intro{font-size:1.08rem;color:var(--text-2)}.fa-step,.cheat-block{scroll-margin-top:24px}.fa-step h2{display:flex;align-items:baseline;gap:10px}.js-reveal [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}.js-reveal [data-reveal].is-revealed{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.js-reveal [data-reveal]{opacity:1;transform:none;transition:none}}@media (prefers-reduced-motion: reduce){::view-transition-old(root){animation:none}}.dtreal{margin:8px 0 28px}.dtreal-frame{border:1px solid var(--code-border);border-radius:14px;overflow:hidden;background:#0b0b11;box-shadow:var(--shadow)}.dtreal-bar{display:flex;align-items:center;gap:7px;padding:10px 14px;background:var(--code-bg-alt);border-bottom:1px solid var(--code-border)}.dtreal-bar-title{margin-left:8px;font-size:.82rem;font-weight:600;color:var(--code-muted)}.dtreal-iso{margin-left:auto;color:#34d399;font-size:.74rem}.dtreal-iframe{display:block;width:100%;height:720px;border:0;background:#0b0b11}@media (max-width: 760px){.dtreal-iframe{height:780px}}.dtreal-caption{margin:10px 2px 0!important;font-size:.84rem!important;color:var(--text-muted)!important;line-height:1.5}.dtlab{margin:8px 0 28px}.dtlab-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:18px;align-items:stretch}@media (max-width: 760px){.dtlab-grid{grid-template-columns:1fr}}.dtlab-sample{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:14px}.dtlab-sample-tag{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand)}.dtlab-counter{text-align:center;padding:10px 0}.dtlab-count{font-family:Outfit,sans-serif;font-size:3.4rem;font-weight:800;line-height:1;color:var(--text);font-variant-numeric:tabular-nums}.dtlab-derived{margin-top:6px;color:var(--text-2);font-size:.95rem}.dtlab-derived strong{color:var(--brand-2);font-variant-numeric:tabular-nums}.dtlab-controls{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.dtlab-controls .btn{padding:8px 16px;font-size:.9rem}.dtlab-controls-aux{gap:6px}.dtlab-controls-aux .btn{font-size:.82rem;padding:6px 12px}.dtlab-route-badge{margin-top:6px;font-size:.78rem;font-weight:600;color:var(--brand);font-family:JetBrains Mono,ui-monospace,monospace}.dtlab-hint{margin:0!important;font-size:.84rem!important;color:var(--text-muted)!important;text-align:center}.dtlab-panel{background:var(--code-bg);border:1px solid var(--code-border);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow)}.dtlab-bar{display:flex;align-items:center;gap:7px;padding:10px 14px;background:var(--code-bg-alt);border-bottom:1px solid var(--code-border)}.dtlab-dot{width:11px;height:11px;border-radius:50%}.dtlab-dot.dot-r{background:#ff5f57}.dtlab-dot.dot-y{background:#febc2e}.dtlab-dot.dot-g{background:#28c840}.dtlab-bar-title{margin-left:8px;font-size:.82rem;font-weight:600;color:var(--code-muted)}.dtlab-clear{background:transparent;border:1px solid var(--border-strong);color:var(--text-muted);font-family:inherit;font-size:.82rem;padding:6px 12px;border-radius:8px;cursor:pointer;transition:color .15s,border-color .15s}.dtlab-clear:hover{color:var(--text);border-color:var(--text-muted)}.dtlab-tabs{display:flex;background:var(--code-bg-alt);border-bottom:1px solid var(--code-border)}.dtlab-tabs-scroll{overflow-x:auto;scrollbar-width:none}.dtlab-tabs-scroll::-webkit-scrollbar{display:none}.dtlab-tab{flex:none;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--code-muted);font-family:inherit;font-size:.82rem;font-weight:500;padding:9px 10px;cursor:pointer;transition:color .15s,border-color .15s;white-space:nowrap}.dtlab-tab:hover{color:var(--code-text)}.dtlab-tab.active{color:#c4b5fd;border-bottom-color:#8b5cf6}.dtlab-body{min-height:230px;padding:12px;font-family:JetBrains Mono,ui-monospace,monospace}.dt-state{display:flex;flex-direction:column;gap:4px}.dt-state-row{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:8px;background:#ffffff05;border:1px solid transparent;transition:background .3s,border-color .3s}.dt-state-row.hot{background:#8b5cf62e;border-color:#8b5cf680}.dt-badge{font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 7px;border-radius:999px;flex:none}.dt-badge-signal{background:#8b5cf638;color:#c4b5fd}.dt-badge-computed{background:#ec489938;color:#f9a8d4}.dt-badge-effect{background:#f59e0b33;color:#fcd34d}.dt-name{color:var(--code-text);font-size:.86rem}.dt-val{color:#7dd3fc;font-size:.86rem}.dt-state-row .dt-updates{margin-left:auto;color:var(--code-muted);font-size:.76rem}.dt-graph{display:flex;flex-direction:column;gap:8px}.dt-graph-svg{width:100%;height:auto}.dt-edge{stroke:#ffffff47;stroke-width:2;color:#ffffff47}.dt-node circle{fill:#1e1b2e;stroke-width:2;transition:filter .3s}.dt-node-signal circle{stroke:#8b5cf6}.dt-node-computed circle{stroke:#ec4899}.dt-node-effect circle{stroke:#f59e0b}.dt-node.hot circle{filter:drop-shadow(0 0 8px currentColor)}.dt-node-signal.hot circle{color:#8b5cf6}.dt-node-computed.hot circle{color:#ec4899}.dt-node-effect.hot circle{color:#f59e0b}.dt-node-name{fill:var(--code-text);font-size:.7rem;font-weight:600;font-family:JetBrains Mono,monospace}.dt-node-val{fill:#7dd3fc;font-size:.66rem;font-family:JetBrains Mono,monospace}.dt-graph-key{margin:0!important;font-size:.74rem!important;color:var(--code-muted)!important;line-height:1.5}.dt-timeline{display:flex;flex-direction:column;gap:4px}.dt-event{display:flex;align-items:center;gap:9px;padding:6px 9px;border-radius:8px;background:#ffffff05}.dt-event .dt-arrow{color:var(--code-muted)}.dt-empty{padding:28px 12px;text-align:center;color:var(--code-muted);font-size:.84rem}.dt-ov-chips{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap}.dt-ov-chip{font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 9px;border-radius:999px}.dt-ov-signal{background:#8b5cf633;color:#c4b5fd}.dt-ov-computed{background:#ec48992e;color:#f9a8d4}.dt-ov-updates{background:#34d39926;color:#6ee7b7}.dt-net{display:flex;flex-direction:column;gap:3px}.dt-net-row{display:flex;align-items:center;gap:8px;padding:6px 9px;border-radius:7px;background:#ffffff05;font-size:.82rem}.dt-method{font-size:.64rem;font-weight:700;letter-spacing:.04em;padding:2px 6px;border-radius:5px;flex:none;background:#7dd3fc26;color:#7dd3fc}.dt-url{color:var(--code-muted);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt-status{font-size:.76rem;font-weight:700;flex:none;padding:1px 6px;border-radius:5px}.dt-status-ok{background:#34d39926;color:#34d399}.dt-status-err{background:#f871712e;color:#f87171}.dt-status-pending{background:#fbbf2426;color:#fbbf24}.dt-ms{color:var(--code-muted);font-size:.76rem;flex:none;min-width:36px;text-align:right}.dt-perf{display:flex;flex-direction:column;gap:3px}.dt-perf-row{display:flex;align-items:center;gap:10px;padding:6px 9px;border-radius:7px;background:#ffffff05;font-size:.82rem}.dt-perf-label{color:var(--code-muted);flex:1}.dt-perf-ms{color:#a5f3fc;font-weight:600;min-width:52px;text-align:right;font-variant-numeric:tabular-nums}.dt-router{display:flex;flex-direction:column;gap:4px}.dt-route-cur{display:flex;align-items:center;gap:10px;padding:8px 10px;margin-bottom:6px;border-radius:8px;background:#8b5cf61f;border:1px solid rgba(139,92,246,.25)}.dt-route-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#c4b5fd}.dt-route-path{color:#7dd3fc;font-size:.86rem;font-weight:600}.dt-route-row{display:flex;align-items:center;gap:10px;padding:5px 9px;border-radius:6px;background:#ffffff05;font-size:.82rem}.dt-route-seq{color:var(--code-muted);font-size:.7rem;min-width:26px}.dt-logs{display:flex;flex-direction:column;gap:3px}.dt-log-row{display:flex;align-items:flex-start;gap:8px;padding:6px 9px;border-radius:7px;background:#ffffff05;font-size:.82rem}.dt-log-lvl{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 6px;border-radius:4px;flex:none;margin-top:1px}.dt-log-info .dt-log-lvl{background:#7dd3fc24;color:#7dd3fc}.dt-log-warn .dt-log-lvl{background:#fbbf2429;color:#fbbf24}.dt-log-error .dt-log-lvl{background:#f871712e;color:#f87171}.dt-log-log .dt-log-lvl{background:#94a3b826;color:#94a3b8}.dt-log-msg{color:var(--code-text);flex:1;word-break:break-all}.dt-tt{display:flex;flex-direction:column;gap:12px}.dt-tt-controls{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:#ffffff08;border:1px solid var(--code-border)}.dt-tt-btn{background:#8b5cf626;border:1px solid rgba(139,92,246,.3);color:#c4b5fd;font-family:inherit;font-size:.78rem;font-weight:600;padding:5px 12px;border-radius:7px;cursor:pointer;transition:background .15s}.dt-tt-btn:hover{background:#8b5cf647}.dt-tt-pos{flex:1;text-align:center;color:var(--code-muted);font-size:.8rem;font-variant-numeric:tabular-nums}.dt-tt-val{padding:10px 14px;border-radius:8px;font-size:.9rem;color:var(--code-muted);background:#ffffff05;text-align:center}.dt-tt-val strong{color:#7dd3fc;font-size:1.4rem;font-variant-numeric:tabular-nums;margin-left:6px}.dt-tt-track{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0}.dt-tt-snap{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;cursor:pointer;background:#ffffff0a;border:1px solid var(--code-border);color:var(--code-muted);transition:background .15s,border-color .15s,color .15s;font-variant-numeric:tabular-nums}.dt-tt-snap:hover{background:#8b5cf626;border-color:#8b5cf666;color:#c4b5fd}.dt-tt-snap-cur{background:#8b5cf647;border-color:#8b5cf6;color:#e9d5ff}.dt-tt-hint{margin:0!important;font-size:.74rem!important;color:var(--code-muted)!important}.dtlab-stat{display:flex;align-items:center;gap:8px;padding:9px 14px;border-top:1px solid var(--code-border);background:var(--code-bg-alt);color:var(--code-muted);font-size:.78rem}.dtlab-stat-iso{margin-left:auto;color:#34d399;font-size:.74rem}.blog-pane{padding-top:40px}.blog-head{text-align:center;max-width:680px;margin:0 auto 40px}.blog-head h1{font-family:Outfit,Inter,sans-serif;font-size:2.6rem;font-weight:800;letter-spacing:-.02em;margin:6px 0 14px;border:none;padding:0}.blog-lede{font-size:1.08rem;color:var(--text-2);line-height:1.7;margin:0}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px}.blog-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px 24px 20px;box-shadow:var(--shadow-sm);color:inherit;transition:transform .2s,border-color .2s,box-shadow .2s}.blog-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--brand) 40%,transparent);box-shadow:var(--shadow);color:inherit}.blog-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.blog-tag{font-size:.68rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--brand);background:var(--brand-soft);padding:3px 9px;border-radius:999px}.blog-card-title{font-family:Outfit,Inter,sans-serif;font-size:1.3rem;font-weight:700;line-height:1.3;margin:0 0 10px;color:var(--text);letter-spacing:-.01em}.blog-card-excerpt{color:var(--text-2);line-height:1.65;font-size:.95rem;margin:0 0 18px;flex:1}.blog-card-meta{display:flex;align-items:center;gap:8px;font-size:.84rem;color:var(--text-muted)}.blog-card-author{font-weight:600;color:var(--text-2)}.blog-card-dot{opacity:.5}.blog-back{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;font-weight:600;color:var(--text-muted);margin-bottom:26px;transition:color .16s,gap .16s}.blog-back:hover{color:var(--brand);gap:9px}.blog-back-arrow{font-size:1.1rem}.blog-article{max-width:720px;margin:0 auto}.blog-article-title{font-family:Outfit,Inter,sans-serif;font-size:2.4rem;font-weight:800;line-height:1.12;letter-spacing:-.02em;margin:14px 0 16px;border:none;padding:0}.blog-article-meta{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-muted);padding-bottom:24px;margin-bottom:28px;border-bottom:1px solid var(--border)}.blog-article-body{font-size:1.06rem;line-height:1.85;color:var(--text-2)}.blog-article-body p{margin:0 0 20px}.blog-article-body h2{font-family:Outfit,Inter,sans-serif;font-size:1.5rem;font-weight:700;color:var(--text);letter-spacing:-.01em;margin:36px 0 14px}.blog-article-body h3{font-size:1.2rem;font-weight:700;color:var(--text);margin:28px 0 10px}.blog-article-body a{color:var(--brand);text-decoration:underline;text-underline-offset:2px}.blog-article-body a:hover{color:var(--brand-2)}.blog-article-body strong{color:var(--text);font-weight:700}.blog-article-body ul,.blog-article-body ol{margin:0 0 20px;padding-left:24px}.blog-article-body li{margin-bottom:8px}.blog-article-body li::marker{color:var(--brand)}.blog-article-body code:not(pre code){background:var(--bg-mute);border:1px solid var(--border);padding:.12em .4em;border-radius:6px;font-size:.88em;font-family:JetBrains Mono,ui-monospace,monospace;color:var(--brand)}.blog-article-body pre{background:var(--code-bg);border:1px solid var(--code-border);border-radius:12px;padding:18px 20px;overflow-x:auto;margin:0 0 22px;font-size:.88rem;line-height:1.6;color:var(--code-text)}.blog-article-body pre code{font-family:JetBrains Mono,ui-monospace,monospace;background:none}.blog-article-body blockquote{margin:0 0 22px;padding:4px 18px;color:var(--text-2);border-left:3px solid var(--brand);background:var(--brand-soft);border-radius:0 8px 8px 0;font-style:italic}.blog-state{text-align:center;padding:48px 24px;color:var(--text-muted);background:var(--bg-alt);border:1px dashed var(--border);border-radius:var(--radius)}.blog-state strong{color:var(--text);font-size:1.05rem}.footer-cyrene-btn{display:inline;background:none;border:none;border-bottom:2px solid transparent;padding:0 0 1px;font:inherit;font-weight:700;color:var(--brand);cursor:pointer;position:relative;transition:color .18s;background-image:var(--grad);background-size:200% 2px;background-repeat:no-repeat;background-position:0% 100%;animation:chibi-shimmer 2.4s linear infinite}.footer-cyrene-btn:hover{color:var(--brand-2)}.footer-cyrene-btn:after{content:" ✦";font-size:.7em;color:var(--brand-2-bright);font-weight:400;animation:chibi-sparkle 2.2s ease-in-out infinite}@keyframes chibi-sparkle{0%,to{opacity:.5;transform:scale(1) rotate(0)}50%{opacity:1;transform:scale(1.35) rotate(20deg)}}@keyframes chibi-shimmer{0%{background-position:0% 100%}50%{background-position:100% 100%}to{background-position:0% 100%}}@media (prefers-reduced-motion: reduce){.footer-cyrene-btn{animation:none;background-image:none;border-bottom-color:var(--brand)}.footer-cyrene-btn:after{animation:none}}.chibi-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#0c0b1485;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:cy-fade-in .18s ease both;padding:24px}.chibi-popup{position:relative;display:flex;align-items:center;justify-content:center;animation:chibi-pop-in .42s cubic-bezier(.34,1.56,.64,1) both}@keyframes chibi-pop-in{0%{opacity:0;transform:scale(.4) rotate(-8deg) translateY(40px)}to{opacity:1;transform:scale(1) rotate(0) translateY(0)}}.chibi-img{width:min(320px,80vw);height:auto;display:block;filter:drop-shadow(0 16px 48px rgba(139,92,246,.45));animation:chibi-float 3.4s ease-in-out .42s infinite}@keyframes chibi-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(-2deg)}}@media (prefers-reduced-motion: reduce){.chibi-img,.chibi-popup{animation:none}}.chibi-close{position:absolute;top:-12px;right:-12px;width:32px;height:32px;border-radius:50%;background:var(--surface);border:1px solid var(--border-strong);color:var(--text-muted);font-size:.9rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .15s,border-color .15s,transform .15s;box-shadow:var(--shadow-sm)}.chibi-close:hover{color:var(--brand-2);border-color:var(--brand-2);transform:scale(1.1) rotate(90deg)}.ui-guide{display:flex;flex-direction:column;width:100%;min-width:0}.ui-guide .split-view{min-height:0;flex:none}.ui-grid-section{width:100%;max-width:1080px;margin:0 auto;padding:8px 52px 56px}.ui-grid-section>h2{font-size:1.4rem;font-weight:700;margin:8px 0 12px;letter-spacing:-.01em;color:var(--text)}.ui-grid-section>p{line-height:1.7;color:var(--text-2);margin-bottom:20px}.grid-demo{margin:4px 0 26px;width:100%;max-width:100%;overflow-x:auto}.ui-cat-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin:14px 0 8px}.ui-cat-card{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:var(--surface);text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s}.ui-cat-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 6px 20px #0000000f}.ui-cat-card-title{font-weight:700;color:var(--text);font-size:.98rem}.ui-cat-card-desc{font-size:.82rem;line-height:1.5;color:var(--text-2)}.ui-cat-section{width:100%;max-width:1080px;margin:0 auto;padding:8px 52px 56px}.ui-cat-section>h2{font-size:1.4rem;font-weight:700;margin:8px 0 12px;letter-spacing:-.01em;color:var(--text)}.ui-cat-section>p{line-height:1.7;color:var(--text-2);margin-bottom:20px}.gallery-block{border:1px solid var(--border);border-radius:14px;padding:22px 24px;background:var(--surface);margin:4px 0 26px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px 28px}.gallery-item{display:flex;flex-direction:column;gap:8px;min-width:0;overflow-x:auto}.gallery-item-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-2)}.gallery-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.gallery-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding-top:14px;border-top:1px dashed var(--border);font-size:.9rem;color:var(--text-2)}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}