.chat-image,.chat-video{width:min(100%,200px)!important;max-height:180px!important}.youtube-embed{display:block;width:min(100%,200px);aspect-ratio:16/9;height:auto;margin-top:7px;border:0;border-radius:10px;background:#000}@media(max-width:560px){.chat-image,.chat-video{width:min(100%,180px)!important;max-height:180px!important}.youtube-embed{width:min(100%,180px)}}
.youtube-mobile-link{position:relative;display:block;width:min(100%,200px);aspect-ratio:16/9;margin-top:7px;overflow:hidden;border-radius:9px;background:#000}.youtube-mobile-link img{display:block;width:100%;height:100%;object-fit:cover}.youtube-mobile-link span{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:44px;height:32px;transform:translate(-50%,-50%);border-radius:9px;background:#f00;color:#fff;font-size:18px;box-shadow:0 2px 8px #0008}
.online-preview{display:flex;align-items:center;gap:8px;width:100%;min-height:43px;padding:5px 10px;border:0;border-bottom:1px solid var(--line);background:#1b0f0a;color:var(--muted);cursor:pointer;text-align:left}.online-avatars{display:flex;min-width:0;overflow-x:auto;padding:1px 4px 1px 1px}.preview-avatar{flex:0 0 30px;width:30px;height:30px;margin-right:-6px;border:2px solid #1b0f0a;border-radius:50%;object-fit:cover;background:#5c3620}.preview-avatar.fallback{display:grid;place-items:center;color:#fff;font-size:9px}.online-preview>span:last-child{margin-left:auto;white-space:nowrap;font-size:10px;color:var(--gold2)}@media(max-width:560px){.online-preview{padding-inline:8px}.preview-avatar{flex-basis:27px;width:27px;height:27px}.online-preview>span:last-child{display:none}}
.online-preview{min-height:30px;height:30px;padding:3px 7px;overflow:hidden}.online-preview>span:last-child{display:flex;margin-left:0}.online-avatars{display:flex;align-items:center;gap:5px;width:100%;overflow-x:auto;scrollbar-width:none;padding:0}.online-avatars::-webkit-scrollbar{display:none}.online-chip{display:inline-flex;flex:0 0 auto;align-items:center;gap:3px;max-width:92px;padding:1px 5px 1px 2px;border-radius:999px;background:#ffffff0a;color:var(--gold2);font-size:9px;line-height:20px}.online-chip>span:last-child{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-avatar{flex:0 0 20px;width:20px;height:20px;margin:0;border:1px solid var(--line);border-radius:50%;object-fit:cover;background:#5c3620}.preview-avatar.fallback{display:grid;place-items:center;font-size:7px;color:#fff}@media(max-width:560px){.online-preview{height:28px;min-height:28px;padding:2px 5px}.online-preview>span:last-child{display:flex}.online-chip{max-width:78px;font-size:8px}.preview-avatar{flex-basis:19px;width:19px;height:19px}}
.online-preview{height:48px;min-height:48px;padding:3px 6px;background:transparent}.online-preview>span:last-child{display:flex;margin:0}.online-avatars{align-items:flex-start;gap:5px}.online-chip{display:flex;flex:0 0 42px;max-width:42px;height:41px;flex-direction:column;align-items:center;gap:1px;padding:0;background:transparent;color:var(--gold2);font-size:7px;line-height:10px}.online-chip>span:last-child{display:block;width:42px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-avatar{flex:0 0 28px;width:28px;height:28px;margin:0;border:1px solid var(--gold);border-radius:50%;object-fit:cover}.preview-avatar.fallback{font-size:8px}@media(max-width:560px){.online-preview{height:46px;min-height:46px;padding:3px 5px}.online-preview>span:last-child{display:flex}.online-chip{flex-basis:40px;max-width:40px;height:39px;font-size:7px}.online-chip>span:last-child{width:40px}.preview-avatar{flex-basis:27px;width:27px;height:27px}}
.member-bar{display:none!important}
.sticker-button{font-size:9px!important;font-weight:800;color:var(--gold2)!important}.sticker-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;max-height:190px;overflow-y:auto;margin-top:7px;padding:7px;border:1px solid var(--line);border-radius:9px;background:#21120c}.sticker-choice{display:grid;place-items:center;aspect-ratio:1;border:0;border-radius:7px;background:#ffffff08;cursor:pointer;padding:2px}.sticker-choice:hover{background:#ffffff16}.sticker-choice img{display:block;width:100%;height:100%;object-fit:contain}.chat-message .chat-image[src$=".gif"]{background:transparent}@media(max-width:560px){.sticker-picker{grid-template-columns:repeat(5,1fr);max-height:165px}}
.message-form .sticker-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;max-height:190px;overflow-y:auto;margin-top:7px;padding:6px}.message-form .sticker-picker.hidden{display:none!important}.message-form .sticker-choice{display:grid;place-items:center;min-width:0;width:100%;aspect-ratio:1;padding:1px!important;border:0!important;border-radius:7px!important;background:#ffffff08!important;cursor:pointer}.message-form .sticker-choice:hover{background:#ffffff16!important}.message-form .sticker-choice img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain}@media(max-width:560px){.message-form .sticker-picker{grid-template-columns:repeat(4,minmax(0,1fr));max-height:165px}}
.room-announcement{display:flex;align-items:flex-start;gap:7px;padding:8px 10px;border-bottom:1px solid #7f4c22;background:linear-gradient(90deg,#6e3814,#4d2712);color:#ffe3a6}.room-announcement.hidden{display:none!important}.room-announcement span{flex:0 0 auto;font-size:14px}.room-announcement p{margin:0;font-size:11px;line-height:1.45;overflow-wrap:anywhere}@media(max-width:560px){.room-announcement{padding:7px 8px}.room-announcement p{font-size:10px}}
.now-playing{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:9px;margin:0 0 9px;padding:9px 11px;border:1px solid var(--line);border-radius:11px;background:#ffffff0a}.now-playing>img{display:block!important;width:46px!important;height:46px!important;max-width:46px!important;max-height:46px!important;border-radius:50%!important;object-fit:cover!important}.now-playing-copy{min-width:0}.now-playing-copy small{color:var(--gold);font-size:9px;letter-spacing:.08em}.now-playing-copy h2{margin:2px 0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-playing-copy p{margin:0;color:var(--muted);font-size:10px}.now-playing-copy p strong{color:var(--gold2)}.now-playing>b{color:var(--muted);font-size:10px;white-space:nowrap}.current-program{margin:0 0 8px;padding:7px 10px;border-left:2px solid var(--gold);background:#ffffff08;color:var(--muted);font-size:10px}.next-program{display:flex;align-items:center;gap:9px;margin:0 0 10px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:#ffffff08}.next-program .next-time{display:flex;flex:0 0 auto;flex-direction:column;min-width:54px;color:var(--gold2)}.next-program .next-time strong{font-size:14px}.next-program .next-time span,.next-program small,.next-program p{color:var(--muted);font-size:9px}.next-program h2{margin:2px 0;font-size:13px}.next-program p{margin:0}@media(max-width:560px){.now-playing{grid-template-columns:38px minmax(0,1fr);padding:7px 8px}.now-playing>img{width:38px!important;height:38px!important;max-width:38px!important;max-height:38px!important}.now-playing>b{display:none}.now-playing-copy h2{font-size:12px}.next-program{padding:7px 8px}}