

.cute-event-theme .role-badge{letter-spacing:.05em;text-transform:uppercase;color:#a8a3ce;background:#2e2c45;border-radius:9999px;align-items:center;padding:2px 8px;font-size:10px;font-weight:900;display:inline-flex}.badge-resub{color:#fff;background:linear-gradient(90deg,#c4a2f8,#fca4d4)}
.event-perchar-theme{gap:16px}.pe-row{flex-direction:column;gap:6px;display:flex}.pe-empty{color:#fff9;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.pe-empty-dot{background:#fff3;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite pePulse}@keyframes pePulse{0%,to{opacity:.4}50%{opacity:1}}.pe-meta{align-items:center;gap:8px;padding-left:2px;animation:.3s both peMetaIn;display:flex}@keyframes peMetaIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.pe-badge{color:#fff;letter-spacing:.04em;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 7px;font-size:10px;font-weight:900;display:inline-flex}.pe-username{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#282640eb;border-radius:16px;max-width:100%;padding:5px 14px;font-size:14px;font-weight:800;overflow:hidden;box-shadow:0 2px 8px #0003}.pe-bubble-line{align-items:flex-end;gap:10px;display:flex}.pe-avatar{object-fit:cover;background:#0d0c18;border:2.5px solid #0000;border-radius:50%;flex-shrink:0;width:42px;height:42px;animation:.4s cubic-bezier(.175,.885,.32,1.275) both peAvatarPop}.pe-avatar-fallback{border:2.5px solid #0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;animation:.4s cubic-bezier(.175,.885,.32,1.275) both peAvatarPop;display:inline-flex}.pe-icon{color:#fff;width:18px;height:18px}.pe-icon-fill{fill:#fff}@keyframes peAvatarPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.pe-bubble{color:#fff;overflow-wrap:break-word;transform-origin:0 100%;border-radius:20px;max-width:370px;padding:13px 20px;font-weight:800;line-height:1.45;animation:.4s cubic-bezier(.16,1,.3,1) both peBubbleIn;position:relative;box-shadow:0 4px 18px #00000040}.pe-bubble:after{content:"";background:inherit;width:18px;height:14px;clip-path:path("M 0,0 C 2,5 0,10 -6,12 C 2,10 10,6 16,0 Z");position:absolute;bottom:-9px;left:18px}@keyframes peBubbleIn{0%{opacity:0;transform:scale(.85)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.pe-char{opacity:0;white-space:pre;animation-name:peCharIn;animation-timing-function:ease-out;animation-fill-mode:forwards;display:inline-block}.pe-inline-unit{background:#282640eb;border-radius:999px;align-items:center;gap:6px;max-width:320px;padding:4px 12px;animation:.3s both peMetaIn;display:inline-flex;box-shadow:0 2px 8px #0003}.pe-inline-row{background:#282640eb;border-radius:12px;align-items:baseline;gap:6px;padding:7px 12px;animation:.3s both peMetaIn;display:flex}.pe-inline-nick{color:#fff;white-space:nowrap;flex-shrink:0;font-size:12px;font-weight:800}.pe-inline-sep{color:#ffffff4d;flex-shrink:0;font-size:12px}.pe-inline-text{color:#fff;min-width:0;font-size:12px;font-weight:700}.pe-truncate{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.pe-truncate .pe-char{white-space:nowrap}@keyframes peCharIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}
.brutalist-bubble{position:relative}.brutal-halftone{background-image:radial-gradient(#000 1px,#0000 1px);background-size:6px 6px}.brut-bubble-tail{clip-path:polygon(0 0,100% 0,0 100%)}@keyframes brutalistIn{0%{opacity:0;transform:translate(-12px)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes brutalistOut{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(12px)scale(.98)}}.brutalist-item{animation:.4s cubic-bezier(.16,1,.3,1) both brutalistIn}
