:root { color-scheme: light dark; --brand:#0b6b5e; --bg:#f5f7f5; --card:#fff; --text:#17201d; }
@media (prefers-color-scheme:dark){:root{--brand:#68d6c3;--bg:#101412;--card:#1a201d;--text:#eef5f1}}
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--text);font:17px/1.55 system-ui,sans-serif}
main{width:min(720px,calc(100% - 32px));margin:48px auto}.brand{display:flex;align-items:center;gap:12px;color:var(--brand)}
.mark{width:48px;height:48px}.card{background:var(--card);border:1px solid color-mix(in srgb,var(--text) 16%,transparent);border-radius:18px;padding:24px;margin:24px 0}
h1,h2{line-height:1.2} a{color:var(--brand)} label{display:block;font-weight:650;margin:14px 0 6px}input{font:inherit;width:100%;padding:14px;border:1px solid #7b8a84;border-radius:12px;background:var(--card);color:var(--text)}
button{font:inherit;font-weight:700;min-height:48px;padding:10px 18px;border:0;border-radius:12px;background:var(--brand);color:#fff;margin-top:16px;cursor:pointer}button[disabled]{opacity:.55}.danger{background:#b3261e}.muted{opacity:.78}.hidden{display:none}.status{margin-top:16px;font-weight:650}
nav{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px}
.language-switch{display:flex;justify-content:flex-end;gap:8px}.language-switch button{min-height:40px;margin:0;padding:6px 12px;background:transparent;color:var(--brand);border:1px solid currentColor}.language-switch button[aria-pressed="true"]{background:var(--brand);color:#fff}
[hidden]{display:none!important}.stack{display:grid;gap:12px}.stack>*{margin:0}.support-list{padding-left:22px}