:root{color-scheme:light dark;font-family:system-ui,-apple-system,sans-serif;line-height:1.5;--accent:#5b6cff;--danger:#c83232}
body{max-width:960px;margin:0 auto;padding:1.5rem;background:#f7f8fb;color:#1c2230}
header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}
nav a{margin-right:1rem}
a{color:var(--accent)}
main,.card{background:white;border:1px solid #dfe3ed;border-radius:12px;padding:1.25rem;box-shadow:0 3px 14px #1720420a}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}
.card{box-shadow:none}
form{margin:.75rem 0}
label{display:block;font-weight:600;margin-top:.75rem}
input,select,textarea,button{font:inherit;padding:.65rem;border:1px solid #abb3c4;border-radius:7px;box-sizing:border-box}
input,select,textarea{width:100%}
input[type=checkbox]{width:auto}
button{cursor:pointer;background:var(--accent);border-color:var(--accent);color:white;font-weight:650}
.secondary{background:#eef0f7;color:#222;border-color:#ccd1df}
.danger{background:var(--danger);border-color:var(--danger)}
.inline{display:inline}
.inline input,.inline select{width:auto}
.muted{color:#626b7d}
.error{padding:.75rem;background:#fee;border:1px solid #e99;border-radius:7px}
.success{padding:.75rem;background:#e9fbea;border:1px solid #8c9;border-radius:7px}
.secret{padding:1rem;border:2px solid #c89000;border-radius:9px;background:#fff8dc}
table{width:100%;border-collapse:collapse}
th,td{text-align:left;padding:.6rem;border-bottom:1px solid #e1e4eb}
code{word-break:break-all}
.pill{display:inline-block;padding:.1rem .5rem;border-radius:999px;background:#e8ebf8}
@media(prefers-color-scheme:dark){body{background:#11141b;color:#ebedf3}main,.card{background:#1a1f2a;border-color:#343b4c}.secret{background:#332b10}.secondary{background:#303746;color:white}.muted{color:#abb3c4}th,td{border-color:#343b4c}}