:root{--paper: #f7f8fa;--card: #ffffff;--ink: #182430;--muted: #5b6b7b;--line: #dce3ea;--line-strong: #c2cdd8;--ok: #1f7a46;--chrome: #edf0f4;--acme-accent: #8a5a18;--shadow: 0 1px 2px rgba(24, 36, 48, .06), 0 10px 28px rgba(24, 36, 48, .09);--mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--ui: "Segoe UI Variable Text", "SF Pro Text", "Avenir Next", "Helvetica Neue", system-ui, sans-serif;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper: #10161d;--card: #18212b;--ink: #e8eef4;--muted: #93a3b3;--line: #2a3644;--line-strong: #3a4a5c;--ok: #4caf78;--chrome: #1c2530;--acme-accent: #c89b54;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 10px 28px rgba(0, 0, 0, .45)}}:root[data-theme=dark]{--paper: #10161d;--card: #18212b;--ink: #e8eef4;--muted: #93a3b3;--line: #2a3644;--line-strong: #3a4a5c;--ok: #4caf78;--chrome: #1c2530;--acme-accent: #c89b54;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 10px 28px rgba(0, 0, 0, .45)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--ui);line-height:1.5;-webkit-font-smoothing:antialiased}.wrap{max-width:900px;margin:0 auto;padding:40px 24px 96px}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}h1{font-size:24px;font-weight:650;margin:6px 0 4px}.sub{color:var(--muted);max-width:62ch;margin:0 0 20px;font-size:14.5px}.browser{border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);background:var(--card)}.browser-bar{display:flex;align-items:center;gap:10px;background:var(--chrome);border-bottom:1px solid var(--line);padding:9px 14px}.dots{display:flex;gap:6px}.dot{width:10px;height:10px;border-radius:50%;background:var(--line-strong)}.urlbar{flex:1;font-family:var(--mono);font-size:12px;color:var(--muted);background:var(--card);border:1px solid var(--line);border-radius:7px;padding:4px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.urlbar .lock{color:var(--ok)}.acme-page{padding:34px 40px 44px}@media(max-width:560px){.acme-page{padding:22px 16px 32px}}.acme-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:14px}.acme-logo{font-family:var(--serif);font-size:21px;font-weight:700;letter-spacing:.01em;color:var(--acme-accent)}.acme-step{font-size:12px;color:var(--muted);font-family:var(--mono)}.acme-h2{font-family:var(--serif);font-size:22px;font-weight:600;margin:22px 0 4px}.acme-p{color:var(--muted);font-size:14px;margin:0 0 22px;max-width:58ch}.capture-frame{display:block;width:100%;border:0;transition:height .18s ease-out}@media(prefers-reduced-motion:reduce){.capture-frame{transition:none}}.acme-btn{margin-top:8px;padding:8px 16px;border:1px solid var(--acme-accent);border-radius:8px;background:transparent;color:var(--acme-accent);font:inherit;font-weight:600;cursor:pointer}.acme-btn:hover{background:color-mix(in srgb,var(--acme-accent) 12%,transparent)}.acme-outcome{margin-top:18px;border:1px solid var(--ok);border-radius:9px;padding:12px 14px;font-size:13.5px}.acme-outcome b{font-family:var(--mono);font-size:13px}.pm-console{margin-top:18px;border:1px solid var(--line);border-radius:9px;background:var(--paper);font-family:var(--mono);font-size:11.5px;color:var(--muted);padding:10px 14px;min-height:58px}.pm-title{letter-spacing:.1em;text-transform:uppercase;font-size:9.5px;margin-bottom:6px}.pm-console li{color:var(--ink);list-style:none}.pm-console ol{margin:0;padding:0}.pm-console .t{color:var(--muted)}.note{margin-top:22px;font-size:12.5px;color:var(--muted);border-left:3px solid var(--line-strong);padding-left:12px}.note code{font-family:var(--mono);font-size:11.5px}.dev-tools{position:fixed;right:18px;bottom:18px;z-index:20;display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-family:var(--mono)}.dev-pill{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--card);border:1px dashed var(--line-strong);border-radius:999px;padding:6px 14px;cursor:pointer;box-shadow:var(--shadow)}.dev-pill:hover{color:var(--ink)}.dev-panel{width:300px;background:var(--card);border:1px dashed var(--line-strong);border-radius:10px;box-shadow:var(--shadow);padding:12px 14px;display:flex;flex-direction:column;gap:9px}.dev-title{font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.dev-fill{font-family:var(--mono);font-size:12px;color:var(--ink);background:var(--chrome);border:1px solid var(--line-strong);border-radius:7px;padding:7px 10px;cursor:pointer;text-align:left}.dev-fill:hover{border-color:var(--muted)}.dev-check{display:flex;align-items:baseline;gap:7px;font-size:12px;color:var(--ink);cursor:pointer}.dev-check input{cursor:pointer}.dev-check code{font-size:11px;color:var(--muted)}.dev-section{border-top:1px solid var(--line);padding-top:9px;margin-top:2px}.dev-seg{display:flex;gap:5px}.dev-seg button{flex:1;font-family:var(--mono);font-size:11px;color:var(--muted);background:var(--card);border:1px solid var(--line-strong);border-radius:6px;padding:4px 0;cursor:pointer}.dev-seg button:hover{color:var(--ink)}.dev-seg button[aria-pressed=true]{color:var(--ink);background:var(--chrome);border-color:var(--muted)}.dev-input{font-family:var(--mono);font-size:12px;color:var(--ink);background:var(--paper);border:1px solid var(--line-strong);border-radius:6px;padding:5px 8px;width:100%}.dev-input:focus{outline:none;border-color:var(--muted)}.dev-swatches{display:flex;align-items:center;gap:7px}.dev-swatch{width:20px;height:20px;border-radius:50%;border:1px solid var(--line-strong);padding:0;cursor:pointer}.dev-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--card),0 0 0 3.5px var(--muted)}.dev-color{width:28px;height:22px;padding:1px;border:1px solid var(--line-strong);border-radius:6px;background:var(--card);cursor:pointer;margin-left:auto}.dev-hint{margin:0;font-size:10.5px;line-height:1.5;color:var(--muted);border-top:1px solid var(--line);padding-top:8px}