:root{--bg:#0f1720;--card:#111827;--muted:#9ca3af;--accent:#6ee7b7;--text:#e5e7eb}
*{box-sizing:border-box;font-family:Inter,Segoe UI,Arial,Helvetica,sans-serif}
body{margin:0;background:var(--bg);color:var(--text)}
.view{padding:20px}
.hidden{display:none}
.card{background:var(--card);padding:16px;border-radius:8px}
header{display:flex;align-items:center;gap:12px;padding:12px}
.logo{font-weight:700}
.userBadge{margin-left:auto;width:40px;height:40px;border-radius:20px;background:#374151;display:flex;align-items:center;justify-content:center;cursor:pointer}
.menu{position:absolute;right:10px;top:60px;background:var(--card);padding:8px;border-radius:6px;display:none}
.menu a{display:block;color:var(--text);padding:6px 8px;text-decoration:none}
.profileRow{display:flex;gap:12px}
.profileRow img{width:100px;height:100px;border-radius:8px;object-fit:cover;background:#111}
input,textarea,button{display:block;margin:8px 0;padding:8px;border-radius:6px;border:1px solid #1f2937;background:#0b1220;color:var(--text)}
.swipeCard{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px}
.swipeButtons{display:flex;gap:8px}
.qcm .question{border-top:1px solid #1f2937;padding-top:8px;margin-top:8px}
.qcm .answers{display:flex;gap:8px;flex-wrap:wrap}
.answer{padding:6px 8px;border-radius:6px;background:#0b1220}
.muted{color:var(--muted)}
#messages{height:300px;overflow:auto;padding:8px;border:1px solid #1f2937;margin-bottom:8px}
.msg{padding:6px 10px;border-radius:10px;margin:6px 0;max-width:70%}
.msg.me{background:#0b1220;margin-left:auto}
.msg.them{background:#111827;margin-right:auto}