.qst-pill { position: relative; display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; border-radius: 999px; border: 1px solid rgba(255,255,255,.18); background: rgba(0,0,0,.35); color: inherit; font: inherit; font-size: 13px; cursor: pointer; }
.mod-fabs > .qst-fab { gap: 0; padding: 0; border-radius: 50%; font-size: 20px; }
.qst-pill.qst-ready { border-color: var(--neon, #2bff88); box-shadow: 0 0 8px rgba(43,255,136,.45); }
.qst-b { position: absolute; top: -6px; right: -6px; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 8px; background: #ff3b5c; color: #fff; font-size: 11px; line-height: 16px; text-align: center; }
.qst-list { display: flex; flex-direction: column; gap: 8px; max-width: 100%; text-align: left; }
.qst-row, .qst-bonus { display: flex; align-items: center; gap: 10px; padding: 10px; border-radius: 12px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); }
.qst-row.qst-done, .qst-bonus.qst-done { border-color: var(--neon, #2bff88); }
.qst-row.qst-claimed { opacity: .55; }
.qst-e { font-size: 26px; flex: none; width: 34px; text-align: center; }
.qst-m { flex: 1; min-width: 0; }
.qst-t { font-weight: 600; font-size: 14px; overflow-wrap: anywhere; }
.qst-s { font-size: 11px; opacity: .7; margin-top: 3px; }
.qst-bar { height: 6px; border-radius: 3px; background: rgba(255,255,255,.12); margin-top: 6px; overflow: hidden; }
.qst-bar i { display: block; height: 100%; background: var(--neon, #2bff88); border-radius: 3px; transition: width .3s; }
.qst-a { flex: none; }
.qst-claim { padding: 6px 10px; font-size: 13px; }
.qst-ok { color: var(--neon, #2bff88); font-size: 20px; }
.qst-foot { text-align: center; font-size: 11px; opacity: .55; }
html.lite .qst-bar i, .lite .qst-bar i { transition: none; }