@keyframes roastMarquee{0%{left:100%}to{left:-150%}}.roast-wall{position:relative;overflow:hidden}.mood-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(236,72,153,.35) transparent}.mood-scrollbar::-webkit-scrollbar{height:4px}.mood-scrollbar::-webkit-scrollbar-track{background:transparent}.mood-scrollbar::-webkit-scrollbar-thumb{background:#ec489966;border-radius:999px}.mood-scrollbar::-webkit-scrollbar-button{width:0;height:0;display:none}.roast-wall{--bullet-bg: rgba(255, 255, 255, .85);--bullet-color: #4a1d35;--bullet-border: rgba(236, 72, 153, .35);--grid-color: rgba(236, 72, 153, .12)}.dark .roast-wall{--bullet-bg: rgba(255, 255, 255, .08);--bullet-color: #fdf2f8;--bullet-border: rgba(236, 72, 153, .2);--grid-color: rgba(255, 255, 255, .08)}.roast-bullet{position:absolute;display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border-radius:999px;font-size:.85rem;background:var(--bullet-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 10px 25px -18px #ec4899cc;color:var(--bullet-color);animation-name:roastMarquee;animation-timing-function:linear;animation-iteration-count:infinite;border:1px solid var(--bullet-border);white-space:nowrap;flex-shrink:0}.roast-bullet.lane-0{top:8%}.roast-bullet.lane-1{top:22%}.roast-bullet.lane-2{top:36%}.roast-bullet.lane-3{top:50%}.roast-bullet.lane-4{top:64%}.roast-bullet.lane-5{top:78%}.roast-bullet .tag{font-size:.75rem;padding:.15rem .5rem;border-radius:999px;background:#ec489933;border:1px solid rgba(236,72,153,.35);white-space:nowrap;flex-shrink:0}.roast-bullet span{white-space:nowrap;flex-shrink:0}