:root { color-scheme: dark; --bg:#0d0f14; --card:#151922; --line:#262c3a; --fg:#e6e9f0; --mut:#8b93a7; --acc:#6c8cff; --err:#ff6b6b; --ok:#4cd694; }
* { box-sizing: border-box; }
body { margin:0; min-height:100vh; display:grid; place-items:center; padding:16px; background:var(--bg); color:var(--fg);
  font: 16px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
.card { width:100%; max-width:380px; background:var(--card); border:1px solid var(--line); border-radius:14px; padding:24px; }
.card.wide { max-width:520px; }
h1 { margin:0 0 4px; font-size:1.4rem; }
.muted { color:var(--mut); margin:0 0 16px; }
label { display:block; margin:12px 0; font-size:.9rem; color:var(--mut); }
input { width:100%; margin-top:6px; padding:12px; border-radius:8px; border:1px solid var(--line); background:#0d1017; color:var(--fg); font-size:1rem; }
input:focus { outline:2px solid var(--acc); outline-offset:1px; }
button { width:100%; padding:12px; margin-top:8px; border:0; border-radius:8px; background:var(--acc); color:#fff; font-size:1rem; font-weight:600; cursor:pointer; }
button.secondary { background:transparent; border:1px solid var(--line); color:var(--fg); }
button:disabled { opacity:.6; cursor:not-allowed; }
.row { display:grid; gap:8px; margin-top:16px; }
.info { display:grid; grid-template-columns:auto 1fr; gap:8px 16px; margin:16px 0; }
.info dt { color:var(--mut); } .info dd { margin:0; word-break:break-all; }
.msg { margin:12px 0 0; padding:10px; border-radius:8px; background:#2a1517; color:var(--err); }
.msg.ok { background:#12261d; color:var(--ok); }
@media (min-width:560px) { .row { grid-template-columns:1fr 1fr; } }

.brand { display:flex; align-items:center; gap:8px; margin-bottom:16px; font-weight:700; font-size:.95rem; letter-spacing:.02em; }
.brand-muted { color:var(--mut); font-weight:500; }
.dot { width:9px; height:9px; border-radius:50%; background:var(--acc); box-shadow:0 0 0 4px rgba(108,140,255,.15); }
.hint { margin:10px 0 0; color:var(--mut); font-size:.8rem; line-height:1.45; }
.info dd { font-family: ui-monospace, SFMono-Regular, Consolas, "Courier New", monospace; font-size:.88rem; }
.info dt { white-space:nowrap; }
button:focus-visible, input:focus-visible { outline:2px solid var(--acc); outline-offset:2px; }