.motd-vote-card, .motd-engagement-archive .motd-vote-card { font-family:"Plus Jakarta Sans","Poppins","Montserrat",Arial,sans-serif; position:relative; overflow:hidden; background:radial-gradient(circle at top left, rgba(120,72,255,.22), transparent 36%), linear-gradient(145deg,#090b1a,#121431 58%,#0a0d20); border:1px solid rgba(175,94,255,.62); border-radius:26px; padding:26px; margin:22px 0; color:#f7edd0; box-shadow:0 18px 60px rgba(0,0,0,.32); }
.motd-vote-orb { position:absolute; width:220px; height:220px; border-radius:999px; right:-90px; top:-110px; background:radial-gradient(circle, rgba(245,199,92,.32), transparent 65%); pointer-events:none; }
.motd-vote-header { display:flex; justify-content:space-between; gap:18px; align-items:flex-start; position:relative; z-index:1; }
.motd-vote-header h3 { margin:0; color:#f5c75c; font-size:clamp(1.35rem,2.4vw,2rem); line-height:1.15; }
.motd-vote-room { color:#d8c5ff; font-size:.78rem; letter-spacing:.12em; text-transform:uppercase; margin-bottom:8px; }
.motd-vote-badge { flex:none; border:1px solid rgba(245,199,92,.48); color:#f5c75c; border-radius:999px; padding:8px 12px; font-size:.78rem; background:rgba(245,199,92,.08); }
.motd-vote-badge.closed { border-color:rgba(255,255,255,.2); color:#d9d1e7; }
.motd-vote-intro { color:#eee6ff; margin:16px 0 20px; max-width:900px; }
.motd-vote-options { display:grid; gap:14px; margin-top:18px; }
.motd-vote-option { display:grid; grid-template-columns:auto 1fr; gap:14px; background:rgba(255,255,255,.055); border:1px solid rgba(175,94,255,.38); border-radius:20px; padding:14px; cursor:pointer; transition:.2s ease; }
.motd-vote-option:hover, .motd-vote-option.is-selected { border-color:rgba(245,199,92,.78); background:rgba(245,199,92,.08); transform:translateY(-1px); }
.motd-option-image { display:block; width:86px; height:86px; background-size:cover; background-position:center; border-radius:16px; border:1px solid rgba(245,199,92,.35); }
.motd-option-body { display:block; min-width:0; }
.motd-option-topline { display:flex; align-items:center; gap:10px; color:#fff7df; }
.motd-option-topline input { accent-color:#af5eff; }
.motd-option-description { display:block; color:#d9d0ed; font-size:.94rem; margin-top:7px; }
.motd-option-audio { width:100%; margin-top:12px; height:36px; }
.motd-result-line { display:block; height:10px; border-radius:999px; background:rgba(255,255,255,.12); overflow:hidden; margin-top:13px; }
.motd-result-fill { display:block; height:100%; border-radius:999px; background:linear-gradient(90deg,#af5eff,#f5c75c); }
.motd-result-meta { display:block; color:#f5c75c; margin-top:6px; font-size:.84rem; }
.motd-vote-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-top:20px; }
.motd-submit-vote { border:1px solid rgba(245,199,92,.75); border-radius:999px; padding:12px 22px; background:linear-gradient(135deg,#f5c75c,#ad7f2d); color:#151020; font-weight:800; cursor:pointer; box-shadow:0 0 22px rgba(245,199,92,.18); }
.motd-submit-vote:hover { filter:brightness(1.05); }
.motd-vote-message, .motd-total-votes, .motd-vote-login { color:#d8c5ff; }
.motd-vote-closing { border-top:1px solid rgba(175,94,255,.32); margin-top:22px; padding-top:16px; color:#eee6ff; }
.motd-vote-empty { color:#d8c5ff; background:rgba(255,255,255,.06); border-radius:16px; padding:16px; }
.motd-vote-compact .motd-vote-intro { display:none; }
@media (max-width:720px){ .motd-vote-header{display:block;} .motd-vote-badge{display:inline-block;margin-top:12px;} .motd-vote-option{grid-template-columns:1fr;} .motd-option-image{width:100%;height:150px;} }