@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/space-grotesk.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/inter.woff2) format("woff2")}@font-face{font-family:Space Grotesk Fallback;src:local("Arial");size-adjust:112.15%;ascent-override:87.74%;descent-override:26.04%;line-gap-override:0%}@font-face{font-family:Inter Fallback;src:local("Arial");size-adjust:104.68%;ascent-override:92.54%;descent-override:23.04%;line-gap-override:0%}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--accent:#F0748A;--danger:#FF5C5C;--success:#3DDC97;--accent-text:var(--accent);--danger-text:#FF8A8A;--success-text:var(--success);--accent-vivid:#7FE0B3;--accent-tertiary:#D9A0DE;--font-display:"Space Grotesk","Space Grotesk Fallback",sans-serif;--font-body:"Inter","Inter Fallback",sans-serif;--font-mono:"SF Mono","Menlo","Consolas",monospace;color-scheme:dark;--brand-primary:#2D1E4A;--bg:var(--brand-primary);--bg-alt:#3D2A63;--surface:#2D1E4A;--surface-subtle:rgba(255,255,255,0.02);--text:#F8F4FA;--text-secondary:#B6A6CC;--border:rgba(255,255,255,0.08);--on-accent:#2D1E4A;--nav-bg:rgba(45,30,74,0.85);--toggle-bg:#3D2A63;--outline-border:rgba(255,255,255,0.2);--featured-bg:rgba(240,116,138,0.08);--code-bg:#241A3D;--code-border:rgba(255,255,255,0.08);--code-text:#D9CFE8;--nav-fixed-bg:var(--brand-primary);--nav-fixed-border:rgba(255,255,255,0.08);--nav-fixed-text:#F8F4FA;--nav-fixed-text-secondary:#B6A6CC;--nav-fixed-accent:#F0748A;--nav-fixed-mint:#7FE0B3;--nav-fixed-toggle-bg:#3D2A63;--nav-height:69px;--radius-xs:3px;--radius-sm:4px;--radius-badge:5px;--radius-md:6px;--radius-lg:8px;--radius-pill:999px;--duration-quick:0.1s;--duration-fast:0.15s;--duration-base:0.2s;--z-nav:100;--content-width:1080px;--text-badge:0.6rem;--text-caption:0.68rem;--text-label:0.75rem;--text-meta:0.8rem;--text-ui:0.82rem;--text-body-sm:0.85rem;--text-body:0.9rem;--text-body-lg:0.95rem;--text-base:1rem;--text-lead:1.05rem;--text-title-sm:1.2rem;--text-title-md:1.3rem;--text-title:1.6rem;--text-display:clamp(2rem,4.5vw,3rem);--text-code:0.88em;--leading-none:1;--leading-tight:1.1;--leading-snug:1.3;--leading-body:1.5;--leading-normal:1.55;--leading-relaxed:1.65;--tracking-tight:-0.03em;--tracking-snug:-0.02em;--tracking-slight:-0.01em;--tracking-micro:0.02em;--tracking-wide:0.05em;--tracking-wider:0.1em;--tracking-widest:0.18em;--weight-medium:500;--weight-semibold:600;--weight-bold:700}:root[data-theme=light]{color-scheme:light;--accent:#C93E62;--accent-text:#B83354;--danger-text:#D60000;--success-text:#16784E;--accent-vivid:#0F7A57;--accent-tertiary:#8A4FC7;--bg:#FFF8F5;--bg-alt:#FFEDE7;--surface:#FFFFFF;--surface-subtle:rgba(201,66,94,0.04);--text:#241A3D;--text-secondary:#6E5F87;--border:rgba(45,30,74,0.14);--on-accent:#FFF8F5;--nav-bg:rgba(255,248,245,0.85);--toggle-bg:#FFFFFF;--outline-border:rgba(45,30,74,0.24);--featured-bg:rgba(210,69,106,0.08);--code-bg:#FAE9EE;--code-border:rgba(45,30,74,0.13);--code-text:#4A3A63}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;transition:background-color var(--duration-base) ease,color var(--duration-base) ease}main{display:block;padding-top:64px;padding-bottom:6rem}.page-frame{position:relative}.section-inner{max-width:var(--content-width);margin:0 auto;padding:0 1.5rem}@media (max-width:640px){.section-inner{padding:0 1rem}}.eyebrow{font-size:var(--text-meta);font-weight:var(--weight-semibold);color:var(--text-secondary);margin-bottom:1rem}.eyebrow,.title{font-family:var(--font-display)}.title{font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.btn-primary{background:var(--accent);color:var(--on-accent);font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--text-base);padding:.85rem 1.75rem;border:none;border-radius:var(--radius-sm);text-decoration:none;cursor:pointer;transition:opacity var(--duration-fast)}.btn-primary:hover{opacity:.85}.btn-outline{border:1px solid var(--outline-border);background:none;color:var(--text);font-family:var(--font-display);font-size:var(--text-body);padding:.6rem 1.1rem;border-radius:var(--radius-sm);text-decoration:none;cursor:pointer;transition:opacity var(--duration-fast),border-color var(--duration-fast)}.btn-outline:hover{border-color:var(--text)}nav{position:fixed;top:0;left:0;right:0;z-index:var(--z-nav);display:flex;justify-content:space-between;align-items:center;height:var(--nav-height);padding:0 1.5rem;background:var(--nav-fixed-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--nav-fixed-border)}.nav-logo{font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--text-title-sm);letter-spacing:var(--tracking-slight);color:var(--nav-fixed-text);text-decoration:none;white-space:nowrap}.nav-logo span{color:var(--nav-fixed-accent)}.nav-logo .nav-logo-yes{color:var(--nav-fixed-mint)}.nav-right{display:flex;align-items:center;gap:1.25rem}.nav-link{font-family:var(--font-display);font-weight:var(--weight-medium);font-size:var(--text-body-sm);color:var(--nav-fixed-text-secondary);text-decoration:none;white-space:nowrap;transition:color var(--duration-fast)}.nav-link:hover{color:var(--nav-fixed-text)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;background:var(--nav-fixed-toggle-bg);border:1px solid var(--nav-fixed-border);border-radius:var(--radius-sm);color:var(--nav-fixed-text-secondary);cursor:pointer;transition:color var(--duration-fast),border-color var(--duration-fast)}.theme-toggle:hover{color:var(--nav-fixed-text);border-color:var(--nav-fixed-text-secondary)}.theme-toggle svg{width:17px;height:17px;display:block}footer{background:var(--bg);border-top:1px solid var(--border);padding:2rem 1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}footer a,footer p{font-size:var(--text-ui);color:var(--text-secondary)}footer a{text-decoration:none}footer a:hover{color:var(--text)}.footer-links{display:flex;gap:1.25rem;flex-wrap:wrap;align-items:center}.explainer{background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem}.explainer h2{font-family:var(--font-display);font-size:var(--text-title-md);letter-spacing:var(--tracking-snug);margin-bottom:.75rem}.explainer p{color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:.9rem}.explainer p:last-child{margin-bottom:0}.explainer .aside{border-left:2px solid var(--accent);padding-left:.9rem;font-size:var(--text-body-sm);line-height:var(--leading-normal)}.explainer .aside strong{color:var(--text);font-weight:var(--weight-semibold)}.explainer code{font-family:var(--font-mono);font-size:var(--text-code);background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius-xs);padding:.1em .4em;color:var(--code-text)}.ref-links{display:flex;flex-wrap:wrap;gap:.6rem}.ref-link{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-display);font-size:var(--text-ui);font-weight:var(--weight-medium);color:var(--text);background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.45rem .8rem;text-decoration:none;transition:border-color var(--duration-fast),opacity var(--duration-fast)}.ref-link:hover{border-color:var(--text-secondary);opacity:.9}.browser-notice{display:flex;align-items:flex-start;gap:.6rem;font-size:var(--text-body-sm);line-height:var(--leading-body);color:var(--text-secondary);background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-lg);padding:.85rem 1rem}.browser-notice svg{flex-shrink:0;margin-top:.15rem;color:var(--accent)}.browser-notice strong{color:var(--text)}.support{display:flex;flex-direction:column;align-items:flex-start;gap:.9rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}p.support-tier{margin-bottom:0}.support-tier{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-display);font-size:var(--text-meta);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-micro);padding:.35rem .8rem;border-radius:var(--radius-pill);border:1px solid transparent}.support-tier.is-broad{color:var(--success-text);background:color-mix(in srgb,var(--success) 16%,transparent);border-color:color-mix(in srgb,var(--success) 32%,transparent)}.support-tier.is-limited{color:var(--text-secondary);background:var(--surface-subtle);border-color:var(--border)}.support-engines{display:flex;flex-wrap:wrap;gap:.5rem}.support-engine{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-mono);font-size:var(--text-label);padding:.3rem .6rem;border-radius:var(--radius-badge);background:var(--bg-alt);border:1px solid var(--border);color:var(--text-secondary)}.support-engine.is-supported{color:var(--text)}.support-engine.is-supported svg{color:var(--success-text)}.support-engine.is-unsupported{opacity:.55}.support-version{color:var(--text-secondary);font-size:var(--text-code)}.support-note{font-size:var(--text-meta);color:var(--text-secondary);line-height:var(--leading-body);max-width:46ch}.code-block{position:relative;border:1px solid var(--code-border);border-radius:var(--radius-md);overflow:hidden}.code-block pre{margin:0;padding:1.1rem 1.25rem;overflow-x:auto;background:var(--code-bg)!important;font-family:var(--font-mono);font-size:var(--text-ui);line-height:var(--leading-relaxed)}.code-block .shiki,.code-block .shiki span{color:var(--shiki-light)}:root[data-theme=dark] .code-block .shiki,:root[data-theme=dark] .code-block .shiki span{color:var(--shiki-dark)}@media (max-width:640px){nav{padding:0 1rem}.nav-right{gap:.75rem}footer{flex-direction:column;align-items:flex-start;padding:1.5rem 1.25rem}main{padding-bottom:7.5rem}}::view-transition-group(*){animation-duration:.4s;animation-timing-function:cubic-bezier(.2,0,0,1)}::view-transition-new(root),::view-transition-old(root){animation-duration:.25s}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}