:root{--bg:#0f172a;--card:#111827;--text:#e5e7eb;--muted:#9ca3af;--acc:#22d3ee;}
*{box-sizing:border-box}body{margin:0;background:#0b1220;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial;color:var(--text)}
.container{max-width:960px;margin:0 auto;padding:16px}
.topbar{background:#0b1220;border-bottom:1px solid #1f2937}
.topbar .brand a{color:#fff;text-decoration:none;font-weight:700}
.topbar nav a{color:#cbd5e1;margin-right:12px;text-decoration:none}
main .card{background:#0f172a;border:1px solid #1f2937;border-radius:12px;padding:16px;margin:16px 0}
button,.btn{background:var(--acc);color:#001b1f;border:none;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:700}
input,select,textarea{width:100%;padding:10px;border-radius:8px;border:1px solid #1f2937;background:#0b1220;color:#e5e7eb;margin:6px 0 12px}
label{font-size:14px;color:#cbd5e1}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border-bottom:1px solid #1f2937;padding:10px;text-align:left}
.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#1f2937;color:#93c5fd;font-size:12px}
.media{max-width:100%;border-radius:8px;border:1px solid #1f2937;margin-top:8px}
.actions a{margin-right:8px}
.vote-btn{margin-right:8px}
.tags{color:#9ca3af;font-size:12px}