:root{--ink:#f7f7f8;--muted:#9b9ba5;--panel:#151519;--line:#29292f;--paper:#0a0a0c;--pink:#fe2c55;--cyan:#25f4ee;--violet:#8b5cf6;--radius:18px;--header:68px}*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.site-header{height:var(--header);padding:0 clamp(18px,4vw,56px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #222227;background:rgba(10,10,12,.88);backdrop-filter:blur(18px);position:sticky;top:0;z-index:50}.brand{display:flex;align-items:center;gap:9px;font-weight:760;letter-spacing:-.03em}.brand-mark{display:grid;place-items:center;width:33px;height:33px;background:#fff;color:#09090b;border-radius:10px;font-size:12px;box-shadow:-3px -2px 0 var(--cyan),3px 2px 0 var(--pink)}.brand strong{color:var(--pink);font-size:10px;letter-spacing:.12em;margin-left:1px}.site-nav{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:650}.site-nav>a:hover{color:#fff}.site-nav>a:not(.profile-pill){color:#b8b8c0}.profile-pill{padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:#18181c}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#b9b9c3;font-size:11px;font-weight:800;letter-spacing:.17em}.eyebrow i{width:8px;height:8px;background:var(--pink);border-radius:50%;box-shadow:0 0 0 5px rgba(254,44,85,.13);animation:pulse 1.6s infinite}@keyframes pulse{50%{box-shadow:0 0 0 9px rgba(254,44,85,0)}}h1,h2,h3,p{margin-top:0}.discover-shell,.studio-shell,.admin-shell{max-width:1380px;margin:auto;padding:clamp(34px,6vw,82px) clamp(18px,5vw,72px)}.discover-heading,.page-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:42px}.discover-heading h1,.page-heading h1{font-size:clamp(38px,6vw,76px);letter-spacing:-.065em;line-height:.98;max-width:760px;margin:16px 0}.page-heading h1{font-size:clamp(34px,4.8vw,62px)}.discover-heading h1 em{font-style:normal;background:linear-gradient(90deg,var(--cyan),#fff 50%,var(--pink));-webkit-background-clip:text;color:transparent}.discover-heading p,.page-heading p{max-width:640px;color:var(--muted);font-size:clamp(15px,1.6vw,18px);line-height:1.65;margin:0}.primary-button,.secondary-button,.danger-button,.go-live-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;padding:12px 18px;font-weight:760;cursor:pointer;white-space:nowrap}.primary-button,.go-live-button{background:var(--pink);color:#fff;box-shadow:0 8px 30px rgba(254,44,85,.18)}.go-live-button{padding:14px 22px}.secondary-button{background:#1d1d22;color:#fff;border:1px solid #303038}.danger-button{background:#3a131c;color:#ff7891;border:1px solid #6c2030}.live-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 16px}.live-card{min-width:0}.live-cover{position:relative;aspect-ratio:9/13;border-radius:16px;overflow:hidden;background:#24242a center/cover no-repeat;isolation:isolate}.live-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03) 40%,rgba(0,0,0,.82));z-index:-1}.cover-fallback{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#4d356f,#16161b 55%,#0d2b31);z-index:-2}.cover-fallback span{font-size:90px;font-weight:900;opacity:.18}.live-badge{display:inline-flex;align-items:center;padding:5px 8px;background:var(--pink);color:white;border-radius:5px;font-size:10px;font-weight:900;letter-spacing:.08em}.live-cover .live-badge{position:absolute;left:12px;top:12px}.viewer-badge{position:absolute;right:12px;top:12px;background:rgba(0,0,0,.48);backdrop-filter:blur(8px);border-radius:6px;padding:5px 8px;font-size:11px}.tap-prompt{position:absolute;left:14px;bottom:14px;font-size:13px;font-weight:650;transform:translateY(8px);opacity:0;transition:.2s}.live-cover:hover .tap-prompt{opacity:1;transform:none}.live-cover:hover{outline:2px solid rgba(255,255,255,.18)}.live-card-meta{display:flex;gap:10px;padding:12px 4px}.live-card-meta>span:last-child{display:grid;min-width:0}.live-card-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.live-card-meta small{color:var(--muted);margin-top:3px}.avatar{flex:0 0 auto;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--violet) 50%,var(--pink));color:#fff;font-weight:850;border:2px solid rgba(255,255,255,.55)}.empty-live{min-height:420px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle at 50% -20%,#302348,#101014 50%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.empty-live h2{font-size:28px;margin:20px 0 8px}.empty-live p{color:var(--muted);max-width:450px}.empty-orbit{width:100px;height:100px;border:1px solid #565660;border-radius:50%;display:grid;place-items:center;position:relative}.empty-orbit:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:var(--pink);top:5px;right:12px}.empty-orbit span{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:#fff;color:#111;font-weight:900;box-shadow:-4px -3px var(--cyan),4px 3px var(--pink)}
/* Watch */.watch-body{overflow:hidden}.watch-body .site-header{display:none}.watch-app{height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,390px);background:#050506}.video-stage{position:relative;min-width:0;height:100dvh;overflow:hidden;background:#111}.video-backdrop{position:absolute;inset:-30px;background:#19191f center/cover no-repeat;filter:blur(30px) brightness(.42);transform:scale(1.08)}.video-mount{position:absolute;inset:0;display:grid;place-items:center}.video-mount video{width:100%;height:100%;object-fit:contain;background:#000}.video-mount audio{display:none}.stage-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.62),transparent 26%,transparent 52%,rgba(0,0,0,.68))}.live-topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:10px;padding:max(18px,env(safe-area-inset-top)) 20px 14px;z-index:5}.back-button,.icon-button{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;border:0;background:rgba(0,0,0,.35);color:white;font-size:28px;backdrop-filter:blur(8px);cursor:pointer}.host-chip{display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.32);padding:4px 5px 4px 4px;border-radius:999px;backdrop-filter:blur(10px);min-width:0}.host-chip .avatar{width:34px;height:34px}.host-chip>span:nth-child(2){display:grid;min-width:0}.host-chip strong,.host-chip small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:145px}.host-chip strong{font-size:12px}.host-chip small{font-size:10px;color:#d1d1d4}.host-chip button{border:0;background:var(--pink);color:white;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800}.live-topbar>.live-badge{margin-left:auto}.view-count{font-size:12px;background:rgba(0,0,0,.32);border-radius:6px;padding:6px 8px}.action-rail{position:absolute;z-index:5;right:18px;bottom:105px;display:grid;gap:18px}.rail-button{display:grid;justify-items:center;gap:4px;border:0;background:none;color:white;text-shadow:0 1px 6px #000;cursor:pointer}.rail-button span{width:45px;height:45px;display:grid;place-items:center;border-radius:50%;background:rgba(15,15,18,.42);backdrop-filter:blur(10px);font-size:23px}.rail-button small{font-size:10px;font-weight:750}.rail-button.liked span{color:var(--pink);transform:scale(1.08)}.mobile-chat{position:absolute;left:18px;right:88px;bottom:82px;z-index:5;display:none;max-height:34vh;overflow:hidden;mask-image:linear-gradient(transparent,#000 25%)}.chat-message{display:grid;grid-template-columns:auto 1fr;gap:8px;margin:10px 0;align-items:start}.chat-message .avatar{width:30px;height:30px;font-size:11px}.chat-bubble{min-width:0;font-size:13px;line-height:1.4}.chat-bubble strong{color:#d0d0d6;font-size:11px;margin-right:5px}.chat-bubble button{all:unset;cursor:pointer}.desktop-chat-panel{height:100dvh;border-left:1px solid #26262c;background:#101012;display:flex;flex-direction:column}.chat-panel-head{height:70px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.chat-panel-head span{font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:5px 8px}.chat-list{flex:1;overflow:auto;padding:14px 18px;scrollbar-width:thin}.chat-composer{display:flex;gap:8px;padding:14px;border-top:1px solid var(--line);padding-bottom:max(14px,env(safe-area-inset-bottom))}.chat-composer input{flex:1;min-width:0;border:1px solid #33333a;background:#1b1b20;color:#fff;border-radius:999px;padding:12px 15px;outline:none}.chat-composer input:focus{border-color:#666674}.chat-composer button{border:0;color:var(--pink);background:none;font-weight:800;cursor:pointer}.mobile-composer{display:none;position:absolute;z-index:6;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(0,0,0,.78) 28%);border:0;padding-top:28px}.gift-animation{position:absolute;z-index:20;left:50%;top:47%;transform:translate(-50%,-50%) scale(.8);width:min(380px,80vw);height:min(380px,80vw);display:none;place-items:center;text-align:center;pointer-events:none}.gift-animation.playing{display:grid;animation:giftIn 3.4s both}@keyframes giftIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}12%,78%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-54%) scale(1.05)}}#lottie-stage{position:absolute;inset:0}.gift-animation strong{position:absolute;bottom:10%;padding:8px 14px;border-radius:999px;background:rgba(0,0,0,.55);text-shadow:0 2px 10px #000}.ended-overlay{position:absolute;z-index:15;inset:0;background:rgba(5,5,7,.68);backdrop-filter:blur(14px);display:none;place-items:center;padding:24px}.ended-overlay.visible{display:grid}.ended-card{text-align:center;max-width:380px}.ended-mark{width:60px;height:60px;display:grid;place-items:center;background:#fff;color:#111;border-radius:17px;margin:0 auto 20px;font-size:13px;font-weight:900;box-shadow:-4px -3px var(--cyan),4px 3px var(--pink)}.ended-card h2{font-size:30px;margin-bottom:8px}.ended-card p{color:#c1c1c8;line-height:1.5}.ended-card button{border:0;background:#fff;color:#111;padding:13px 18px;border-radius:999px;font-weight:800;cursor:pointer}.toast{position:absolute;z-index:30;left:50%;bottom:86px;transform:translate(-50%,15px);background:#f5f5f5;color:#151515;padding:10px 14px;border-radius:999px;font-size:12px;font-weight:700;opacity:0;transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}
/* sheets */dialog.sheet{border:1px solid #34343c;padding:0;color:#fff;background:#151519;border-radius:24px 24px 0 0;width:min(560px,100%);max-width:none;margin:auto 0 0 auto;max-height:80dvh;box-shadow:0 -20px 80px rgba(0,0,0,.5)}dialog.sheet::backdrop{background:rgba(0,0,0,.58);backdrop-filter:blur(4px)}.sheet-grabber{width:42px;height:4px;background:#46464f;border-radius:99px;margin:10px auto}.sheet-heading{display:flex;align-items:center;justify-content:space-between;padding:12px 22px}.sheet-heading h2{margin:5px 0}.sheet-close{width:35px;height:35px;border:0;border-radius:50%;background:#26262c;color:#fff;font-size:20px;cursor:pointer}.gift-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px 16px 30px}.gift-option{border:1px solid transparent;background:#1c1c21;color:white;border-radius:14px;padding:12px 6px;display:grid;justify-items:center;cursor:pointer}.gift-option:hover{border-color:var(--pink);background:#241a1e}.gift-preview{width:75px;height:75px;display:grid;place-items:center;font-size:35px}.gift-option strong{font-size:12px}.gift-option small{font-size:10px;color:#aaaab4;margin-top:4px}.sheet-empty{padding:30px;text-align:center;color:var(--muted)}.confirm-sheet{padding:22px!important}.confirm-sheet>p{color:var(--muted)}.check-row{display:flex!important;align-items:flex-start;gap:11px;border:1px solid var(--line);border-radius:12px;padding:13px!important}.check-row input{width:18px!important;flex:0 0 auto;accent-color:var(--pink)}.check-row span{display:grid;gap:3px}.check-row small{color:var(--muted);line-height:1.35}.sheet-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
/* Studio and admin */.studio-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(330px,.8fr);gap:24px}.studio-preview,.studio-sidebar,.catalog-panel,.gift-editor{border:1px solid var(--line);border-radius:20px;background:#111114}.studio-preview{padding:18px}.camera-frame{max-width:760px;aspect-ratio:16/10;margin:auto;border-radius:16px;overflow:hidden;position:relative;background:radial-gradient(circle at 30% 20%,#30254a,#101014 58%)}.camera-frame video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera-placeholder{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:7px;color:var(--muted)}.camera-placeholder span{font-size:42px;color:#d7d7dd}.camera-placeholder strong{color:#fff}.studio-live-badge{position:absolute;top:15px;left:15px;background:#303038}.studio-controls{display:flex;align-items:center;justify-content:center;gap:12px;padding-top:18px}.round-control{width:44px;height:44px;border-radius:50%;border:1px solid #3b3b44;background:#1c1c21;color:#fff;cursor:pointer}.device-status{text-align:center;font-size:12px;color:var(--muted);margin:12px 0 0}.studio-sidebar{padding:22px}.panel-form,.gift-editor{display:grid;gap:15px}.panel-heading{display:flex;align-items:center;gap:12px;margin-bottom:8px}.panel-heading>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#232329;color:var(--pink);font-weight:850}.panel-heading h2{font-size:18px;margin:0}.panel-heading p{font-size:12px;color:var(--muted);margin:3px 0 0}.panel-form label,.gift-editor label{display:grid;gap:7px;color:#c8c8cf;font-size:12px;font-weight:700}.panel-form input,.panel-form textarea,.gift-editor input{width:100%;border:1px solid #323239;background:#1b1b20;border-radius:10px;color:#fff;padding:12px;outline:none}.panel-form textarea{resize:vertical}.panel-form input:focus,.panel-form textarea:focus,.gift-editor input:focus{border-color:#666674}.field-error,.form-error{color:#ff7891;font-size:12px}.check-row.compact{padding:10px!important}.section-title{display:flex;align-items:center;justify-content:space-between;margin:24px 0 10px}.section-title h3,.past-lives h3{font-size:13px;margin:0}.section-title span{background:var(--pink);border-radius:99px;padding:2px 7px;font-size:10px}.studio-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:16px}.studio-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:11px 6px;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);font-size:12px;font-weight:750;cursor:pointer}.studio-tab.active{color:#fff;border-bottom-color:var(--pink)}.studio-tab .tab-badge{background:var(--pink);color:#fff;border-radius:99px;padding:1px 6px;font-size:10px;line-height:1.4}.studio-tab-panel[hidden]{display:none}.request-card,.session-row{display:flex;align-items:center;gap:10px;background:#1b1b20;padding:11px;border-radius:11px;margin-top:7px}.request-card>span:nth-child(2),.session-row>span:nth-child(2){display:grid;flex:1}.request-card small,.session-row small{color:var(--muted)}.request-card button{border:0;border-radius:8px;padding:7px 9px;cursor:pointer}.request-card .approve{background:var(--pink);color:#fff}.request-card .reject{background:#303038;color:#fff}.muted{font-size:12px;color:var(--muted)}.past-lives{margin-top:28px}.session-row:hover,.session-row.selected{background:#24242a}.session-status{width:8px;height:8px;border-radius:50%;background:#666}.session-status.live{background:var(--pink);box-shadow:0 0 0 4px rgba(254,44,85,.12)}.session-status.draft{background:#fbbf24}.admin-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(340px,.7fr);gap:24px}.catalog-panel{padding:10px;overflow:hidden}.table-head,.gift-row{display:grid;grid-template-columns:1.2fr 1fr .6fr 24px;align-items:center;gap:15px}.table-head{padding:8px 14px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.gift-row{width:100%;border:0;border-top:1px solid #242429;background:none;color:#fff;text-align:left;padding:13px 14px;cursor:pointer}.gift-row:hover{background:#1a1a1e}.gift-row>span:first-child{display:none}.gift-row>span:nth-child(2),.gift-row>span:nth-child(3){display:grid;gap:3px}.gift-row small{color:var(--muted)}.status-chip{justify-self:start;border-radius:999px;padding:4px 8px;font-size:10px}.status-chip.active{background:#15352a;color:#69e8ae}.status-chip.inactive{background:#29292e;color:#aaa}.table-empty{text-align:center;color:var(--muted);padding:60px 20px}.gift-editor{padding:22px;align-content:start}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gift-editor label>small{color:var(--muted);font-weight:400}.lottie-preview{height:190px;border:1px dashed #393941;border-radius:12px;display:grid;place-items:center;color:var(--muted);overflow:hidden}
@media(max-width:1000px){.live-grid{grid-template-columns:repeat(3,1fr)}.studio-grid,.admin-grid{grid-template-columns:1fr}.studio-sidebar{order:-1}.watch-app{grid-template-columns:1fr}.desktop-chat-panel{display:none}.mobile-chat,.mobile-composer{display:flex}.mobile-chat{display:block}.video-mount video{object-fit:cover}}
@media(max-width:680px){:root{--header:58px}.site-header{padding:0 14px}.brand>span:not(.brand-mark),.brand strong{display:none}.site-nav{gap:13px;font-size:12px}.site-nav a:nth-child(1){display:none}.discover-shell,.studio-shell,.admin-shell{padding:28px 14px}.discover-heading,.page-heading{align-items:start;flex-direction:column;margin-bottom:28px}.discover-heading h1{font-size:45px}.live-grid{grid-template-columns:repeat(2,1fr);gap:20px 9px}.live-cover{border-radius:12px}.live-card-meta .avatar{display:none}.live-topbar{padding-left:12px;padding-right:12px;gap:7px}.host-chip strong,.host-chip small{max-width:92px}.close-watch{display:none}.action-rail{right:9px}.gift-grid{grid-template-columns:repeat(3,1fr)}.field-pair{grid-template-columns:1fr}.table-head{display:none}.gift-row{grid-template-columns:1fr .8fr 22px;gap:8px;padding:12px 8px}.gift-row>span:nth-child(4){display:none}.studio-preview{padding:8px}.camera-frame{aspect-ratio:9/14;max-height:62dvh}.studio-controls{flex-wrap:wrap}.page-heading .secondary-button{display:none}}

/* Live discovery */
.discover-shell{padding-top:clamp(30px,4vw,56px)}
.discover-heading{align-items:center;margin-bottom:30px}
.discover-heading h1{font-size:clamp(38px,5vw,66px);max-width:820px}
.live-creators{display:flex;gap:18px;margin:0 0 36px;padding:4px 2px 12px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}
.live-creators::-webkit-scrollbar{display:none}
.live-creators>a{width:74px;flex:0 0 74px;display:grid;justify-items:center;gap:8px;scroll-snap-align:start}
.creator-ring{position:relative;display:grid;place-items:center;width:64px;height:64px;border:2px solid var(--pink);border-radius:50%;padding:3px;background:var(--paper);box-shadow:-2px 0 0 var(--cyan),2px 0 0 var(--pink)}
.creator-ring .avatar{width:54px;height:54px;border:0}
.creator-ring b{position:absolute;bottom:-5px;padding:2px 6px;border:2px solid var(--paper);border-radius:5px;background:var(--pink);font-size:8px;letter-spacing:.06em}
.live-creators small{width:100%;overflow:hidden;color:#d0d0d6;font-size:11px;font-weight:650;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.feed-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:0 0 18px}
.feed-heading>div{display:flex;align-items:center;gap:10px}
.feed-heading h2{margin:0;font-size:22px;letter-spacing:-.035em}
.feed-heading span{padding:4px 8px;border-radius:999px;background:#24242a;color:#c9c9d0;font-size:10px;font-weight:750}
.feed-heading p{margin:0;color:var(--muted);font-size:12px}
.live-card{display:block;border-radius:16px;outline:0;color:inherit}
.live-card:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}
.live-card:hover .live-cover{box-shadow:0 0 0 2px rgba(255,255,255,.16),0 18px 44px rgba(0,0,0,.55)}
.live-cover{transition:box-shadow .25s ease}
.live-cover-image{position:absolute;z-index:-1;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.live-cover[data-preview-frames]{--preview-frame:0;--preview-frame-count:1}
.live-cover[data-preview-frames] img.live-cover-image{width:calc(var(--preview-frame-count) * 100%);max-width:none;object-fit:fill;transform:translateX(calc(var(--preview-frame) * -100% / var(--preview-frame-count)))}
.live-cover canvas.live-cover-preview{width:100%;height:100%;object-fit:cover;object-position:center;transform:none}
#broadcasts-grid .live-cover .live-cover-image,.replay-grid .live-cover .live-cover-image{width:100%;height:100%;object-fit:cover;object-position:center;transform:none;transition:opacity .15s ease}
#broadcasts-grid .live-cover[data-preview-frames] img.live-cover-image,.replay-grid .live-cover[data-preview-frames] img.live-cover-image{visibility:hidden}
#broadcasts-grid .has-hover-preview .live-cover-preview,.replay-grid .has-hover-preview .live-cover-preview{opacity:0;background:#111}
#broadcasts-grid .has-hover-preview:hover .live-cover-preview,#broadcasts-grid .live-card:focus-within .has-hover-preview .live-cover-preview,.replay-grid .has-hover-preview:hover .live-cover-preview,.replay-grid .live-card:focus-within .has-hover-preview .live-cover-preview{opacity:1}
.live-card:hover .live-cover:not([data-preview-frames]) .live-cover-image{transform:scale(1.08)}
.live-cover-hint{position:absolute;z-index:2;inset:0;display:flex;align-items:end;padding:14px;font-size:13px;font-weight:700;background:linear-gradient(transparent 65%,rgba(0,0,0,.7))}
.live-cover-hint span{opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s}
.live-card:hover .live-cover-hint span,.live-card:focus-visible .live-cover-hint span{opacity:1;transform:none}
@media(hover:none){.live-cover-hint span{opacity:1;transform:none}}
.viewer-badge>span{color:var(--pink);font-size:8px}
.card-like-badge{position:absolute;right:12px;bottom:12px;padding:5px 8px;border-radius:999px;background:rgba(0,0,0,.56);font-size:11px;font-weight:750;backdrop-filter:blur(8px)}
.card-like-badge>span{color:#ff244f;margin-right:3px}

/* The shared notification client maps Bootstrap tokens to its own palette. */
.site-notifications,.watch-notifications{--bs-body-bg:var(--panel);--bs-body-color:var(--ink);--bs-border-color:var(--line);--bs-primary:var(--pink);--bs-secondary-color:var(--muted);--rc-notification-surface:var(--panel);--rc-notification-text:var(--ink);--rc-notification-border:var(--line);--rc-notification-accent:var(--pink);--rc-notification-muted:var(--muted);color:var(--ink)}
.site-notifications{margin:-4px -8px}
.site-nav .profile-pill{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Immersive viewer */
.live-topbar{z-index:40}
.video-backdrop{overflow:hidden}
.video-backdrop img{width:100%;height:100%;object-fit:cover}
.video-mount{position:absolute}
.video-mount .live-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}
.video-mount .guest-video{z-index:2;inset:auto 20px 22px auto;width:clamp(150px,24%,290px);height:clamp(210px,36%,390px);border:2px solid rgba(255,255,255,.75);border-radius:18px;object-fit:cover;box-shadow:0 16px 46px rgba(0,0,0,.48)}
.host-chip{color:#fff}
.host-chip .profile-action{border:0;background:var(--pink);color:white;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800}
.live-badge.ended{background:#36363c;color:#d6d6dc}
.stage-context{position:absolute;z-index:5;top:86px;left:20px;max-width:min(520px,65%);text-shadow:0 2px 14px #000}
.stage-context>span{font-size:12px;font-weight:760}
.stage-context h1{margin:4px 0 5px;font-size:clamp(18px,2.3vw,30px);letter-spacing:-.035em;line-height:1.1}
.stage-context p{display:-webkit-box;margin:0;overflow:hidden;color:#dedee3;font-size:13px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.stream-pager{position:absolute;z-index:6;left:20px;top:50%;display:grid;gap:9px;transform:translateY(-50%)}
.stream-pager button{width:42px;height:42px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(10,10,12,.42);color:#fff;font-size:19px;backdrop-filter:blur(10px);cursor:pointer}
.stream-pager button:hover{background:rgba(255,255,255,.16)}
.swipe-hint{display:none}
.like-button>span{color:#ff244f;background:rgba(15,15,18,.42);font-size:29px;text-shadow:0 2px 12px rgba(255,36,79,.55)}
.like-button.liked>span{animation:likeButtonPop .28s ease-out}
.rail-button.joined>span{box-shadow:0 0 0 2px var(--cyan)}
@keyframes likeButtonPop{50%{transform:scale(1.28)}}
.like-burst{--heart-drift:0px;position:absolute;z-index:25;display:grid;place-items:center;width:70px;height:70px;margin:-35px 0 0 -35px;color:#ff244f;font-size:64px;line-height:1;filter:drop-shadow(0 6px 12px rgba(0,0,0,.4));pointer-events:none;animation:likeBurst 1.05s ease-out both}
.like-burst-1{--heart-drift:-34px;color:#ff4770;font-size:54px}.like-burst-2{--heart-drift:28px;color:#ff6b88;font-size:68px}.like-burst-3{--heart-drift:12px;color:#e6003c;font-size:58px}
@keyframes likeBurst{0%{opacity:0;transform:scale(.28) rotate(-18deg)}24%{opacity:1;transform:scale(1.18) rotate(8deg)}100%{opacity:0;transform:translate(var(--heart-drift),-105px) scale(.72) rotate(-7deg)}}
.studio-guest-video{position:absolute;z-index:4;right:16px;bottom:16px;width:clamp(120px,28%,220px);height:36%;border:2px solid rgba(255,255,255,.8);border-radius:16px;background:#000;object-fit:cover;box-shadow:0 14px 38px rgba(0,0,0,.48)}
.studio-guest-audio{display:none}
.camera-frame video.environment-camera{transform:none}
[hidden]{display:none!important}
.device-pickers{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:760px;margin:14px auto 0}.device-pickers label{display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:700}.device-pickers select{min-width:0;width:100%;padding:10px 12px;border:1px solid #34343c;border-radius:10px;background:#1b1b20;color:#fff;outline:none}.device-pickers select:focus{border-color:#777784}.studio-chat-list{height:220px;overflow:auto;padding:9px 11px;border:1px solid #292930;border-radius:12px;background:#0d0d0f}.studio-chat-message{display:grid;grid-template-columns:auto 1fr;gap:8px;margin:9px 0}.studio-chat-message .avatar{width:28px;height:28px;font-size:10px}.studio-chat-message>span:last-child{display:grid;min-width:0;font-size:12px;line-height:1.35}.studio-chat-message strong{color:#c7c7cf;font-size:10px}.studio-chat-composer{display:flex;gap:7px;margin-top:8px}.studio-chat-composer input{min-width:0;flex:1;padding:10px 12px;border:1px solid #34343c;border-radius:999px;background:#1b1b20;color:#fff}.studio-chat-composer button{border:0;background:var(--pink);color:#fff;border-radius:999px;padding:8px 12px;font-weight:750;cursor:pointer}@media(max-width:680px){.device-pickers{grid-template-columns:1fr}}
.rail-button:focus-visible,.stream-pager button:focus-visible,.back-button:focus-visible,.icon-button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}

@media(max-width:1000px){
  .video-mount .live-video{object-fit:cover}
  .video-mount .guest-video{inset:132px 12px auto auto;width:30vw;min-width:112px;max-width:180px;height:24vh;min-height:160px;max-height:260px}
  .stream-pager{display:none}
  .swipe-hint{position:absolute;z-index:7;left:50%;bottom:max(78px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:rgba(0,0,0,.42);color:#eee;font-size:10px;font-weight:700;backdrop-filter:blur(8px);transform:translateX(-50%);animation:swipeHint 5s 1s both}
  @keyframes swipeHint{0%,15%{opacity:0;transform:translate(-50%,8px)}25%,70%{opacity:1;transform:translate(-50%,0)}100%{opacity:0}}
}
@media(max-width:680px){
  .studio-shell .page-heading .studio-settings-button{display:inline-flex}
  .discover-heading{margin-bottom:22px}
  .discover-heading h1{font-size:42px}
  .live-creators{gap:12px;margin-bottom:26px}
  .feed-heading{align-items:start}
  .feed-heading p{display:none}
  .live-card:hover{transform:none}
  .site-nav{gap:8px}
  .site-nav>a:not(.profile-pill){display:none}
  .site-notifications{margin:0 -3px}
  .site-nav .profile-pill{max-width:92px}
  .live-topbar{padding-top:max(10px,env(safe-area-inset-top))}
  .live-topbar>.live-badge{display:none}
  .host-chip{max-width:150px}
  .host-chip small,.host-chip .profile-action{display:none}
  .host-chip strong{max-width:76px}
  .watch-notifications{margin-left:auto}
  .view-count{white-space:nowrap}
  .stage-context{top:max(72px,calc(env(safe-area-inset-top) + 62px));left:14px;max-width:60%}
  .stage-context h1{font-size:16px}
  .stage-context p{font-size:11px;-webkit-line-clamp:1}
}
@media(max-width:390px){
  .live-topbar{gap:5px;padding-left:8px;padding-right:8px}
  .back-button{width:34px;height:34px}
  .host-chip{max-width:126px}
  .host-chip .avatar{width:30px;height:30px}
  .host-chip strong{max-width:68px}
  .view-count{font-size:10px;padding:5px 6px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

.account-menu { position:relative; }
.account-menu summary { display:flex; align-items:center; gap:.55rem; cursor:pointer; list-style:none; }
.account-menu summary::-webkit-details-marker { display:none; }
.account-menu summary::after { content:"▾"; }
.account-avatar { width:34px; height:34px; border-radius:50%; object-fit:cover; flex-shrink:0; }
.account-initial { display:grid; place-items:center; background:#5547ab; color:#fff; }
.account-dropdown { position:absolute; right:0; top:calc(100% + 12px); width:min(280px,85vw); padding:12px; border-radius:14px; background:var(--surface,#191923); color:var(--text,#f5f5fa); border:1px solid #7775; box-shadow:0 16px 45px #0005; z-index:1000; }
.account-summary { display:flex; align-items:center; gap:10px; padding:8px; }
.account-summary strong,.account-summary small { display:block; overflow-wrap:anywhere; }
.account-summary small { opacity:.7; margin-top:3px; }
.site-nav .account-dropdown a { display:block; padding:10px; border-radius:8px; color:inherit; }
.account-dropdown a:hover { background:#8882; }
.account-menu summary:focus-visible,.account-dropdown a:focus-visible { outline:2px solid #9d88ff; outline-offset:4px; }

.control-icon { width:24px; height:24px; filter:invert(1); object-fit:contain; }
.gift-item-image { width:72px; height:72px; object-fit:contain; }
#lottie-stage .gift-item-image { width:180px; height:180px; }

/* Corporate mark */
.brand-mark { background:transparent; border-radius:0; box-shadow:none; }
.brand-mark img { display:block; width:31px; height:31px; object-fit:contain; }
.empty-orbit img { display:block; width:58px; height:58px; object-fit:contain; }
.empty-orbit .logo-for-light-theme { display:none; }
.ended-mark { background:transparent; border-radius:0; box-shadow:none; }
.ended-mark img { display:block; width:58px; height:58px; object-fit:contain; }

/* Responsive LIVE stage and participant states */
.video-stage{--swipe-offset:0px;touch-action:pan-x;overscroll-behavior:contain}
.video-backdrop,.video-mount{transition:transform .22s cubic-bezier(.22,.8,.32,1)}
.video-stage.is-swiping .video-backdrop,.video-stage.is-swiping .video-mount{transform:translateY(var(--swipe-offset));transition:none}
.video-mount.participant-grid,.studio-participant-grid{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;gap:3px}
.studio-participant-grid{background:#050506}
.video-mount.participant-grid{z-index:1;padding:0;place-items:stretch}
.participant-tile{position:relative;min-width:0;min-height:0;overflow:hidden;background:radial-gradient(circle at 50% 22%,#352a4a,#111116 62%);isolation:isolate}
.participant-tile>.live-video,.participant-tile>video{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover;background:#09090b}
.participant-tile.camera-paused>.live-video,.participant-tile.camera-paused>video{opacity:0}
.camera-paused-state{position:absolute;z-index:2;inset:0;display:grid;place-content:center;justify-items:center;gap:7px;padding:24px;background:radial-gradient(circle at 50% 38%,#312940,#111116 68%);text-align:center}
.camera-paused-state>span{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(255,255,255,.08);color:var(--pink);font-size:18px}
.camera-paused-state strong{max-width:300px;font-size:clamp(14px,2vw,20px)}
.camera-paused-state small{max-width:320px;color:#b9b9c2;font-size:12px;line-height:1.45}
.participant-meta{position:absolute;z-index:4;left:10px;right:10px;bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:8px;pointer-events:none}
.participant-meta>strong{overflow:hidden;padding:5px 8px;border-radius:999px;background:rgba(0,0,0,.5);font-size:10px;font-weight:760;text-overflow:ellipsis;white-space:nowrap;backdrop-filter:blur(7px)}
.participant-muted{position:relative;display:grid;width:28px;height:28px;flex:0 0 auto;place-items:center;border-radius:50%;background:#e83455;color:#fff;box-shadow:0 4px 16px rgba(0,0,0,.35)}
.participant-muted .control-icon{width:15px;height:15px}.participant-muted:after{content:"";position:absolute;width:17px;height:2px;border-radius:2px;background:#fff;transform:rotate(-48deg);box-shadow:0 0 0 1px rgba(232,52,85,.7)}
.participant-grid[data-participant-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.participant-grid[data-participant-count="3"]{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr))}
.participant-grid[data-participant-count="3"]>.host-tile{grid-row:1 / -1}
.participant-grid[data-participant-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
.participant-grid[data-participant-count="5"],.participant-grid[data-participant-count="6"]{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
.participant-grid[data-participant-count="7"],.participant-grid[data-participant-count="8"],.participant-grid[data-participant-count="9"]{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}
.participant-grid.has-program-output{grid-template-columns:1fr!important;grid-template-rows:1fr!important}.participant-grid.has-program-output>.participant-tile:not(.program-tile){display:none}.participant-grid.has-program-output>.program-tile{grid-column:1;grid-row:1}
.stage-shade{z-index:3}
.experience-role{padding:5px 8px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(0,0,0,.34);color:#eee;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;backdrop-filter:blur(8px)}
.participant-controls{position:absolute;z-index:12;left:50%;bottom:max(76px,calc(env(safe-area-inset-bottom) + 64px));display:flex;align-items:center;gap:9px;padding:7px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(12,12,15,.72);box-shadow:0 12px 36px rgba(0,0,0,.4);transform:translateX(-50%);backdrop-filter:blur(16px)}
.on-air-chip{display:flex;align-items:center;gap:6px;padding:0 6px;font-size:10px;font-weight:750;white-space:nowrap}.on-air-chip i{width:7px;height:7px;border-radius:50%;background:var(--pink);box-shadow:0 0 0 4px rgba(254,44,85,.18)}
.participant-control{display:grid;width:40px;height:40px;place-items:center;border:0;border-radius:50%;background:#3d1620;color:#fff;cursor:pointer}.participant-control.active{background:#29292f}.participant-control.leave{background:#a91e39;font-size:24px}.participant-control .control-icon{width:19px;height:19px}
.watch-app[data-viewer-role="participant"] #join-button{display:none}
.like-burst{z-index:35;will-change:transform,opacity}

.studio-participant-grid{position:absolute;z-index:1;inset:0}
.studio-participant-grid .participant-tile>.live-video,.studio-participant-grid .participant-tile>video{position:absolute}
.studio-participant-grid .guest-tile video{transform:none}
.studio-participant-grid[data-participant-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.studio-participant-grid[data-participant-count="3"]{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr))}
.studio-participant-grid[data-participant-count="3"]>.host-tile{grid-row:1 / -1}
.studio-participant-grid[data-participant-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
.studio-participant-grid[data-participant-count="5"],.studio-participant-grid[data-participant-count="6"]{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
.studio-live-badge{z-index:7}
.camera-placeholder{z-index:6;background:radial-gradient(circle at 30% 20%,#30254a,#101014 58%)}

@media(max-width:1000px){
  .studio-sidebar{order:initial}
  .experience-role{display:none}
  .video-mount.participant-grid[data-participant-count="2"]{grid-template-columns:1fr;grid-template-rows:repeat(2,minmax(0,1fr))}
  .video-mount.participant-grid[data-participant-count="3"]{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1.35fr) minmax(0,1fr)}
  .video-mount.participant-grid[data-participant-count="3"]>.host-tile{grid-column:1 / -1;grid-row:auto}
  .video-mount.participant-grid[data-participant-count="5"],.video-mount.participant-grid[data-participant-count="6"],.video-mount.participant-grid[data-participant-count="7"],.video-mount.participant-grid[data-participant-count="8"],.video-mount.participant-grid[data-participant-count="9"]{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}
  .participant-meta{left:6px;right:6px;bottom:6px}
  .camera-paused-state{padding:12px}.camera-paused-state>span{width:40px;height:40px}.camera-paused-state small{font-size:10px}
}
@media(max-width:680px){
  .studio-shell{padding-top:18px}.studio-shell .page-heading{margin-bottom:18px}.studio-shell .page-heading h1{font-size:32px}.studio-shell .page-heading p{font-size:14px}
  .studio-grid{gap:14px}.studio-preview{order:-1}.studio-sidebar{padding:16px}
  .studio-participant-grid[data-participant-count="2"]{grid-template-columns:1fr;grid-template-rows:repeat(2,minmax(0,1fr))}
  .studio-participant-grid[data-participant-count="3"]{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1.3fr) minmax(0,1fr)}
  .studio-participant-grid[data-participant-count="3"]>.host-tile{grid-column:1 / -1;grid-row:auto}
  .studio-participant-grid[data-participant-count="5"],.studio-participant-grid[data-participant-count="6"]{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}
  .participant-controls{max-width:calc(100vw - 24px)}.on-air-chip{max-width:100px;overflow:hidden;text-overflow:ellipsis}
}

/* Replay */
.replay-shell{max-width:1600px;margin:0 auto}
.replay-stage{position:relative;width:100%;aspect-ratio:16/9;max-height:82vh;background:#000;display:flex;justify-content:center}
.replay-stage video{position:absolute;inset:0;width:100%;height:100%;display:block;background:#000;object-fit:contain;object-position:center}
.replay-stage-empty{width:100%;aspect-ratio:16/9;max-height:82vh;display:grid;place-items:center;text-align:center;gap:8px;padding:24px;color:var(--muted)}
.replay-stage-empty strong{color:#fff;font-size:17px}
.replay-body{padding:26px clamp(16px,4vw,56px) 64px}
.replay-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap;margin-bottom:26px}
.replay-heading h1{font-size:clamp(24px,3vw,34px);margin:12px 0 6px;letter-spacing:-.03em}
.replay-heading p{margin:0;color:var(--muted)}
.replay-owner-actions-wrap{display:grid;gap:8px;justify-items:end}
.replay-owner-actions{display:flex;gap:10px;flex-wrap:wrap}
.replay-owner-actions .secondary-button{display:inline-flex;align-items:center;gap:8px}
.replay-action-status{margin:0;font-size:12px;color:#ff7891;text-align:right;max-width:360px}
.replay-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.replay-chat-panel,.replay-participants-panel{height:52vh;border:1px solid var(--line);border-radius:16px;overflow:hidden}
@media(max-width:760px){.replay-panels{grid-template-columns:1fr}.replay-chat-panel,.replay-participants-panel{height:40vh}}
.ended-session-row{display:flex;align-items:center;gap:10px;padding:10px 8px}
.ended-session-row .secondary-button{padding:6px 10px;font-size:12px}

/* Privacy picker (replay + future reuse) */
.privacy-options{display:grid;gap:10px;padding:0 20px 20px}
.privacy-option{display:grid;grid-template-columns:44px 1fr 20px;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#1b1b20;color:#fff;text-align:left;cursor:pointer}
.privacy-option:hover{border-color:color-mix(in srgb,var(--pink) 42%,var(--line))}
.privacy-option.active{border-color:var(--pink);box-shadow:0 0 0 3px rgba(254,44,85,.14)}
.privacy-option-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:10px;background:#232329;color:var(--pink)}
.privacy-option-copy{display:grid;gap:3px;min-width:0}
.privacy-option-copy strong{font-size:14px}
.privacy-option-copy small{color:var(--muted);font-size:12px;line-height:1.4}
.privacy-option-check{width:18px;height:18px;border-radius:50%;border:2px solid var(--line)}
.privacy-option.active .privacy-option-check{border-color:var(--pink);background:var(--pink) radial-gradient(circle,#fff 30%,transparent 34%)}

/* Live controls and media feedback */
.chat-message .avatar{width:38px;height:38px;font-size:13px}
.studio-chat-message .avatar{width:36px;height:36px;font-size:12px}
.live-card-shell{position:relative;min-width:0}
.live-card-shell>.live-card{height:100%}
.admin-close-stream{position:absolute;z-index:3;top:12px;right:12px;border:1px solid #fa718a;border-radius:999px;background:#711b30;color:#fff;padding:7px 10px;font-weight:750;cursor:pointer}
.admin-watch-button{border:1px solid #fa718a;border-radius:999px;background:#711b30;color:#fff;padding:7px 11px;font-size:11px;font-weight:750;white-space:nowrap;cursor:pointer}
.video-error{position:absolute;z-index:4;left:50%;top:50%;width:min(340px,calc(100% - 40px));transform:translate(-50%,-50%);padding:20px;border:1px solid #5e4249;border-radius:16px;background:rgba(18,15,20,.9);color:#fff;text-align:center;box-shadow:0 12px 36px #0008}
.video-error p{margin:0 0 14px;line-height:1.45}
.video-error button{border:0;border-radius:999px;background:#fff;color:#16151a;padding:10px 16px;font-weight:750;cursor:pointer}
/* Broadcast settings */
.studio-source-picker{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:18px 0 0;color:#c8c8cf;font-size:12px;font-weight:700}.studio-source-picker select{padding:9px 11px;border:1px solid #323239;border-radius:9px;background:#1b1b20;color:#fff}.studio-source-picker a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}
.stage-layout-panel{max-width:760px;margin:14px auto 0;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.layout-options{display:flex;gap:5px;flex-wrap:wrap;justify-content:center}.layout-options button{min-height:34px;border:1px solid #3b3b46;border-radius:9px;background:#1b1b20;color:#d8d8df;padding:7px 10px;font-size:11px;font-weight:800;cursor:pointer}.layout-options button.active,.layout-options button[aria-pressed=true]{border-color:#ff7891;background:#3a1c28;color:#fff}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.settings-card{min-width:0;padding:28px;border:1px solid var(--line);border-radius:20px;background:#111114}.settings-card h2{font-size:24px;margin:12px 0}.settings-card>p{color:var(--muted);line-height:1.55}.settings-step{font-size:11px;font-weight:800;letter-spacing:.13em;color:var(--pink)}.settings-form{display:grid;gap:10px;margin:22px 0}.settings-form label,.settings-secret label{font-size:12px;font-weight:750;color:#c8c8cf}.settings-form input,.settings-form select,.settings-secret input{width:100%;min-width:0;padding:12px;border:1px solid #323239;border-radius:10px;background:#1b1b20;color:#fff}.settings-form .primary-button{justify-self:start;margin-top:5px}.settings-secret{display:grid;gap:8px;margin:14px 0}.settings-secret input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.settings-instructions{padding-left:22px;color:#d0d0d6;line-height:1.7}.settings-note{font-size:13px;color:var(--muted);line-height:1.5;margin-top:18px}.settings-notice{padding:14px 18px;border:1px solid #295847;border-radius:10px;background:#123327;color:#9aefc1}.saved-destinations{display:grid;gap:10px;margin-top:20px}.saved-destination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border:1px solid var(--line);border-radius:11px;background:#1b1b20}.saved-destination span{display:grid;gap:3px}.saved-destination small{color:var(--muted)}.saved-destination .secondary-button{padding:8px 12px;font-size:12px}@media(max-width:850px){.settings-grid{grid-template-columns:1fr}.settings-card{padding:20px}}

/* Broadcast connections and destination controls */
.broadcast-settings{max-width:1220px}.settings-heading{margin-bottom:42px}.connection-section-heading{margin:0 0 18px}.connection-section-heading h2{font-size:27px;letter-spacing:-.035em;margin:7px 0 4px}.connection-section-heading p{color:var(--muted);font-size:14px;margin:0}.destination-heading{margin-top:48px}.connection-card{display:flex;align-items:center;gap:20px;padding:24px;border:1px solid #35313d;border-radius:20px;background:linear-gradient(110deg,#1d1a28,#111116 55%);box-shadow:0 18px 48px rgba(0,0,0,.17)}.connection-icon{flex:none;display:grid;place-items:center;width:60px;height:60px;border-radius:17px;background:#343044;font-size:32px}.connection-details{min-width:0;flex:1}.connection-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.connection-title h3{font-size:20px;margin:0}.connection-details>p{font-size:13px;color:var(--muted);line-height:1.5;margin:6px 0 0}.connection-state{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border:1px solid #3b3b46;background:#27272e;color:#b6b6c0;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800}.connection-state:before{content:"";width:6px;height:6px;background:#85858f;border-radius:50%}.connection-state.is-ready{border-color:#2d6b50;background:#173629;color:#aaf5cb}.connection-state.is-ready:before{background:#53dda0}.connection-actions{flex:none}.connection-error{display:block;max-width:240px;font-size:12px;color:#ff899f}.room-selector{display:flex;align-items:center;gap:10px;margin-top:16px;font-size:12px;color:#c4c4ce}.room-selector select{max-width:300px;min-width:0;padding:8px 10px;color:#fff;background:#24222e;border:1px solid #45414d;border-radius:9px}.connection-platform-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.platform-card{display:flex;flex-direction:column;min-height:225px;padding:19px;border:1px solid #2d2d36;border-radius:18px;background:#141419;transition:transform .15s,border-color .15s,box-shadow .15s}.platform-card:hover{transform:translateY(-2px);border-color:#57515d;box-shadow:0 16px 32px rgba(0,0,0,.18)}.platform-topline{display:flex;align-items:start;justify-content:space-between;gap:8px}.platform-mark,.studio-destination-icon{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:12px;font-size:22px;font-weight:900}.platform-youtube .platform-mark,.studio-destination-icon.platform-youtube{background:#481f26;color:#ff687c}.platform-twitch .platform-mark,.studio-destination-icon.platform-twitch{background:#322248;color:#bd91fa}.platform-kick .platform-mark,.studio-destination-icon.platform-kick{background:#263b1a;color:#9bdf51}.platform-facebook .platform-mark,.studio-destination-icon.platform-facebook{background:#1d304e;color:#8bb5ff}.platform-card h3{font-size:19px;margin:20px 0 6px}.platform-card p{font-size:12px;line-height:1.5;color:var(--muted);margin:0}.platform-card-footer{margin-top:auto;padding-top:19px}.platform-card-footer button{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:12px}.settings-footnote{margin:19px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.connection-dialog{width:min(540px,calc(100vw - 26px));max-height:calc(100dvh - 32px);overflow:auto;padding:27px;border:1px solid #42404d;border-radius:20px;background:#18181e;color:#fff;box-shadow:0 26px 100px rgba(0,0,0,.7)}.connection-dialog::backdrop{background:rgba(3,3,7,.78);backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;gap:14px}.dialog-heading h2{font-size:25px;margin:7px 0 14px}.dialog-close{width:35px;height:35px;border:1px solid #45454f;border-radius:10px;background:#24242b;color:#fff;font-size:24px;cursor:pointer}.connection-dialog>p{color:#babac5;font-size:13px;line-height:1.6}.secret-field{display:grid;gap:7px;margin-top:17px}.secret-field label,.dialog-form>label{font-size:12px;font-weight:750;color:#d4d4dc}.secret-field>div{display:flex;align-items:center;min-width:0;border:1px solid #41414d;border-radius:10px;background:#101015;overflow:hidden}.secret-field input{width:100%;min-width:0;padding:12px;border:0;background:transparent;color:#fff;font:12px ui-monospace,SFMono-Regular,Consolas,monospace;outline:none}.secret-field button{padding:12px;border:0;border-left:1px solid #41414d;background:#26262f;color:#ddd;cursor:pointer;font-size:12px}.connection-guide{display:grid;grid-template-columns:24px 1fr;gap:10px;margin:23px 0;padding:17px;border:1px solid #343440;border-radius:12px;background:#202029}.connection-guide span{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#55303e;color:#fff;font-size:11px;font-weight:800}.connection-guide p{margin:0;color:#d5d5de;font-size:12px;line-height:1.5}.dialog-footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:23px}.dialog-footer form{margin-right:auto}.dialog-form{display:grid;gap:10px}.dialog-form>label{margin-top:8px}.dialog-form>label small{display:block;color:#90909b;font-weight:400;margin-top:3px}.dialog-form>input{padding:12px;border:1px solid #41414d;border-radius:10px;background:#101015;color:#fff;min-width:0}.dialog-security-note{font-size:12px;color:#9999a7;line-height:1.5;margin:12px 0 0}.text-danger-button{border:0;background:none;color:#ff8a9e;font-size:12px;font-weight:750;cursor:pointer}.remove-platform-form{margin-top:18px;padding-top:17px;border-top:1px solid #35353e}.remove-platform-form[hidden]{display:none}.settings-notice{margin-bottom:23px}
.studio-destination-panel{max-width:760px;margin:21px auto 0;padding:20px;border:1px solid #33313c;border-radius:16px;background:linear-gradient(120deg,#191720,#101014 75%)}.studio-destination-heading{display:flex;justify-content:space-between;gap:14px;align-items:start}.studio-destination-heading h2{font-size:19px;letter-spacing:-.02em;margin:4px 0}.studio-destination-heading p{font-size:12px;color:var(--muted);line-height:1.45;margin:0}.destination-settings-link{white-space:nowrap;color:#a5e9e6;font-size:12px;font-weight:750}.studio-destination-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:17px}.studio-destination{display:flex;align-items:center;gap:9px;min-width:0;padding:9px;border:1px solid #383741;border-radius:12px;background:#202027}.studio-destination.is-streaming{border-color:#36634d;background:#1a2b22}.studio-destination-icon{width:32px;height:32px;border-radius:9px;font-size:17px}.studio-destination-info{min-width:0;display:grid;gap:2px;flex:1}.studio-destination-info strong{font-size:12px}.studio-destination-info small{font-size:10px;color:#a7a7b1}.studio-destination button,.studio-destination a{padding:7px 9px;border-radius:8px;border:1px solid #474650;background:#303039;color:#fff;font-size:10px;font-weight:750;white-space:nowrap;cursor:pointer}.studio-destination .destination-start:not(:disabled){background:#56303d;border-color:#7a4054}.studio-destination .destination-stop{background:#334b3c;border-color:#4b8760}.studio-destination button:disabled{opacity:.55;cursor:wait}.studio-destination-empty{grid-column:1/-1;margin:0;color:var(--muted);font-size:12px}.studio-destination-empty a,.studio-destination-more{color:#a5e9e6;font-weight:800}.studio-destination-more{display:flex;align-items:center;justify-content:center;min-height:52px;border:1px dashed #3f3f4a;border-radius:12px;font-size:12px}.destination-feedback{font-size:12px;color:#bde9e3;margin:12px 0 0}.guest-output-controls{position:absolute;z-index:6;right:8px;top:8px;display:flex;gap:5px}.guest-output-controls button{padding:5px 7px;border:1px solid #ffffff66;border-radius:7px;background:#08090dbb;color:#fff;font-size:10px;cursor:pointer}.guest-output-controls button[aria-pressed=true]{border-color:#ff7891;color:#ffafbf}.guest-tile.output-hidden video{opacity:.32}.guest-tile.output-hidden:after{content:"Hidden from external streams";position:absolute;top:44px;left:10px;color:#ffb4c2;font-size:10px;font-weight:700}
@media(max-width:1000px){.connection-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.connection-card{align-items:flex-start;flex-wrap:wrap;padding:18px}.connection-actions{width:100%}.connection-actions button{width:100%}.connection-platform-grid{gap:9px}.platform-card{min-height:210px;padding:14px}.platform-topline{flex-wrap:wrap}.studio-destination-heading{flex-direction:column}.studio-destination-list{grid-template-columns:1fr}.connection-dialog{padding:18px}.dialog-footer{flex-wrap:wrap}}
.studio-participant-grid.has-featured-guest{grid-template-columns:minmax(0,1.7fr) minmax(0,.7fr);grid-template-rows:repeat(5,minmax(0,1fr))}.studio-participant-grid.has-featured-guest>.host-tile{grid-row:auto;grid-column:2}.studio-participant-grid.has-featured-guest>.guest-tile.is-featured{grid-column:1;grid-row:1/-1}.studio-participant-grid.has-featured-guest>.guest-tile:not(.is-featured){grid-column:2}.guest-tile.is-featured{outline:2px solid #b997fb;outline-offset:-2px}@media(max-width:680px){.studio-participant-grid.has-featured-guest{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);grid-template-rows:repeat(5,minmax(0,1fr))}.studio-participant-grid.has-featured-guest>.host-tile{grid-column:2}}
.studio-participant-grid[data-stage-layout="corner"]{display:block}.studio-participant-grid[data-stage-layout="corner"]>.participant-tile{position:absolute;inset:0}.studio-participant-grid[data-stage-layout="corner"]>.guest-tile{inset:auto 12px 12px auto;width:min(30%,230px);height:min(30%,150px);border:2px solid rgba(255,255,255,.72);border-radius:12px;box-shadow:0 16px 38px rgba(0,0,0,.45)}.studio-participant-grid[data-stage-layout="corner"]>.guest-tile:nth-of-type(3){right:254px}.studio-participant-grid[data-stage-layout="corner"]>.guest-tile:nth-of-type(4){bottom:174px}.studio-participant-grid[data-stage-layout="corner"]>.guest-tile:nth-of-type(5){right:254px;bottom:174px}.studio-participant-grid[data-stage-layout="sidebar-right"],.studio-participant-grid[data-stage-layout="focus"]{grid-template-columns:minmax(0,1fr) minmax(110px,.28fr);grid-auto-rows:minmax(0,1fr)}.studio-participant-grid[data-stage-layout="sidebar-left"]{grid-template-columns:minmax(110px,.28fr) minmax(0,1fr);grid-auto-rows:minmax(0,1fr)}.studio-participant-grid[data-stage-layout="sidebar-right"]>.host-tile,.studio-participant-grid[data-stage-layout="focus"]>.host-tile{grid-row:1/-1;grid-column:1}.studio-participant-grid[data-stage-layout="sidebar-left"]>.host-tile{grid-row:1/-1;grid-column:2}.studio-participant-grid[data-stage-layout="stack"]{grid-template-columns:1fr;grid-auto-rows:minmax(0,1fr)}
@media(max-width:680px){.settings-heading .secondary-button{display:inline-flex}}
.platform-help-link{display:inline-flex;color:#9ee8e6;font-size:12px;font-weight:750;text-decoration:underline;text-underline-offset:3px;margin:0 0 6px}

/* Studio connection flow */
.studio-settings-button{width:43px;height:43px;padding:10px;flex:none}
.studio-settings-button svg{display:block;width:19px;height:19px}
.go-live-button.is-preparing{background:#73374d;cursor:progress}
.button-spinner{display:none;width:16px;height:16px;border:2px solid #ffffff66;border-top-color:#fff;border-radius:50%}
.go-live-button.is-preparing .button-spinner{display:inline-block;animation:studio-spin .75s linear infinite}
@keyframes studio-spin{to{transform:rotate(360deg)}}
.device-retry{display:block;margin:0 auto 8px;padding:7px 11px;border:1px solid #4b4650;border-radius:8px;background:#242129;color:#fff;font-size:11px;font-weight:750;cursor:pointer}
.destination-heading{display:flex;align-items:end;justify-content:space-between;gap:18px}
.add-provider-button{flex:none}
.connection-platform-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.destination-empty{grid-column:1/-1;margin:0;padding:30px 22px;border:1px dashed #49434f;border-radius:18px;background:#16141a;color:#aaa7b2;font-size:13px;text-align:center}
.platform-mark img{display:block;width:25px;height:25px}
.studio-destination-icon img{display:block;width:19px;height:19px}
.platform-mark.platform-youtube{background:#481f26}.platform-mark.platform-twitch{background:#322248}.platform-mark.platform-kick{background:#263b1a}.platform-mark.platform-facebook{background:#1d304e}
.platform-dialog-title-row{display:flex;align-items:center;gap:12px;margin:10px 0 14px}
.platform-dialog-title-row h2{margin:0}
.provider-choices{display:grid;gap:9px;margin-top:18px}
.provider-choice{display:flex;align-items:center;gap:13px;width:100%;padding:11px;border:1px solid #3a3842;border-radius:12px;background:#222129;color:#fff;text-align:left;cursor:pointer}
.provider-choice:hover,.provider-choice:focus-visible{border-color:#ad6b83;background:#2c2631}
.provider-choice>span:nth-child(2){display:grid;gap:3px;flex:1}
.provider-choice strong{font-size:14px}.provider-choice small{font-size:11px;color:#aaa6b0}
.provider-choice-arrow{font-size:20px;color:#b4aeb8}
.confirmation-dialog{width:min(440px,calc(100vw - 26px))}
.confirmation-dialog .danger-button{background:#7a2838;color:#fff}
@media(max-width:680px){
  .destination-heading{align-items:stretch;flex-direction:column}
  .add-provider-button{align-self:stretch}
  .discover-shell,.studio-shell,.admin-shell{padding-left:0;padding-right:0}
  .discover-shell>.discover-heading,.discover-shell>.feed-heading,.discover-shell>.live-creators,
  .studio-shell>.page-heading,.broadcast-settings>.connection-section-heading,.broadcast-settings>.settings-footnote{padding-left:14px;padding-right:14px}
  .discover-shell .live-grid{gap:16px 0}
  .live-card,.live-cover{border-radius:0}
  .studio-grid{gap:0}
  .studio-preview,.studio-sidebar,.connection-card,.platform-card,.studio-destination-panel{border-radius:0}
  .studio-preview{padding:0 0 18px}
  .camera-frame{max-width:none;border-radius:0}
  .studio-controls,.studio-source-picker,.device-pickers,.device-status{margin-left:14px;margin-right:14px}
  .studio-destination-panel{max-width:none;margin-left:0;margin-right:0}
  .connection-platform-grid{gap:0}
  .connection-card{margin-left:0;margin-right:0}
  .broadcast-settings .connection-section-heading{margin-top:22px}
  .settings-notice{margin-left:14px;margin-right:14px}
  .replay-body{padding-left:0;padding-right:0}
  .replay-heading{padding-left:14px;padding-right:14px}
  .replay-panels{gap:0}
  .replay-chat-panel,.replay-participants-panel{border-radius:0}
}
@media(prefers-reduced-motion:reduce){.go-live-button.is-preparing .button-spinner{animation-duration:1.6s}}
.studio-invite-button{flex-shrink:0}
.studio-invite-button svg{width:20px;height:20px;vertical-align:middle}
.studio-toast{position:fixed;bottom:max(24px,env(safe-area-inset-bottom));max-width:calc(100vw - 32px);width:max-content;text-align:center}

/* Public replay discovery and the owner's unpublished recordings. */
.replay-section{margin-top:48px}
.replay-section .feed-heading{align-items:flex-start}
.replay-section .feed-heading>div{flex-wrap:wrap}
.replay-eyebrow{color:var(--cyan)}
.replay-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 18px;align-items:start}
.replay-grid .replay-card{display:block;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--panel);height:100%;transition:border-color .2s}
.replay-grid .replay-card:hover{transform:none;border-color:var(--cyan)}
.replay-grid .replay-card:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
.replay-grid .live-cover{aspect-ratio:9/13;border-radius:0;background:#08080a}
.replay-grid .replay-card-wide{grid-column:span 2}
.replay-grid .replay-card-wide .live-cover{aspect-ratio:16/9}
/* Keep the whole video frame in wide cards, including portrait recordings. */
.replay-grid .replay-card-wide .live-cover .live-cover-image,#broadcasts-grid .replay-card-wide .live-cover .live-cover-image{object-fit:contain;object-position:center;background:#08080a}
.replay-grid .live-card-meta{padding:14px 12px}
.replay-grid .live-card-meta strong{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}
.replay-grid .live-card-meta small{font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.replay-grid .replay-badge{background:rgba(15,15,20,.78);backdrop-filter:blur(10px)}
.replay-grid .private-badge{background:#353043;color:#eee6ff}
.replay-duration{position:absolute;right:12px;bottom:12px;padding:4px 7px;border-radius:5px;background:rgba(0,0,0,.8);color:white;font-size:11px;font-weight:750;font-variant-numeric:tabular-nums;z-index:2}
.replay-grid .live-cover-hint{right:64px}
.replay-grid .replay-monthly-viewers{color:var(--cyan);font-weight:700}
.replay-personal-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.replay-personal-grid .replay-card{grid-column:span 2}
.replay-personal-grid .live-cover{aspect-ratio:16/9}
.replay-personal-grid .live-cover .live-cover-image{object-fit:contain;background:#08080a}
.replay-popular{border-top:1px solid var(--line);padding-top:32px}
.replay-footer{text-align:center;margin-top:26px}
.replay-load-more{display:flex;width:max-content;margin:26px auto 0}
.recordings-notice{display:flex;align-items:center;gap:14px;padding:18px 22px;background:var(--panel);border:1px solid var(--line);border-radius:16px;margin-bottom:28px;color:var(--muted);font-size:13px;line-height:1.6}
.recordings-notice img{width:22px;height:22px;filter:invert(1);opacity:.8}
.recordings-notice strong{display:block;color:var(--ink)}
.replay-back-link{display:inline-flex;margin:24px;font-size:13px;color:var(--muted)}
.replay-visibility-notice{margin:0 24px 20px;color:var(--muted);font-size:13px;line-height:1.5}
@media(max-width:1000px){.replay-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.replay-personal-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:680px){
  .replay-section{margin-top:32px}
  .replay-section{padding-left:14px;padding-right:14px}
  .recordings-shell>.replay-grid,.recordings-shell>.recordings-notice{margin-left:14px;margin-right:14px}
  .replay-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}
  .replay-personal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .replay-personal-grid .replay-card{grid-column:auto}
  .replay-personal-grid .replay-card-wide{grid-column:span 2}
  .replay-grid .live-card-meta{gap:7px;padding:10px 8px}
  .replay-grid .avatar{width:28px;height:28px;font-size:11px}
  .replay-grid .live-card-meta strong{font-size:13px}
  .broadcasts-shell .discover-heading,.recordings-shell .discover-heading{align-items:flex-start;flex-direction:column;gap:18px}
  .replay-section .feed-heading>div{align-items:flex-start;flex-direction:column}
  .replay-popular .feed-heading{flex-direction:column;gap:10px}
  .replay-popular .feed-heading p{display:block}
}

.studio-room-setup{max-width:640px;margin:0 auto;padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--panel)}
.platform-tiktok .platform-mark,.platform-mark.platform-tiktok,.studio-destination-icon.platform-tiktok{background:#173239;color:#69e9ed}