.live-comments{color:#f4ecf7;background:#1c1330;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;height:420px;max-height:60vh;display:flex;overflow:hidden}.live-comments-title{letter-spacing:.4px;text-transform:uppercase;color:#e3c766;border-bottom:1px solid #ffffff14;padding:10px 14px;font-size:.8rem;font-weight:700}.live-comments-list{flex-direction:column;flex:1;gap:8px;padding:10px 14px;display:flex;overflow-y:auto}.live-comments-empty{color:#f4ecf79e;text-align:center;margin-top:20px;font-size:.85rem}.live-comment{word-break:break-word;flex-direction:column;font-size:.85rem;line-height:1.35;display:flex;position:relative}.live-comment-actions{align-self:flex-end;gap:4px;margin-top:2px;display:inline-flex}.live-comment-action{color:#f4ecf7b3;background:#ffffff14;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:background-color .15s,color .15s;display:inline-flex}.live-comment-action:hover{color:#fff;background:#ffffff2e}.live-comment-pinned{color:#e3c766;background:#e3c76624;border:1px solid #e3c76659;border-radius:8px;align-items:baseline;gap:6px;margin:0 14px 8px;padding:8px 10px;font-size:.8rem;display:flex}.live-comment-pinned .live-comment-author{color:#e3c766}.live-comment-pinned .live-comment-text{color:#f4ecf7;flex:1}.live-comment-pinned .live-comment-action{margin-left:auto}.live-comment-author{color:#c3a5ff;align-items:center;gap:4px;font-size:.78rem;font-weight:600;display:inline-flex}.live-comment-host{background:#e3c7661a;border:1px solid #e3c76640;border-radius:8px;padding:6px 8px}.live-comment-host .live-comment-author{color:#e3c766}.live-comments-form{border-top:1px solid #ffffff14;flex-direction:column;gap:6px;padding:10px;display:flex}.live-comments-name-input,.live-comments-input{color:#f4ecf7;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:8px 10px;font-size:.85rem}.live-comments-name-input::placeholder,.live-comments-input::placeholder{color:#f4ecf780}.live-comments-input:disabled{opacity:.5;cursor:not-allowed}.live-comments-name-hint{color:#e3c766;font-size:.72rem;font-weight:600}.live-comments-row{gap:6px;display:flex}.live-comments-row .live-comments-input{flex:1}.live-comments-send{color:#241a3b;background:#e3c766;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;display:inline-flex}.live-comments-send:disabled{opacity:.5}.live-comments.is-overlay{pointer-events:none;background:0 0;border:none;border-radius:0;justify-content:flex-end;height:100%;max-height:none}.live-comments.is-overlay .live-comments-list{pointer-events:none;flex:0 auto;gap:5px;max-height:100%;padding:8px 10px;-webkit-mask-image:linear-gradient(#0000,#000 22%);mask-image:linear-gradient(#0000,#000 22%)}.live-comments.is-overlay .live-comment{-webkit-backdrop-filter:blur(3px);background:#0f081c8c;border-radius:999px;flex-direction:row;align-self:flex-start;align-items:baseline;gap:6px;max-width:90%;padding:5px 12px;animation:.22s ease-out live-comment-pop}@keyframes live-comment-pop{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.live-comments.is-overlay .live-comment-author{color:#d9c1ff;flex-shrink:0}.live-comments.is-overlay .live-comment-text{color:#fff}.live-comments.is-overlay .live-comment-host{background:#e3c76652;border:1px solid #e3c7668c;padding:5px 12px}.live-comments.is-overlay .live-comment-host .live-comment-author{color:#fff6dc}.live-comments.is-overlay .live-comment-pinned{pointer-events:auto;-webkit-backdrop-filter:blur(3px);background:#0f081ca6;border-radius:10px;margin:0 10px 6px}.live-comments.is-overlay .live-comment-actions{pointer-events:auto}.live-comments.is-overlay .live-comment{flex-wrap:wrap}.live-comments.is-overlay .live-comments-form{pointer-events:auto;background:linear-gradient(#0000,#0000008c);border-top:none;padding:16px 10px 10px}.live-comments.is-overlay .live-comments-name-input,.live-comments.is-overlay .live-comments-input{color:#fff;background:#ffffff24;border:1px solid #ffffff40;border-radius:999px}.live-comments.is-overlay .live-comments-send{border-radius:999px}