:root{--black:#000000;--white:#ffffff;--blue:#15b9eb;--green:#00c896;--red:#ff4d4d;--yellow:#f2e863;--orange:#ff8c42;--violet:#8c6cff;--gray-050:#f8f8f7;--gray-100:#f0f0ee;--gray-200:#deded9;--gray-300:#c1c0b8;--gray-400:#989898;--gray-500:#7c7c7c;--gray-600:#656565;--gray-700:#464646;--gray-800:#3d3d3d;--gray-900:#282828;--gray-950:#1a1a1a;--white-90:rgba(255,255,255,.9);--white-80:rgba(255,255,255,.8);--white-70:rgba(255,255,255,.7);--white-60:rgba(255,255,255,.6);--white-50:rgba(255,255,255,.5);--white-40:rgba(255,255,255,.4);--white-30:rgba(255,255,255,.3);--white-20:rgba(255,255,255,.2);--white-10:rgba(255,255,255,.1);--white-04:rgba(255,255,255,.04);--white-00:rgba(255,255,255,0);--black-90:rgba(0,0,0,.9);--black-80:rgba(0,0,0,.8);--black-70:rgba(0,0,0,.7);--black-60:rgba(0,0,0,.6);--black-50:rgba(0,0,0,.5);--black-40:rgba(0,0,0,.4);--black-30:rgba(0,0,0,.3);--black-20:rgba(0,0,0,.2);--black-10:rgba(0,0,0,.1);--black-04:rgba(0,0,0,.04);--black-00:rgba(0,0,0,0);--color-font:#020202;--color-background:#f2f2f2;--color-background-alt:#111111;--color-primary-focus:#e0e0e0;--color-filter-background:rgb(42,42,42);--color-nav:#ffffff;--gray-0:var(--white);--gray-1000:var(--black);--gray-025:#fcfcfb;--gray-150:#e7e7e3;--green-50:color-mix(in oklab,var(--green) 10%,var(--white));--green-100:color-mix(in oklab,var(--green) 18%,var(--white));--green-200:color-mix(in oklab,var(--green) 34%,var(--white));--green-300:color-mix(in oklab,var(--green) 55%,var(--white));--green-400:color-mix(in oklab,var(--green) 78%,var(--white));--green-500:var(--green);--green-600:color-mix(in oklab,var(--green) 88%,var(--black));--green-700:color-mix(in oklab,var(--green) 72%,var(--black));--green-800:color-mix(in oklab,var(--green) 55%,var(--black));--green-900:color-mix(in oklab,var(--green) 38%,var(--black));--blue-100:color-mix(in oklab,var(--blue) 14%,var(--white));--blue-500:var(--blue);--blue-600:color-mix(in oklab,var(--blue) 74%,var(--black));--red-100:color-mix(in oklab,var(--red) 14%,var(--white));--red-500:var(--red);--red-600:color-mix(in oklab,var(--red) 78%,var(--black));--yellow-100:color-mix(in oklab,var(--yellow) 30%,var(--white));--yellow-500:var(--yellow);--orange-100:color-mix(in oklab,var(--orange) 16%,var(--white));--orange-500:var(--orange);--orange-600:color-mix(in oklab,var(--orange) 68%,var(--black));--amber-100:var(--orange-100);--amber-500:var(--orange-500);--amber-600:var(--orange-600);--violet-100:color-mix(in oklab,var(--violet) 14%,var(--white));--violet-500:var(--violet);--violet-600:color-mix(in oklab,var(--violet) 76%,var(--black));--teal:color-mix(in oklab,var(--green) 62%,var(--blue) 38%);--lime:color-mix(in oklab,var(--yellow) 52%,var(--green) 48%);--amber:color-mix(in oklab,var(--orange) 55%,var(--yellow) 45%);--coral:color-mix(in oklab,var(--red) 58%,var(--orange) 42%);--rose:color-mix(in oklab,var(--red) 55%,var(--violet) 45%);--indigo:color-mix(in oklab,var(--violet) 60%,var(--blue) 40%);--cyan:color-mix(in oklab,var(--blue) 62%,var(--teal) 38%);--plum:color-mix(in oklab,var(--violet) 66%,var(--red) 34%);--azure:color-mix(in oklab,var(--blue) 50%,var(--indigo) 50%);--ink:color-mix(in oklab,var(--blue) 54%,var(--black) 46%);--mulberry:color-mix(in oklab,var(--violet) 58%,var(--black) 42%);--petrol:color-mix(in oklab,var(--cyan) 62%,var(--black) 38%);--accent-1:var(--green);--accent-2:var(--blue);--accent-3:var(--violet);--accent-4:var(--orange);--accent-5:var(--red);--accent-6:var(--yellow);--accent-7:var(--teal);--accent-8:var(--lime);--accent-9:var(--amber);--accent-10:var(--coral);--accent-11:var(--rose);--accent-12:var(--indigo);--accent-13:var(--cyan);--accent-14:var(--plum);--accent-15:var(--azure);--accent-16:var(--ink);--accent-17:var(--mulberry);--accent-18:var(--petrol);--app-notes:var(--accent-6);--app-tasks:var(--accent-1);--app-calendar:var(--accent-5);--app-mail:var(--accent-4);--app-files:var(--accent-7);--app-draw:var(--accent-3);--app-terminal:var(--accent-8);--app-vault:var(--gray-600);--app-screenshot:var(--accent-2);--app-pdfedit:var(--accent-5);--app-frame:var(--accent-3);--app-opensubs:var(--accent-4);--app-vidsub:var(--app-opensubs);--brand:var(--green);--brand-strong:var(--green-600);--brand-soft:var(--green-50);--brand-contrast:var(--black);--bg-page:var(--color-background);--bg-subtle:var(--gray-050);--bg-sunken:var(--gray-100);--surface-card:var(--white);--surface-raised:var(--white);--surface-inverse:var(--color-background-alt);--surface-hover:var(--black-04);--surface-active:var(--gray-100);--surface-selected:var(--green-50);--text-strong:var(--color-font);--text-body:var(--gray-800);--text-muted:var(--gray-600);--text-faint:var(--gray-500);--text-inverse:var(--white);--text-brand:var(--green-700);--text-link:var(--color-font);--text-link-hover:var(--green-700);--border-hairline:var(--gray-200);--border-strong:var(--gray-300);--border-inverse:var(--white-10);--border-focus:var(--color-font);--success-fg:var(--green-700);--success-bg:var(--green-50);--warning-fg:var(--orange-600);--warning-bg:var(--orange-100);--danger-fg:var(--red-600);--danger-bg:var(--red-100);--info-fg:var(--blue-600);--info-bg:var(--blue-100);--focus-ring:0 0 0 2px var(--bg-page),0 0 0 4px var(--color-font)}:root{--logo-fg:var(--color-font);--logo-dot:var(--brand);--logo-tile-bg:var(--color-font);--logo-tile-fg:var(--brand);--logo-tile-radius:.22em;--logo-tracking:-.04em}.oa-dark{--bg-page:var(--color-background-alt);--bg-subtle:var(--gray-950);--bg-sunken:var(--black);--surface-card:var(--gray-950);--surface-raised:var(--gray-900);--surface-inverse:var(--white);--surface-hover:var(--white-04);--surface-active:var(--white-10);--surface-selected:color-mix(in oklab,var(--green) 20%,transparent);--text-strong:var(--white);--text-body:var(--white-70);--text-muted:var(--white-60);--text-faint:var(--white-40);--text-inverse:var(--black);--text-brand:var(--green);--text-link:var(--white);--text-link-hover:var(--green);--border-hairline:var(--white-10);--border-strong:var(--white-20);--border-focus:var(--green);--brand-soft:color-mix(in oklab,var(--green) 20%,transparent);--brand-contrast:var(--black);--success-bg:color-mix(in oklab,var(--green) 18%,transparent);--success-fg:var(--green);--danger-bg:color-mix(in oklab,var(--red) 20%,transparent);--danger-fg:var(--red);--warning-bg:color-mix(in oklab,var(--orange) 20%,transparent);--warning-fg:var(--orange);--info-bg:color-mix(in oklab,var(--blue) 20%,transparent);--info-fg:var(--blue);--focus-ring:0 0 0 2px var(--bg-page),0 0 0 4px var(--green);--logo-fg:var(--white);--logo-tile-bg:var(--white);--logo-tile-fg:var(--color-font)}@media(prefers-color-scheme:dark){.oa-auto{--bg-page:var(--color-background-alt);--bg-subtle:var(--gray-950);--bg-sunken:var(--black);--surface-card:var(--gray-950);--surface-raised:var(--gray-900);--surface-inverse:var(--white);--surface-hover:var(--white-04);--surface-active:var(--white-10);--surface-selected:color-mix(in oklab,var(--green) 20%,transparent);--text-strong:var(--white);--text-body:var(--white-70);--text-muted:var(--white-60);--text-faint:var(--white-40);--text-inverse:var(--black);--text-brand:var(--green);--text-link:var(--white);--text-link-hover:var(--green);--border-hairline:var(--white-10);--border-strong:var(--white-20);--border-focus:var(--green);--brand-soft:color-mix(in oklab,var(--green) 20%,transparent);--brand-contrast:var(--black);--success-bg:color-mix(in oklab,var(--green) 18%,transparent);--success-fg:var(--green);--danger-bg:color-mix(in oklab,var(--red) 20%,transparent);--danger-fg:var(--red);--warning-bg:color-mix(in oklab,var(--orange) 20%,transparent);--warning-fg:var(--orange);--info-bg:color-mix(in oklab,var(--blue) 20%,transparent);--info-fg:var(--blue);--focus-ring:0 0 0 2px var(--bg-page),0 0 0 4px var(--green);--logo-fg:var(--white);--logo-tile-bg:var(--white);--logo-tile-fg:var(--color-font)}}:root{--font-sans:"Geist","Helvetica Neue",Arial,sans-serif;--font-display:"Geist","Helvetica Neue",Arial,sans-serif;--font-mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-bold:700;--text-2xs:11px;--text-xs:12px;--text-sm:13px;--text-base:15px;--text-md:17px;--text-lg:20px;--text-xl:24px;--text-2xl:32px;--text-3xl:40px;--text-4xl:56px;--text-5xl:72px;--text-6xl:96px;--leading-tight:1.05;--leading-snug:1.2;--leading-normal:1.45;--leading-relaxed:1.6;--tracking-display:-.035em;--tracking-heading:-.02em;--tracking-body:-.005em;--tracking-wide:.02em;--tracking-caps:.08em;--type-display:var(--weight-medium) var(--text-4xl)/var(--leading-tight) var(--font-display);--type-h1:var(--weight-medium) var(--text-3xl)/1.1 var(--font-display);--type-h2:var(--weight-medium) var(--text-2xl)/1.15 var(--font-display);--type-h3:var(--weight-medium) var(--text-xl)/1.25 var(--font-sans);--type-h4:var(--weight-medium) var(--text-lg)/1.3 var(--font-sans);--type-body-lg:var(--weight-regular) var(--text-md)/var(--leading-relaxed) var(--font-sans);--type-body:var(--weight-regular) var(--text-base)/var(--leading-normal) var(--font-sans);--type-ui:var(--weight-medium) var(--text-sm)/1.3 var(--font-sans);--type-caption:var(--weight-regular) var(--text-xs)/1.35 var(--font-sans);--type-mono:var(--weight-regular) var(--text-sm)/1.5 var(--font-mono);--type-eyebrow:var(--weight-medium) var(--text-xs)/1.2 var(--font-sans)}:root{--space-0:0px;--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;--container-max:1200px;--container-prose:680px;--gutter-page:24px;--gutter-page-lg:48px;--section-y:96px;--control-h-sm:28px;--control-h-md:34px;--control-h-lg:42px;--sidebar-w:248px;--rail-w:56px;--topbar-h:52px;--header-height:64px;--footer-height:64px;--popup-w:380px;--popup-h:560px;--options-max:720px}:root{--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:999px;--border-width:1px;--border-width-strong:1.5px}:root{--shadow-none:none;--shadow-xs:0 1px 1px var(--black-04);--shadow-sm:0 1px 2px rgba(0,0,0,.06),0 1px 1px var(--black-04);--shadow-md:0 2px 4px rgba(0,0,0,.06),0 4px 12px rgba(0,0,0,.06);--shadow-lg:0 4px 8px rgba(0,0,0,.05),0 12px 32px rgba(0,0,0,.09);--shadow-xl:0 8px 16px rgba(0,0,0,.06),0 24px 64px rgba(0,0,0,.12);--shadow-inset-top:inset 0 1px 0 var(--white-10);--shadow-key:0 1px 0 var(--black-10);--blur-panel:saturate(180%) blur(20px);--scrim:var(--black-50)}:root{--duration-instant:80ms;--duration-fast:.12s;--duration-base:.18s;--duration-slow:.26s;--duration-page:.4s;--ease-standard:cubic-bezier(.2,0,0,1);--ease-out:cubic-bezier(.16,1,.3,1);--ease-in:cubic-bezier(.4,0,1,1);--ease-linear:linear;--transition-control:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard)}@media(prefers-reduced-motion:reduce){:root{--duration-instant:0ms;--duration-fast:0ms;--duration-base:0ms;--duration-slow:0ms;--duration-page:0ms }}@font-face{font-family:Geist;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/Geist-Regular-B6X8PchZ.woff2) format("woff2")}@font-face{font-family:Geist;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/Geist-Medium-BO9nvmQq.woff2) format("woff2")}@font-face{font-family:Geist Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/GeistMono-Regular-D8fzQynr.woff2) format("woff2")}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg-page);color:var(--text-body);font:var(--type-body);letter-spacing:var(--tracking-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{margin:0;color:var(--text-strong);font-weight:var(--weight-medium);letter-spacing:var(--tracking-heading)}h1{font:var(--type-h1);letter-spacing:var(--tracking-display)}h2{font:var(--type-h2)}h3{font:var(--type-h3)}h4{font:var(--type-h4)}p{margin:0;text-wrap:pretty}a{color:var(--text-link);text-decoration:none;text-underline-offset:3px;text-decoration-thickness:1px;transition:color var(--duration-fast) var(--ease-standard)}a:hover{color:var(--text-link-hover);text-decoration:underline}code,kbd,pre,samp{font-family:var(--font-mono);font-size:.92em}hr{border:0;border-top:var(--border-width) solid var(--border-hairline);margin:var(--space-6) 0}button,input,select,textarea{font:inherit;letter-spacing:inherit;color:inherit}:focus-visible{outline:none;box-shadow:var(--focus-ring)}::selection{background:var(--green-200);color:var(--gray-950)}img,svg,video{display:block;max-width:100%}ul,ol{margin:0;padding-left:1.15em}@keyframes oa-spin{to{transform:rotate(360deg)}}@keyframes oa-fade-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes oa-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){[style*=oa-marquee]{animation:none!important}}.oa-display{font:var(--type-display);letter-spacing:var(--tracking-display);color:var(--text-strong)}.oa-eyebrow{font:var(--type-eyebrow);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted)}.oa-lead{font:var(--type-body-lg);color:var(--text-muted);text-wrap:pretty}.oa-caption{font:var(--type-caption);color:var(--text-faint)}.oa-mono{font:var(--type-mono);color:var(--text-muted)}.oa-hairline{border:var(--border-width) solid var(--border-hairline)}.oa-grid-bg{background-image:linear-gradient(var(--border-hairline) 1px,transparent 1px),linear-gradient(90deg,var(--border-hairline) 1px,transparent 1px);background-size:24px 24px}:root{color-scheme:light}.style-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-6);margin:var(--space-8) 0 0}.style-card{border:var(--border-width) solid var(--border-hairline);border-radius:var(--radius-lg);background:var(--surface-card);overflow:hidden;display:flex;flex-direction:column}.frame{position:relative;aspect-ratio:16 / 9;background:radial-gradient(120% 90% at 50% 0%,#2a3038,#171a1f 55%,#0e1013);container-type:size}.frame.light{background:radial-gradient(120% 90% at 50% 0%,#fff,#eef1f5 55%,#dfe4ea)}.frame.light:before{background:radial-gradient(38% 55% at 22% 68%,rgba(90,120,160,.12),transparent 70%),radial-gradient(30% 45% at 78% 40%,rgba(200,160,120,.14),transparent 70%)}.frame:before{content:"";position:absolute;inset:0;background:radial-gradient(38% 55% at 22% 68%,rgba(120,150,190,.2),transparent 70%),radial-gradient(30% 45% at 78% 40%,rgba(190,140,110,.16),transparent 70%)}.cap{position:absolute;left:4%;right:4%;text-align:center;font-family:var(--font-sans);font-weight:700;line-height:1.25;white-space:pre-line;font-size:calc(var(--size, 4.5) * var(--legible, 2.6) * 1cqh);color:var(--fg, #fff);text-shadow:var(--ring, none)}.cap.bottom{bottom:calc(var(--mv, 6) * 1cqh)}.cap.top{top:calc(var(--mv, 6) * 1cqh)}.cap.middle{top:50%;transform:translateY(-50%)}.cap.boxed span{background:var(--box, rgba(0,0,0,.7));padding:.12em .5em;border-radius:.14em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.style-meta{padding:var(--space-5) var(--space-5) var(--space-6)}.style-name{margin:0;font:var(--type-ui);font-weight:600;font-size:1.02rem;color:var(--text-strong)}.style-preset{margin:var(--space-2) 0 0;font:var(--type-caption);color:var(--text-muted)}.style-preset code{font-family:var(--font-mono, ui-monospace, monospace);background:var(--bg-sunken);padding:.05em .35em;border-radius:var(--radius-sm);color:var(--text-body)}.tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-4) 0 0;padding:0;list-style:none}.tags li{font:var(--type-caption);color:var(--text-muted);background:var(--bg-sunken);border-radius:var(--radius-full);padding:.15rem var(--space-3)}