:root{--picture: #000000;--background: #14171a;--surface-sunken: #0f1214;--surface-raised: #1a1d21;--card: #1c2024;--card-hover: #232830;--card-active: #2b3138;--scrim: #05080bcc;--border: #262c31;--border-strong: #343c43;--foreground: #f2eee7;--muted-foreground: #949ca4;--faint-foreground: #69727a;--accent: #e7d2ad;--accent-foreground: #1d160a;--live: #e8402a;--fault: #f0745c}:root[data-theme=light]{--background: #f7f8f9;--surface-sunken: #eceff1;--surface-raised: #f0f2f4;--card: #ffffff;--card-hover: #f2f4f6;--card-active: #e8ecef;--border: #e3e7ea;--border-strong: #cfd6db;--foreground: #14181b;--muted-foreground: #5b6670;--faint-foreground: #8d99a2;--accent: #7d5f22;--accent-foreground: #ffffff;--fault: #b4321c}:root{color-scheme:dark;--accent-strong: color-mix(in oklab, var(--accent) 82%, white);--accent-soft: color-mix(in oklab, var(--accent) 15%, transparent);--accent-line: color-mix(in oklab, var(--accent) 55%, transparent);--ring: color-mix(in oklab, var(--accent) 60%, transparent);--live-halo: color-mix(in oklab, var(--live) 22%, transparent);--s-1: 2px;--s-2: 4px;--s-3: 8px;--s-4: 12px;--s-5: 16px;--s-6: 20px;--s-7: 24px;--s-8: 32px;--s-9: 48px;--r-0: 0;--r-1: 6px;--r-2: 9px;--r-3: 13px;--r-pill: 999px;--elev-1: 0 1px 2px rgb(0 0 0 / .4);--elev-2: 0 6px 20px -6px rgb(0 0 0 / .5);--elev-3: 0 16px 44px -12px rgb(0 0 0 / .6);--edge-light: inset 0 1px 0 rgb(255 255 255 / .04);--sidebar-w: 216px;--control-h: 34px;--control-h-lg: 42px;--icon: 16px;--icon-lg: 20px;--logo: 34px;--card-min: 268px;--titlebar-h: 0px;--t-micro: 11px;--t-small: 12px;--t-body: 13px;--t-lead: 15px;--t-title: 21px;--t-display: 28px;--lh-tight: 1.2;--lh-body: 1.5;--wght-regular: 400;--wght-medium: 520;--wght-semibold: 600;--wght-bold: 700;--track-tight: -.011em;--track-wide: .04em;--font-ui: "Inter Variable", "Inter", "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, sans-serif;--dur-1: .12s;--dur-2: .16s;--dur-3: .24s;--dur-fast: var(--dur-1);--dur: var(--dur-2);--dur-slow: var(--dur-3);--ease-out: cubic-bezier(.2, .7, .3, 1);--ease-in: cubic-bezier(.5, 0, .9, .4);--ease-spring: cubic-bezier(.34, 1.4, .64, 1);--z-content: 0;--z-sticky: 10;--z-popover: 20}:root[data-theme=light]{color-scheme:light;--accent-soft: color-mix(in oklab, var(--accent) 12%, transparent);--elev-1: 0 1px 2px rgb(15 23 30 / .08);--elev-2: 0 8px 22px -8px rgb(15 23 30 / .18);--elev-3: 0 18px 46px -14px rgb(15 23 30 / .28);--edge-light: inset 0 1px 0 rgb(255 255 255 / .5)}@media(prefers-reduced-motion:reduce){:root{--dur-1: 1ms;--dur-2: 1ms;--dur-3: 1ms}}@font-face{font-family:Inter Variable;src:url(/fonts/InterVariable.woff2) format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--foreground);font:var(--wght-regular) var(--t-lead)/var(--lh-body) var(--font-ui)}a{color:var(--accent)}.bar{display:flex;justify-content:space-between;align-items:center;padding:var(--s-6) var(--s-8);border-bottom:1px solid var(--border)}.bar nav{display:flex;gap:var(--s-7)}.bar nav a{color:var(--muted-foreground);text-decoration:none}.bar nav a:hover,.bar nav a[aria-current=page]{color:var(--foreground)}.brand{display:inline-flex;align-items:center;gap:var(--s-3)}.brand{color:var(--foreground);text-decoration:none;font-weight:var(--wght-semibold);letter-spacing:var(--track-tight);font-size:var(--t-title)}.brand b{color:var(--accent);font-weight:inherit}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--s-5)}.features h3,.card h2{font-size:var(--t-lead);margin:0 0 var(--s-3)}.features p{color:var(--muted-foreground);margin:0;font-size:var(--t-body)}main{max-width:960px;margin:0 auto;padding:var(--s-9) var(--s-5)}h1{font-size:var(--t-display);line-height:var(--lh-tight);letter-spacing:var(--track-tight);margin:0 0 var(--s-5)}.lead{color:var(--muted-foreground);margin:0 0 var(--s-7)}.actions{display:flex;gap:var(--s-4);flex-wrap:wrap}.button{display:inline-flex;align-items:center;min-height:var(--control-h-lg);padding:0 var(--s-7);border-radius:var(--r-1);background:var(--accent);color:var(--accent-foreground);text-decoration:none;font:inherit;font-weight:var(--wght-semibold);border:1px solid transparent;cursor:pointer}.button.ghost{background:transparent;color:var(--foreground);border-color:var(--border-strong)}.button:disabled{opacity:.5;cursor:default}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-2);padding:var(--s-7);margin-bottom:var(--s-5)}label{display:block;color:var(--muted-foreground);font-size:var(--t-small);margin-bottom:var(--s-5)}input{display:block;width:100%;margin-top:var(--s-2);min-height:var(--control-h-lg);padding:0 var(--s-4);background:var(--surface-sunken);color:var(--foreground);border:1px solid var(--border);border-radius:var(--r-1);font:inherit}input[aria-invalid=true]{border-color:var(--fault)}.error{color:var(--fault);min-height:1.5em;margin-bottom:var(--s-4)}.tabs{display:flex;gap:var(--s-3);margin-bottom:var(--s-6)}.tabs button{flex:1;min-height:var(--control-h);background:var(--surface-sunken);color:var(--muted-foreground);border:1px solid var(--border);border-radius:var(--r-1);font:inherit;cursor:pointer}.tabs button[aria-selected=true]{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-line)}.note{color:var(--faint-foreground);font-size:var(--t-small)}.problem,.shots,.cta,.extras{margin-top:var(--s-9)}.problem h2,.shots h2,.cta h2,.extras>h2{font-size:var(--t-lead);margin:0 0 var(--s-5)}.pairs{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-4)}.pairs li{display:grid;gap:var(--s-2);background:var(--card);border:1px solid var(--border);border-radius:var(--r-2);padding:var(--s-5)}.pairs span{color:var(--muted-foreground)}figure{margin:0 0 var(--s-7)}figure img{display:block;max-width:100%;height:auto;border:1px solid var(--border);border-radius:var(--r-2)}figcaption{color:var(--muted-foreground);font-size:var(--t-small);margin-top:var(--s-3)}.foot{display:flex;flex-wrap:wrap;gap:var(--s-5);align-items:center;justify-content:space-between;max-width:960px;margin:0 auto;padding:var(--s-7) var(--s-5);border-top:1px solid var(--border)}.draft{color:var(--muted-foreground);font-size:var(--t-small);margin:0 0 var(--s-6)}.foot .credit{flex-basis:100%;color:var(--muted-foreground);font-size:var(--t-small)}