.membership-card{text-align:center}.membership-card .field{text-align:left}.membership-card h2{font-size:28px}.membership-mark{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 16px;border-radius:18px;background:#53fc1815;color:var(--accent);font-size:40px}.membership-price{border:1px solid var(--line);border-radius:10px;padding:18px;font-size:24px;font-weight:700;margin:20px 0}.membership-price small{display:block;margin-top:8px;color:var(--muted);font-size:12px;font-weight:400}.badge.member{color:#53fc18;border:1px solid #53fc1850;background:#53fc1815}.side-channel-copy{min-width:0}.side-channel-copy strong,.side-channel-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-count{flex-shrink:0}.sidebar .live-dot{background:#53fc18}.side-more{background:none;border:0;color:#b0b9bd;font-size:12px;text-align:left;padding:9px 12px;width:100%}.side-more:hover{color:white;background:#232b2f}.side-channel.is-live .avatar{outline:1px solid #53fc18;outline-offset:2px}.sidebar{scrollbar-width:thin}
@media(min-width:801px){body.collapsed #sidebar-channels,body.collapsed #sidebar-following{display:block}body.collapsed .sidebar{padding:14px 7px}body.collapsed .sidebar .side-channel{justify-content:center;padding:10px 0;position:relative}body.collapsed .sidebar .side-channel .avatar{display:inline-flex;width:34px;height:34px;font-size:12px}body.collapsed .side-channel-copy,body.collapsed .side-count,body.collapsed .side-empty{display:none}body.collapsed .side-more{font-size:0;padding:6px}body.collapsed .side-more::after{content:'⌄';font-size:16px;display:block;text-align:center}body.collapsed .side-more[aria-expanded=true]::after{content:'⌃'}body.collapsed #sidebar-channels{border-top:1px solid var(--line);padding-top:8px;margin-top:8px}body.collapsed .sidebar-bottom{padding-top:16px}body.collapsed .side-link{justify-content:center;padding:12px 0}}

@media(min-width:801px) and (max-width:1050px){body #sidebar-channels,body #sidebar-following{display:block}body .sidebar{padding:14px 7px}body .sidebar .side-channel{justify-content:center;padding:10px 0;position:relative}body .sidebar .side-channel .avatar{display:inline-flex;width:34px;height:34px;font-size:12px}body .side-channel-copy,body .side-count,body .side-empty{display:none}body .side-more{font-size:0;padding:6px}body .side-more::after{content:'⌄';font-size:16px;display:block;text-align:center}body .side-more[aria-expanded=true]::after{content:'⌃'}body #sidebar-channels{border-top:1px solid var(--line);padding-top:8px;margin-top:8px}body .sidebar-bottom{padding-top:16px}body .side-link{justify-content:center;padding:12px 0}}

@media(max-width:800px){body.mobile-open .sidebar .side-channel .avatar{display:inline-flex}}
/* Chat composer and balance */
#chat-form{padding:14px;background:#131619;border-top:1px solid #2a3035;display:block}
#chat-form .chat-note{margin:0 0 10px;color:#a0a8b0;font-size:11px;line-height:1.5}
#chat-form .chat-note>span{display:inline-block;color:#d4d8dd;font-weight:600;margin-right:8px}
.chat-compose{position:relative;border:1px solid #39414a;border-radius:10px;background:#20252b;transition:border-color .15s,box-shadow .15s}
.chat-compose:focus-within{border-color:#53fc18;box-shadow:0 0 0 2px #53fc1812}
#chat-form #chat-input{display:block;min-height:78px;max-height:180px;resize:vertical;border:0;border-radius:10px;background:transparent;outline:none;margin:0;width:100%;padding:13px 48px 13px 13px;font-size:13px;line-height:1.5;color:#f5f7f9}
#chat-form #chat-input::placeholder{color:#8c959f}
#chat-form .chat-emote-control{position:absolute;right:8px;bottom:8px;display:grid;place-items:center;border:0;border-radius:7px;width:32px;height:32px;padding:6px;background:transparent;color:#abb4bf}
#chat-form .chat-emote-control:hover{background:#323941;color:#fff}
#chat-form .chat-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 0;padding:0}
#chat-form .chat-wallet{display:flex;align-items:center;gap:9px;padding:5px 0;border:0;background:transparent;color:#e9edf1;border-radius:6px;min-width:0;text-align:left}
#chat-form .chat-wallet:hover{background:#20262c;padding-right:8px}
.chat-wallet .coin-symbol{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#d7a84b16;color:#e5bd69;border:1px solid #d7a84b40;font-size:20px}
.chat-wallet-copy{display:flex;flex-direction:column;gap:2px}.chat-wallet-copy #coins{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.chat-wallet-copy small{font-size:10px;font-weight:400;color:#97a1ac}
#chat-form .chat-send{display:flex;align-items:center;gap:7px;min-height:36px;padding:8px 13px;border-radius:8px;font-size:12px}
#chat-form .chat-send .ui-icon{width:14px;height:14px}

#membership-recipient[hidden]{display:none!important}
.chat-announcement{display:flex;gap:10px;padding:12px!important;margin:8px 0 12px;border:1px solid #53fc182b;border-radius:9px;background:linear-gradient(110deg,#53fc1810,#1a202400);line-height:1.45}
.announcement-symbol{flex-shrink:0;width:30px;height:30px;border-radius:8px;background:#53fc1815;color:#81ff56;display:grid;place-items:center}.announcement-symbol .ui-icon{width:17px;height:17px}
.announcement-body{min-width:0;flex:1}.announcement-heading{display:flex;align-items:center;gap:8px;justify-content:space-between}.announcement-heading strong{color:#8af766;font-size:10px;text-transform:uppercase;letter-spacing:.55px;margin:0}.announcement-heading time{margin:0;font-size:10px;color:#84938b}.announcement-body p{margin:5px 0 0;color:#e5ece8;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.announcement-gift,.announcement-award{border-color:#aa8df43b;background:linear-gradient(110deg,#aa8df416,#1a202400)}.announcement-gift .announcement-symbol,.announcement-award .announcement-symbol{background:#aa8df416;color:#c6acff}.announcement-gift .announcement-heading strong,.announcement-award .announcement-heading strong{color:#c6acff}.chat-announcement .message-tools{position:static;margin-top:7px;display:none}.chat-announcement:hover .message-tools,.chat-announcement:focus-within .message-tools{display:flex}