:root{--page-bg:#020617;--text:#e2e8f0;--muted:#94a3b8;--lede:#cbd5e1;--border:#334155;--control-border:#475569;--surface:#1e293b;--card:#0f172a;--code-bg:#020617;--code-text:#bae6fd;--link:#7dd3fc;--button:#1d4ed8;--button-text:#fff;--result:#052e16;--warning:#451a03;--warning-line:#78350f;--warning-text:#fde68a;--note:#082f49;--shot-bg:#0b1220;--shot-border:rgba(148,163,184,.28);--shot-shadow:0 18px 48px rgba(0,0,0,.35)}:root[data-theme=light]{color-scheme:light;--page-bg:#f8fafc;--text:#0f172a;--muted:#475569;--lede:#475569;--border:#cbd5e1;--control-border:#cbd5e1;--surface:#eef2f7;--card:#fff;--code-bg:#eef2f7;--code-text:#075985;--link:#0369a1;--result:#dcfce7;--warning:#fef3c7;--warning-line:#fef3c7;--warning-text:#78350f;--note:#e0f2fe;--shot-bg:#eef2f7;--shot-border:#cbd5e1;--shot-shadow:0 18px 48px rgba(15,23,42,.12)}:root{color-scheme:dark;background:var(--page-bg);color:var(--text);font:16px/1.75 system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1000px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border)}header strong{font-size:1.2rem}select,button,.action{font:inherit;border:1px solid var(--control-border);border-radius:8px;padding:10px 16px;color:inherit;background:var(--surface)}select{max-width:48%}h1{font-size:clamp(1.5rem,4vw,2.5rem);line-height:1.3;margin:0 0 24px}h2{font-size:1.2rem}section{margin:0 0 32px;padding-bottom:24px;border-bottom:1px solid var(--border)}p{overflow-wrap:anywhere}.intro{padding-top:20px}.action{display:inline-block;background:var(--button);color:var(--button-text);text-decoration:none;margin-top:12px}a{color:var(--link)}a[aria-disabled=true]{opacity:.65;cursor:not-allowed}#publicStatus,footer{color:var(--muted)}#publicAd{margin-top:40px;min-height:110px;border-top:1px solid var(--border);padding-top:16px}#publicAd p{font-size:.875rem;color:var(--muted)}#publicAd[hidden],[hidden]{display:none!important}:focus-visible{outline:3px solid #38bdf8;outline-offset:4px}@media(max-width:480px){header,main,footer{padding:18px}header strong{font-size:1rem}select{font-size:.875rem;padding:8px}.action{width:100%;text-align:center}}header:has(#themeToggle){flex-wrap:wrap}#themeToggle{cursor:pointer;flex-shrink:0}.action.secondary{color:var(--link);background:transparent;border-color:var(--control-border)}blockquote{background:var(--surface);border-left:4px solid var(--control-border);padding:12px 16px}code{background:var(--code-bg)}pre,.plain-table{background:var(--code-bg)}