:root { --bg:#0b0f14; --card:#0f1720; --border:#1f2a36; --text:#e7eef7; }
*{ box-sizing:border-box; }
body{ margin:0; font-family:system-ui; background:var(--bg); color:var(--text); }
header{ position:sticky; top:0; background:var(--bg); border-bottom:1px solid var(--border); padding:12px; }
.wrap{ max-width:1000px; margin:0 auto; padding:16px; }
.row{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
input,select,button,textarea{
  background:var(--card); color:var(--text);
  border:1px solid var(--border); border-radius:12px; padding:10px;
}
textarea{ width:100%; min-height:120px; }
button{ cursor:pointer; }
.msg{
  white-space:pre-wrap;
  background:var(--card);
  border:1px solid var(--border);
  border-radius:12px;
  padding:12px;
  margin-top:10px;
}
small{ opacity:.8; }