html,body{font-family:Inter,sans-serif;margin:0;padding:0;color:#fff;height:100vh;width:100vw}html,body,#app{background-color:transparent!important}body{--timestamps-display: inline;--primary-color: #53fc18;--message-gap: 2px;--chatroom-font-size: 14px;--emote-size: calc(var(--chatroom-font-size) * 28 / 13);--badge-size: calc(var(--chatroom-font-size) + 2px);font-size:var(--chatroom-font-size);line-height:1.5;overflow:hidden;background-color:transparent}#app{display:flex;flex-direction:column;row-gap:var(--message-gap);height:calc(100vh - 16px);overflow-y:auto;overflow-x:hidden;padding:8px}#app:not(.preview):before{content:" ";margin-top:32px}@supports (height: 100dvh){body{height:100dvh}#app{height:calc(100dvh - 16px)}}#app img{vertical-align:middle}p{margin:0;padding:0}.chat-break{display:flex;width:100%;align-items:center;gap:12px}.chat-break div{height:1px;flex-grow:1;background-color:var(--primary-color)}.chat-break span{font-size:calc(var(--chatroom-font-size) - 2px);font-weight:700;color:var(--primary-color)}.emote{height:var(--emote-size);width:var(--emote-size);margin:0 .25em}.badge{height:var(--badge-size);width:var(--badge-size);margin-right:4px}.link{text-decoration:underline}.reply-container{color:#9fa6ad;font-size:calc(var(--chatroom-font-size) - 2px);padding:0 8px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;max-width:100%;-webkit-user-select:none;user-select:none}.highlight-border{border:1px solid var(--primary-color);border-radius:8px}.message-container{padding:4px 8px;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;max-width:100%;-webkit-user-select:none;user-select:none}.timestamp{color:#9fa6ad;font-size:calc(var(--chatroom-font-size) - 2px);display:var(--timestamps-display);margin-right:4px;line-height:1.75}.deleted{color:#a8b1b8!important}.line-through{text-decoration-line:line-through}.ai-mod{background-color:#ff9d00;padding:1px 4px;color:#141517;border-radius:4px;white-space:nowrap;margin-right:4px;font-size:calc(var(--chatroom-font-size) - 2px);font-weight:600}.ai-mod-rule{font-size:calc(var(--chatroom-font-size) - 2px);color:#fff}.ai-mod-rule:not(:last-of-type){margin-right:4px}.reply-block{max-width:100%}.reply-icon{fill:#9fa6ad;height:12px;width:12px;margin-right:4px}.username{font-weight:700}#scroll-indicator{position:fixed;bottom:8px;left:50%;transform:translate(-50%);background-color:#42474d;width:36px;height:36px;display:none;justify-content:center;align-items:center;border-radius:4px;cursor:pointer;z-index:1000}#scroll-indicator svg{width:16px;height:16px;fill:#fff}#scroll-indicator-icon{fill:#fff}.mention{display:inline-flex;flex-direction:row;align-items:center;width:fit-content;padding:0 4px;background-color:#42474d;border-radius:2px;font-weight:700}.highlighted-message{--highlighted-message-padding: 16px;--highlighted-message-icon-size: calc(var(--chatroom-font-size) + 2px);--highlighted-message-background: #171a1c;padding:var(--highlighted-message-padding);background:var(--highlighted-message-background);position:relative;display:flex;flex-direction:row;gap:16px;flex-wrap:nowrap;align-items:baseline}.highlighted-message:before{content:"";position:absolute;top:0;bottom:0;left:0;width:4px;background-color:var(--highlight-color, var(--primary-color))}.highlighted-message .highlighted-message-icon{margin:0;align-self:flex-start;flex-grow:0;flex-shrink:0;aspect-ratio:1 / 1;width:var(--highlighted-message-icon-size);height:var(--highlighted-message-icon-size)}.highlighted-message .highlight-message-text{width:fit-content;font-size:var(--chatroom-font-size);font-weight:400;line-height:var(--highlighted-message-icon-size)}.subgift-container{--subgift-main-icon-size: calc(var(--chatroom-font-size) + 6px);display:flex;flex-direction:column;row-gap:var(--message-gap)}.subgift-container .subgift-main .subgift-username,.subgift-container .subgift-item .subgift-username{width:fit-content;font-weight:700}.subgift-container .subgift-main .subgift-gifter,.subgift-container .subgift-item .subgift-gifter{color:var(--subgift-gifter-color)}.subgift-container .subgift-main .subgift-giftee,.subgift-container .subgift-item .subgift-giftee{color:var(--subgift-giftee-color)}.subgift-container .subgift-main{display:flex;flex-direction:row;gap:12px;flex-wrap:nowrap;align-items:flex-start}.subgift-container .subgift-main .subgift-main-icon{width:var(--subgift-main-icon-size);height:var(--subgift-main-icon-size)}.subgift-container .subgift-main .subgift-main-content{display:flex;flex-direction:column}.subgift-container .subgift-main .subgift-main-content .subgift-main-title{line-height:var(--subgift-main-icon-size)}.subgift-container .subgift-item{display:flex;flex-direction:row;gap:16px;flex-wrap:nowrap;align-items:baseline}.subscription-container{gap:12px}.subscription-container .subscriber-username{font-weight:700;color:var(--subscriber-color)}.celebration-container[data-type=subscription] .celebration-content{display:flex;flex-direction:column}.celebration-container[data-type=subscription] .celebration-content .celebration-title{width:fit-content;font-weight:700;line-height:var(--highlighted-message-icon-size);color:var(--celebration-title-color)}.celebration-container[data-type=subscription] .celebration-content .celebration-message{width:fit-content;padding-top:8px}.moderation-container .moderator-username{font-weight:700;width:fit-content;color:var(--moderator-username-color, var(--primary-color))}.moderation-container .moderated-username{font-weight:700;width:fit-content;color:var(--moderated-username-color, var(--primary-color))}.host-container .host-username{font-weight:700;width:fit-content;color:var(--host-username-color, var(--primary-color))}.reward-redeem-container .reward-redeem-content{display:flex;flex-direction:column}.reward-redeem-container .reward-redeem-username{font-weight:700;width:fit-content;color:var(--reward-redeem-username-color, white);margin-bottom:4px}.reward-redeem-container .reward-redeem-title{font-weight:700;width:fit-content}.reward-redeem-container .reward-redeem-message{width:fit-content;margin-top:8px;font-weight:700;padding-left:4px;padding-right:4px;background-color:#42474d;border-radius:2px}