/* Selected Salon front: the channel and its live status lead the home page. */
[data-design=salon] .creator-logo{width:52px;height:52px;border-radius:12px;object-fit:contain;background:none}
[data-design=salon] .wordmark{margin-bottom:23px}
.salon-channel{border:1px solid #383a3f;border-radius:18px;background:#121315;overflow:hidden;min-width:0}
.salon-channel-header{min-height:49px;padding:12px 17px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #303237}
.salon-channel-header>div{display:flex;align-items:center;gap:9px}.salon-channel-header h2{font-size:13px;font-weight:550}.salon-channel-header .brand-logo{width:15px;height:17px}
.channel-status{display:flex;align-items:center;gap:7px;color:#9b9da3;font-size:10px;white-space:nowrap}.channel-status:before{content:"";width:6px;height:6px;border-radius:50%;background:#74767d}.channel-status[data-state=online]{color:#fff}.channel-status[data-state=online]:before{background:#fff;box-shadow:0 0 0 3px #ffffff20}
.salon-channel-screen{position:relative;aspect-ratio:16/9;min-height:300px;background:#090a0b}.salon-channel-screen:has(.twitch-load-error:not([hidden])) #salon-twitch-player{display:none}
#salon-twitch-player,#salon-twitch-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.twitch-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;background:#121315;pointer-events:none}.twitch-loading p{font-size:11px}.loading-ring{width:25px;height:25px;border:2px solid #42454c;border-top-color:#eee;border-radius:50%;animation:salon-load 1s linear infinite}@keyframes salon-load{to{transform:rotate(360deg)}}
.twitch-loading[hidden],.twitch-load-error[hidden]{display:none}.twitch-load-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:15px;padding:25px;background:#151619}.twitch-load-error h3{font-size:18px}.twitch-load-error p{font-size:12px}
.salon-channel-footer{padding:13px 17px;display:flex;gap:14px;justify-content:space-between;align-items:center;border-top:1px solid #303237}.salon-channel-footer>a{font-size:11px;display:flex;gap:8px;align-items:center;white-space:nowrap}.salon-channel-footer>a .icon{width:14px;height:14px}.salon-channel-footer>span{font-size:9px;color:#777d86;max-width:225px;text-align:right}
[data-design=salon] .home-top{align-items:start}[data-design=salon] .home-aside{height:100%}[data-design=salon] .next-up{margin-top:auto;padding-bottom:2px}
.exclusive-room{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px}.exclusive-stream,.exclusive-chat{background:#121316;border:1px solid #373a41;border-radius:16px;overflow:hidden}
.exclusive-stream>header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #30333a}.exclusive-stream>header>span:first-child{display:flex;gap:8px;align-items:center;font-size:9px;letter-spacing:1.4px;color:#a3a8b1}.exclusive-stream>header .icon{width:14px;height:14px}
.exclusive-locked{min-height:365px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 28px;background:#0d0e10;position:relative}.exclusive-locked>img{width:72px;height:72px;border-radius:16px;margin-bottom:13px}.exclusive-lock{position:absolute;top:22px;right:22px;color:#777e89}.exclusive-locked h2{font-size:25px;letter-spacing:-.7px}.exclusive-locked p{max-width:340px;font-size:12px;line-height:1.8;margin:13px auto 19px}.exclusive-auth-brands{display:flex;align-items:center;gap:17px;margin-top:23px}.exclusive-auth-brands .brand-logo{width:17px;height:18px}.exclusive-auth-brands .brand-logo--kick{width:28px;height:12px}.exclusive-stream>footer{padding:18px 22px;border-top:1px solid #30333a}.exclusive-stream>footer>strong{font-size:12px;font-weight:550}.exclusive-stream>footer>p{font-size:11px;margin-top:5px}
.exclusive-chat{display:flex;flex-direction:column}.exclusive-chat>header{display:flex;gap:9px;align-items:center;padding:16px 18px;border-bottom:1px solid #30333a;font-size:12px}.exclusive-chat>header>span{margin-left:auto;color:#818893}.exclusive-chat>header .icon{width:17px;height:17px}.exclusive-chat-empty{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:14px;padding:25px 23px;min-height:275px}.exclusive-chat-empty>.icon{color:#7e8590;width:24px;height:24px}.exclusive-chat-empty h3{font-size:14px}.exclusive-chat-empty p{font-size:11px;line-height:1.8}.exclusive-chat-empty>small{font-size:10px;line-height:1.7;color:#727a87}.chat-provider-key{display:flex;justify-content:center;gap:12px}.chat-provider-key>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-size:8px;color:#a4aab4}.chat-provider-key .brand-logo{width:17px;height:17px}.chat-provider-key .brand-logo--kick{width:28px;height:17px}
.exclusive-compose{padding:15px;border-top:1px solid #30333a}.exclusive-compose textarea{display:block;width:100%;resize:none;background:#1c1e23;border:1px solid #353941;color:#858d99;border-radius:8px;padding:12px;font-size:10px;line-height:1.6}.exclusive-compose textarea::placeholder{color:#717986}.exclusive-compose>div{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.exclusive-compose>div>span{font-size:9px;color:#7c8490;display:flex;gap:6px;align-items:center}.exclusive-compose>div>span .icon{width:13px;height:13px}.exclusive-compose button{border:0;border-radius:7px;background:#2d3139;color:#666e7a;padding:7px 11px}.exclusive-compose button>.icon{width:16px;height:16px}
.exclusive-rules{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:25px}.exclusive-rules>div{display:flex;align-items:flex-start;gap:12px}.exclusive-rules .icon{width:17px;height:17px;color:#89919d}.exclusive-rules p{font-size:11px;line-height:1.8}.exclusive-rules strong{color:#c1c6ce;font-weight:500}
.live-elsewhere{margin-top:30px;padding-top:25px;border-top:1px solid #30333a}.live-elsewhere h2{font-size:16px}.live-elsewhere>p{font-size:11px;margin:9px 0 15px}.live-elsewhere>div{display:flex;gap:12px;flex-wrap:wrap}.live-elsewhere>div>a,.platform-pending{display:flex;align-items:center;gap:9px;border:1px solid #383c44;border-radius:8px;padding:10px 14px;font-size:11px}.live-elsewhere .icon{width:13px;height:13px}.live-elsewhere .brand-logo{width:17px;height:18px}.platform-pending{color:#818997}.platform-pending small{font-size:8px;background:#262a31;padding:3px 6px;border-radius:4px}
[data-design=salon] .youtube-card>a{margin-left:auto;font-size:11px}.youtube-card>a>.icon{width:15px;height:15px}.youtube-card>a>.brand-logo{display:none}.youtube-card .youtube-icon{width:25px;height:25px;color:#e6e8ec}
@media(max-width:1180px){.exclusive-room{grid-template-columns:minmax(0,1fr) 270px}.exclusive-locked{padding:30px 20px}.exclusive-locked h2{font-size:23px}.salon-channel-footer>span{display:none}}
@media(max-width:980px){.exclusive-room{grid-template-columns:1fr}.exclusive-chat{min-height:380px}.exclusive-chat-empty{min-height:220px}.chat-provider-key{gap:22px}.chat-provider-key>span{flex-direction:row;font-size:10px}.exclusive-rules{gap:20px}.salon-channel-header{padding:12px}.salon-channel-header h2{font-size:12px}.channel-status{font-size:9px}}
@media(max-width:740px){[data-design=salon] .salon-channel{border-radius:12px}.salon-channel-header{padding:12px 14px}.salon-channel-header h2{font-size:12px}.salon-channel-footer{padding:12px 14px}.salon-channel-footer>a{font-size:10px}.salon-channel-screen{min-height:300px}.exclusive-stream>header{padding:14px}.exclusive-stream>header .small-pill{font-size:8px}.exclusive-stream>header>span:first-child{font-size:8px}.exclusive-locked{min-height:360px;padding:25px 18px}.exclusive-locked h2{font-size:23px}.exclusive-locked p{font-size:11px}.exclusive-stream>footer{padding:17px}.exclusive-stream>footer>p{font-size:10px}.exclusive-rules{grid-template-columns:1fr;gap:17px}.exclusive-rules p{font-size:10px}.live-elsewhere>p{line-height:1.7}.live-elsewhere>div{gap:8px}.live-elsewhere>div>a,.platform-pending{padding:9px 11px;font-size:10px}.youtube-card>a{font-size:10px!important}.youtube-card>a>span{max-width:80px;line-height:1.5}}

/* Keep social links readable with the Facebook destination on small screens. */
[data-design=salon] .channel-heading{gap:14px;flex-wrap:wrap}
[data-design=salon] .site-footer{gap:14px;flex-wrap:wrap}
[data-design=salon] .site-footer>div{flex-wrap:wrap;row-gap:12px}

.exclusive-locked>video,.native-player>video{width:100%;height:100%;max-height:570px;aspect-ratio:16/9;background:#000;border-radius:8px}.site-chat-messages{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:12px!important;padding:18px!important;overflow-y:auto;max-height:480px;min-height:250px}.site-chat-messages>p{display:flex;flex-wrap:wrap;align-items:center;gap:7px;text-align:left;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.site-chat-messages>p>span:last-child{flex-basis:100%;color:#d6d8dc}.site-chat-messages strong{color:#eee}.site-chat-messages .brand-logo{width:16px;height:16px}.exclusive-compose textarea:enabled{color:#eee}

[data-hosted=true] .reviewbar{display:none}[data-hosted=true] .app-frame{min-height:100vh}