:root{color-scheme:light dark;--bg:#f3f5f8;--surface:#ffffff;--text:#161b22;--muted:#475062;--border:#68728a;--primary:#0a58ad;--on-primary:#ffffff;--danger:#b3261e;--on-danger:#ffffff;--warn-bg:#fff1c2;--warn-text:#4a3000;--stop-bg:#fde4e1;--stop-text:#6b0f0a;--ok-bg:#e1f3e6;--ok-text:#0f4a22;--link:#0a58ad;--focus:#0a58ad;--ins-bg:#d7f0de;--ins-text:#0f4a22;--del-bg:#fbdcd8;--del-text:#6b0f0a;}
@media (prefers-color-scheme:dark){:root{--bg:#0e1218;--surface:#171d26;--text:#eef1f6;--muted:#b6bfcd;--border:#8a94a6;--primary:#8ec1ff;--on-primary:#06182c;--danger:#ff9a92;--on-danger:#2b0603;--warn-bg:#3a2c05;--warn-text:#ffe7a3;--stop-bg:#5a1511;--stop-text:#ffe6e3;--ok-bg:#113a20;--ok-text:#c9f2d5;--link:#8ec1ff;--focus:#8ec1ff;--ins-bg:#0f3d22;--ins-text:#c9f2d5;--del-bg:#531712;--del-text:#ffe0dc;}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:18px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;overflow-wrap:anywhere}
a{color:var(--link)}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.skip{position:absolute;left:-9999px;top:0}
.skip:focus{left:16px;top:8px;z-index:20;background:var(--surface);padding:12px 16px;border:2px solid var(--border)}
.top{background:var(--surface);border-bottom:2px solid var(--border)}
.bar{max-width:44rem;margin:0 auto;padding:12px 16px;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between}
.brand{font-weight:700;margin:0;font-size:1.05rem}
.nav{display:flex;flex-wrap:wrap;gap:8px}
.nav a,.nav button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;min-width:48px;padding:8px 14px;font:inherit;border:2px solid var(--border);border-radius:12px;background:var(--surface);color:var(--link);text-decoration:none;cursor:pointer}
main{max-width:44rem;margin:0 auto;padding:16px 16px 48px}
h1{font-size:1.5rem;line-height:1.25;margin:8px 0 12px}
h2{font-size:1.15rem;margin:24px 0 8px}
p{margin:8px 0}
.muted{color:var(--muted)}
.banner{border:3px solid var(--border);border-radius:12px;padding:12px 16px;margin:12px 0}
.banner.stop{background:var(--stop-bg);color:var(--stop-text);border-color:var(--danger)}
.banner.warn{background:var(--warn-bg);color:var(--warn-text)}
.banner.ok{background:var(--ok-bg);color:var(--ok-text)}
.card{display:block;background:var(--surface);border:2px solid var(--border);border-radius:12px;padding:14px 16px;margin:12px 0;color:var(--text);text-decoration:none;min-height:64px}
a.card:hover{border-color:var(--link)}
.card .meta{display:block;color:var(--muted);font-size:.9rem}
.card strong{display:block;font-size:1.05rem}
ol.queue,ul.plain{list-style:none;margin:0;padding:0}
.btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;margin:10px 0;padding:12px 16px;font:inherit;font-weight:700;text-align:center;text-decoration:none;border-radius:12px;border:2px solid var(--primary);background:var(--primary);color:var(--on-primary);cursor:pointer}
.btn.secondary{background:var(--surface);color:var(--link);border-color:var(--link)}
.btn.danger{background:var(--danger);border-color:var(--danger);color:var(--on-danger)}
.btn.stop{min-height:72px;font-size:1.2rem}
.btn[disabled],.btn[aria-disabled=true]{opacity:1;background:var(--bg);color:var(--muted);border-style:dashed;cursor:not-allowed}
label{display:block;font-weight:600;margin:14px 0 6px}
input[type=text],input[type=password],input[type=number],select,textarea{display:block;width:100%;min-height:48px;padding:10px 12px;font:inherit;color:var(--text);background:var(--surface);border:2px solid var(--border);border-radius:10px}
fieldset{border:0;padding:0;margin:8px 0}
legend{font-weight:700;padding:0}
textarea{min-height:16rem;line-height:1.5}
.choice{display:flex;align-items:center;gap:12px;min-height:48px;margin:6px 0;font-weight:400;padding:4px 0}
.choice input{width:28px;height:28px;flex:none;margin:0}
details{background:var(--surface);border:2px solid var(--border);border-radius:12px;margin:10px 0;padding:0 16px 8px}
summary{display:flex;align-items:center;min-height:56px;font-weight:700;cursor:pointer;color:var(--link)}
.draft{background:var(--surface);border:2px solid var(--border);border-radius:12px;padding:14px 16px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:none}
dl.facts{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;margin:8px 0}
dl.facts dt{font-weight:700;margin-top:10px}
dl.facts dd{margin:0}
.diff{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface);border:2px solid var(--border);border-radius:12px;padding:12px 14px;margin:8px 0}
del{background:var(--del-bg);color:var(--del-text);text-decoration:line-through}
ins{background:var(--ins-bg);color:var(--ins-text);text-decoration:underline}
.errors{margin:8px 0;padding-left:1.2rem}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.95rem}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media (forced-colors:active){.btn,.card,details,.draft{border:2px solid CanvasText}}