:root{--bg: #0c0d10;--bg-soft: #14161b;--bg-card: #161922;--border: #262a33;--border-soft: #1d212a;--fg: #e8eaed;--fg-muted: #9aa1ad;--fg-faint: #6b7280;--accent: #6ee7b7;--accent-dim: #2dd4bf;--warn: #fbbf24;--danger: #f87171;--radius: 12px;--maxw: 960px;--mono: ui-monospace, "SF Mono", "JetBrains Mono", "Fira Code", Menlo, Consolas, monospace;--sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--accent-dim);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{line-height:1.2;letter-spacing:-.01em}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}section{padding:72px 0;border-top:1px solid var(--border-soft)}section:first-of-type{border-top:none}.eyebrow{font-family:var(--mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--fg-faint);margin:0 0 12px}.lede{color:var(--fg-muted);font-size:1.05rem;max-width:60ch}.codeblock{position:relative;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);margin:0}.codeblock pre{margin:0;padding:16px 56px 16px 18px;overflow-x:auto;font-family:var(--mono);font-size:.86rem;line-height:1.55;color:#d6dae2}.codeblock .copy-btn{position:absolute;top:10px;right:10px;background:var(--bg-card);border:1px solid var(--border);color:var(--fg-muted);font-family:var(--mono);font-size:.72rem;padding:5px 9px;border-radius:7px;cursor:pointer;transition:all .12s ease}.codeblock .copy-btn:hover{color:var(--fg);border-color:var(--accent-dim)}.codeblock .copy-btn[data-copied=true]{color:var(--accent);border-color:var(--accent)}.btn{display:inline-block;padding:11px 20px;border-radius:9px;font-weight:600;font-size:.95rem;border:1px solid var(--border)}.btn-primary{background:var(--accent);color:#06231b;border-color:var(--accent)}.btn-primary:hover{text-decoration:none;background:var(--accent-dim)}.btn-ghost{color:var(--fg)}.btn-ghost:hover{text-decoration:none;border-color:var(--accent-dim)}.cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.card h3{margin:0 0 14px;font-size:1.1rem}.card ul{margin:0;padding:0;list-style:none}.card li{padding:7px 0 7px 26px;position:relative;color:var(--fg-muted)}.card li:before{position:absolute;left:0;top:6px;font-size:.95rem}.card.does li:before{content:"✓";color:var(--accent)}.card.doesnt li:before{content:"✕";color:var(--danger)}.card li b{color:var(--fg);font-weight:600}.platform{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:20px;overflow:hidden}.platform>header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:16px 20px;background:var(--bg-card);border-bottom:1px solid var(--border);flex-wrap:wrap}.platform>header h3{margin:0;font-size:1.05rem}.platform .body{padding:20px;display:grid;gap:22px}.actuals{font-family:var(--mono);font-size:.74rem;padding:4px 9px;border-radius:999px;white-space:nowrap}.actuals.auto{color:var(--accent);border:1px solid var(--accent-dim)}.actuals.manual{color:var(--warn);border:1px solid #5a4a1e}.prompt-label{font-family:var(--mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-faint);margin:0 0 8px;display:block}.note{font-size:.85rem;color:var(--fg-faint);margin:8px 0 0}.todo{color:var(--warn);font-family:var(--mono);font-size:.8rem}footer{border-top:1px solid var(--border);padding:40px 0 64px;color:var(--fg-faint);font-size:.9rem}footer .links{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:16px}footer a{color:var(--fg-muted)}.prose h2{font-size:1.45rem;margin:0 0 12px}.prose h3{font-size:1.05rem;margin:26px 0 8px;color:var(--fg)}.prose p{color:var(--fg-muted)}.prose strong,.prose b{color:var(--fg);font-weight:600}.prose ul{color:var(--fg-muted);padding-left:22px}.prose li{margin:6px 0}.prose code,.prose :not(pre)>code{font-family:var(--mono);font-size:.85em;background:var(--bg-soft);border:1px solid var(--border-soft);border-radius:5px;padding:1px 5px;color:#cfe9df}.prose pre code{background:none;border:none;padding:0}.prose .dont-list li{padding:10px 0;border-top:1px solid var(--border-soft)}.prose .cols{margin:16px 0}@media(max-width:680px){.cols{grid-template-columns:1fr}section{padding:52px 0}}
