@font-face{font-family:Geist;font-style:normal;font-weight:400;font-display:swap;src:url(./geist-400.B40WzpMT.woff2) format("woff2")}@font-face{font-family:Geist;font-style:normal;font-weight:500;font-display:swap;src:url(./geist-500.CTWBw9NS.woff2) format("woff2")}@font-face{font-family:Geist;font-style:normal;font-weight:600;font-display:swap;src:url(./geist-600.CSETrqM2.woff2) format("woff2")}@font-face{font-family:Geist;font-style:normal;font-weight:700;font-display:swap;src:url(./geist-700.CFi8mLqe.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(./inter-400.C38fXH4l.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(./inter-500.Cerq10X2.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(./inter-600.LgqL8muc.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(./inter-700.Yt3aPRUw.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(./jetbrains-mono-400.V6pRDFza.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(./jetbrains-mono-500.BWZEU5yA.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(./jetbrains-mono-600.C8RAYTDA.woff2) format("woff2")}:root{color-scheme:dark;--neutral-0:#050507;--neutral-50:#0a0b0e;--neutral-100:#0f1015;--neutral-200:#1a1c23;--neutral-300:#2d313f;--neutral-400:#4a5066;--neutral-500:#717996;--neutral-600:#9da5bf;--neutral-700:#cbd2e6;--neutral-800:#eef1f8;--neutral-900:#fff;--mint-0:#010a08;--mint-50:#061a16;--mint-100:#0a2924;--mint-200:#09453b;--mint-300:#0d5e4f;--mint-400:#00b093;--mint-500:#00e5bc;--mint-600:#33ebca;--mint-700:#66eed5;--mint-800:#99f1e1;--mint-900:#ccfaf1;--indigo-0:#04040d;--indigo-50:#0c0b24;--indigo-100:#13123a;--indigo-200:#1c1c69;--indigo-300:#342da2;--indigo-400:#4a45cb;--indigo-500:#635bff;--indigo-600:#7b71ff;--indigo-700:#958fff;--indigo-800:#aeaaff;--indigo-900:#c9c5ff;--success-0:#001508;--success-50:#002210;--success-100:#003019;--success-200:#004427;--success-300:#00633b;--success-400:#008e58;--success-500:#24ba78;--success-600:#61d196;--success-700:#91e3b4;--success-800:#bbf0d0;--success-900:#defce9;--warning-0:#201301;--warning-50:#2f1e02;--warning-100:#402800;--warning-200:#5b3b00;--warning-300:#865900;--warning-400:#bf8100;--warning-500:#f0a726;--warning-600:#ffbd58;--warning-700:#ffd395;--warning-800:#ffe3be;--warning-900:#fff3e4;--error-0:#240302;--error-50:#370404;--error-100:#4c0707;--error-200:#6c090c;--error-300:#9b1014;--error-400:#ce2324;--error-500:#f14a43;--error-600:#ff7266;--error-700:#ffa096;--error-800:#ffc8c1;--error-900:#ffebe8;--white:#fff;--black:#000;--gradient-brand:linear-gradient(135deg,var(--mint-500) 0%,var(--indigo-500) 100%);--gradient-brand-soft:linear-gradient(135deg,rgba(0,229,188,.16),rgba(99,91,255,.16));--bg-sunken:#030305;--bg:#08090c;--bg-elevated:#111319;--bg-raised:#191c24;--bg-overlay:rgba(0,0,0,.78);--fg:var(--neutral-800);--fg-muted:var(--neutral-600);--fg-subtle:var(--neutral-500);--border:var(--neutral-300);--border-strong:#3a3f52;--border-focus:var(--mint-500);--primary:var(--mint-500);--primary-hover:var(--mint-600);--primary-fg:var(--neutral-0);--primary-soft:rgba(0,229,188,.14);--primary-bright:var(--mint-500);--primary-bright-fg:var(--neutral-0);--accent:var(--indigo-500);--accent-soft:rgba(99,91,255,.18);--accent-fg:var(--neutral-900);--warning:var(--warning-500);--warning-soft:rgba(240,167,38,.16);--danger:var(--error-500);--danger-soft:rgba(241,74,67,.16);--success:var(--success-500);--success-soft:rgba(36,186,120,.16);--info:var(--indigo-500);--info-soft:rgba(99,91,255,.16);--highlight:rgba(0,229,188,.22);--highlight-fg:var(--fg);--highlight-soft:rgba(0,229,188,.12);--tint-1:hsla(0,0%,100%,.03);--tint-2:hsla(0,0%,100%,.06);--tint-3:hsla(0,0%,100%,.1);--shadow-ring:0 0 0 var(--ring-w,4px) rgba(0,229,188,.3);--viz-1:#12c2a0;--viz-2:#6e66ff;--viz-3:#f0a726;--viz-4:#ef5350;--viz-5:#9575ff;--viz-6:#29b6d8;--viz-7:#ec6cab;--viz-8:#8bc220;--seq-mint-1:#0a2924;--seq-mint-2:#0d5e4f;--seq-mint-3:#00b093;--seq-mint-4:#00e5bc;--seq-mint-5:#99f1e1;--seq-indigo-1:#1a1a4d;--seq-indigo-2:#3b35a8;--seq-indigo-3:#635bff;--seq-indigo-4:#9d97ff;--seq-indigo-5:#d8d5ff;--div-1:#4a45cb;--div-2:#6e66ff;--div-3:#b3aeff;--div-4:#8a8f9e;--div-5:#f7cf8f;--div-6:#f0a726;--div-7:#c47f12;--viz-grid:var(--border);--viz-axis:var(--fg-subtle);--viz-track:var(--bg-sunken);--viz-label:var(--fg-muted);--font-display:"Geist","Inter Tight",system-ui,sans-serif;--font-body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Geist Mono",ui-monospace,monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:1.875rem;--text-3xl:2.25rem;--text-4xl:3rem;--text-5xl:3.75rem;--text-6xl:4.5rem;--leading-tight:1.1;--leading-snug:1.25;--leading-normal:1.5;--leading-loose:1.75;--tracking-tight:-.03em;--tracking-snug:-.015em;--tracking-normal:0;--tracking-wide:.08em;--tracking-wider:.16em;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(0,0,0,.4);--shadow-sm:0 2px 4px rgba(0,0,0,.4),0 1px 2px rgba(0,0,0,.3);--shadow-md:0 6px 16px rgba(0,0,0,.46),0 2px 4px rgba(0,0,0,.3);--shadow-lg:0 16px 40px rgba(0,0,0,.55),0 6px 12px rgba(0,0,0,.3);--shadow-xl:0 32px 80px rgba(0,0,0,.62);--shadow-glow:0 0 32px rgba(0,229,188,.3),0 0 8px rgba(0,229,188,.4);--shadow-glow-indigo:0 0 32px rgba(99,91,255,.34),0 0 8px rgba(99,91,255,.4);--ease-out:cubic-bezier(.16,1,.3,1);--ease-in-out:cubic-bezier(.65,0,.35,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--dur-fast:.12s;--dur-base:.2s;--dur-slow:.36s;--container:1240px;--gutter:24px;--z-hide:-1;--z-base:0;--z-raised:10;--z-sticky:100;--z-scrim:200;--z-drawer:300;--z-modal:400;--z-popover:500;--z-toast:600;--z-tooltip:700;--z-max:9999;--elevation-0:none;--elevation-1:var(--shadow-sm);--elevation-2:var(--shadow-md);--elevation-3:var(--shadow-lg);--elevation-4:var(--shadow-xl);--void-0:var(--neutral-900);--void-50:var(--neutral-800);--void-100:var(--neutral-800);--void-200:var(--neutral-700);--void-300:var(--neutral-600);--void-400:var(--neutral-500);--void-500:var(--neutral-400);--void-600:var(--neutral-300);--void-700:var(--neutral-200);--void-800:var(--neutral-100);--void-900:var(--neutral-0);--void-950:var(--neutral-0);--lime-0:var(--mint-900);--lime-100:var(--mint-800);--lime-200:var(--mint-700);--lime-300:var(--mint-600);--lime-400:var(--mint-500);--lime-500:var(--mint-500);--lime-600:var(--mint-400);--lime-700:var(--mint-300);--lime-800:var(--mint-200);--lime-900:var(--mint-100);--neon-50:var(--mint-900);--neon-100:var(--mint-800);--neon-200:var(--mint-700);--neon-300:var(--mint-600);--neon-400:var(--mint-500);--neon-500:var(--mint-500);--neon-600:var(--mint-400);--neon-700:var(--mint-300);--neon-800:var(--mint-200);--neon-900:var(--mint-100);--violet-0:var(--indigo-900);--violet-100:var(--indigo-800);--violet-200:var(--indigo-800);--violet-300:var(--indigo-700);--violet-400:var(--indigo-600);--violet-500:var(--indigo-500);--violet-600:var(--indigo-400);--violet-700:var(--indigo-300);--violet-800:var(--indigo-200);--violet-900:var(--indigo-100);--amber-0:var(--warning-900);--amber-100:var(--warning-800);--amber-200:var(--warning-700);--amber-300:var(--warning-600);--amber-400:var(--warning-500);--amber-500:var(--warning-500);--amber-600:var(--warning-400);--amber-700:var(--warning-300);--amber-800:var(--warning-200);--amber-900:var(--warning-100);--rose-0:var(--error-900);--rose-100:var(--error-800);--rose-200:var(--error-700);--rose-300:var(--error-600);--rose-400:var(--error-500);--rose-500:var(--error-500);--rose-600:var(--error-400);--rose-700:var(--error-300);--rose-800:var(--error-200);--rose-900:var(--error-100);--cyan-0:var(--indigo-900);--cyan-100:var(--indigo-800);--cyan-200:var(--indigo-700);--cyan-300:var(--indigo-700);--cyan-400:var(--indigo-500);--cyan-500:var(--indigo-500);--cyan-600:var(--indigo-400);--cyan-700:var(--indigo-300);--cyan-800:var(--indigo-200);--cyan-900:var(--indigo-100)}[data-theme=light]{color-scheme:light;--bg:var(--neutral-800);--bg-elevated:var(--neutral-900);--bg-sunken:#e2e7f2;--bg-raised:#fff;--bg-overlay:rgba(5,5,7,.5);--fg:var(--neutral-100);--fg-muted:var(--neutral-400);--fg-subtle:#5a6280;--border:#d6dcec;--border-strong:#bcc4da;--border-focus:var(--indigo-500);--primary:var(--indigo-500);--primary-hover:var(--indigo-400);--primary-fg:var(--white);--primary-soft:rgba(99,91,255,.12);--primary-bright:var(--indigo-500);--primary-bright-fg:var(--white);--accent:#008c74;--accent-soft:rgba(0,140,116,.12);--accent-fg:var(--white);--warning:var(--warning-300);--warning-soft:rgba(240,167,38,.14);--danger:var(--error-400);--danger-soft:rgba(241,74,67,.12);--success:var(--success-300);--success-soft:rgba(36,186,120,.14);--info:var(--indigo-500);--info-soft:rgba(99,91,255,.1);--highlight:rgba(0,176,147,.2);--highlight-fg:var(--fg);--highlight-soft:rgba(0,176,147,.12);--tint-1:rgba(5,5,7,.03);--tint-2:rgba(5,5,7,.06);--tint-3:rgba(5,5,7,.1);--shadow-ring:0 0 0 var(--ring-w,4px) rgba(99,91,255,.2);--shadow-xs:0 1px 2px rgba(20,24,40,.05);--shadow-sm:0 1px 3px rgba(20,24,40,.08),0 1px 2px rgba(20,24,40,.05);--shadow-md:0 4px 12px rgba(20,24,40,.09),0 2px 4px rgba(20,24,40,.05);--shadow-lg:0 12px 32px rgba(20,24,40,.12),0 4px 8px rgba(20,24,40,.05);--shadow-xl:0 24px 64px rgba(20,24,40,.16);--shadow-glow:0 8px 30px rgba(99,91,255,.18);--shadow-glow-indigo:0 8px 30px rgba(99,91,255,.22);--void-50:#f4f6fb;--void-100:#eef1f8}@media(prefers-color-scheme:light){:root:not([data-theme]){color-scheme:light;--bg:var(--neutral-800);--bg-elevated:var(--neutral-900);--bg-sunken:#e2e7f2;--bg-raised:#fff;--fg:var(--neutral-100);--fg-muted:var(--neutral-400);--fg-subtle:#5a6280;--border:#d6dcec;--border-strong:#bcc4da;--border-focus:var(--indigo-500);--shadow-ring:0 0 0 var(--ring-w,4px) rgba(99,91,255,.2);--primary:var(--indigo-500);--primary-hover:var(--indigo-400);--primary-fg:var(--white);--primary-soft:rgba(99,91,255,.12);--primary-bright:var(--indigo-500);--primary-bright-fg:var(--white);--accent:#008c74;--accent-soft:rgba(0,140,116,.12);--warning:var(--warning-300);--warning-soft:rgba(240,167,38,.14);--danger:var(--error-400);--success:var(--success-300);--info:var(--indigo-500);--tint-1:rgba(5,5,7,.03);--tint-2:rgba(5,5,7,.06);--tint-3:rgba(5,5,7,.1)}}:root{--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-display:800;--fs-display:48px;--fs-h1:36px;--fs-h2:28px;--fs-h3:22px;--fs-h4:18px;--fs-body-lg:16px;--fs-body:14px;--fs-body-sm:13px;--fs-caption:12px;--fs-micro:11px;--fs-fluid-display:clamp(2rem,1.3rem + 3.4vw,3.5rem);--fs-fluid-h1:clamp(1.625rem,1.2rem + 2vw,2.5rem);--fs-fluid-h2:clamp(1.25rem,1rem + 1.2vw,1.75rem);--fs-fluid-h3:clamp(1.125rem,1rem + .6vw,1.375rem);--fs-fluid-lede:clamp(.9375rem,.85rem + .45vw,1.125rem);--lh-tight:1.15;--lh-snug:1.3;--lh-normal:1.5;--lh-loose:1.65;--tracking-caps:.08em;--space-page-x:clamp(16px,3vw,48px);--space-page-y:clamp(24px,4vw,64px);--sidebar-w:280px;--topbar-h:64px;--maxw-content:1200px;--bp-xs:360px;--bp-sm:480px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--bp-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1200px;--container-2xl:1440px;--control-h-touch:48px;--bg-app:var(--bg);--bg-surface:var(--bg-elevated);--bg-nav:var(--bg-sunken);--bg-brand:var(--primary);--fg-default:var(--fg);--fg-disabled:var(--fg-subtle);--fg-inverse:var(--primary-fg);--fg-link:var(--accent);--fg-brand:var(--primary);--border-subtle:var(--border);--border-default:var(--border-strong);--shadow-focus:var(--shadow-ring);--shadow-focus-error:0 0 0 4px var(--danger-soft);--color-info-50:var(--info-soft);--color-info-500:var(--info);--color-info-600:var(--indigo-600);--color-info-700:var(--indigo-400);--color-success-50:var(--success-soft);--color-success-100:var(--success-100);--color-success-500:var(--success);--color-success-600:var(--success-400);--color-success-700:var(--success-300);--color-warning-50:var(--warning-soft);--color-warning-100:var(--warning-100);--color-warning-500:var(--warning);--color-warning-600:var(--warning-400);--color-warning-700:var(--warning-300);--color-error-50:var(--danger-soft);--color-error-100:var(--error-100);--color-error-500:var(--danger);--color-error-600:var(--error-400);--color-error-700:var(--error-300);--btn-radius:var(--radius-sm);--btn-pad-y:10px;--btn-pad-x:16px;--btn-primary-bg:var(--primary);--btn-primary-bg-hover:var(--primary-hover);--btn-primary-fg:var(--primary-fg);--btn-secondary-bg:var(--bg-sunken);--btn-secondary-fg:var(--fg);--btn-ghost-fg:var(--fg);--input-bg:var(--bg-elevated);--input-fg:var(--fg);--input-border:var(--border-strong);--input-border-focus:var(--primary);--input-radius:var(--radius-sm);--input-placeholder:var(--fg-subtle);--input-pad-y:10px;--input-pad-x:14px;--card-bg:var(--bg-elevated);--card-border:var(--border);--card-radius:var(--radius-lg);--card-shadow:var(--shadow-sm);--overlay-scrim:var(--bg-overlay,rgba(0,0,0,.6));--popover-bg:var(--bg-elevated);--popover-shadow:var(--shadow-lg);--modal-bg:var(--bg-elevated);--modal-border:var(--border);--modal-radius:var(--radius-xl);--modal-shadow:var(--shadow-xl);--modal-scrim:var(--overlay-scrim);--tab-fg:var(--fg-muted);--tab-fg-active:var(--fg);--tab-indicator:var(--primary);--tab-border:var(--border);--badge-radius:999px;--badge-pad-y:4px;--badge-pad-x:10px;--badge-success-bg:var(--primary-soft);--badge-success-fg:var(--primary);--badge-info-bg:var(--info-soft);--badge-info-fg:var(--info);--badge-warn-bg:var(--warning-soft);--badge-warn-fg:var(--warning);--badge-danger-bg:var(--danger-soft);--badge-danger-fg:var(--danger);--badge-neutral-bg:var(--tint-2);--badge-neutral-fg:var(--fg-muted);--badge-solid-bg:var(--primary);--badge-solid-fg:var(--primary-fg);--border-width-1:1px;--border-width-2:2px;--ring-w:4px;--ring-offset:2px;--blur-sm:4px;--blur-md:10px;--blur-lg:12px;--opacity-disabled:.4;--opacity-muted:.6;--icon-xs:16px;--icon-sm:20px;--icon-md:24px;--icon-lg:32px;--icon-xl:48px;--measure:72ch}@supports (color:color(display-p3 1 1 1)){:root{--mint-500:color(display-p3 0 .886 .737);--indigo-500:color(display-p3 .388 .357 1)}}[data-density=compact]{--row-h:32px;--control-h:32px;--pad-x:10px;--pad-y:6px;--btn-pad-y:6px;--btn-pad-x:12px;--input-pad-y:6px;--input-pad-x:11px}[data-density=comfortable]{--row-h:44px;--control-h:40px;--pad-x:14px;--pad-y:10px;--btn-pad-y:12px;--btn-pad-x:18px;--input-pad-y:12px;--input-pad-x:16px}[data-radius=tight]{--radius-sm:2px;--radius-md:4px;--radius-lg:6px}[data-radius=medium]{--radius-sm:6px;--radius-md:8px;--radius-lg:12px}[data-radius=soft]{--radius-sm:8px;--radius-md:12px;--radius-lg:16px}[data-radius=pill]{--radius-sm:12px;--radius-md:16px;--radius-lg:24px}@media(prefers-contrast:more){:root{--border:var(--border-strong);--fg-subtle:var(--fg-muted);--input-placeholder:var(--fg-muted);--input-border:var(--border-strong);--ring-w:5px}}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0;color:var(--fg);text-wrap:balance}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h2,h3{letter-spacing:var(--tracking-snug)}h3{font-size:var(--fs-h3)}h4{font-size:var(--fs-h4);letter-spacing:var(--tracking-snug)}h5{font-size:var(--fs-body-lg)}h5,h6{letter-spacing:0}h6{font-size:var(--fs-body)}p{margin:0;color:var(--fg)}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-hover)}hr{border:none;height:1px;background:var(--border)}mark{background:var(--highlight);color:var(--highlight-fg);padding:.05em .28em;border-radius:var(--radius-xs);box-decoration-break:clone;-webkit-box-decoration-break:clone}.prose{color:var(--fg-muted);font-size:var(--fs-body-lg);line-height:1.7;max-width:var(--measure);text-wrap:pretty}.prose>*+*{margin-top:1em}.prose h2,.prose h3,.prose h4{color:var(--fg);line-height:var(--leading-snug)}.prose h2{font-size:var(--fs-h3);margin-top:1.7em}.prose h3{font-size:var(--fs-h4);margin-top:1.5em}.prose h4{font-size:var(--fs-body-lg);margin-top:1.3em}.prose p{color:var(--fg-muted)}.prose strong{color:var(--fg);font-weight:600}.prose em{font-style:italic}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb,var(--accent) 42%,transparent);transition:text-decoration-color var(--dur-fast) var(--ease-out)}.prose a:hover{text-decoration-color:var(--accent)}.prose ol,.prose ul{padding-inline-start:1.5em}.prose li+li{margin-top:.45em}.prose li::marker{color:var(--primary)}.prose ol>li::marker{color:var(--fg-subtle);font-family:var(--font-mono);font-size:.9em}.prose li>ol,.prose li>ul{margin-top:.45em}.prose blockquote{margin:0;padding:2px 0 2px 18px;border-inline-start:3px solid var(--primary);color:var(--fg)}.prose blockquote p,.prose code{color:var(--fg)}.prose code{font-family:var(--font-mono);font-size:.88em;background:var(--tint-2);padding:1px 6px;border-radius:var(--radius-xs)}.prose hr{margin:1.7em 0}.prose img{border-radius:var(--radius-md);border:1px solid var(--border);max-width:100%}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-full);font-family:var(--font-body);font-size:13px;background:var(--bg-elevated);border:1px solid var(--border-strong);color:var(--fg);cursor:pointer;transition:all var(--dur-fast) var(--ease-out)}.chip.active,.chip:hover{border-color:var(--primary)}.chip.active{background:var(--primary-soft);color:var(--primary)}.chip.choice{border-radius:var(--radius-sm);font-weight:500;color:var(--fg-muted)}.chip.choice:hover{color:var(--fg)}.chip.choice.active{color:var(--primary)}.cm-scrim{position:fixed;inset:0;background:var(--bg-overlay);display:none;align-items:center;justify-content:center;padding:24px;z-index:var(--z-modal)}.cm-scrim.open{display:flex}.cm-box{width:min(560px,94vw);background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden}.cm-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border)}.cm-head h3{font-family:var(--font-display);font-weight:600;font-size:18px}.cm-head .cl{background:none;border:0;color:var(--fg-subtle);cursor:pointer;padding:4px;border-radius:var(--radius-sm);display:inline-flex}.cm-head .cl:hover{color:var(--fg);background:var(--tint-2)}.cm-body{padding:20px;display:flex;flex-direction:column;gap:16px}.cm-foot{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--border)}.ff{display:flex;flex-direction:column;gap:7px}.ff label{font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--fg)}.ff label .opt{font-weight:400;color:var(--fg-subtle)}.ff input,.ff select,.ff textarea{font-family:var(--font-body);font-size:14px;padding:11px 13px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg);color:var(--fg);width:100%;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.ff input::-moz-placeholder,.ff textarea::-moz-placeholder{color:var(--fg-subtle)}.ff input::placeholder,.ff textarea::placeholder{color:var(--fg-subtle)}.ff input:focus,.ff select:focus,.ff textarea:focus{outline:none;border-color:var(--primary);box-shadow:var(--shadow-ring)}.ff input:disabled,.ff select:disabled,.ff textarea:disabled{background:var(--bg-sunken);color:var(--fg-subtle);-webkit-text-fill-color:var(--fg-subtle);border-color:var(--border);cursor:not-allowed}.ff input:-moz-read-only:not(:disabled),.ff textarea:-moz-read-only:not(:disabled){background:var(--bg-sunken);border-color:var(--border)}.ff input:read-only:not(:disabled),.ff textarea:read-only:not(:disabled){background:var(--bg-sunken);border-color:var(--border)}.ff input:-moz-read-only:not(:disabled):focus,.ff textarea:-moz-read-only:not(:disabled):focus{border-color:var(--border-strong);box-shadow:none}.ff input:read-only:not(:disabled):focus,.ff textarea:read-only:not(:disabled):focus{border-color:var(--border-strong);box-shadow:none}.ac-btn{font-family:var(--font-body);font-weight:500;font-size:14px;padding:9px 15px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--fg);cursor:pointer;transition:all var(--dur-fast) var(--ease-out)}.ac-btn:hover{border-color:var(--primary);color:var(--primary)}.ac-btn.primary{background:var(--primary);color:var(--primary-fg);border-color:var(--primary)}.ac-btn.primary:hover{background:var(--primary-hover);color:var(--primary-fg)}.logo{display:inline-flex;align-items:center;gap:.42em;color:var(--fg);font-size:20px;line-height:1;text-decoration:none;white-space:nowrap}.logo__mark{width:1.6em;height:1.6em;flex:none;display:block;overflow:visible}.logo__mark .arch{stroke:currentColor;stroke-width:3.6;stroke-linecap:round;fill:none}.logo__mark .node{fill:var(--primary)}.logo__word{font-family:var(--font-display);font-weight:600;font-size:1.3em;letter-spacing:-.045em;color:currentColor}.logo.mark-only{gap:0}.logo.mark-only .logo__word,.logo.word-only .logo__mark{display:none}.logo.sm{font-size:14px}.logo.md{font-size:20px}.logo.lg{font-size:30px}.logo.xl{font-size:46px}.logo.on-brand{color:var(--primary-fg)}.logo.on-brand .logo__mark .node{fill:var(--primary-fg)}.logo.mono .logo__mark .node{fill:currentColor}.ins-backlink{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:var(--tracking-wide);padding:5px 10px;border-radius:var(--radius-xs);border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--fg-muted);text-decoration:none;white-space:nowrap;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.ins-backlink:hover{color:var(--primary);border-color:var(--primary)}.ins-backlink svg{width:13px;height:13px}.section-head .ins-backlink{margin-top:2px}.dd{width:240px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:6px}.dd__title{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-subtle);padding:8px 10px 5px}.dd__item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:var(--radius-sm);border:0;background:transparent;color:var(--fg);font-size:13px;font-weight:500;cursor:pointer;text-align:left}.dd__item:hover{background:var(--tint-2)}.dd__item svg{width:16px;height:16px;color:var(--fg-subtle);flex:none}.dd__item.danger,.dd__item.danger svg{color:var(--danger)}.dd__kbd{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--fg-subtle)}.dd__sep{height:1px;background:var(--border);margin:4px 0}.dd__check{margin-left:auto;color:var(--primary)}.menu-anchor{position:relative;display:inline-flex}.menu-anchor>.dd{position:absolute;inset-block-start:calc(100% + 6px);inset-inline-end:0;z-index:var(--z-popover);display:none}.menu-anchor>.dd.start{inset-inline-start:0;inset-inline-end:auto}.menu-anchor[data-open=true]>.dd{display:block;animation:ddIn var(--dur-fast) var(--ease-out)}@keyframes ddIn{0%{opacity:0;transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.menu-anchor[data-open=true]>.dd{animation:none}}.icon-trigger{width:38px;height:38px;flex:none;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--fg);cursor:pointer;transition:all var(--dur-fast) var(--ease-out)}.icon-trigger:hover{border-color:var(--primary);color:var(--primary)}.icon-trigger svg{width:18px;height:18px}.icon-trigger.ghost{border-color:transparent;background:transparent}.icon-trigger.ghost:hover{background:var(--tint-2);color:var(--fg)}.icon-trigger[aria-expanded=true],.menu-anchor[data-open=true]>.icon-trigger{border-color:var(--primary);color:var(--primary)}.mono,code,kbd{font-family:var(--font-mono);font-feature-settings:"ss01","cv01"}::-moz-selection{background:var(--primary);color:var(--primary-fg)}::selection{background:var(--primary);color:var(--primary-fg)}:where(a,button,input,select,textarea,summary,[role=button],[role=link],[role=tab],[role=menuitem],[role=switch],[role=checkbox],[role=radio],[tabindex]):focus-visible{outline:2px solid transparent;outline-offset:2px;box-shadow:var(--shadow-ring)}:focus:not(:focus-visible){outline:none}@media(forced-colors:active){:where(a,button,input,select,textarea,summary,[role=button],[tabindex]):focus-visible{outline:2px solid Highlight;outline-offset:2px}}.nl-skip{position:fixed;inset-inline-start:12px;top:-60px;z-index:var(--z-tooltip);background:var(--primary);color:var(--primary-fg);font-family:var(--font-body);font-weight:600;font-size:14px;padding:10px 16px;border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);text-decoration:none;transition:top var(--dur-fast) var(--ease-out)}.nl-skip:focus-visible{top:12px;outline:2px solid var(--primary-fg);outline-offset:2px}.nl-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}@media(forced-colors:active){.ac-btn,.badge,.btn,.card,.chip,.cm-box,.dd,.drawer,.ds-card,.ff input,.ff textarea,.input,.ins-card,.menu,.popover,.select-wrap select,.textarea,.toast{border:1px solid CanvasText}}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full);border:3px solid var(--bg);background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--fg-subtle);background-clip:padding-box}::-webkit-scrollbar-thumb:active{background:var(--fg-muted);background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}.ds-page{min-height:100vh;background:radial-gradient(1200px 600px at 100% -10%,var(--primary-soft),transparent 60%),var(--bg)}.ds-topbar{position:sticky;top:0;z-index:var(--z-sticky);justify-content:space-between;padding:14px 32px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 75%,transparent);backdrop-filter:saturate(140%) blur(var(--blur-lg));-webkit-backdrop-filter:saturate(140%) blur(var(--blur-lg))}.ds-topbar,.ds-topbar .brand{display:flex;align-items:center}.ds-topbar .brand{gap:10px;font-family:var(--font-display);font-weight:600;letter-spacing:var(--tracking-snug);font-size:16px;color:var(--fg)}.ds-topbar .brand svg{display:block}.ds-topbar nav{display:flex;gap:2px;font-size:13px}.ds-topbar nav a{padding:7px 12px;border-radius:var(--radius-sm);color:var(--fg-muted);font-weight:500;transition:all var(--dur-fast) var(--ease-out)}.ds-topbar nav a.active,.ds-topbar nav a:hover{background:var(--tint-2);color:var(--fg)}.ds-topbar .right{display:flex;align-items:center;gap:12px}.ds-topbar .meta{font-family:var(--font-mono);font-size:11px;letter-spacing:var(--tracking-wide);color:var(--fg-subtle);text-transform:uppercase}.theme-toggle{width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);color:var(--fg);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all var(--dur-fast) var(--ease-out);position:relative;overflow:hidden}.theme-toggle:hover{border-color:var(--border-strong);background:var(--tint-2)}.dir-toggle{height:34px;padding:0 11px;gap:6px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);color:var(--fg-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--dur-fast) var(--ease-out)}.dir-toggle:hover{border-color:var(--border-strong);background:var(--tint-2);color:var(--fg)}.dir-toggle[aria-pressed=true]{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.dir-toggle svg{flex:none}.theme-toggle svg{width:16px;height:16px;transition:transform var(--dur-base) var(--ease-out)}.theme-toggle .moon,.theme-toggle .sun{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:transform var(--dur-base) var(--ease-spring),opacity var(--dur-base) var(--ease-out)}.theme-toggle .sun{opacity:0;transform:rotate(-90deg) scale(.4)}.theme-toggle .moon,[data-theme=light] .theme-toggle .sun{opacity:1;transform:rotate(0) scale(1)}[data-theme=light] .theme-toggle .moon{opacity:0;transform:rotate(90deg) scale(.4)}.page-head{max-width:var(--container);margin:0 auto;padding:88px 32px 56px}.page-head .eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--primary);margin-bottom:18px;display:flex;align-items:center;gap:10px}.page-head .eyebrow:before{content:"";width:28px;height:1px;background:var(--primary);display:inline-block}.page-head h1{font-size:clamp(44px,6vw,72px);line-height:.98;letter-spacing:-.035em;margin-bottom:18px}.page-head .lede{font-size:19px;color:var(--fg-muted);max-width:64ch;line-height:1.55}.section{max-width:var(--container);margin:0 auto;padding:56px 32px;border-top:1px solid var(--border);scroll-margin-top:84px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:36px;flex-wrap:wrap}.section-head h2{font-size:32px;letter-spacing:-.025em}.section-head .kicker{font-family:var(--font-mono);font-size:11px;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--fg-subtle)}.section-head .desc{color:var(--fg-muted);max-width:52ch;margin-top:6px}.ds-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.label{font-family:var(--font-mono);font-size:10px;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--fg-subtle)}.dot-grid{background-image:radial-gradient(circle at 1px 1px,var(--tint-2) 1px,transparent 0);background-size:24px 24px}footer.ds-foot{max-width:var(--container);margin:96px auto 40px;padding:28px 32px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;color:var(--fg-subtle);font-family:var(--font-mono);font-size:11px;letter-spacing:var(--tracking-wide);text-transform:uppercase;flex-wrap:wrap;gap:16px}footer.ds-foot .left,footer.ds-foot .right{display:flex;gap:24px;align-items:center}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;position:relative}.brand-mark svg{width:100%;height:100%;display:block}.brand-mark.sm{width:18px;height:18px}.brand-mark.md{width:26px;height:26px}.brand-mark.lg{width:40px;height:40px}.brand-mark.xl{width:64px;height:64px}[data-theme=light] .ds-page{background:radial-gradient(1000px 560px at 100% -8%,rgba(99,91,255,.12),transparent 60%),radial-gradient(760px 520px at -6% 6%,rgba(0,229,188,.1),transparent 62%),radial-gradient(680px 680px at 60% 120%,rgba(99,91,255,.06),transparent 60%),radial-gradient(circle at 1px 1px,rgba(99,91,255,.05) 1px,transparent 0),var(--bg);background-size:auto,auto,auto,22px 22px,auto}[data-theme=light] .and-fab,[data-theme=light] .btn.glow,[data-theme=light] .btn.primary,[data-theme=light] .callout .btn-p,[data-theme=light] .l-eyebrow,[data-theme=light] .wd-btn.primary{background:var(--primary-bright);color:var(--primary-bright-fg);border-color:var(--primary-bright)}[data-theme=light] .btn.primary:hover,[data-theme=light] .callout .btn-p:hover,[data-theme=light] .wd-btn.primary:hover{background:var(--indigo-400);border-color:var(--indigo-400)}[data-theme=light] .l-eyebrow{background:#635bff24;color:var(--indigo-500);border-color:var(--primary-bright)}[data-theme=light] .dot-grid{background-image:radial-gradient(circle at 1px 1px,rgba(99,91,255,.16) 1px,transparent 0)}.app{display:flex;align-items:stretch;min-height:100vh;--rail-w:76px}.app-sidebar{position:sticky;top:0;align-self:flex-start;height:100vh;width:var(--sidebar-w);flex:none;display:flex;flex-direction:column;background:var(--bg-elevated);border-inline-end:1px solid var(--border);z-index:var(--z-drawer);transition:width var(--dur-base) var(--ease-out);-webkit-user-select:none;-moz-user-select:none;user-select:none}.app[data-collapsed] .app-sidebar{width:var(--rail-w)}.nav-head{height:var(--topbar-h);padding:0 14px 0 18px;flex:none;border-bottom:1px solid var(--border)}.nav-brand,.nav-head{display:flex;align-items:center;gap:10px}.nav-brand{font-family:var(--font-display);font-weight:600;letter-spacing:var(--tracking-snug);font-size:16px;color:var(--fg);text-decoration:none;min-width:0;flex:1;overflow:hidden}.nav-brand .brand-mark{flex:none}.nav-brand .nav-brand-txt{white-space:nowrap}.app[data-collapsed] .nav-brand{justify-content:center}.app[data-collapsed] .nav-brand .nav-brand-txt{display:none}.nav-collapse{display:none;width:30px;height:30px;flex:none;align-items:center;justify-content:center;border:1px solid var(--border);background:transparent;border-radius:var(--radius-sm);color:var(--fg-muted);cursor:pointer;transition:all var(--dur-fast) var(--ease-out)}.nav-collapse:hover{background:var(--tint-2);color:var(--fg);border-color:var(--border-strong)}.nav-collapse svg{width:16px;height:16px;transition:transform var(--dur-base) var(--ease-out)}.app[data-collapsed] .nav-collapse svg{transform:rotate(180deg)}.app[data-collapsed] .nav-collapse{display:none}.app-collapse{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex:none;border:1px solid var(--border);background:var(--bg-elevated);border-radius:var(--radius-sm);color:var(--fg-muted);cursor:pointer;transition:all var(--dur-fast) var(--ease-out)}.app-collapse:hover{background:var(--tint-2);color:var(--fg);border-color:var(--border-strong)}.app-collapse svg{width:18px;height:18px;transition:transform var(--dur-base) var(--ease-out)}.app[data-collapsed] .app-collapse svg{opacity:.95}.nav-search{padding:12px 14px 8px;flex:none}.nav-search .nav-search-box{display:flex;align-items:center;gap:8px;height:34px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.nav-search .nav-search-box:focus-within{border-color:var(--primary);box-shadow:var(--shadow-ring)}.nav-search svg{width:15px;height:15px;color:var(--fg-subtle);flex:none}.nav-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-family:var(--font-body);font-size:13px;color:var(--fg)}.nav-search input::-moz-placeholder{color:var(--fg-subtle)}.nav-search input::placeholder{color:var(--fg-subtle)}.nav-search kbd{font-family:var(--font-mono);font-size:10px;color:var(--fg-subtle);border:1px solid var(--border);border-radius:4px;padding:1px 5px;flex:none}.app[data-collapsed] .nav-search{display:none}.nav-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:6px 12px 16px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.nav-scroll::-webkit-scrollbar{width:8px}.nav-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px;border:2px solid var(--bg-elevated)}.nav-group{margin-top:14px}.nav-group:first-child{margin-top:4px}.nav-group-label{font-family:var(--font-mono);font-size:10px;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--fg-subtle);padding:6px 10px}.app[data-collapsed] .nav-group-label{opacity:0;height:10px;padding:0;overflow:hidden}.app[data-collapsed] .nav-group{margin-top:8px;border-top:1px solid var(--border);padding-top:8px}.app[data-collapsed] .nav-group:first-child{border-top:0}.nav-link{position:relative;display:flex;align-items:center;gap:11px;padding:8px 10px;border-radius:var(--radius-sm);color:var(--fg-muted);font-size:13.5px;font-weight:500;text-decoration:none;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);white-space:nowrap}.nav-link:hover{background:var(--tint-2);color:var(--fg)}.nav-link.active{background:var(--primary-soft);color:var(--primary)}.nav-link .nav-ico{width:20px;height:20px;flex:none;display:inline-flex;align-items:center;justify-content:center}.nav-link .nav-ico svg{width:18px;height:18px}.nav-link .nav-label{overflow:hidden;text-overflow:ellipsis}.nav-link .nav-caret{margin-inline-start:auto;flex:none;display:inline-flex;align-items:center;justify-content:center;color:var(--fg-subtle);transform:rotate(-90deg);transition:transform var(--dur-base) var(--ease-out),color var(--dur-fast) var(--ease-out)}.nav-link .nav-caret svg{width:15px;height:15px}.nav-link:hover .nav-caret{color:var(--fg-muted)}.nav-link.active .nav-caret{color:var(--primary)}.nav-link.sub-open .nav-caret{transform:rotate(0)}[dir=rtl] .nav-link .nav-caret{transform:rotate(90deg)}[dir=rtl] .nav-link.sub-open .nav-caret{transform:rotate(0)}.nav-link .nav-count{margin-inline-start:auto;font-family:var(--font-mono);font-size:10px;color:var(--fg-subtle);background:var(--tint-2);padding:1px 6px;border-radius:var(--radius-full)}.app[data-collapsed] .nav-link{justify-content:center;padding:9px 0;gap:0}.app[data-collapsed] .nav-link .nav-caret,.app[data-collapsed] .nav-link .nav-count,.app[data-collapsed] .nav-link .nav-label{display:none}.app[data-collapsed] .nav-link[data-tip]:hover:after{content:attr(data-tip);position:absolute;inset-inline-start:calc(100% + 12px);top:50%;transform:translateY(-50%);background:var(--neutral-100);color:var(--neutral-800);border:1px solid var(--border-strong);box-shadow:var(--shadow-md);padding:5px 10px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;white-space:nowrap;z-index:var(--z-tooltip);pointer-events:none}[data-theme=light] .app[data-collapsed] .nav-link[data-tip]:hover:after{background:var(--neutral-100);color:var(--neutral-900)}.nav-sub{margin:2px 0 2px 25px;margin-inline:25px 0;padding-inline-start:12px;border-inline-start:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;max-height:60vh;opacity:1;transition:max-height var(--dur-slow) var(--ease-out),opacity var(--dur-base) var(--ease-out),margin var(--dur-base) var(--ease-out)}.nav-sub.collapsed{max-height:0;opacity:0;margin-top:0;margin-bottom:0;pointer-events:none}.nav-sublink{padding:5px 10px;border-radius:var(--radius-sm);color:var(--fg-subtle);font-size:12.5px;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.nav-sublink:hover{background:var(--tint-2);color:var(--fg)}.nav-sublink.active{color:var(--primary);background:var(--primary-soft)}.app[data-collapsed] .nav-sub,.nav-group.is-hidden,.nav-link.is-hidden,.nav-scroll.searching .nav-group,.nav-sublink.is-hidden{display:none}.nav-results{display:none;flex-direction:column;gap:1px;padding-top:4px}.nav-results.show{display:flex}.nav-results .nr-empty{padding:16px 10px;color:var(--fg-subtle);font-size:12.5px;line-height:1.5}.nav-result{display:flex;flex-direction:column;gap:1px;padding:7px 10px;border-radius:var(--radius-sm);color:var(--fg);text-decoration:none;border:1px solid transparent}.nav-result.sel,.nav-result:hover{background:var(--tint-2)}.nav-result.sel{border-color:var(--border)}.nav-result .nr-t{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:13px;font-weight:500}.nav-result .nr-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.nav-result .nr-name mark{background:var(--primary-soft);color:var(--primary);padding:0 1px;border-radius:2px}.nav-result .nr-page{flex:none;font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-subtle)}.nav-result .nr-sub{font-size:11.5px;color:var(--fg-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app[data-collapsed] .nav-results{display:none}.nav-foot{flex:none;padding:12px 18px;border-top:1px solid var(--border);display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-subtle)}.nav-foot .dot{width:7px;height:7px;border-radius:50%;background:var(--primary);box-shadow:0 0 8px var(--primary);flex:none}.app[data-collapsed] .nav-foot{justify-content:center}.app[data-collapsed] .nav-foot .nav-foot-txt{display:none}.app-main{flex:1;min-width:0;display:flex;flex-direction:column}.app-topbar{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;gap:14px;height:var(--topbar-h);padding:0 clamp(16px,3vw,32px);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:saturate(140%) blur(var(--blur-lg));-webkit-backdrop-filter:saturate(140%) blur(var(--blur-lg))}.app-burger{display:none;width:38px;height:38px;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--bg-elevated);border-radius:var(--radius-sm);color:var(--fg);cursor:pointer}.app-burger svg{width:18px;height:18px}.app-topbar .crumb{display:flex;align-items:center;gap:9px;min-width:0}.app-topbar .crumb .crumb-eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--fg-subtle)}.app-topbar .crumb .crumb-title{font-family:var(--font-display);font-weight:600;font-size:16px;letter-spacing:var(--tracking-snug);color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-topbar .crumb .crumb-sep{color:var(--fg-subtle)}.app-topbar .spacer{flex:1}.app-topbar .top-actions{display:flex;align-items:center;gap:10px}.app-topbar .top-meta{font-family:var(--font-mono);font-size:11px;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-subtle)}.app-scrim{position:fixed;inset:0;background:var(--bg-overlay);opacity:0;visibility:hidden;transition:opacity var(--dur-base) var(--ease-out),visibility var(--dur-base);z-index:var(--z-scrim)}@media(max-width:1024px){.app-sidebar{position:fixed;top:0;inset-inline-start:0;width:var(--sidebar-w)!important;transform:translate(-100%);transition:transform var(--dur-base) var(--ease-out);box-shadow:var(--shadow-xl)}[dir=rtl] .app-sidebar{transform:translate(100%)}.app[data-mobile-open] .app-sidebar{transform:translate(0)!important}.app[data-mobile-open] .app-scrim{opacity:1!important;visibility:visible!important}.app[data-collapsed] .app-sidebar{width:var(--sidebar-w)!important}.app[data-collapsed] .nav-brand .nav-brand-txt,.app[data-collapsed] .nav-foot .nav-foot-txt,.app[data-collapsed] .nav-group-label,.app[data-collapsed] .nav-link .nav-count,.app[data-collapsed] .nav-link .nav-label,.app[data-collapsed] .nav-search,.app[data-collapsed] .nav-sub{display:revert}.app[data-collapsed] .nav-collapse{position:static;transform:none}.app-collapse,.nav-collapse{display:none}.app-burger{display:inline-flex}}@media(prefers-reduced-transparency:reduce){.app-topbar,.ds-topbar{background:var(--bg);backdrop-filter:none;-webkit-backdrop-filter:none}}@keyframes nl-fade-in{0%{opacity:0}to{opacity:1}}@keyframes nl-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes nl-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes nl-slide-end{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}@keyframes nl-slide-start{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:none}}.motion-fade{animation:nl-fade-in var(--dur-base) var(--ease-out) both}.motion-scale-in{animation:nl-scale-in var(--dur-base) var(--ease-spring) both}.motion-slide-up{animation:nl-slide-up var(--dur-base) var(--ease-out) both}.motion-slide-end{animation:nl-slide-end var(--dur-slow) var(--ease-out) both}[dir=rtl] .motion-slide-end{animation-name:nl-slide-start}canvas,img,svg,video{max-width:100%}*{min-width:0}html{-webkit-text-size-adjust:100%}@media(pointer:coarse){.btn,.chip,.input,.pill,.select,.tab,button,input[type=email],input[type=password],input[type=text],select{min-height:44px}.btn--sm,.btn.sm{min-height:40px}.btn--xs,.btn.xs{min-height:36px}}@media(max-width:900px){.ds-topbar{flex-wrap:wrap;gap:10px 12px;padding:12px 18px}.ds-topbar nav{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}.ds-topbar nav::-webkit-scrollbar{display:none}.ds-topbar nav a{white-space:nowrap;flex:none}.ds-topbar .meta{display:none}}@media(max-width:480px){.ds-topbar{padding:10px 14px}.ds-topbar .brand span:not(.brand-mark){font-size:14px}}@media(max-width:768px){.page-head{padding:56px 22px 32px}.section{padding:36px 22px}.section-head{flex-direction:column;gap:8px}.section-head .kicker{order:-1}}@media(max-width:480px){.page-head{padding:44px 16px 26px}.section{padding:28px 16px}.page-head h1{font-size:clamp(30px,9vw,40px)}.page-head .lede{font-size:16px}}@media(max-width:768px){.hero{padding:60px 22px 40px}.hero .meta-row{gap:22px 28px}}@media(max-width:480px){.hero{padding:44px 16px 30px}.hero:after,.hero:before{display:none}}@media(max-width:900px){.fonts-grid,.grid-sections{grid-template-columns:1fr!important}}@media(max-width:768px){.canvas.grid-2,.canvas.grid-3{grid-template-columns:1fr!important}.radii-grid{grid-template-columns:repeat(3,1fr)!important}.shadows-grid{grid-template-columns:repeat(2,1fr)!important}.icon-grid{grid-template-columns:repeat(6,1fr)!important}.dont-grid,.logo-grid,.variants{grid-template-columns:1fr 1fr!important}.construction{grid-template-columns:1fr!important}.stats-row{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:480px){.icon-grid,.radii-grid{grid-template-columns:repeat(4,1fr)!important}.dont-grid,.logo-grid,.variants{grid-template-columns:1fr!important}}@media(max-width:768px){.table-wrap,.tableWrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.dstable,.table,.wd-table{min-width:560px}}@media(max-width:1040px){.mock-stage{overflow-x:auto;-webkit-overflow-scrolling:touch;justify-content:flex-start}.landing,.macos,.web-dash{min-width:920px}}@media(max-width:768px){.mock-stage{padding:22px 16px}}@media(max-width:560px){.ds-foot{flex-direction:column;gap:8px;text-align:center;padding:20px 16px}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.btn{font-family:var(--font-body);font-weight:500;font-size:14px;line-height:1;padding:var(--btn-pad-y) var(--btn-pad-x);border-radius:var(--btn-radius);border:1px solid transparent;cursor:pointer;transition:all var(--dur-fast) var(--ease-out);display:inline-flex;align-items:center;gap:8px;white-space:nowrap;color:var(--fg);background:transparent}.btn svg{width:16px;height:16px}.btn.primary{background:var(--btn-primary-bg);color:var(--btn-primary-fg)}.btn.primary:hover{background:var(--btn-primary-bg-hover)}.btn.secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-fg);border-color:var(--border)}.btn.secondary:hover{background:var(--tint-2);border-color:var(--border-strong)}.btn.ghost{background:transparent;color:var(--btn-ghost-fg)}.btn.ghost:hover{background:var(--tint-2)}.btn.outline{background:var(--bg-elevated);color:var(--fg);border-color:var(--border-strong)}.btn.outline:hover{border-color:var(--primary);color:var(--primary)}.btn.glow{background:var(--primary);color:var(--primary-fg);box-shadow:var(--shadow-glow)}.btn.danger{background:var(--danger);color:#fff}.btn.danger:hover{background:var(--error-600)}.btn.sm{padding:7px 12px;font-size:13px;border-radius:var(--radius-xs)}.btn.lg{padding:14px 22px;font-size:15px;border-radius:var(--radius-md)}.btn.is-disabled,.btn[disabled]{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.btn.is-active,.btn:not([disabled]):not(.is-disabled):active{transform:translateY(1px);filter:brightness(.92)}.btn.is-loading,.btn.loading{color:transparent!important;pointer-events:none;position:relative}.btn.is-loading>*,.btn.loading>*{opacity:0}.btn.is-loading:after,.btn.loading:after{content:"";position:absolute;left:50%;top:50%;width:15px;height:15px;margin:-7.5px 0 0 -7.5px;border-radius:50%;border:2px solid color-mix(in srgb,var(--fg) 28%,transparent);border-top-color:var(--fg);animation:btn-spin .6s linear infinite}.btn.danger.is-loading:after,.btn.danger.loading:after,.btn.glow.is-loading:after,.btn.glow.loading:after,.btn.primary.is-loading:after,.btn.primary.loading:after{border-color:color-mix(in srgb,var(--primary-fg) 35%,transparent);border-top-color:var(--primary-fg)}.btn.danger.is-loading:after,.btn.danger.loading:after{border-color:#fff hsla(0,0%,100%,.4) hsla(0,0%,100%,.4)}@keyframes btn-spin{to{transform:rotate(1turn)}}.is-hover.btn.primary{background:var(--primary-hover)}.is-hover.btn.secondary{border-color:var(--border-strong)}.is-hover.btn.ghost,.is-hover.btn.secondary{background:var(--tint-2)}.is-hover.btn.outline{border-color:var(--primary);color:var(--primary)}.is-hover.btn.danger{background:var(--error-600)}.is-focus{outline:2px solid transparent;outline-offset:2px;box-shadow:var(--shadow-ring)}.is-focus.field-input,.is-focus.input{border-color:var(--primary)}.smx{display:flex;flex-direction:column;gap:26px}.smx-row{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-elevated)}.smx-row>.smx-head{display:flex;align-items:baseline;gap:10px;padding:13px 18px;border-bottom:1px solid var(--border);background:var(--bg-sunken)}.smx-head .name{font-family:var(--font-display);font-weight:600;font-size:15px}.smx-head .sel{font-family:var(--font-mono);font-size:11.5px;color:var(--fg-subtle)}.smx-grid{display:grid;grid-template-columns:repeat(6,1fr)}@media(max-width:1080px){.smx-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.smx-grid{grid-template-columns:repeat(2,1fr)}}.smx-cell{padding:22px 14px 14px;flex-direction:column;gap:14px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);min-height:96px;justify-content:space-between}.smx-cell,.smx-cell .demo{display:flex;align-items:center}.smx-cell .demo{flex:1;justify-content:center;width:100%}.smx-cell .st{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-subtle);display:flex;align-items:center;gap:5px}.smx-cell .st:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--border-strong)}.smx-cell.on .st{color:var(--primary)}.smx-cell.on .st:before{background:var(--primary)}.smx-cell .tok{font-family:var(--font-mono);font-size:10px;color:var(--fg-subtle);text-align:center;line-height:1.4}.smx-legend{display:flex;flex-wrap:wrap;gap:16px 22px;margin-bottom:22px;padding:14px 18px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-sunken)}.smx-legend .li{display:flex;gap:8px;font-size:12.5px;color:var(--fg-muted);align-items:flex-start}.smx-legend .li b{color:var(--fg);font-family:var(--font-mono);font-size:11.5px;font-weight:500;white-space:nowrap}.btn-icon{width:36px;height:36px;padding:0;justify-content:center}.btn:focus-visible{outline:none;box-shadow:var(--shadow-ring)}.btn-group{display:inline-flex}.btn-group .btn{border-radius:0;border:1px solid var(--border);background:var(--bg-elevated);color:var(--fg)}.btn-group .btn:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.btn-group .btn:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.btn-group .btn+.btn{border-left:none}.btn-group .btn.active{background:var(--primary-soft);color:var(--primary);border-color:var(--primary);position:relative;z-index:1;font-weight:600}.field{display:flex;flex-direction:column;gap:6px;min-width:220px}.field .ftitle{font-size:13px;font-weight:500;color:var(--fg)}.field .hint{font-size:12px;color:var(--fg-subtle)}.field .hint.error{color:var(--danger)}.input,.textarea{font-family:var(--font-body);font-size:14px;padding:var(--input-pad-y) var(--input-pad-x);border:1px solid var(--input-border);border-radius:var(--input-radius);background:var(--input-bg);color:var(--input-fg);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);width:100%}.input::-moz-placeholder,.textarea::-moz-placeholder{color:var(--input-placeholder)}.input::placeholder,.textarea::placeholder{color:var(--input-placeholder)}.input:focus,.textarea:focus{outline:none;border-color:var(--input-border-focus);box-shadow:var(--shadow-ring)}.input.error{border-color:var(--danger)}.input.error:focus{box-shadow:0 0 0 4px var(--danger-soft)}.field-input:disabled,.input.is-disabled,.input:disabled,.select-wrap select:disabled,.textarea.is-disabled,.textarea:disabled{background:var(--bg-sunken);color:var(--fg-subtle);-webkit-text-fill-color:var(--fg-subtle);border-color:var(--border);cursor:not-allowed;box-shadow:none}.input:disabled::-moz-placeholder,.textarea:disabled::-moz-placeholder{color:var(--fg-subtle)}.input:disabled::placeholder,.textarea:disabled::placeholder{color:var(--fg-subtle)}.select-wrap:has(select:disabled):after{opacity:var(--opacity-disabled)}.input:-moz-read-only:not(:disabled),.textarea:-moz-read-only:not(:disabled){background:var(--bg-sunken);border-color:var(--border);cursor:default}.input.is-readonly,.input:read-only:not(:disabled),.textarea:read-only:not(:disabled){background:var(--bg-sunken);border-color:var(--border);cursor:default}.input:-moz-read-only:not(:disabled):focus,.textarea:-moz-read-only:not(:disabled):focus{border-color:var(--border-strong);box-shadow:none}.input:read-only:not(:disabled):focus,.textarea:read-only:not(:disabled):focus{border-color:var(--border-strong);box-shadow:none}.textarea{min-height:88px;resize:vertical;font-family:var(--font-body)}.input-group{display:flex;align-items:stretch;border:1px solid var(--input-border);border-radius:var(--input-radius);background:var(--input-bg);overflow:hidden}.input-group:focus-within{border-color:var(--input-border-focus);box-shadow:var(--shadow-ring)}.input-group .input{border:none}.input-group .input:focus{box-shadow:none}.input-group .prefix,.input-group .suffix{padding:0 12px;color:var(--fg-muted);display:flex;align-items:center;font-family:var(--font-mono);font-size:13px;background:var(--bg-sunken)}.otp{display:flex;gap:8px}.otp input{width:44px;height:52px;text-align:center;font-family:var(--font-mono);font-size:22px;font-weight:600;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--fg)}.otp input:focus{outline:none;border-color:var(--primary);box-shadow:var(--shadow-ring)}.check,.radio,.switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer}.check input,.radio input,.switch input{display:none}.check .box{width:18px;height:18px;border:1px solid var(--border-strong);border-radius:var(--radius-xs);background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;transition:all var(--dur-fast) var(--ease-out)}.check input:checked+.box{background:var(--primary);border-color:var(--primary)}.check input:checked+.box:after{content:"";width:5px;height:9px;border:solid var(--primary-fg);border-width:0 var(--border-width-2) var(--border-width-2) 0;transform:rotate(45deg) translate(-1px,-1px)}.radio .dot{width:18px;height:18px;border:1px solid var(--border-strong);border-radius:50%;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center}.radio input:checked+.dot{border-color:var(--primary)}.radio input:checked+.dot:after{content:"";width:8px;height:8px;background:var(--primary);border-radius:50%}.switch .track{width:36px;height:20px;border-radius:999px;background:var(--border-strong);position:relative;transition:background var(--dur-base) var(--ease-out)}.switch .track:after{content:"";position:absolute;width:16px;height:16px;background:#fff;border-radius:50%;top:2px;left:2px;transition:transform var(--dur-base) var(--ease-out);box-shadow:var(--shadow-xs)}.switch input:checked+.track{background:var(--primary)}.switch input:checked+.track:after{transform:translate(16px)}.check .lbl,.radio .lbl,.switch .lbl{font-size:14px}.check.is-hover .box,.check:hover .box,.radio.is-hover .dot,.radio:hover .dot{border-color:var(--primary)}.check input:focus-visible+.box,.check.is-focus .box,.radio input:focus-visible+.dot,.radio.is-focus .dot,.switch input:focus-visible+.track,.switch.is-focus .track{box-shadow:var(--shadow-ring)}.switch.is-hover .track,.switch:hover .track{border-color:var(--primary)}.check.is-disabled,.radio.is-disabled,.switch.is-disabled{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.switch .track{border:1px solid transparent}.slider-row{display:flex;align-items:center;gap:16px;min-width:280px}.slider-row input[type=range]{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:var(--border-strong);border-radius:999px;outline:none}.slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:var(--primary);border-radius:50%;cursor:pointer;border:2px solid var(--bg-elevated);box-shadow:var(--shadow-sm)}.slider-row .val{font-family:var(--font-mono);font-size:13px;color:var(--fg);min-width:36px;text-align:right}.select-wrap{position:relative;min-width:200px}.select-wrap select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;font-family:var(--font-body);font-size:14px;padding:10px 36px 10px 14px;border:1px solid var(--input-border);border-radius:var(--input-radius);background:var(--input-bg);color:var(--input-fg);cursor:pointer}.select-wrap select:focus{outline:none;border-color:var(--input-border-focus);box-shadow:var(--shadow-ring)}.select-wrap:after{content:"";position:absolute;right:14px;top:50%;transform:translateY(-60%) rotate(45deg);width:6px;height:6px;border-right:2px solid var(--fg-muted);border-bottom:2px solid var(--fg-muted);pointer-events:none}.badge{display:inline-flex;align-items:center;gap:6px;padding:var(--badge-pad-y) var(--badge-pad-x);border-radius:var(--badge-radius);font-size:12px;font-weight:500;line-height:1}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge.success{background:var(--badge-success-bg);color:var(--badge-success-fg)}.badge.info{background:var(--badge-info-bg);color:var(--badge-info-fg)}.badge.warn{background:var(--badge-warn-bg);color:var(--badge-warn-fg)}.badge.danger{background:var(--badge-danger-bg);color:var(--badge-danger-fg)}.badge.neutral{background:var(--badge-neutral-bg);color:var(--badge-neutral-fg)}.badge.solid{background:var(--badge-solid-bg);color:var(--badge-solid-fg)}.tag-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;background:var(--bg-sunken);border:1px solid var(--border);border-radius:999px;font-size:12px;color:var(--fg)}.tag-pill .label-mini{padding:2px 7px;border-radius:999px;font-family:var(--font-mono);font-size:10px;letter-spacing:.06em}.avatar,.tag-pill .label-mini{background:var(--primary);color:var(--primary-fg);font-weight:600}.avatar{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:14px;position:relative}.avatar.sm{width:28px;height:28px;font-size:11px}.avatar.lg{width:56px;height:56px;font-size:18px}.avatar.xl{width:80px;height:80px;font-size:26px}.avatar.amber{background:var(--accent);color:var(--void-900)}.avatar.info{background:var(--info);color:var(--void-900)}.avatar.danger{background:var(--danger);color:#fff}.avatar.muted{background:var(--bg-sunken);color:var(--fg);border:1px solid var(--border)}.avatar .presence{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--primary);border:2px solid var(--bg-elevated);bottom:0;right:0}.avatar.has-img{background:var(--bg-sunken)}.avatar.has-img:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,transparent 0,transparent 4px,var(--tint-2) 4px,var(--tint-2) 8px);border-radius:inherit}.avatar-stack{display:flex}.avatar-stack .avatar{margin-left:-8px;border:2px solid var(--bg-elevated)}.avatar-stack .avatar:first-child{margin-left:0}.navbar-mock{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 18px;display:flex;align-items:center;justify-content:space-between;width:100%}.navbar-mock .left{display:flex;align-items:center;gap:24px}.navbar-mock .brand-mini{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:600;color:var(--fg)}.navbar-mock nav{display:flex;gap:2px;font-size:13px}.navbar-mock nav a{padding:6px 10px;border-radius:var(--radius-sm);color:var(--fg-muted)}.navbar-mock nav a.active{background:var(--tint-2);color:var(--fg)}.navbar-mock .right{display:flex;align-items:center;gap:10px}.sidebar-mock{width:220px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px;display:flex;flex-direction:column;gap:2px}.sidebar-mock .group{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-subtle);padding:12px 8px 6px}.sidebar-mock .item{display:flex;align-items:center;gap:10px;padding:7px 10px;font-size:13px;color:var(--fg-muted);border-radius:var(--radius-sm);cursor:pointer}.sidebar-mock .item:hover{background:var(--tint-2);color:var(--fg)}.sidebar-mock .item.active{background:var(--primary-soft);color:var(--primary);font-weight:500}.sidebar-mock .item svg{width:16px;height:16px}.sidebar-mock .item .count{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--fg-subtle)}.breadcrumbs{display:flex;align-items:center;gap:8px;font-size:13px}.breadcrumbs,.breadcrumbs a{color:var(--fg-muted)}.breadcrumbs .sep{color:var(--fg-subtle)}.breadcrumbs .cur{color:var(--fg);font-weight:500}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--tab-border);width:100%}.tab{padding:10px 14px;font-size:13px;color:var(--tab-fg);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;font-weight:500}.tab.active{color:var(--tab-fg-active);border-color:var(--tab-indicator)}.pagination{display:flex;gap:4px;align-items:center}.pagination .p-btn{min-width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);color:var(--fg);cursor:pointer;font-size:13px;font-family:var(--font-mono);padding:0 8px}.pagination .p-btn.active{background:var(--primary);color:var(--primary-fg);border-color:var(--primary)}.pagination .p-btn:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.pagination .p-dots{padding:0 4px;color:var(--fg-subtle)}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media(max-width:880px){.card-grid{grid-template-columns:1fr}}.feat-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:24px;display:flex;flex-direction:column;gap:12px;transition:border-color var(--dur-base) var(--ease-out)}.feat-card:hover{border-color:var(--border-strong)}.feat-card .icon{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center}.feat-card h4{font-size:17px;font-weight:600}.feat-card p{font-size:14px;color:var(--fg-muted);line-height:1.55}.stat-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:18px 20px}.stat-card .lbl{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-subtle)}.stat-card .val{font-family:var(--font-display);font-size:36px;font-weight:600;letter-spacing:-.025em;line-height:1;margin-top:6px}.stat-card .delta{font-family:var(--font-mono);font-size:11px;color:var(--primary);margin-top:6px}.stat-card .delta.down{color:var(--danger)}.image-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);overflow:hidden;display:flex;flex-direction:column}.image-card .img{aspect-ratio:16/9;background:linear-gradient(135deg,var(--primary-soft),var(--accent-soft)),var(--bg-sunken);position:relative}.image-card .img:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,var(--tint-2) 1px,transparent 0);background-size:14px 14px}.image-card .body{padding:20px;display:flex;flex-direction:column;gap:8px}.image-card .body h4{font-size:18px;font-weight:600}.image-card .body p{font-size:13px;color:var(--fg-muted);line-height:1.5}.image-card .body .meta{display:flex;align-items:center;gap:10px;margin-top:6px;padding-top:14px;border-top:1px solid var(--border);font-size:12px;color:var(--fg-subtle)}.profile-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:24px;display:flex;align-items:center;gap:16px}.profile-card .info h4{font-size:16px;font-weight:600}.profile-card .info p{font-size:13px;color:var(--fg-muted)}.profile-card .actions{margin-inline-start:auto}.testimonial-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:28px;position:relative}.testimonial-card .quote-mark{position:absolute;top:16px;right:24px;font-family:var(--font-display);font-size:64px;color:var(--primary-soft);line-height:1}.testimonial-card p{font-family:var(--font-display);font-size:18px;font-weight:500;line-height:1.45;letter-spacing:-.01em}.testimonial-card .author{display:flex;align-items:center;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.testimonial-card .author .name{font-weight:600;font-size:14px}.testimonial-card .author .role{color:var(--fg-muted);font-size:12px}.pricing-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;display:flex;flex-direction:column;gap:16px}.pricing-card.featured{border-color:var(--primary);box-shadow:var(--shadow-glow)}.pricing-card .plan-name{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted);display:flex;align-items:center;gap:10px}.pricing-card .plan-name .recommended{background:var(--primary);color:var(--primary-fg);padding:3px 8px;border-radius:999px;font-size:10px}.pricing-card .price{font-family:var(--font-display);font-weight:600;letter-spacing:-.03em;line-height:1}.pricing-card .price .amount{font-size:56px}.pricing-card .price .period{font-size:16px;color:var(--fg-muted);margin-left:6px;font-weight:400}.pricing-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.pricing-card li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--fg-muted)}.pricing-card li svg{width:16px;height:16px;color:var(--primary);flex-shrink:0}.table-wrap{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}table.dstable{width:100%;border-collapse:collapse;font-size:14px}table.dstable th{text-align:left;padding:12px 16px;font-family:var(--font-mono);font-size:10px;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-subtle);background:var(--bg-sunken);font-weight:500}table.dstable td,table.dstable th{border-bottom:1px solid var(--border)}table.dstable td{padding:14px 16px;color:var(--fg)}table.dstable tr:last-child td{border-bottom:none}table.dstable tr:hover td{background:var(--tint-1)}table.dstable .mono{font-family:var(--font-mono);color:var(--fg-subtle);font-size:12px}.alert{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:var(--radius-md);border:1px solid;background:var(--bg-elevated)}.alert .icon-circ{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.alert .body{flex:1}.alert .body strong{display:block;font-weight:600;font-size:14px}.alert .body p{color:var(--fg-muted);font-size:13px;margin-top:2px}.alert.info{border-color:#635bff52;background:#635bff0f}.alert.info .icon-circ{background:var(--info);color:var(--void-900)}.alert.success{border-color:#00e5bc52;background:var(--primary-soft)}.alert.success .icon-circ{background:var(--primary);color:var(--primary-fg)}.alert.warn{border-color:#f59e0b52;background:var(--warning-soft)}.alert.warn .icon-circ{background:var(--warning);color:var(--void-900)}.alert.error{border-color:#ef444452;background:var(--danger-soft)}.alert.error .icon-circ{background:var(--danger);color:#fff}.modal-stage{background:var(--bg-sunken);background-image:radial-gradient(circle at 1px 1px,var(--tint-2) 1px,transparent 0);background-size:16px 16px;border-radius:var(--radius-lg);padding:56px 32px;display:flex;justify-content:center}.modal-mock{background:var(--modal-bg);border:1px solid var(--modal-border);border-radius:var(--modal-radius);box-shadow:var(--modal-shadow);padding:28px;max-width:460px;width:100%}.modal-mock h4{font-family:var(--font-display);font-size:22px;font-weight:600;letter-spacing:-.02em}.modal-mock p{margin-top:8px;color:var(--fg-muted);font-size:14px;line-height:1.55}.modal-mock .actions{margin-top:24px;display:flex;gap:8px;justify-content:flex-end}.popover{background:var(--popover-bg);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--popover-shadow);padding:8px;width:240px;display:flex;flex-direction:column;gap:2px}.popover .opt{padding:8px 10px;border-radius:var(--radius-sm);font-size:13px;cursor:pointer;display:flex;align-items:center;gap:10px;color:var(--fg)}.popover .opt:hover{background:var(--tint-2)}.popover .opt svg{width:16px;height:16px;color:var(--fg-muted)}.popover .opt .kb{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--fg-subtle)}.popover .opt.danger,.popover .opt.danger svg{color:var(--danger)}.popover hr{margin:4px 0}.product-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;position:relative;transition:all var(--dur-base) var(--ease-out)}.product-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.product-card .product-img{aspect-ratio:1;background:var(--bg-sunken);position:relative;overflow:hidden}.product-card .product-img:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,var(--primary-soft) 0,transparent 50%),radial-gradient(circle at 70% 70%,var(--accent-soft) 0,transparent 50%)}.product-card .product-img .placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--fg-subtle);font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;z-index:1}.product-card .badges{left:12px;gap:6px;flex-direction:column;align-items:flex-start}.product-card .badges,.product-card .wish{position:absolute;top:12px;z-index:2;display:flex}.product-card .wish{right:12px;width:32px;height:32px;border-radius:50%;background:var(--bg-elevated);color:var(--fg-muted);border:1px solid var(--border);align-items:center;justify-content:center;cursor:pointer}.product-card .wish.active,.product-card .wish:hover{color:var(--danger)}.product-card .info{padding:16px 18px;display:flex;flex-direction:column;gap:8px}.product-card .info .cat{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-subtle)}.product-card .info h4{font-size:15px;font-weight:600}.product-card .info .price-row{display:flex;align-items:baseline;gap:8px;margin-top:4px}.product-card .info .price{font-family:var(--font-display);font-weight:600;font-size:22px;letter-spacing:-.02em}.product-card .info .price-old{color:var(--fg-subtle);text-decoration:line-through;font-size:14px}.product-card .info .rating{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--fg-muted)}.product-card .info .rating svg{color:var(--accent);fill:var(--accent);width:14px;height:14px}.product-card .actions{padding:0 18px 18px;display:flex;gap:8px}.cart-line{display:grid;grid-template-columns:64px 1fr auto auto auto;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--border)}.cart-line:last-child{border-bottom:none}.cart-line .thumb{width:64px;height:64px;border-radius:var(--radius-sm);background:radial-gradient(circle at 30% 30%,var(--primary-soft),transparent 60%),var(--bg-sunken);border:1px solid var(--border)}.cart-line .name{font-size:14px;font-weight:500}.cart-line .sku{font-family:var(--font-mono);font-size:11px;color:var(--fg-subtle);margin-top:2px}.qty-stepper{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-elevated)}.qty-stepper button{width:32px;height:32px;background:transparent;border:none;color:var(--fg);cursor:pointer;font-family:var(--font-mono);font-size:14px}.qty-stepper button:hover{background:var(--tint-2)}.qty-stepper input{width:40px;text-align:center;border:none;background:transparent;color:var(--fg);font-family:var(--font-mono);font-size:14px;border-left:1px solid var(--border);border-right:1px solid var(--border);height:32px}.qty-stepper input:focus{outline:none}.cart-summary{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;gap:12px}.cart-summary h4{font-size:16px;font-weight:600;padding-bottom:12px;border-bottom:1px solid var(--border)}.cart-summary .row{display:flex;justify-content:space-between;font-size:14px;color:var(--fg-muted)}.cart-summary .row.total{font-family:var(--font-display);font-size:22px;color:var(--fg);font-weight:600;padding-top:12px;border-top:1px solid var(--border);margin-top:4px;letter-spacing:-.02em}.stepper{gap:0;padding:8px 0}.stepper,.stepper .step-node{display:flex;align-items:center}.stepper .step-node{flex-direction:column;gap:6px;min-width:80px}.stepper .step-circle{width:32px;height:32px;border-radius:50%;background:var(--bg-elevated);border:1.5px solid var(--border);color:var(--fg-muted);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:600;font-size:12px}.stepper .step-circle.done{background:var(--primary);color:var(--primary-fg);border-color:var(--primary)}.stepper .step-circle.active{background:var(--bg-elevated);color:var(--primary);border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.stepper .step-label{font-size:12px;color:var(--fg-muted);text-align:center}.stepper .step-label.cur{color:var(--fg);font-weight:500}.stepper .step-line{flex:1;height:1.5px;background:var(--border);margin-top:-22px}.stepper .step-line.done{background:var(--primary)}.rating-row{display:flex;align-items:center;gap:8px}.rating-stars{display:inline-flex;gap:2px;color:var(--accent)}.rating-stars svg{width:16px;height:16px;fill:var(--accent)}.rating-stars .empty svg{fill:var(--bg-sunken);stroke:var(--border-strong);stroke-width:1}.promo{background:linear-gradient(135deg,var(--primary),var(--accent));color:var(--void-900);padding:16px 20px;border-radius:var(--radius-md);display:flex;align-items:center;gap:16px;font-family:var(--font-mono);font-size:13px;letter-spacing:.04em}.promo .code,.promo strong{font-weight:600}.promo .code{background:#0c0f0e2e;padding:4px 10px;border-radius:4px}.promo .x{margin-left:auto;cursor:pointer;opacity:.8}.progress-bar{height:6px;background:var(--bg-sunken);border-radius:999px;overflow:hidden;width:100%}.progress-bar>div{height:100%;background:var(--primary);border-radius:inherit}.spinner{width:24px;height:24px;border:2px solid var(--bg-sunken);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.skeleton{background:linear-gradient(90deg,var(--bg-sunken) 0,var(--tint-2) 50%,var(--bg-sunken) 100%);background-size:200% 100%;animation:shimmer 1.6s infinite;border-radius:var(--radius-xs)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty{background:var(--bg-elevated);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);padding:48px 32px;flex-direction:column;text-align:center;gap:16px}.empty,.empty .illus{display:flex;align-items:center}.empty .illus{width:64px;height:64px;border-radius:50%;background:var(--bg-sunken);justify-content:center;color:var(--fg-muted)}.empty h4{font-family:var(--font-display);font-size:18px;font-weight:600}.empty p{color:var(--fg-muted);font-size:14px;max-width:38ch}.kbd{display:inline-block;padding:2px 7px;font-family:var(--font-mono);font-size:12px;background:var(--bg-elevated);border:solid var(--border-strong);border-width:1px 1px 2px;border-radius:var(--radius-xs);color:var(--fg)}.tooltip-demo{display:inline-flex;align-items:center;padding:8px 12px;background:var(--void-700);color:var(--void-50);border-radius:var(--radius-sm);font-size:12px;position:relative}[data-theme=light] .tooltip-demo{background:var(--void-900);color:#fff}.tooltip-demo:after{content:"";position:absolute;top:100%;left:20px;border:6px solid transparent;border-top:6px solid var(--void-700)}[data-theme=light] .tooltip-demo:after{border-top-color:var(--void-900)}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);bottom:calc(100% + 8px);background:var(--neutral-100);color:var(--neutral-800);border:1px solid var(--border-strong);box-shadow:var(--shadow-md);padding:6px 10px;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:12px;font-weight:500;line-height:1.35;white-space:nowrap;max-width:260px;text-align:center}[data-tooltip]:after,[data-tooltip]:before{position:absolute;z-index:var(--z-tooltip);left:50%;transform:translate(-50%) translateY(4px);opacity:0;pointer-events:none;transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}[data-tooltip]:before{content:"";bottom:calc(100% + 3px);border:5px solid transparent;border-top:5px solid var(--neutral-100)}[data-tooltip]:focus-visible:after,[data-tooltip]:focus-visible:before,[data-tooltip]:hover:after,[data-tooltip]:hover:before{opacity:1;transform:translate(-50%) translateY(0)}[data-tip-pos=bottom]:after{bottom:auto;top:calc(100% + 8px)}[data-tip-pos=bottom]:before{bottom:auto;top:calc(100% + 3px);border-top-color:transparent;border-bottom-color:var(--neutral-100)}[data-tip-pos=end]:after,[data-tip-pos=start]:after{inset:50% auto auto;transform:translateY(-50%);white-space:nowrap}[data-tip-pos=start]:after{inset-inline-end:calc(100% + 8px)}[data-tip-pos=end]:after{inset-inline-start:calc(100% + 8px)}[data-tip-pos=end]:before,[data-tip-pos=start]:before{display:none}[data-tip-pos=end]:focus-visible:after,[data-tip-pos=end]:hover:after,[data-tip-pos=start]:focus-visible:after,[data-tip-pos=start]:hover:after{transform:translateY(-50%)}pre.code-block{width:100%;background:var(--void-900);color:var(--neon-200);font-family:var(--font-mono);font-size:13px;padding:16px 20px;border-radius:var(--radius-md);margin:0;overflow-x:auto;border:1px solid var(--border)}pre.code-block .com{color:var(--fg-subtle)}pre.code-block .key{color:var(--cyan-400)}.accordion{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;overflow:hidden}.accordion details{border-bottom:1px solid var(--border)}.accordion details:last-child{border-bottom:none}.accordion summary{list-style:none;padding:16px 20px;cursor:pointer;font-weight:500;font-size:14px;color:var(--fg);display:flex;align-items:center;justify-content:space-between}.accordion summary::-webkit-details-marker{display:none}.accordion summary:after{content:"+";font-family:var(--font-mono);font-size:18px;color:var(--fg-muted);transition:transform var(--dur-base) var(--ease-out)}.accordion details[open] summary:after{content:"−"}.accordion .acc-content{padding:0 20px 16px;color:var(--fg-muted);font-size:14px;line-height:1.55}.toast-wrap{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:10px;z-index:var(--z-toast);pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:11px;min-width:280px;max-width:380px;padding:13px 14px;border-radius:var(--radius-md);background:var(--bg-raised);border:1px solid var(--border-strong);box-shadow:var(--shadow-lg);transform:translate(120%);opacity:0;transition:transform var(--dur-base) var(--ease-out),opacity var(--dur-base) var(--ease-out)}.toast.show{transform:translate(0);opacity:1}.toast .ic{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;margin-top:1px}.toast .ic svg{width:13px;height:13px}.toast.success .ic{background:var(--success-soft);color:var(--success)}.toast.error .ic{background:var(--danger-soft);color:var(--danger)}.toast.warning .ic{background:var(--warning-soft);color:var(--warning)}.toast.info .ic{background:var(--info-soft);color:var(--info)}.toast .body{flex:1;min-width:0}.toast .t{font-weight:600;font-size:13.5px;color:var(--fg)}.toast .m{font-size:12.5px;color:var(--fg-muted);margin-top:2px;line-height:1.45}.toast .cl{flex:none;background:none;border:0;color:var(--fg-subtle);cursor:pointer;padding:2px}.toast .cl:hover{color:var(--fg)}.toast .bar{position:absolute;left:0;bottom:0;height:2px;background:var(--primary);border-radius:0 0 0 var(--radius-md);animation:toastbar 4s linear forwards}@keyframes toastbar{0%{width:100%}to{width:0}}.vform{max-width:420px;display:flex;flex-direction:column;gap:18px}.vfield label{display:block;font-size:13px;font-weight:500;margin-bottom:6px}.vfield .wrap{position:relative}.vfield input{width:100%;font-family:var(--font-body);font-size:14px;padding:10px 38px 10px 13px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg);color:var(--fg);transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.vfield input:focus{outline:none;border-color:var(--primary);box-shadow:var(--shadow-ring)}.vfield .vic{position:absolute;right:11px;top:50%;transform:translateY(-50%);opacity:0;transition:opacity var(--dur-fast)}.vfield .vic,.vfield .vic svg{width:18px;height:18px}.vfield .msg{font-size:12px;margin-top:5px;min-height:1em;transition:color var(--dur-fast)}.vfield.valid input{border-color:var(--success)}.vfield.valid .vic.ok{opacity:1;color:var(--success)}.vfield.valid .msg{color:var(--success)}.vfield.invalid input{border-color:var(--danger)}.vfield.invalid input:focus{box-shadow:0 0 0 4px var(--danger-soft)}.vfield.invalid .vic.no{opacity:1;color:var(--danger)}.vfield.invalid .msg{color:var(--danger)}.dt-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-elevated)}.dt-tools{gap:10px;padding:12px 14px;border-bottom:1px solid var(--border);flex-wrap:wrap}.dt-search,.dt-tools{display:flex;align-items:center}.dt-search{flex:1;min-width:160px;gap:8px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:7px 11px;background:var(--bg)}.dt-search:focus-within{border-color:var(--primary);box-shadow:var(--shadow-ring)}.dt-search input{flex:1;border:0;outline:0;background:none;color:var(--fg);font-family:var(--font-body);font-size:13px}.dt-search svg{width:15px;height:15px;color:var(--fg-subtle)}.dt-tools .count{font-family:var(--font-mono);font-size:12px;color:var(--fg-subtle)}table.dt{width:100%;border-collapse:collapse;font-size:13.5px}table.dt th{text-align:left;padding:11px 14px;font-size:11px;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-subtle);font-family:var(--font-mono);font-weight:500;border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}table.dt th:hover{color:var(--fg)}table.dt th .sort{display:inline-block;margin-left:5px;opacity:.4}table.dt th.asc .sort,table.dt th.desc .sort{opacity:1;color:var(--primary)}table.dt th.asc .sort:after{content:"↑"}table.dt th.desc .sort:after{content:"↓"}table.dt th .sort:after{content:"↕"}table.dt td{padding:11px 14px;border-bottom:1px solid var(--border);color:var(--fg)}table.dt tbody tr:last-child td{border-bottom:0}table.dt tbody tr:hover{background:var(--tint-2)}table.dt .mono{font-family:var(--font-mono);font-size:12px;color:var(--fg-muted)}.dt-foot{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-top:1px solid var(--border)}.dt-page{display:flex;gap:4px}.dt-page button{width:30px;height:30px;border:1px solid var(--border-strong);background:var(--bg);border-radius:var(--radius-sm);color:var(--fg-muted);font-family:var(--font-mono);font-size:12px;cursor:pointer}.dt-page button.on{background:var(--primary-soft);color:var(--primary);border-color:var(--primary)}.dt-page button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.st-badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:500;padding:3px 9px;border-radius:var(--radius-full)}.st-badge.a{background:var(--success-soft);color:var(--success)}.st-badge.p{background:var(--warning-soft);color:var(--warning)}.st-badge.i{background:var(--tint-2);color:var(--fg-subtle)}.dp{width:300px;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-raised);box-shadow:var(--shadow-lg);padding:16px}.dp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.dp-head .mo{font-family:var(--font-display);font-weight:600;font-size:15px}.dp-head button{width:30px;height:30px;border:1px solid var(--border);background:var(--bg);border-radius:var(--radius-sm);color:var(--fg-muted);cursor:pointer;display:grid;place-items:center}.dp-head button:hover{border-color:var(--primary);color:var(--primary)}.dp-head button svg{width:15px;height:15px}.dp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.dp-grid .dow{font-family:var(--font-mono);font-size:10px;color:var(--fg-subtle);text-align:center;padding:4px 0;text-transform:uppercase}.dp-day{aspect-ratio:1;display:grid;place-items:center;border-radius:var(--radius-sm);font-size:13px;color:var(--fg);cursor:pointer;border:1px solid transparent}.dp-day:hover{background:var(--tint-2)}.dp-day.muted{color:var(--fg-subtle);opacity:.45}.dp-day.today{border-color:var(--border-strong)}.dp-day.sel{background:var(--primary);color:var(--primary-fg);font-weight:600}.fu{max-width:460px}.fu-drop{border:2px dashed var(--border-strong);border-radius:var(--radius-lg);padding:32px 24px;text-align:center;background:var(--bg-sunken);transition:all var(--dur-fast) var(--ease-out);cursor:pointer}.fu-drop.over{border-color:var(--primary);background:var(--primary-soft)}.fu-drop .ic{width:44px;height:44px;border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border);display:grid;place-items:center;margin:0 auto 12px;color:var(--primary)}.fu-drop .ic svg{width:22px;height:22px}.fu-drop .t{font-weight:600;font-size:14px}.fu-drop .t b{color:var(--primary)}.fu-drop .h{font-size:12px;color:var(--fg-subtle);margin-top:4px}.fu-list{display:flex;flex-direction:column;gap:8px;margin-top:14px}.fu-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated)}.fu-item .fi{flex:none;width:32px;height:32px;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent);display:grid;place-items:center}.fu-item .fi svg{width:16px;height:16px}.fu-item .meta{flex:1;min-width:0}.fu-item .nm{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fu-item .pr{height:4px;background:var(--tint-2);margin-top:5px;overflow:hidden}.fu-item .pr,.fu-item .pr i{border-radius:var(--radius-full)}.fu-item .pr i{display:block;height:100%;background:var(--primary);transition:width var(--dur-base)}.fu-item .sz{font-family:var(--font-mono);font-size:11px;color:var(--fg-subtle)}.stp{display:flex;align-items:flex-start;max-width:560px}.stp .step{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative}.stp .step:not(:last-child):after{content:"";position:absolute;top:17px;left:50%;width:100%;height:2px;background:var(--border);z-index:0}.stp .step.done:not(:last-child):after{background:var(--primary)}.stp .circle{width:34px;height:34px;border-radius:50%;border:2px solid var(--border-strong);background:var(--bg-elevated);display:grid;place-items:center;font-family:var(--font-mono);font-size:13px;color:var(--fg-muted);position:relative;z-index:1}.stp .step.done .circle{background:var(--primary);border-color:var(--primary);color:var(--primary-fg)}.stp .step.active .circle{border-color:var(--primary);color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.stp .step.done .circle svg{width:16px;height:16px}.stp .lab{font-size:12.5px;color:var(--fg-muted);text-align:center}.stp .step.active .lab,.stp .step.done .lab{color:var(--fg);font-weight:500}.cmd-scrim{position:fixed;inset:0;background:var(--bg-overlay);display:none;align-items:flex-start;justify-content:center;padding-top:14vh;z-index:var(--z-modal)}.cmd-scrim.open{display:flex}.cmd{width:min(560px,92vw);background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden}.cmd-in{display:flex;align-items:center;gap:11px;padding:15px 17px;border-bottom:1px solid var(--border)}.cmd-in svg{width:18px;height:18px;color:var(--fg-subtle)}.cmd-in input{flex:1;border:0;outline:0;background:none;color:var(--fg);font-family:var(--font-body);font-size:16px}.cmd-in kbd{font-family:var(--font-mono);font-size:10px;color:var(--fg-subtle);border:1px solid var(--border);border-radius:5px;padding:2px 6px}.cmd-list{max-height:320px;overflow-y:auto;padding:8px}.cmd-sec{font-family:var(--font-mono);font-size:10px;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-subtle);padding:8px 10px 4px}.cmd-item{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:var(--radius-sm);cursor:pointer}.cmd-item svg{width:17px;height:17px;color:var(--fg-muted);flex:none}.cmd-item .l{flex:1;font-size:14px;color:var(--fg)}.cmd-item .k{font-family:var(--font-mono);font-size:11px;color:var(--fg-subtle)}.cmd-item.sel,.cmd-item:hover{background:var(--primary-soft)}.cmd-item.sel .l,.cmd-item.sel svg,.cmd-item:hover .l,.cmd-item:hover svg{color:var(--primary)}.mi{width:100%;border-collapse:collapse;font-size:13.5px}.mi th{text-align:left;padding:10px 12px;font-size:11px;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--fg-subtle);font-family:var(--font-mono);font-weight:500;border-bottom:1px solid var(--border-strong)}.mi td{padding:11px 12px;border-bottom:1px solid var(--border);color:var(--fg-muted);vertical-align:top}.mi tr:last-child td{border-bottom:0}.mi .c{color:var(--fg);font-weight:600}.mi code{font-family:var(--font-mono);font-size:12px;color:var(--primary)}.mi-demo{display:inline-block;padding:7px 14px;border-radius:var(--radius-sm);background:var(--primary);color:var(--primary-fg);font-size:13px;font-weight:500;cursor:pointer}.mi-demo.fast{transition:transform .12s cubic-bezier(.16,1,.3,1)}.mi-demo.fast:active{transform:scale(.95)}.pick-wrap{display:flex;flex-direction:column;gap:16px}.pick-group .pl{font-family:var(--font-mono);font-size:11px;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-subtle);margin-bottom:9px}.chips{display:flex;flex-wrap:wrap;gap:8px}.menubar{display:inline-flex;align-items:center;gap:2px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:4px}.mb-slot{position:relative}.mb-item{font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--fg);background:transparent;border:0;padding:6px 11px;border-radius:var(--radius-sm);cursor:pointer}.mb-item:hover{background:var(--tint-2)}.mb-slot.open>.mb-item{background:var(--primary-soft);color:var(--primary)}.mb-slot>.menu{position:absolute;top:calc(100% + 5px);inset-inline-start:0;display:none}.mb-slot.open>.menu{display:block}.menu{min-width:220px;background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:6px;z-index:var(--z-popover)}.menu-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-subtle);padding:8px 10px 5px}.menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:var(--radius-sm);color:var(--fg);font-family:var(--font-body);font-size:13px;font-weight:500;cursor:pointer;text-align:start;position:relative}.menu-item.hl,.menu-item:hover{background:var(--tint-2)}.menu-item>svg{width:16px;height:16px;color:var(--fg-subtle);flex:none}.menu-item .mi-kbd{font-family:var(--font-mono);font-size:11px}.menu-item .mi-caret,.menu-item .mi-kbd{margin-inline-start:auto;color:var(--fg-subtle)}.menu-item .mi-caret{display:inline-flex}.menu-item .mi-caret svg{width:15px;height:15px}[dir=rtl] .menu-item .mi-caret{transform:scaleX(-1)}.menu-item .mi-check{margin-inline-start:auto;color:var(--primary);display:none}.menu-item.checked .mi-check{display:inline-flex}.menu-item.checked .mi-check svg{width:15px;height:15px}.menu-item.danger,.menu-item.danger>svg{color:var(--danger)}.menu-item.is-disabled{opacity:var(--opacity-disabled);pointer-events:none}.menu-sep{height:1px;background:var(--border);margin:5px 0}.menu-item.has-sub>.menu{position:absolute;top:-7px;inset-inline-start:100%;margin-inline-start:4px;display:none}.menu-item.has-sub.open>.menu,.menu-item.has-sub:hover>.menu{display:block}.num{display:inline-flex;align-items:stretch;height:38px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-elevated);overflow:hidden}.num:focus-within{border-color:var(--primary);box-shadow:var(--shadow-ring)}.num input{width:64px;min-width:0;border:0;background:transparent;color:var(--fg);font-family:var(--font-mono);font-size:14px;text-align:center;outline:none;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.num input::-webkit-inner-spin-button,.num input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.num .num-suffix{display:flex;align-items:center;padding-inline-end:10px;color:var(--fg-subtle);font-family:var(--font-mono);font-size:12px}.num .num-spin{display:flex;flex-direction:column;border-inline-start:1px solid var(--border);flex:none}.num .num-spin button{flex:1;width:30px;border:0;background:var(--bg-sunken);color:var(--fg-muted);cursor:pointer;display:grid;place-items:center;padding:0}.num .num-spin button:hover{background:var(--tint-2);color:var(--primary)}.num .num-spin button:active{background:var(--primary-soft)}.num .num-spin button+button{border-top:1px solid var(--border)}.num .num-spin svg{width:11px;height:11px}.num.sides .num-spin{display:none}.num.sides input{width:52px}.num .num-side{width:38px;flex:none;border:0;background:var(--bg-sunken);color:var(--fg);font-family:var(--font-mono);font-size:17px;line-height:1;cursor:pointer;display:grid;place-items:center}.num.sides .num-side{display:grid}.num:not(.sides) .num-side{display:none}.num .num-side:hover{background:var(--tint-2);color:var(--primary)}.num .num-side:active{background:var(--primary-soft)}.num .num-side.dec{border-inline-end:1px solid var(--border)}.num .num-side.inc{border-inline-start:1px solid var(--border)}.num.is-disabled,.num:has(input:disabled){opacity:.5;pointer-events:none}.drawer-scrim{position:fixed;inset:0;background:var(--bg-overlay);opacity:0;visibility:hidden;transition:opacity var(--dur-base) var(--ease-out),visibility var(--dur-base);z-index:var(--z-scrim)}.drawer-scrim.open{opacity:1;visibility:visible}.drawer{position:fixed;top:0;inset-inline-end:0;height:100%;width:min(420px,92vw);background:var(--bg-raised);border-inline-start:1px solid var(--border-strong);box-shadow:var(--shadow-xl);z-index:var(--z-drawer);display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--dur-slow) var(--ease-out)}[dir=rtl] .drawer{transform:translate(-100%)}.drawer.open{transform:translate(0)!important}.drawer.start{inset-inline-end:auto;inset-inline-start:0;border-inline-start:0;border-inline-end:1px solid var(--border-strong);transform:translate(-100%)}[dir=rtl] .drawer.start{transform:translate(100%)}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--border);flex:none}.drawer-head h3{font-family:var(--font-display);font-weight:600;font-size:18px}.drawer-head .cl{background:none;border:0;color:var(--fg-subtle);cursor:pointer;padding:4px;border-radius:var(--radius-sm);display:inline-flex}.drawer-head .cl:hover{color:var(--fg);background:var(--tint-2)}.drawer-body{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.drawer-foot{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--border);flex:none}@media(prefers-reduced-motion:reduce){.drawer{transition:none}}.dp-day.in-range{background:var(--primary-soft);border-radius:0;color:var(--fg)}.dp-day.range-end,.dp-day.range-start{background:var(--primary);color:var(--primary-fg);font-weight:600}.dp-day.range-start{border-start-start-radius:var(--radius-sm);border-end-start-radius:var(--radius-sm)}.dp-day.range-end{border-start-end-radius:var(--radius-sm);border-end-end-radius:var(--radius-sm)}.dp-range-out{display:flex;align-items:center;gap:8px;margin-top:12px;font-family:var(--font-mono);font-size:12px;color:var(--fg-muted)}.dp-range-out b{color:var(--fg)}.tp{position:relative;display:inline-block}.tp-field{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--fg);font-family:var(--font-mono);font-size:14px;cursor:pointer;min-width:132px}.tp-field:focus-visible,.tp.open .tp-field{border-color:var(--primary);box-shadow:var(--shadow-ring);outline:none}.tp-field svg{width:16px;height:16px;color:var(--fg-subtle);flex:none}.tp-field .tp-val{flex:1;text-align:start}.tp-list{position:absolute;top:calc(100% + 5px);inset-inline-start:0;width:132px;max-height:220px;overflow-y:auto;background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:6px;z-index:var(--z-popover);display:none}.tp.open .tp-list{display:block}.tp-opt{padding:7px 11px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:13px;color:var(--fg);cursor:pointer}.tp-opt.hl,.tp-opt:hover{background:var(--tint-2)}.tp-opt.sel{background:var(--primary-soft);color:var(--primary);font-weight:600}.cmb{position:relative;display:inline-block;width:280px;max-width:100%}.cmb-control{display:flex;align-items:center;gap:6px;height:40px;padding-inline:12px 6px;background:var(--input-bg);border:var(--border-width-1) solid var(--input-border);border-radius:var(--input-radius);transition:border-color var(--dur-fast) var(--ease-out)}.cmb-control:focus-within,.cmb.open .cmb-control{border-color:var(--input-border-focus);box-shadow:var(--shadow-ring)}.cmb-lead{width:16px;height:16px;flex:none;color:var(--input-placeholder)}.cmb-input{flex:1;min-width:0;border:0;background:transparent;outline:none;color:var(--input-fg);font-family:var(--font-body);font-size:var(--fs-body)}.cmb-input::-moz-placeholder{color:var(--input-placeholder)}.cmb-input::placeholder{color:var(--input-placeholder)}.cmb-clear,.cmb-toggle{flex:none;display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;background:transparent;color:var(--fg-subtle);cursor:pointer;border-radius:var(--radius-sm)}.cmb-clear:hover,.cmb-toggle:hover{color:var(--fg);background:var(--tint-2)}.cmb-clear svg{width:14px;height:14px}.cmb-toggle svg{width:16px;height:16px;transition:transform var(--dur-fast) var(--ease-out)}.cmb.open .cmb-toggle svg{transform:rotate(180deg)}.cmb-list{position:absolute;inset-inline:0;top:calc(100% + 6px);z-index:var(--z-popover);max-height:240px;overflow-y:auto;padding:6px;background:var(--popover-bg);border:var(--border-width-1) solid var(--border);border-radius:var(--radius-md);box-shadow:var(--popover-shadow);display:none}.cmb.open .cmb-list{display:block}.cmb-opt{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-sm);font-size:var(--fs-body);color:var(--fg);cursor:pointer}.cmb-opt .cmb-lbl{flex:1;min-width:0}.cmb-opt .check{width:15px;height:15px;flex:none;color:var(--primary);opacity:0}.cmb-opt[aria-selected=true] .check{opacity:1}.cmb-opt.active{background:var(--primary-soft);color:var(--primary)}.cmb-mark{color:var(--primary);font-weight:600}.cmb-empty{padding:14px 10px;text-align:center;font-size:var(--fs-body-sm);color:var(--fg-subtle)}@media(forced-colors:active){.btn-group .btn.active,.chip.active,.cmb-opt.active,.dp-day.range-end,.dp-day.range-start,.pagination .p-btn.active,.tp-opt.sel{background:Highlight;color:HighlightText;border-color:Highlight}.dp-day.in-range{background:Highlight;color:HighlightText}.cmb-opt[aria-selected=true] .check{color:CanvasText;opacity:1}.cmb-opt.active .check{color:HighlightText}.tab.active{color:CanvasText;border-color:Highlight;font-weight:700}.check input:checked+.box{background:Highlight;border-color:Highlight}.check input:checked+.box:after{border-color:HighlightText}.radio input:checked+.dot{border-color:Highlight}.radio input:checked+.dot:after{background:Highlight}.switch .track{border-color:CanvasText}.switch input:checked+.track{background:Highlight}.switch .track:after{background:CanvasText}.switch input:checked+.track:after{background:HighlightText}.progress-bar{border:1px solid CanvasText}.progress-bar>div{background:Highlight}.spinner{border-color:CanvasText Canvas Canvas}.btn:disabled,.btn[disabled],.check.is-disabled,.input:disabled,.pagination .p-btn:disabled,.radio.is-disabled,.select-wrap select:disabled,.switch.is-disabled,.textarea:disabled{color:GrayText;border-color:GrayText}[id^=s-charts] svg{forced-color-adjust:none}}.ds-icon{width:var(--icon-sm);height:var(--icon-sm);flex:none}.provider-mark{inline-size:var(--icon-sm);block-size:var(--icon-sm);flex:none}.nl-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-top:var(--space-5)}.nav-brand{transition:color var(--dur-fast) var(--ease-out)}.app-topbar .app-burger,.app-topbar .app-collapse,.app-topbar .theme-toggle,.app-topbar .um-trigger{inline-size:var(--space-10);block-size:var(--space-10)}@media(pointer:coarse){.app-topbar .app-burger,.app-topbar .app-collapse,.app-topbar .theme-toggle,.app-topbar .um-trigger{inline-size:var(--control-h-touch);block-size:var(--control-h-touch);min-block-size:var(--control-h-touch)}}.app[data-collapsed] .app-collapse svg,[dir=rtl] .app-collapse svg{transform:rotate(180deg)}[dir=rtl] .app[data-collapsed] .app-collapse svg{transform:rotate(0)}body,html{overscroll-behavior:none}.auth{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;inline-size:100%;max-inline-size:100%;min-inline-size:0;min-block-size:clamp(calc(var(--space-32)*4),64vh,calc(var(--space-32)*5));border:var(--border-width-1) solid var(--border);border-radius:var(--radius-xl);background:var(--bg-elevated)}.auth-brand,.auth-form{min-inline-size:0;padding:clamp(var(--space-6),5vw,var(--space-12))}.auth-brand{padding-block-start:clamp(var(--space-5),3vw,var(--space-8));--auth-brand-bg:var(--neutral-0);--auth-brand-fg:var(--neutral-800);--auth-brand-muted:var(--neutral-600);--auth-brand-subtle:var(--neutral-500);--auth-brand-accent:var(--mint-700);--auth-brand-node:var(--mint-500);--auth-brand-glow:color-mix(in srgb,var(--mint-500) 30%,transparent);--auth-brand-glow-2:color-mix(in srgb,var(--indigo-500) 16%,transparent);--auth-brand-dot:color-mix(in srgb,var(--neutral-900) 7%,transparent);display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-8);background:radial-gradient(100% 80% at 50% 0,var(--auth-brand-glow),transparent 62%),radial-gradient(75% 65% at 0 100%,var(--auth-brand-glow-2),transparent 58%),radial-gradient(var(--auth-brand-dot) var(--border-width-1),transparent var(--border-width-1)) 0 0 /var(--space-6) var(--space-6),var(--auth-brand-bg);color:var(--auth-brand-fg)}.auth-brand .logo{align-self:flex-start;color:var(--auth-brand-fg)}.auth-brand .logo .node{fill:var(--auth-brand-node)}.auth-brand-copy{display:grid;gap:var(--space-6);max-inline-size:var(--measure);min-inline-size:0}.auth-brand-copy h2{margin:0;color:var(--auth-brand-fg);font-family:var(--font-display);font-size:var(--fs-h2);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight)}.auth-points{display:grid;gap:var(--space-3)}.auth-point{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-body-sm);color:var(--auth-brand-muted)}.auth-platform,.auth-point svg{color:var(--auth-brand-accent)}.auth-platform{margin:0;font-family:var(--font-mono);font-size:var(--fs-caption);letter-spacing:var(--tracking-wide)}.auth-form{display:flex;flex-direction:column;justify-content:center;gap:var(--space-6)}.auth-form .section-head{margin-bottom:0}.auth-form .desc{overflow-wrap:anywhere}.auth-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.auth-actions .btn{inline-size:100%;justify-content:center}.auth-actions .btn.outline:hover{background:var(--bg-elevated);border-color:var(--border-strong);color:var(--fg)}@media(max-width:768px){.auth{grid-template-columns:minmax(0,1fr)}.auth-actions{grid-template-columns:1fr}}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:var(--space-10)}@media(max-width:900px){.hero{grid-template-columns:minmax(0,1fr)}}.demo-win{overflow:hidden;border:var(--border-width-1) solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);box-shadow:var(--shadow-lg)}.demo-head{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-block-end:var(--border-width-1) solid var(--border);background:var(--bg-sunken)}.demo-dots{display:inline-flex;gap:var(--space-1)}.demo-dots i{inline-size:var(--space-2);block-size:var(--space-2);border-radius:var(--radius-full);background:var(--border-strong)}.demo-title{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-subtle)}.demo-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-block-size:calc(var(--space-32) + var(--space-16))}.demo-src{margin:0;padding:var(--space-4);border-inline-end:var(--border-width-1) solid var(--border);font-family:var(--font-mono);font-size:var(--fs-body-sm);line-height:var(--lh-loose);color:var(--fg-muted);white-space:pre-wrap;overflow-wrap:anywhere}.demo-caret{display:inline-block;inline-size:var(--border-width-2);block-size:1em;vertical-align:text-bottom;background:var(--primary)}.demo-render{padding:var(--space-4);font-size:var(--fs-body-sm)}.hero-accent{display:block;color:var(--primary)}.hero-demo{display:grid;gap:var(--space-3)}.demo-foot{display:flex;align-items:center;gap:var(--space-3);margin:0;font-size:var(--fs-body-sm);color:var(--fg-muted)}@media(max-width:768px){.demo-body{grid-template-columns:minmax(0,1fr)}.demo-src{border-inline-end:0;border-block-end:var(--border-width-1) solid var(--border)}}.account-providers{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-block-start:var(--space-4)}.account-providers .label{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-subtle)}.um-trigger{border:var(--border-width-1) solid transparent;background:var(--gradient-brand);color:var(--primary-fg);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.um-trigger:hover,.um-trigger[aria-expanded=true]{border-color:var(--primary);box-shadow:var(--shadow-ring)}.um-guest .um-trigger{background:var(--bg-sunken);color:var(--fg);border-color:var(--border-strong)}.um-guest .um-head .avatar{background:var(--bg-sunken);color:var(--fg);border:var(--border-width-1) solid var(--border)}.menu-anchor>.um{position:absolute;inset-block-start:calc(100% + var(--space-2));inset-inline-end:0;z-index:var(--z-popover);display:none}.menu-anchor[data-open=true]>.um{display:block}.um{width:calc(var(--space-32)*2 + var(--space-6));padding:var(--space-2);background:var(--bg-elevated);border:var(--border-width-1) solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.um-head{display:flex;align-items:center;gap:var(--space-3);margin:calc(var(--space-2)*-1) calc(var(--space-2)*-1) var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-sm) var(--radius-sm);background:var(--gradient-brand-soft)}.um-head .avatar{background:var(--gradient-brand);color:var(--primary-fg)}.um-meta{min-width:0;flex:1}.um-email,.um-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.um-name{color:var(--fg);font-weight:var(--fw-semibold)}.um-email{color:var(--fg-subtle);font-size:var(--fs-caption)}.um-plan{display:inline-flex;align-items:center;margin-block-start:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);background:var(--primary-soft);color:var(--primary);font-weight:var(--fw-semibold)}.um-plan,.um-title{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:var(--tracking-wide);text-transform:uppercase}.um-title{padding:var(--space-2) var(--space-2) var(--space-1);color:var(--fg-subtle)}.um-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:calc(var(--space-2) + var(--border-width-1)) calc(var(--space-2) + var(--space-1)/2);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--fg);font:inherit;text-align:start;text-decoration:none;cursor:pointer}.um-item:hover{background:var(--tint-2)}.um-item svg{width:var(--icon-xs);height:var(--icon-xs);color:var(--fg-subtle)}.um-item.danger{color:var(--danger)}.um-item.danger:hover{background:var(--danger-soft)}.um-item.danger svg{color:var(--danger)}.um-check{margin-inline-start:auto;color:var(--primary)}.um-sep{height:var(--border-width-1);margin:var(--space-1) 0;background:var(--border)}