/* styles.css */
:root{ --bg:#0f172a; --card:#111827; --text:#e5e7eb; --muted:#94a3b8; --accent:#38bdf8; --danger:#ef4444; }
*{ box-sizing:border-box; }
body{ margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; background:linear-gradient(180deg,#0b1020,#0f172a); color:var(--text); min-height:100vh; }
.wrap{ max-width:900px; margin:0 auto; padding:24px; }
header{ text-align:center; margin: 12px 0 24px; }
h1{ font-size: clamp(28px,4vw,44px); margin:0 0 8px; }
.sub{ color:var(--muted); margin:0; }
.card{ background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.08); padding:16px; border-radius:16px; margin:16px 0; box-shadow: 0 10px 30px rgba(0,0,0,0.25); }
input{ width:100%; padding:12px 14px; margin:8px 0 12px; background:#0b1220; border:1px solid #1f2937; border-radius:12px; color:var(--text); outline:none; }
button{ padding:10px 14px; border-radius:12px; background:var(--accent); color:#06121a; border:none; font-weight:700; cursor:pointer; }
button.danger{ background:var(--danger); color:white; }
button:disabled{ opacity:.6; cursor:not-allowed; }
.hidden{ display:none; }
ul,ol{ margin:0; padding-left:18px; }
#options button{ display:block; width:100%; margin:8px 0; text-align:left; }
.hostOnly{ display:none; }
#promptText,#votePrompt{ font-size:1.1rem; margin-bottom:8px; }