:root{color-scheme:light dark;font-family:system-ui,-apple-system,sans-serif;color:#231f2d;background:#f4f2f8}*{box-sizing:border-box}body{margin:0}main{max-width:900px;margin:auto;padding:64px 24px}h1{font-size:clamp(28px,5vw,40px);letter-spacing:-.04em;margin:8px 0 16px}h2{font-size:20px;margin:0 0 16px}p{line-height:1.7;overflow-wrap:anywhere}.eyebrow{font-size:12px;letter-spacing:.12em;color:#7453ac}.muted,footer{color:#757080;font-size:14px}section{background:#fff;border-radius:24px;padding:28px;margin:24px 0}button,.button{font:inherit;display:inline-block;border:0;border-radius:14px;padding:12px 18px;background:#7453ac;color:white;text-decoration:none;cursor:pointer}.secondary{background:#eeebf3;color:#393142}button:disabled{opacity:.45;cursor:not-allowed}.actions,.heading{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.heading{justify-content:space-between}a{color:#7453ac}label{display:block;margin-bottom:20px}input:not([type=hidden]),select{display:block;font:inherit;padding:12px;width:100%;margin-top:8px;border:1px solid #d6d0de;border-radius:12px}.notice{background:#f5eee0;padding:16px;border-radius:12px}.status{color:#48724c;font-weight:600}.stats{display:grid;grid-template-columns:1fr 1fr;gap:24px}.stats span{display:block;color:#757080;font-size:14px}.stats strong{display:block;font-size:32px;margin-top:8px}footer{margin:32px 0}@media(prefers-color-scheme:dark){:root{background:#111015;color:#eeeaf3}section{background:#201d27}.secondary{background:#332c3f;color:#eeeaf3}.notice{background:#3c3020}a,.eyebrow{color:#c5a6f2}input,select{background:#28222f;color:#eeeaf3;border-color:#50445d}.status{color:#9fcda5}}

.language{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:24px}.language label{margin:0}.language select{width:auto;margin:0}.language button{padding:12px 16px}
textarea{display:block;width:100%;font:14px ui-monospace,monospace;padding:12px;margin-top:8px;border:1px solid #d6d0de;border-radius:12px;background:Canvas;color:CanvasText}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.6 ui-monospace,monospace}summary{cursor:pointer}h3{font-size:16px;margin-top:24px}

.avatar { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; }
input[type="checkbox"] { width: auto; margin-right: .5rem; }