::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #1e293b; border-radius: 99px; }
::-webkit-scrollbar-track { background: transparent; }
@keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(52,211,153,.5); } 70% { box-shadow: 0 0 0 8px rgba(52,211,153,0); } 100% { box-shadow: 0 0 0 0 rgba(52,211,153,0); } }
.live-dot { animation: pulse 1.6s infinite; }
.markdown p { margin: 6px 0; }
.markdown ul { list-style: disc; padding-left: 20px; margin: 6px 0; }
.markdown li { margin: 3px 0; }
.markdown h4 { font-weight: 700; margin: 10px 0 4px; color: #fff; }
.markdown code { background: #0f172a; border: 1px solid #1e293b; padding: 1px 5px; border-radius: 5px; font-size: 12px; color: #fbbf24; }
.markdown pre { background: #0f172a; border: 1px solid #1e293b; border-radius: 8px; padding: 10px; overflow: auto; font-size: 12px; }
.markdown pre code { background: none; border: none; padding: 0; color: #67e8f9; }
.markdown strong { color: #fff; }
.markdown a { color: #60a5fa; }
@media (min-width: 901px) {
  .q-card .act { opacity: 0; transition: opacity .12s; }
  .q-card:hover .act, .q-card.open .act, .q-card:focus-within .act { opacity: 1; }
  .q-card .act-keep { opacity: 1; }
}