:root{color-scheme:light;--bg:#f7f7f5;--surface:#ffffff;--surface-2:#efefeb;--text:#18181b;--muted:#5b5b63;--line:#dcdcd6;--accent:#1f5f4f;--accent-ink:#ffffff;--danger:#b42318;--ok:#2f7a4a;--warn:#8a5a00;--focus:#2563eb}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#111113;--surface:#1a1a1d;--surface-2:#232327;--text:#ececef;--muted:#a1a1aa;--line:#34343a;--accent:#7fbfa9;--accent-ink:#0c1f19;--danger:#f97066;--ok:#6cc58a;--warn:#f5b54a;--focus:#93b4ff}}
:root[data-theme=dark]{color-scheme:dark;--bg:#111113;--surface:#1a1a1d;--surface-2:#232327;--text:#ececef;--muted:#a1a1aa;--line:#34343a;--accent:#7fbfa9;--accent-ink:#0c1f19;--danger:#f97066;--ok:#6cc58a;--warn:#f5b54a;--focus:#93b4ff}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 ui-sans-serif,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif}
a{color:var(--accent)}
h1{font-size:1.7rem;line-height:1.2;margin:.2rem 0 .8rem}
h2{font-size:1.15rem;margin:1.6rem 0 .6rem}
h3{font-size:1rem;margin:1.2rem 0 .4rem}
p{margin:.4rem 0 .8rem}
.muted{color:var(--muted)}
.wrap{max-width:68rem;margin:0 auto;padding:1.2rem}
.narrow{max-width:30rem}
header.top{display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:.7rem 1.2rem;background:var(--surface)}
header.top .brand{font-weight:650;text-decoration:none;color:var(--text)}
header.top .right{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap}
label{display:block;font-weight:550;margin:.7rem 0 .25rem}
input,select,textarea{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:.45rem .6rem;max-width:100%}
input[type=text],input[type=email],input[type=number],textarea{width:100%}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
button,.button{font:inherit;cursor:pointer;border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);border-radius:6px;padding:.45rem .9rem;text-decoration:none;display:inline-block}
button.secondary{background:transparent;color:var(--text);border-color:var(--line)}
button.danger{background:transparent;color:var(--danger);border-color:var(--danger)}
button:disabled{opacity:.55;cursor:default}
.card{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:1rem 1.1rem;margin:.8rem 0}
.notice{border-left:3px solid var(--accent);padding:.5rem .8rem;background:var(--surface-2);border-radius:4px}
.error{color:var(--danger)}
.ok{color:var(--ok)}
.warn{color:var(--warn)}
table{border-collapse:collapse;width:100%}
th,td{text-align:left;padding:.45rem .5rem;border-bottom:1px solid var(--line);vertical-align:top}
th{font-weight:600;color:var(--muted);font-size:.85rem}
code{font-size:.9em;word-break:break-all}
.row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:end}
.row > *{flex:1 1 12rem}
.row > button{flex:0 0 auto}
nav.tabs{display:flex;gap:.3rem;flex-wrap:wrap;margin:1rem 0;border-bottom:1px solid var(--line)}
nav.tabs a{padding:.45rem .8rem;text-decoration:none;color:var(--muted);border-bottom:2px solid transparent}
nav.tabs a[aria-current=page]{color:var(--text);border-color:var(--accent)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}