:root{--bg: #faf4f4;--surface: #ffffff;--text: #241517;--muted: #6f5a5d;--border: #ecdcdd;--accent: #c3002f;--accent-strong: #930024;--accent-soft: #fbe4e8;--hero-from: #e23a5c;--hero-to: #4a0716;--good: #1e7d3c;--good-soft: #e3f4e8;--shadow: 0 1px 2px rgba(60, 10, 20, .06), 0 4px 16px rgba(60, 10, 20, .06);--radius: 14px;--mono: ui-monospace, "Cascadia Code", Consolas, monospace}@media (prefers-color-scheme: dark){:root{--bg: #161011;--surface: #211819;--text: #f2e6e7;--muted: #bea5a8;--border: #3b2a2c;--accent: #ff7a93;--accent-strong: #ffb3c1;--accent-soft: #3f1820;--hero-from: #a3002a;--hero-to: #26040b;--good: #6fd68f;--good-soft: #15321f;--shadow: none}}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;color:var(--text);background:var(--bg)}a{color:var(--accent)}a:hover{color:var(--accent-strong)}code{font-family:var(--mono);font-size:.9em;background:var(--accent-soft);padding:.1em .35em;border-radius:5px}img{max-width:100%}.wrap{max-width:1120px;margin:0 auto;padding:0 16px}.hero{background:linear-gradient(135deg,var(--hero-from),var(--hero-to));color:#fff;padding:40px 0 44px}.hero h1{margin:0 0 8px;font-size:clamp(1.8rem,5vw,2.5rem);line-height:1.15}.eyebrow{margin:0 0 8px;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;opacity:.85}.lead{margin:0;max-width:760px;font-size:1.1rem;opacity:.95}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;min-width:0}.card h2{margin:0 0 6px;font-size:1.25rem}.muted{color:var(--muted)}.small{font-size:.9rem}button.primary,.button{display:inline-block;font:inherit;font-weight:600;font-size:.95rem;color:#fff;background:var(--accent);border:1px solid transparent;border-radius:8px;padding:9px 16px;cursor:pointer;text-decoration:none;white-space:nowrap}button.primary:hover,.button:hover{color:#fff;background:var(--accent-strong)}@media (prefers-color-scheme: dark){button.primary,button.primary:hover,.button,.button:hover{color:#161011}}.input{font:inherit;font-size:.95rem;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:9px 10px;width:100%;min-width:0}.input:focus{outline:2px solid var(--accent);outline-offset:1px}.chip{display:inline-block;font-size:.8rem;font-weight:600;border-radius:999px;padding:1px 10px;color:var(--accent-strong);background:var(--accent-soft)}.chip.off{color:var(--muted);background:transparent;border:1px solid var(--border);text-decoration:line-through}.show-components.cmp,.show-components .cmp{position:relative;outline:2px dashed var(--accent);outline-offset:4px;border-radius:6px}.show-components.cmp:before,.show-components .cmp:before{content:attr(data-cmp);position:absolute;top:-14px;left:8px;z-index:2;font-family:var(--mono);font-size:.72rem;line-height:1.5;padding:0 6px;border-radius:4px;color:#fff;background:var(--accent)}.show-components.cmp{outline-offset:-4px}.show-components.cmp:before{top:auto;bottom:6px}@media (prefers-color-scheme: dark){.show-components .cmp:before,.show-components.cmp:before{color:#161011}}