:root{color-scheme:dark;--bg:#17191f;--surface:#22252d;--line:#3c4350;--text:#edf2f9;--muted:#aeb8c8;--accent:#91b9ff;--primary:#235dc5;--danger:#ffacb9;font-family:system-ui,"Segoe UI",sans-serif;font-size:16px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.55}a{color:var(--accent);text-underline-offset:4px}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:700}.brand small{display:block;color:var(--muted);font-weight:400;font-size:13px}
main{max-width:860px;margin:0 auto;padding:20px 16px 40px}footer{max-width:860px;margin:0 auto;padding:16px;color:var(--muted);font-size:13px}
h1{font-size:26px;line-height:1.25;margin:8px 0 18px}h2{font-size:19px;margin:0 0 10px}h4{margin:14px 0 4px}p{margin:10px 0}ul,ol{padding-left:22px}
.muted{color:var(--muted)}.error{color:var(--danger)}code{overflow-wrap:anywhere;font-size:13px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:16px;margin:14px 0}
.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid .card{margin:0}
.stack{display:grid;gap:14px;max-width:420px}label{display:block;font-size:14px;color:var(--muted)}
input{display:block;width:100%;min-height:44px;padding:9px 12px;margin-top:6px;border:1px solid #75859d;border-radius:5px;background:var(--surface);color:var(--text);font:inherit}
input:focus,button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
button,.button{display:inline-block;border:1px solid transparent;background:var(--primary);color:#fff;padding:10px 18px;min-height:44px;border-radius:6px;font:inherit;font-weight:600;text-decoration:none;cursor:pointer}
button:hover,.button:hover{filter:brightness(1.14)}.secondary{background:transparent;border-color:var(--line);color:var(--text)}
.account{display:flex;align-items:center;gap:10px;margin:0}.account span{color:var(--muted);font-size:14px}.account button{min-height:36px;padding:6px 12px}
summary{cursor:pointer;margin:6px 0}
@media (max-width:480px){h1{font-size:22px}.account span{display:none}}