body { font-family: system-ui, sans-serif; background:#f4f6fa; margin:0; }
main { max-width: 640px; margin: 2rem auto; padding: 1rem; }
h1 { font-size: 1.5rem; }
h2 { font-size: 1.1rem; margin-top: 2rem; }
.row { display:flex; gap:.5rem; margin:.5rem 0; align-items:center; }
input, textarea, button {
  font-size: 1rem; padding:.6rem; border:1px solid #cbd3e0; border-radius:8px; background:#fff;
}
textarea { width:100%; box-sizing:border-box; resize:vertical; }
input#login, input[type=file] { flex:1; }
button { background:#3457d5; color:#fff; border:none; cursor:pointer; padding:.6rem 1.2rem; }
button:disabled { background:#9aa7c7; }
.hint { color:#667; font-size:.85rem; }
#status { margin:.8rem 0; white-space:pre-wrap; }
.card { background:#fff; border:1px solid #dde3ee; border-radius:10px; padding:.8rem 1rem; margin:.6rem 0; }
.card .q { color:#345; font-weight:600; }
.card .a { white-space:pre-wrap; margin-top:.4rem; }
.card .meta { color:#99a; font-size:.75rem; margin-top:.4rem; }