/* Web-only application CSS. Shared tokens and resets stay in app/globals.css. */

:root { --ink:#f4f7fb; --muted:#98a4b8; --line:#232b3a; --panel:#121823; --panel2:#171e2a; --bg:#090d14; --cyan:#63d7ed; --blue:#3675ff; --pink:#ff5f88; --radius-rect:5px; --radius-circle:50%; --media-output-radius:var(--radius-rect); --livyno-ambient:url("/livyno-ambient-wave.png"); --font-geist-sans:Arial,sans-serif; --font-geist-mono:"Courier New",monospace; }
html[data-theme="light"]{--ink:#17202b;--muted:#607085;--line:#ccd5df;--panel:#fff;--panel2:#f3f6f9;--bg:#edf2f6;--cyan:#168ca5;--blue:#2f67dc;--pink:#d9446d;color-scheme:light}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-geist-sans),Arial,sans-serif} button,input{font:inherit} button,a{transition:.2s ease} button{cursor:pointer} a{color:inherit;text-decoration:none}

/* Shared Livyno backdrop. Social Studio keeps its own MelisForge identity. */
.site-shell,
.profile-page,
.auth-page,
.member-page,
.watch-page,
.account-tool-page,
.legal-page,
.admin-page,
.workflow-page,
.creator-dynamic-page,
.videos-gallery-page,
.video-detail-page,
.community-admin-page,
.studio-page,
.checkout-page {
  background-color: #05070a !important;
  background-image:
    linear-gradient(110deg, rgba(5, 7, 10, 0.86), rgba(5, 7, 10, 0.69) 55%, rgba(5, 7, 10, 0.82)),
    var(--livyno-ambient) !important;
  background-position: center, center 88% !important;
  background-size: cover, cover !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}
.site-shell{min-height:100vh;background:radial-gradient(circle at 73% 12%,rgba(51,95,173,.14),transparent 31%),var(--bg)}
.global-account-dock{position:fixed;z-index:110;top:10px;right:28px;width:82px;height:58px;touch-action:none;user-select:none}
.global-account-dock>.global-account-avatar{position:absolute;right:0;top:0;display:grid;place-items:center;width:58px;height:58px;padding:7px;border:1px solid rgba(101,215,237,.18);border-radius:var(--radius-circle);background:rgba(12,20,30,.96);color:#fff;font-size:10px;font-weight:900;box-shadow:0 15px 35px rgba(0,0,0,.32),0 0 0 4px rgba(255,255,255,.04);backdrop-filter:blur(14px);cursor:pointer}
.global-account-dock>.global-account-avatar:hover{border-color:rgba(101,215,237,.58);box-shadow:0 15px 35px rgba(0,0,0,.32),0 0 0 4px rgba(101,215,237,.14)}
.global-account-drag-handle{position:absolute;left:0;top:50%;z-index:2;display:grid;place-items:center;width:32px;height:32px;padding:0;border:2px solid #07101a;border-radius:var(--radius-circle);background:linear-gradient(145deg,#66d7e8,#3aa9c5);color:#071017;font-size:15px;line-height:1;box-shadow:0 8px 20px rgba(0,0,0,.38),0 0 0 2px rgba(101,215,237,.16);transform:translateY(-50%);cursor:grab;touch-action:none}
.global-account-drag-handle:hover{background:linear-gradient(145deg,#79e5f1,#48bfd4);transform:translateY(-50%) scale(1.05)}
.global-account-dock.is-dragging .global-account-drag-handle{cursor:grabbing;transform:translateY(-50%) scale(.96)}
@media(max-width:1050px){.global-account-dock{top:9px;right:14px;width:76px;height:54px}.global-account-dock>.global-account-avatar{width:54px;height:54px;padding:6px}.global-account-drag-handle{width:30px;height:30px;font-size:14px}}
@media(max-width:560px){.global-account-dock{top:7px;right:10px;width:68px;height:48px}.global-account-dock>.global-account-avatar{width:48px;height:48px;padding:5px;font-size:9px}.global-account-drag-handle{width:28px;height:28px;font-size:13px}}
.global-account-menu{position:fixed;width:270px;padding:8px;border:1px solid rgba(101,215,237,.3);border-radius:var(--radius-rect);background:linear-gradient(155deg,rgba(12,23,35,.99),rgba(8,15,25,.99));box-shadow:0 22px 55px rgba(0,0,0,.52),0 0 34px rgba(55,177,207,.08);backdrop-filter:blur(18px);cursor:default;touch-action:auto;user-select:auto}
.global-account-menu a{display:flex;align-items:center;gap:14px;min-height:52px;padding:9px 13px;border:1px solid transparent;border-radius:var(--radius-rect);color:#edf7fb;font-size:15px;font-weight:750}
.global-account-menu a:hover{border-color:rgba(101,215,237,.2);background:rgba(69,183,210,.13);color:#74deed}
.global-account-menu a span{flex:none;display:grid;place-items:center;width:26px;height:26px;color:#72dcea;font-size:21px}
.global-account-menu-profile{position:relative}.global-account-menu-profile:before{content:"";position:absolute;top:1px;width:8px;height:8px;border:2px solid currentColor;border-radius:var(--radius-circle)}.global-account-menu-profile:after{content:"";position:absolute;bottom:1px;width:18px;height:9px;border:2px solid currentColor;border-bottom:0;border-radius:var(--radius-rect) var(--radius-rect) 0 0}
.global-account-menu .global-account-menu-live{color:#ff88a4}.global-account-menu .global-account-menu-live span{color:#ff5e86}.global-account-menu-logout{font-size:25px!important;transform:rotate(180deg)}
.global-theme-choice{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:5px 0;padding:5px;border-top:1px solid rgba(101,215,237,.18);border-bottom:1px solid rgba(101,215,237,.18)}.global-theme-choice button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border:1px solid transparent;border-radius:var(--radius-rect);background:transparent;color:#8d9bac;font-size:11px;font-weight:850}.global-theme-choice button.active{border-color:rgba(101,215,237,.32);background:rgba(101,215,237,.12);color:#75dce9}.global-theme-choice button span{font-size:15px}
.topbar{height:76px;position:sticky;top:0;z-index:20;display:flex;align-items:center;padding:0 34px;border-bottom:1px solid var(--line);background:rgba(9,13,20,.91);backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:11px;width:235px;font-size:22px;font-weight:780;letter-spacing:-.6px}.brand>span:last-child>span{color:var(--cyan)}.brand-mark{position:relative;width:30px;height:30px;border:2px solid var(--cyan);border-radius:var(--radius-rect);transform:rotate(45deg);box-shadow:0 0 20px rgba(99,215,237,.2)}.brand-mark:before,.brand-mark:after,.brand-mark span{content:"";position:absolute;border-radius:var(--radius-circle);background:var(--pink)}.brand-mark:before{width:7px;height:7px;top:4px;left:4px}.brand-mark:after{width:6px;height:6px;right:4px;bottom:4px}.brand-mark span{width:5px;height:5px;right:4px;top:4px;background:var(--cyan)}
.search{width:min(400px,30vw);height:43px;display:flex;align-items:center;gap:10px;padding:0 14px;background:#111722;border:1px solid #242d3b;border-radius:var(--radius-rect);color:#738094}.search:focus-within{border-color:#4e8795}.search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink)}.search input::placeholder{color:#768196}.topnav{margin-left:auto;display:flex;align-items:center;gap:11px}.creator-link{font-size:14px;color:#b8c1d0;margin-right:8px}.creator-link:hover{color:white}.ghost-button,.primary-button,.light-button{border-radius:var(--radius-rect);padding:11px 18px;border:1px solid #303a4b;color:#eaf0f7;background:#141b26;font-weight:700}.ghost-button:hover{background:#1d2634}.primary-button{color:#081018;border-color:transparent;background:linear-gradient(135deg,#79e2ed,#4fc5df);box-shadow:0 8px 25px rgba(81,203,224,.16)}.primary-button:hover{transform:translateY(-1px);box-shadow:0 10px 30px rgba(81,203,224,.25)}
.app-layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;grid-template-areas:"content sidebar"}.sidebar{grid-area:sidebar;position:sticky;top:76px;height:calc(100vh - 76px);display:flex;flex-direction:column;padding:27px 20px 20px;border-left:1px solid var(--line);background:#0b1018}.side-nav{display:grid;gap:7px}.side-nav a{display:flex;align-items:center;gap:13px;min-height:47px;padding:0 14px;border-radius:var(--radius-rect);color:#8e9aad;font-size:14px;font-weight:600;position:relative}.side-nav a:hover,.side-nav a.active{color:#e9fbff;background:#17212c}.side-nav a.active:before{content:"";position:absolute;right:0;width:3px;height:23px;border-radius:3px;background:var(--cyan)}.side-nav a.active svg{color:var(--cyan)}.nav-dot{width:7px;height:7px;border-radius:var(--radius-circle);margin-left:auto;background:#ff4f6d;box-shadow:0 0 8px #ff4f6d}.nav-count{margin-left:auto;padding:2px 7px;border-radius:var(--radius-rect);background:#213042;color:var(--cyan);font-size:11px}
.side-card{margin-top:auto;padding:19px;border:1px solid #263143;border-radius:var(--radius-rect);background:linear-gradient(145deg,#171f2b,#101720)}.side-card-icon{width:41px;height:41px;display:grid;place-items:center;border-radius:var(--radius-rect);background:rgba(99,215,237,.11);color:var(--cyan)}.side-card h3{margin:14px 0 7px;font-size:16px}.side-card p{margin:0;color:#8996a9;font-size:12.5px;line-height:1.6}.side-card button{display:flex;align-items:center;gap:8px;padding:14px 0 0;color:var(--cyan);font-weight:700;font-size:12px;border:0;background:none}.side-footer{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:18px;color:#626d7c;font-size:10px}.side-footer span{width:100%}
.content{grid-area:content;min-width:0;overflow:hidden}.hero{min-height:555px;position:relative;display:flex;align-items:center;padding:66px clamp(40px,6vw,90px);border-bottom:1px solid var(--line);overflow:hidden}.hero-glow{position:absolute;width:590px;height:590px;right:4%;top:-120px;border-radius:var(--radius-circle);background:radial-gradient(circle,rgba(61,117,255,.19),rgba(44,77,136,.06) 46%,transparent 70%)}.hero-copy{width:54%;position:relative;z-index:2}.eyebrow,.section-kicker{display:flex;align-items:center;gap:9px;color:var(--cyan);font-size:11px;text-transform:uppercase;letter-spacing:2px;font-weight:800}.eyebrow>span,.section-kicker>i{width:20px;height:1px;background:var(--cyan)}.hero h1{font-size:clamp(48px,5.4vw,78px);line-height:1.02;letter-spacing:-3.8px;margin:20px 0 22px}.hero h1 em,.membership-banner h2 em{font-style:normal;color:transparent;background:linear-gradient(100deg,#70dbe9,#758cff 54%,#ec6d9e);background-clip:text}.hero-copy>p{max-width:590px;color:#9aa6b8;font-size:17px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:31px}.primary-button.large{display:flex;align-items:center;gap:10px;padding:15px 22px}.hero-actions>a{display:flex;align-items:center;gap:10px;color:#c4ccda;font-size:13px;font-weight:600}.round-play{display:grid;place-items:center;width:37px;height:37px;border:1px solid #303b4d;border-radius:var(--radius-circle);color:var(--cyan)}.trust-row{display:flex;gap:20px;margin-top:36px;color:#778397;font-size:11px}.trust-row span{display:flex;gap:5px;align-items:center}.trust-row svg{color:#5ebfd1}
.hero-art{position:absolute;right:5%;width:37%;height:420px}.portrait-card{position:absolute;border-radius:var(--radius-rect);overflow:hidden;border:1px solid #334052;background:#152130;box-shadow:0 30px 70px rgba(0,0,0,.45)}.portrait-main{right:9%;top:4%;width:270px;height:365px;background:radial-gradient(circle at 55% 28%,#ee9c91 0 9%,transparent 10%),radial-gradient(ellipse at 50% 67%,#a9465c 0 31%,transparent 32%),linear-gradient(150deg,#203d54,#1b202c 55%,#1b3854)}.portrait-face{position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.13);font-size:70px;font-weight:900;letter-spacing:-6px}.live-pill{display:flex;align-items:center;gap:6px;width:max-content;padding:6px 9px;border-radius:var(--radius-rect);background:#f44365;color:white;font-size:9px;font-weight:900;letter-spacing:.8px}.live-pill i{width:5px;height:5px;border-radius:var(--radius-circle);background:white}.portrait-main>.live-pill{position:absolute;top:14px;left:14px}.portrait-caption{position:absolute;left:0;right:0;bottom:0;padding:42px 18px 17px;background:linear-gradient(transparent,rgba(4,7,12,.9));display:grid}.portrait-caption b{font-size:16px}.portrait-caption span{font-size:11px;color:#b9c2d0;margin-top:3px}.floating-stat{position:absolute;z-index:3;left:0;top:42px;display:flex;align-items:center;gap:11px;padding:13px 16px;border:1px solid rgba(108,134,164,.4);border-radius:var(--radius-rect);background:rgba(18,25,37,.87);backdrop-filter:blur(12px);box-shadow:0 15px 30px rgba(0,0,0,.25)}.stat-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--radius-rect);color:#75dce9;background:rgba(99,215,237,.11)}.floating-stat div{display:grid}.floating-stat b{font-size:17px}.floating-stat small{font-size:9px;color:#8792a3;text-transform:uppercase;letter-spacing:1px}.mini-card{position:absolute;z-index:3;right:0;bottom:17px;display:flex;align-items:center;gap:9px;padding:12px 14px;border:1px solid rgba(108,134,164,.4);border-radius:var(--radius-rect);background:rgba(18,25,37,.9);backdrop-filter:blur(12px)}.mini-card>div{display:grid}.mini-card b{font-size:11px}.mini-card small{font-size:9px;color:#8590a1}.mini-card>svg{margin-left:9px;color:#8e9aab}.orbit{position:absolute;border:1px solid rgba(89,141,204,.15);border-radius:var(--radius-circle)}.orbit-one{width:380px;height:380px;right:3%;top:0}.orbit-two{width:470px;height:470px;right:-8%;top:-45px}
.section{padding:55px clamp(32px,5vw,72px)}.section+.section{padding-top:15px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.section-head h2{margin:7px 0 0;font-size:28px;letter-spacing:-1px}.section-head>a{display:flex;align-items:center;gap:8px;color:#7fd9e8;font-size:12px}.live-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.live-card{border:1px solid #242f40;border-radius:var(--radius-rect);background:#111721;overflow:hidden}.live-visual{height:220px;position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#373d55,#101722)}.live-card.coral .live-visual{background:radial-gradient(circle at 53% 38%,#ee9588 0 8%,transparent 9%),radial-gradient(ellipse at 53% 75%,#9e3f54 0 28%,transparent 29%),linear-gradient(135deg,#3a2940,#162131)}.live-card.violet .live-visual{background:radial-gradient(circle at 52% 35%,#d796aa 0 8%,transparent 9%),radial-gradient(ellipse at 52% 74%,#594275 0 30%,transparent 31%),linear-gradient(135deg,#302b55,#101927)}.visual-person{font-size:64px;font-weight:900;color:rgba(255,255,255,.11);letter-spacing:-6px}.live-visual>.live-pill{position:absolute;left:14px;top:14px}.viewer-pill{position:absolute;right:14px;top:14px;display:flex;align-items:center;gap:5px;padding:6px 8px;border-radius:var(--radius-rect);background:rgba(7,10,16,.65);font-size:9px}.live-visual>button{position:absolute;width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.24);border-radius:var(--radius-circle);color:white;background:rgba(7,10,16,.56);backdrop-filter:blur(8px)}.live-visual>button:hover{transform:scale(1.06);background:rgba(89,201,220,.7)}.live-info{display:flex;align-items:center;gap:12px;padding:14px}.avatar{width:35px;height:35px;display:grid;place-items:center;flex:none;border-radius:var(--radius-circle);background:#293448;color:#dfe7f3;font-size:10px;font-weight:800}.avatar.coral{background:#713849}.avatar.violet{background:#45386d}.avatar.blue{background:#2e4e78}.avatar.amber{background:#694b2b}.live-info h3{font-size:14px;margin:0 0 4px}.live-info p{font-size:11px;color:#8995a7;margin:0}.verified{display:inline-grid;place-items:center;width:14px;height:14px;margin-left:5px;border-radius:var(--radius-circle);background:#55c8da;color:#081117;font-size:9px;vertical-align:2px}
.creator-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.creator-card{border:1px solid #222d3c;border-radius:var(--radius-rect);background:#111721;overflow:hidden}.creator-cover{height:135px;position:relative;display:grid;place-items:center;background:linear-gradient(145deg,#2e3445,#171e2b)}.creator-cover.coral{background:linear-gradient(145deg,#754153,#25233a)}.creator-cover.blue{background:linear-gradient(145deg,#315274,#1a2b42)}.creator-cover.violet{background:linear-gradient(145deg,#54416f,#22253f)}.creator-cover.amber{background:linear-gradient(145deg,#765134,#2c2730)}.cover-monogram{font-size:45px;font-weight:900;letter-spacing:-4px;color:rgba(255,255,255,.16)}.online-label{position:absolute;top:11px;right:11px;display:flex;align-items:center;gap:5px;padding:5px 7px;border-radius:var(--radius-rect);background:rgba(6,10,15,.65);font-size:8px;font-weight:800}.online-label i{width:6px;height:6px;border-radius:var(--radius-circle);background:#54e49b;box-shadow:0 0 8px #54e49b}.creator-body{position:relative;padding:28px 14px 14px}.large-avatar{position:absolute;top:-21px;left:14px;width:42px;height:42px;border:3px solid #111721}.creator-name h3{font-size:14px;margin:0}.creator-name p,.creator-type{color:#778497;font-size:10px;margin:3px 0 0}.creator-type{margin-top:12px}.creator-body button{width:100%;margin-top:14px;padding:9px;border:1px solid #2b3748;border-radius:var(--radius-rect);background:#171f2a;color:#c5cedb;font-size:10px;font-weight:700}.creator-body button:hover{border-color:#5fc9d9;color:white}
.membership-banner{margin:10px clamp(32px,5vw,72px) 70px;padding:42px 45px;border-radius:var(--radius-rect);background:radial-gradient(circle at 80% 20%,rgba(130,113,229,.33),transparent 30%),linear-gradient(120deg,#263f63,#352e61 56%,#623550);display:flex;align-items:center;justify-content:space-between;gap:30px;overflow:hidden}.membership-banner h2{font-size:34px;letter-spacing:-1.5px;margin:12px 0}.membership-banner p{max-width:630px;margin:0;color:#c4c8d6;font-size:13px;line-height:1.6}.light-button{display:flex;align-items:center;gap:10px;white-space:nowrap;background:white;color:#121825;border:0;padding:14px 20px}
@media(max-width:1100px){.topbar{padding:0 20px}.brand{width:auto;margin-right:25px}.creator-link{display:none}.app-layout{grid-template-columns:minmax(0,1fr) 82px}.sidebar{padding:25px 13px}.side-nav a{justify-content:center}.side-nav a:not(.active):hover{}.side-nav a{font-size:0}.nav-dot,.nav-count{position:absolute;right:8px;top:6px}.side-card,.side-footer{display:none}.hero{padding-left:48px}.hero-copy{width:58%}.hero-art{right:2%;width:38%}.portrait-main{width:230px}.creator-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.topbar{height:68px;padding:0 14px}.brand{font-size:19px}.brand-mark{width:26px;height:26px}.search{display:none}.topnav .ghost-button{display:none}.topnav .primary-button{padding:9px 12px;font-size:12px}.app-layout{display:block}.sidebar{display:none}.hero{min-height:auto;display:block;padding:52px 22px 400px}.hero-copy{width:100%}.hero h1{font-size:47px;letter-spacing:-2.5px}.hero-art{left:50%;right:auto;bottom:10px;top:auto;transform:translateX(-50%);width:360px;height:360px}.portrait-main{right:50px;width:230px;height:320px}.floating-stat{left:6px}.mini-card{right:6px}.trust-row{flex-wrap:wrap}.section{padding:42px 18px}.live-grid,.creator-grid{grid-template-columns:1fr}.section-head>a{display:none}.membership-banner{margin:0 18px 45px;padding:32px 25px;display:block}.membership-banner h2{font-size:28px}.light-button{margin-top:22px}}

.creator-body .profile-button{width:100%;display:block;margin-top:14px;padding:9px;text-align:center;border:1px solid #2b3748;border-radius:var(--radius-rect);background:#171f2a;color:#c5cedb;font-size:10px;font-weight:700}.creator-body .profile-button:hover{border-color:#5fc9d9;color:white}

/* Creator profile */
.profile-page{min-height:100vh;background:radial-gradient(circle at 80% 0,rgba(68,90,156,.12),transparent 30%),#090d14}.profile-topbar{height:72px;position:sticky;top:0;z-index:20;display:flex;align-items:center;padding:0 max(24px,calc((100vw - 1260px)/2));border-bottom:1px solid var(--line);background:rgba(9,13,20,.92);backdrop-filter:blur(18px)}.profile-brand{width:245px}.profile-search{margin-left:25px}.profile-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.icon-button{width:42px;height:42px;display:grid;place-items:center;border:1px solid #2b3545;border-radius:var(--radius-rect);background:#141b25;color:#a9b5c5}.icon-button:hover{color:white;border-color:#526278}.profile-wrap{max-width:1260px;margin:auto;padding:25px 24px 80px}.profile-banner{height:280px;position:relative;overflow:hidden;border:1px solid #2c3546;border-radius:var(--radius-rect);background:radial-gradient(circle at 68% 32%,rgba(252,166,154,.85) 0 7%,transparent 7.4%),radial-gradient(ellipse at 68% 100%,rgba(150,53,76,.9) 0 24%,transparent 24.5%),linear-gradient(125deg,#151c2a 4%,#243b57 45%,#62344f 76%,#d07776);box-shadow:0 20px 50px rgba(0,0,0,.25)}.profile-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,12,18,.65),transparent 52%)}.banner-letter{position:absolute;right:8%;bottom:-45px;color:rgba(255,255,255,.08);font-size:150px;font-weight:900;letter-spacing:-12px}.back-button{position:absolute;z-index:2;top:18px;left:18px;display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid rgba(255,255,255,.17);border-radius:var(--radius-rect);background:rgba(8,12,18,.58);color:#d5dce7;font-size:11px;backdrop-filter:blur(8px)}.profile-grid{display:grid;grid-template-columns:minmax(0,1fr) 335px;gap:25px}.profile-main{min-width:0}.identity-block{display:grid;grid-template-columns:126px minmax(0,1fr) auto;gap:20px;padding:0 8px 22px}.profile-avatar{width:126px;height:126px;position:relative;margin-top:-53px;z-index:2;display:grid;place-items:center;border:5px solid #090d14;border-radius:var(--radius-circle);background:linear-gradient(145deg,#8d475e,#382f4c);color:rgba(255,255,255,.82);font-size:33px;font-weight:900;box-shadow:0 12px 30px rgba(0,0,0,.28)}.status-dot{position:absolute;right:8px;bottom:13px;width:18px;height:18px;border:4px solid #090d14;border-radius:var(--radius-circle);background:#50df98}.identity-copy{padding-top:18px}.name-line{display:flex;align-items:center;gap:8px}.name-line h1{margin:0;font-size:29px;letter-spacing:-1px}.verified-profile{display:grid;place-items:center;width:20px;height:20px;border-radius:var(--radius-circle);background:#58cada;color:#0b151b;font-size:12px;font-weight:900}.handle{margin:3px 0 13px;color:#778598;font-size:12px}.bio{max-width:640px;margin:0;color:#aeb7c5;font-size:13px;line-height:1.6}.profile-meta{display:flex;flex-wrap:wrap;gap:15px;margin-top:14px;color:#788599;font-size:10px}.profile-meta span,.profile-meta a{display:flex;align-items:center;gap:5px}.profile-meta a{color:#6fd2e2}.identity-buttons{display:flex;gap:8px;padding-top:20px}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:18px;border:1px solid #222c3b;border-radius:var(--radius-rect);background:#111721}.profile-stats div{display:grid;place-items:center;padding:16px;border-right:1px solid #222c3b}.profile-stats div:last-child{border:0}.profile-stats b{font-size:17px}.profile-stats span{margin-top:4px;color:#758195;font-size:9px;text-transform:uppercase;letter-spacing:.8px}.profile-tabs{display:flex;gap:30px;border-bottom:1px solid #242e3d}.profile-tabs a{position:relative;padding:15px 3px;color:#8390a2;font-size:12px;font-weight:700}.profile-tabs a.active{color:white}.profile-tabs a.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--cyan)}.profile-tabs span{margin-left:5px;color:#596779;font-size:9px}.live-now-card{display:grid;grid-template-columns:48% 1fr;margin:21px 0;border:1px solid #30445b;border-radius:var(--radius-rect);background:linear-gradient(125deg,#121a26,#172334);overflow:hidden}.live-preview{height:215px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 52% 32%,#e7988e 0 8%,transparent 8.5%),radial-gradient(ellipse at 52% 92%,#914057 0 29%,transparent 29.5%),linear-gradient(145deg,#333452,#152235)}.live-preview>.live-pill{position:absolute;top:13px;left:13px}.live-audience{position:absolute;top:13px;right:13px;display:flex;align-items:center;gap:5px;padding:6px 8px;border-radius:var(--radius-rect);background:rgba(5,8,13,.58);font-size:9px}.live-monogram{font-size:54px;font-weight:900;letter-spacing:-5px;color:rgba(255,255,255,.12)}.live-preview>button{position:absolute;width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-circle);background:rgba(5,8,13,.55);color:white}.live-copy{align-self:center;padding:28px}.live-copy>span,.premium-kicker{color:#ff6f91;font-size:9px;font-weight:900;letter-spacing:1.4px}.live-copy h2{margin:9px 0 7px;font-size:22px}.live-copy p{margin:0;color:#8c98aa;font-size:11px;line-height:1.6}.live-copy button{margin-top:17px;padding:10px 15px;border:0;border-radius:var(--radius-rect);background:#f05678;color:white;font-size:10px;font-weight:800}.feed{display:grid;gap:17px}.post-card{border:1px solid #242e3d;border-radius:var(--radius-rect);background:#111721;overflow:hidden}.post-card>header{display:flex;align-items:center;gap:10px;padding:13px 15px}.post-card>header h3{margin:0;font-size:12px}.post-card>header p{margin:3px 0 0;color:#6e7b8e;font-size:9px}.post-more{margin-left:auto;border:0;background:none;color:#738094}.post-media{height:310px;position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#2f3349,#181e2c)}.post-media.rose{background:radial-gradient(circle at 56% 30%,#e99c91 0 7%,transparent 7.5%),radial-gradient(ellipse at 56% 85%,#99465c 0 23%,transparent 23.5%),linear-gradient(145deg,#302b44,#192537)}.post-media.blue{background:radial-gradient(circle at 47% 30%,#ddb0a3 0 7%,transparent 7.5%),radial-gradient(ellipse at 47% 87%,#435d88 0 24%,transparent 24.5%),linear-gradient(145deg,#28445d,#151f2e)}.post-media.violet{background:radial-gradient(circle at 50% 50%,rgba(131,91,177,.4),transparent 30%),linear-gradient(135deg,#1d2639,#352344)}.post-art{position:absolute;color:rgba(255,255,255,.09);font-size:74px;font-weight:900;letter-spacing:-6px}.locked-content{position:relative;z-index:2;display:grid;justify-items:center;text-align:center;padding:24px 33px;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-rect);background:rgba(8,11,17,.68);backdrop-filter:blur(11px)}.locked-content>span{width:45px;height:45px;display:grid;place-items:center;border-radius:var(--radius-circle);background:rgba(255,255,255,.1);color:#e8edf4}.locked-content b{margin-top:10px;font-size:13px}.locked-content small{margin-top:4px;color:#97a2b2;font-size:9px}.media-type{position:absolute;top:13px;right:13px;display:flex;align-items:center;gap:5px;padding:6px 8px;border-radius:var(--radius-rect);background:rgba(6,9,14,.65);font-size:8px;text-transform:uppercase}.media-play{width:55px;height:55px;display:grid;place-items:center;border:0;border-radius:var(--radius-circle);background:rgba(4,7,12,.65);color:white}.post-content{padding:16px}.post-content>h3{margin:0 0 7px;font-size:14px}.post-content>p{margin:0;color:#8693a5;font-size:11px;line-height:1.55}.post-foot{display:flex;gap:16px;margin-top:15px}.post-foot button{display:flex;align-items:center;gap:6px;border:0;background:none;color:#9aa6b6;font-size:10px}.post-foot>span{display:flex;align-items:center;gap:5px;margin-left:auto;color:#e27391;font-size:9px}.subscription-column{padding-top:24px}.subscribe-card,.about-card{padding:23px;border:1px solid #293546;border-radius:var(--radius-rect);background:#121923}.subscribe-card{position:sticky;top:95px}.subscribe-card h2{margin:8px 0 9px;font-size:21px;letter-spacing:-.6px}.subscribe-card>p{margin:0;color:#8e9aac;font-size:11px;line-height:1.6}.price{margin:22px 0 15px}.price b{font-size:31px;letter-spacing:-1.5px}.price span{color:#788599;font-size:11px}.subscribe-button{width:100%;padding:13px;border:0;border-radius:var(--radius-rect);background:linear-gradient(135deg,#ff6b8d,#e64f79);color:white;font-weight:800;box-shadow:0 9px 24px rgba(239,83,122,.18)}.subscribe-card>small{display:block;text-align:center;margin:9px 0 18px;color:#657286;font-size:8px}.subscribe-card ul{display:grid;gap:11px;margin:0;padding:17px 0 0;border-top:1px solid #273140;list-style:none;color:#a8b1c0;font-size:10px}.subscribe-card li{display:flex;align-items:center;gap:8px}.subscribe-card li svg{color:#58cedd}.message-button{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;margin:12px 0;padding:12px;border:1px solid #334155;border-radius:var(--radius-rect);background:#151e2a;color:#dbe3ee;font-size:11px;font-weight:700}.about-card{margin-top:12px}.about-card h3{margin:0 0 12px;font-size:14px}.about-card>p{color:#8a96a8;font-size:10px}.about-card>div{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid #252f3d;font-size:9px}.about-card span{color:#6f7c8f}.profile-legal{padding:0 12px;color:#566275;font-size:8px;line-height:1.5;text-align:center}
@media(max-width:900px){.profile-topbar{padding:0 17px}.profile-brand{width:auto}.profile-search{display:none}.profile-grid{grid-template-columns:1fr}.subscription-column{padding-top:0;margin-top:18px}.subscribe-card{position:static}.about-card,.profile-legal{display:none}.profile-banner{height:220px}}
@media(max-width:620px){.profile-topbar .ghost-button,.profile-actions .icon-button{display:none}.profile-wrap{padding:12px 12px 50px}.profile-banner{height:175px}.identity-block{grid-template-columns:86px 1fr;padding:0 4px 18px}.profile-avatar{width:86px;height:86px;margin-top:-35px;font-size:24px}.identity-copy{padding-top:11px}.name-line h1{font-size:22px}.bio,.profile-meta{grid-column:1/-1}.identity-buttons{display:none}.profile-stats b{font-size:14px}.profile-stats span{font-size:7px}.profile-tabs{gap:20px}.live-now-card{grid-template-columns:1fr}.live-preview{height:185px}.live-copy{padding:20px}.post-media{height:250px}}

/* Local role preview for validating access rules before production authentication. */
.creator-preview{min-height:calc(100vh - 72px)}
.preview-control{position:sticky;top:84px;z-index:19;display:grid;grid-template-columns:auto 128px;align-items:center;gap:4px 10px;width:max-content;min-width:250px;margin:14px max(24px,calc((100vw - 1260px)/2)) 0 auto;padding:12px 14px;border:1px solid #344258;border-radius:var(--radius-rect);background:rgba(14,20,30,.94);box-shadow:0 14px 38px rgba(0,0,0,.42);backdrop-filter:blur(14px)}
.preview-control label{color:#8290a4;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:1px}
.preview-control select{grid-row:1/3;grid-column:2;width:100%;padding:8px 26px 8px 9px;border:1px solid #39475b;border-radius:var(--radius-rect);background:#192231;color:#eef3f9;font-family:inherit;font-size:10px;font-weight:700;cursor:pointer}
.preview-control small{grid-column:1;color:#c4ceda;font-size:8px;white-space:nowrap}
.membership-status{display:none}.membership-offer>p,.membership-status>p{margin:0;color:#8e9aac;font-size:11px;line-height:1.6}.membership-offer>small{display:block;text-align:center;margin:9px 0 18px;color:#657286;font-size:8px}.access-confirmation{display:flex;align-items:center;gap:9px;margin:22px 0 18px;padding:13px;border:1px solid rgba(88,206,221,.28);border-radius:var(--radius-rect);background:rgba(88,206,221,.08);color:#76dbe8;font-size:11px;font-weight:800}.role-subscriber .membership-offer,.role-creator .membership-offer,.role-admin .membership-offer{display:none}.role-subscriber .membership-subscriber,.role-creator .membership-creator,.role-admin .membership-admin{display:block}
.locked-content,.premium-reveal{grid-area:1/1;transition:.22s}
.premium-reveal{position:relative;z-index:1;display:grid;place-items:center;gap:5px;opacity:0;transform:scale(.96)}
.premium-reveal b{font-size:15px}
.premium-reveal small{color:#c3cad6;font-size:10px}
.creator-preview.role-subscriber .post-card[data-access="subscriber"] .locked-content,
.creator-preview.role-creator .post-card:not([data-access="free"]) .locked-content,
.creator-preview.role-admin .post-card:not([data-access="free"]) .locked-content{opacity:0;pointer-events:none;transform:scale(.96)}
.creator-preview.role-subscriber .post-card[data-access="subscriber"] .premium-reveal,
.creator-preview.role-creator .post-card:not([data-access="free"]) .premium-reveal,
.creator-preview.role-admin .post-card:not([data-access="free"]) .premium-reveal{opacity:1;transform:scale(1)}
.access-label{display:flex;align-items:center;gap:5px;margin-left:auto;font-size:9px;font-weight:700}.access-free{color:#62d89a}.access-subscriber{color:#e27391}.access-ppv{color:#d7b66d}
.role-subscriber .post-card[data-access="subscriber"] .access-subscriber,
.role-creator .post-card:not([data-access="free"]) .access-label,
.role-admin .post-card:not([data-access="free"]) .access-label{color:#5dd1df}
.live-copy-preview,.live-action-join,.live-action-manage{display:none}
.role-visitor .live-copy-default,.role-free .live-copy-default{display:none}
.role-visitor .live-copy-preview,.role-free .live-copy-preview{display:block}
.role-visitor .live-action-preview,.role-free .live-action-preview{display:inline}
.role-subscriber .live-action-preview,.role-creator .live-action-preview,.role-admin .live-action-preview{display:none}
.role-subscriber .live-action-join{display:inline}
.role-creator .live-action-manage,.role-admin .live-action-manage{display:inline}
@media(max-width:620px){.preview-control{top:80px;width:calc(100% - 24px);min-width:0;margin:10px 12px 0;grid-template-columns:minmax(0,1fr) 112px}}

/* Click-through account flow. Authentication is mocked until the remote identity backend is connected. */
.side-card-link{display:flex;align-items:center;gap:8px;padding:14px 0 0;color:var(--cyan);font-weight:700;font-size:12px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:40px 20px;background:radial-gradient(circle at 20% 10%,rgba(54,117,255,.18),transparent 32%),radial-gradient(circle at 85% 85%,rgba(255,95,136,.12),transparent 30%),#090d14}.auth-panel{width:min(100%,500px);padding:36px;border:1px solid #2a3546;border-radius:var(--radius-rect);background:rgba(17,23,33,.96);box-shadow:0 28px 80px rgba(0,0,0,.38)}.auth-panel-compact{width:min(100%,460px)}.auth-brand{width:max-content;margin-bottom:34px}.auth-kicker{color:var(--cyan);font-size:10px;font-weight:900;letter-spacing:1.8px}.auth-panel h1{margin:10px 0 10px;font-size:32px;letter-spacing:-1.2px}.auth-intro{margin:0 0 25px;color:#929fb1;font-size:13px;line-height:1.65}.auth-form{display:grid;gap:15px}.auth-form>label:not(.auth-check){display:grid;gap:7px;color:#c7d0dc;font-size:11px;font-weight:700}.auth-form input:not([type="checkbox"]){width:100%;padding:13px 14px;border:1px solid #303d50;border-radius:var(--radius-rect);outline:0;background:#0d131c;color:white}.auth-form input:focus{border-color:#62cfdf}.auth-check{display:flex;align-items:flex-start;gap:9px;color:#8e9bad;font-size:10px;line-height:1.5}.auth-check input{margin-top:2px;accent-color:#59cede}.auth-submit{width:100%;padding:14px;border:0;border-radius:var(--radius-rect);background:linear-gradient(135deg,#70dce9,#4bbdd7);color:#081117;font-weight:900}.auth-switch{margin:21px 0 0;text-align:center;color:#8592a5;font-size:11px}.auth-switch a,.auth-row a{color:#6ed4e3;font-weight:700}.auth-note{margin:22px 0 0;padding-top:18px;border-top:1px solid #263141;color:#647185;font-size:9px;line-height:1.6}.auth-row{display:flex;justify-content:space-between;align-items:center;font-size:10px}.member-page{min-height:100vh;background:linear-gradient(rgba(9,13,20,.78),rgba(9,13,20,.88)),url("/livyno-ambient-wave.png") center/cover fixed no-repeat,#090d14}.member-topbar{height:72px;display:flex;align-items:center;padding:0 max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid var(--line);background:#0b1018}.member-topbar nav{margin-left:auto;display:flex;align-items:center;gap:20px;color:#9aa6b7;font-size:12px}.member-wrap{max-width:1180px;margin:auto;padding:55px 24px}.member-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:30px}.member-heading h1{margin:8px 0;font-size:38px}.member-heading p{margin:0;color:#8996a8}.free-account-pill{padding:9px 12px;border:1px solid rgba(88,206,221,.3);border-radius:var(--radius-rect);background:rgba(88,206,221,.08);color:#71d8e6;font-size:10px;font-weight:800}.member-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px}.member-feature{min-height:390px;position:relative;overflow:hidden;border:1px solid #2d3b4d;border-radius:var(--radius-rect);background:radial-gradient(circle at 27% 35%,#e7988e 0 8%,transparent 8.5%),radial-gradient(ellipse at 27% 95%,#914057 0 28%,transparent 28.5%),linear-gradient(125deg,#302d48,#142437)}.member-feature>.live-pill{position:absolute;top:18px;left:18px}.member-art{position:absolute;left:15%;bottom:20%;color:rgba(255,255,255,.1);font-size:75px;font-weight:900}.member-feature-copy{position:absolute;right:0;top:0;bottom:0;width:52%;display:flex;flex-direction:column;justify-content:center;padding:38px;background:linear-gradient(90deg,transparent,rgba(8,12,18,.94) 18%)}.member-feature-copy>span{color:#ff6f91;font-size:9px;font-weight:900;letter-spacing:1.4px}.member-feature-copy h2{margin:11px 0 9px;font-size:28px}.member-feature-copy p{margin:0 0 22px;color:#98a4b6;font-size:12px;line-height:1.65}.member-feature-copy .primary-button{width:max-content}.member-summary{padding:24px;border:1px solid #293546;border-radius:var(--radius-rect);background:#121923}.member-summary h2{margin:0 0 18px}.member-summary>div{display:flex;justify-content:space-between;padding:15px 0;border-top:1px solid #273140;font-size:11px}.member-summary span{color:#7f8c9f}.member-summary>a{display:block;margin-top:20px;color:#69d0df;font-size:11px;font-weight:700}
@media(max-width:760px){.auth-panel{padding:28px 22px}.member-topbar{padding:0 16px}.member-topbar nav>a:first-child{display:none}.member-wrap{padding:36px 16px}.member-heading{display:block}.free-account-pill{display:inline-block;margin-top:18px}.member-grid{grid-template-columns:1fr}.member-feature{min-height:520px}.member-feature-copy{top:auto;width:100%;height:58%;padding:28px;background:linear-gradient(transparent,rgba(8,12,18,.96) 18%)}.member-summary{order:-1}}

/* Creator studio and first publishing workflows. */
.member-heading-actions{display:flex;align-items:center;gap:12px}.studio-page{min-height:100vh;display:grid;grid-template-columns:230px minmax(0,1fr);background:#090d14}.studio-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:28px 20px;border-right:1px solid #232d3c;background:#0c1119}.studio-label{margin:30px 12px 12px;color:#627084;font-size:8px;font-weight:900;letter-spacing:1.6px}.studio-sidebar nav{display:grid;gap:5px}.studio-sidebar nav a{padding:12px;border-radius:var(--radius-rect);color:#8f9cae;font-size:12px;font-weight:700}.studio-sidebar nav a:hover,.studio-sidebar nav a.active{background:#17212d;color:#eafcff}.studio-sidebar nav a.active{box-shadow:inset 3px 0 var(--cyan)}.studio-exit{margin-top:auto;padding:12px;color:#748297;font-size:11px}.studio-main{min-width:0;max-width:1200px;width:100%;margin:auto;padding:42px}.studio-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.studio-header h1{margin:8px 0 6px;font-size:36px}.studio-header p{margin:0;color:#8592a5}.studio-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:28px 0}.studio-stats article,.studio-card{padding:20px;border:1px solid #263243;border-radius:var(--radius-rect);background:#111721}.studio-stats span{display:block;color:#7e8b9e;font-size:9px;text-transform:uppercase;letter-spacing:.7px}.studio-stats b{display:block;margin:9px 0 4px;font-size:24px}.studio-stats small{color:#5e6b7d;font-size:8px}.studio-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:18px}.studio-actions>a{display:flex;align-items:center;gap:15px;padding:22px;border:1px solid #2e3d50;border-radius:var(--radius-rect);background:linear-gradient(135deg,#162130,#121923)}.studio-actions>a>span{width:43px;height:43px;display:grid;place-items:center;border-radius:var(--radius-rect);background:rgba(88,206,221,.1);color:#67d2e1;font-size:22px}.studio-actions h2{margin:0 0 5px;font-size:16px}.studio-actions p{margin:0;color:#7f8c9f;font-size:10px}.studio-actions>a>b{margin-left:auto;color:#65cfde}.studio-actions .studio-live-dot{color:#ff6384;background:rgba(255,99,132,.1)}.studio-columns{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:18px}.studio-card>header{display:flex;justify-content:space-between;align-items:center}.studio-card h2{margin:0;font-size:15px}.studio-card header a,.studio-card header span{color:#6bcede;font-size:9px}.studio-empty{padding:48px 20px;text-align:center;color:#8491a4}.studio-empty b{color:#cdd5df}.studio-empty p{max-width:390px;margin:8px auto 0;font-size:10px;line-height:1.55}.earnings-total{padding-top:26px}.earnings-total small{color:#7b889b}.earnings-total b{display:block;margin:8px 0;font-size:30px}.earnings-total p{color:#647185;font-size:9px;line-height:1.5}.studio-checklist{margin-top:18px}.studio-checklist ul{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 0 0;padding:0;list-style:none;color:#8794a7;font-size:10px}.studio-checklist li{padding:11px;border:1px solid #263243;border-radius:var(--radius-rect)}.studio-checklist li.done{color:#67d2a0}.workflow-page{min-height:100vh;padding:40px 20px;background:radial-gradient(circle at 15% 5%,rgba(54,117,255,.14),transparent 30%),#090d14}.workflow-panel{max-width:720px;margin:auto;padding:32px;border:1px solid #2a3546;border-radius:var(--radius-rect);background:#111721}.workflow-back{display:block;margin-bottom:30px;color:#7bcfdd;font-size:11px}.workflow-panel h1{margin:9px 0;font-size:32px}.studio-form{display:grid;gap:18px;margin-top:25px}.studio-form>label{display:grid;gap:7px;color:#c4ceda;font-size:11px;font-weight:700}.studio-form input:not([type="radio"]),.studio-form textarea,.studio-form select{width:100%;padding:13px;border:1px solid #303d50;border-radius:var(--radius-rect);outline:0;background:#0c121b;color:white;font:inherit;resize:vertical}.upload-placeholder{display:grid;place-items:center;gap:5px;min-height:125px;border:1px dashed #3b4b61;border-radius:var(--radius-rect);background:#0d141e;color:#74d3e0}.upload-placeholder span{color:#627084;font-size:9px;font-weight:400}.studio-form fieldset{display:grid;gap:9px;margin:0;padding:16px;border:1px solid #303d50;border-radius:var(--radius-rect)}.studio-form legend{padding:0 6px;color:#c4ceda;font-size:11px;font-weight:700}.studio-form fieldset label{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #293648;border-radius:var(--radius-rect);background:#0d141d}.studio-form fieldset input{margin-top:3px;accent-color:#60cedd}.studio-form fieldset span{display:grid;gap:3px}.studio-form fieldset small{color:#758296;font-size:9px}.workflow-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:10px}.workflow-actions .ghost-button{text-align:center}.stream-preview-note{padding:15px;border-left:3px solid #61cedd;border-radius:var(--radius-rect);background:rgba(97,206,221,.07)}.stream-preview-note b{font-size:11px}.stream-preview-note p{margin:5px 0 0;color:#8390a3;font-size:9px;line-height:1.6}.studio-live-button{background:linear-gradient(135deg,#ff6b8d,#e64f79);color:white}
@media(max-width:900px){.studio-page{display:block}.studio-sidebar{position:static;height:auto;display:block;padding:18px}.studio-sidebar .brand{margin-bottom:18px}.studio-label{display:none}.studio-sidebar nav{display:flex;overflow-x:auto}.studio-sidebar nav a{white-space:nowrap}.studio-exit{display:none}.studio-main{padding:28px 18px}.studio-stats{grid-template-columns:repeat(2,1fr)}.studio-columns{grid-template-columns:1fr}}
@media(max-width:620px){.member-heading-actions{align-items:flex-start;flex-direction:column}.studio-header{display:block}.studio-header .ghost-button{display:inline-block;margin-top:18px}.studio-actions{grid-template-columns:1fr}.studio-checklist ul{grid-template-columns:1fr}.workflow-panel{padding:25px 18px}.workflow-actions{grid-template-columns:1fr}}

/* Clear zone switching and the visitor-to-subscription prototype. */
.member-studio-link{padding:9px 12px;border-radius:var(--radius-rect);background:rgba(88,206,221,.09);color:#73d7e5}.zone-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0 0 18px;padding:4px;border:1px solid #293648;border-radius:var(--radius-rect);background:#0a0f16}.zone-switch a{padding:8px 6px;border-radius:var(--radius-rect);color:#687588;font-size:9px;text-align:center}.zone-switch a.active{background:#1a2633;color:#e8faff}.live-preview>.live-play-link{position:absolute;width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-circle);background:rgba(5,8,13,.55);color:white}.live-copy-link{display:inline-block;margin-top:17px;padding:10px 15px;border-radius:var(--radius-rect);background:#f05678;color:white;font-size:10px;font-weight:800}.subscribe-button{display:block;text-align:center}.watch-page{min-height:100vh;background:#070a10}.watch-header{height:68px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 25px;border-bottom:1px solid #202938;color:#8f9bad;font-size:11px}.watch-header>a:last-child{text-align:right;color:#6dd2e1}.preview-player{max-width:1180px;margin:auto;padding:32px 24px}.preview-video{height:min(65vw,650px);min-height:420px;position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid #2b384a;border-radius:var(--radius-rect);background:radial-gradient(circle at 50% 28%,#e7988e 0 7%,transparent 7.5%),radial-gradient(ellipse at 50% 92%,#914057 0 27%,transparent 27.5%),linear-gradient(145deg,#333452,#101a27)}.preview-video>.live-pill{position:absolute;top:18px;left:18px}.preview-timer{position:absolute;top:18px;right:18px;padding:7px 10px;border-radius:var(--radius-rect);background:rgba(5,8,13,.72);font-size:10px}.preview-person{color:rgba(255,255,255,.1);font-size:90px;font-weight:900}.preview-gate{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;padding:30px;text-align:center;background:rgba(6,9,14,.88);backdrop-filter:blur(18px)}.preview-gate>span{font-size:30px}.preview-gate h2{margin:14px 0 8px;font-size:29px}.preview-gate p{max-width:490px;margin:0;color:#98a4b6;font-size:12px;line-height:1.6}.preview-gate>div{display:flex;gap:10px;margin-top:22px}.preview-details{display:flex;justify-content:space-between;gap:20px;padding:22px 4px}.preview-details h1{margin:7px 0;font-size:25px}.preview-details p{margin:0;color:#778497;font-size:10px}.preview-details button{align-self:center;padding:10px 12px;border:1px solid #344257;border-radius:var(--radius-rect);background:#141c27;color:#93a0b2;font-size:9px}.checkout-page{min-height:100vh;display:grid;place-items:center;padding:40px 20px;background:radial-gradient(circle at 75% 15%,rgba(255,95,136,.12),transparent 30%),#090d14}.checkout-shell{width:min(900px,100%);display:grid;grid-template-columns:1fr 360px;gap:36px;align-items:center}.checkout-copy h1{margin:10px 0;font-size:38px}.checkout-copy>p{color:#929fb1;line-height:1.6}.checkout-copy ul{display:grid;gap:10px;margin-top:25px;padding:0;list-style:none;color:#9ca8b8;font-size:11px}.checkout-card{padding:25px;border:1px solid #2e3b4e;border-radius:var(--radius-rect);background:#121923;box-shadow:0 25px 60px rgba(0,0,0,.3)}.checkout-creator{display:flex;align-items:center;gap:11px;padding-bottom:18px}.checkout-creator>span{width:42px;height:42px;display:grid;place-items:center;border-radius:var(--radius-circle);background:#713849;font-size:11px;font-weight:900}.checkout-creator>div{display:grid}.checkout-creator small{color:#768396}.checkout-line{display:flex;justify-content:space-between;padding:15px 0;border-top:1px solid #293444;font-size:11px}.checkout-card>label{display:grid;gap:7px;margin:18px 0;color:#bbc5d2;font-size:10px}.checkout-card select{padding:12px;border:1px solid #334156;border-radius:var(--radius-rect);background:#0d141d;color:white}.checkout-warning{display:block;margin-top:10px;color:#6d798b;font-size:8px;text-align:center}
@media(max-width:760px){.member-topbar nav .member-studio-link{display:inline-block}.watch-header{grid-template-columns:1fr auto}.watch-header .brand{display:none}.preview-player{padding:16px 12px}.preview-video{min-height:520px}.preview-gate>div{width:100%;flex-direction:column}.checkout-shell{grid-template-columns:1fr}.checkout-copy h1{font-size:31px}}
.form-error{margin:0;padding:11px;border:1px solid rgba(255,95,136,.35);border-radius:var(--radius-rect);background:rgba(255,95,136,.08);color:#ff91ab;font-size:10px}.form-success{margin:0;padding:11px;border:1px solid rgba(101,213,228,.35);border-radius:var(--radius-rect);background:rgba(101,213,228,.08);color:#83e2ed;font-size:10px;line-height:1.55}.auth-inline-help{margin:-6px 0 0;font-size:10px}.auth-inline-help a{color:#6ed4e3;font-weight:700}.auth-submit:disabled{cursor:wait;opacity:.65}
.social-auth-brand{display:grid;grid-template-columns:34px auto;column-gap:14px;row-gap:3px;align-items:center}.social-auth-brand .melisforge-mark{grid-row:1/3}.social-auth-brand .social-auth-wordmark{font-size:17px;font-weight:950;letter-spacing:2px;text-transform:uppercase}.social-auth-brand .social-auth-wordmark>span{color:var(--cyan)}.social-auth-brand small{color:#728398;font-size:8px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase}
.language-switch{display:flex;justify-content:flex-end;gap:5px;margin:0 0 16px}.language-switch button{min-width:38px;padding:7px 9px;border:1px solid #334257;border-radius:var(--radius-rect);background:#0b111a;color:#8190a3;font:800 10px/1 inherit;cursor:pointer}.language-switch button:hover,.language-switch button:focus-visible{border-color:#61cedd;color:#dffbff}.language-switch button.is-active{border-color:#61cedd;background:rgba(97,206,221,.12);color:#6ed2df}
.melisforge-mark{position:relative;width:30px;height:30px;display:block;transform:rotate(45deg);border:2px solid var(--cyan);box-shadow:8px 8px 0 -6px var(--cyan),-8px -8px 0 -6px var(--cyan)}.melisforge-mark:before,.melisforge-mark:after{position:absolute;inset:50% auto auto 50%;background:var(--cyan);content:"";transform:translate(-50%,-50%)}.melisforge-mark:before{width:145%;height:2px}.melisforge-mark:after{width:2px;height:145%}
.media-file-input{width:min(100%,390px);margin-top:10px;padding:10px;border:1px solid #334258;border-radius:var(--radius-rect);background:#111a26;color:#9eabba;font-size:10px}.media-file-input::file-selector-button{margin-right:10px;padding:8px 10px;border:0;border-radius:var(--radius-rect);background:#65cfdf;color:#081117;font-weight:800;cursor:pointer}.post-uploaded-media{position:absolute;inset:0;width:100%;height:100%;z-index:1;object-fit:cover;background:#090d14}.post-media video.post-uploaded-media{object-fit:contain}.post-media .media-type{z-index:3}
.creator-profile-menu{position:absolute;right:18px;bottom:18px;z-index:3;display:none;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:calc(100% - 175px)}.role-creator .creator-profile-menu,.role-admin .creator-profile-menu{display:flex}.creator-profile-menu a{display:flex;align-items:center;min-height:38px;padding:0 13px;border:1px solid rgba(255,255,255,.22);border-radius:var(--radius-rect);background:rgba(8,12,18,.68);color:#dbe4ef;font-size:10px;font-weight:800;backdrop-filter:blur(10px);box-shadow:0 8px 20px rgba(0,0,0,.18)}.creator-profile-menu a:hover{border-color:#75d5e3;background:rgba(23,34,47,.92);transform:translateY(-1px)}.creator-profile-menu a.creator-menu-primary{border-color:transparent;background:linear-gradient(135deg,#71dbe8,#50bfd8);color:#071117}.creator-profile-menu a:nth-child(3){color:#ff8aa3}
.profile-stats.profile-stats-side{grid-template-columns:repeat(2,1fr);margin:12px 0 0}.profile-stats-side div{min-height:74px;padding:13px 8px;border-right:1px solid #222c3b;border-bottom:1px solid #222c3b}.profile-stats-side div:nth-child(2n){border-right:0}.profile-stats-side div:nth-last-child(-n+2){border-bottom:0}.profile-stats-side b{font-size:16px}.profile-stats-side span{font-size:7px}
.creator-profile-menu button{display:flex;align-items:center;min-height:38px;padding:0 13px;border:1px solid rgba(255,255,255,.22);border-radius:var(--radius-rect);background:rgba(8,12,18,.68);color:#dbe4ef;font-size:10px;font-weight:800;backdrop-filter:blur(10px);box-shadow:0 8px 20px rgba(0,0,0,.18)}.creator-profile-menu button:hover,.creator-profile-menu button.active{border-color:#75d5e3;background:rgba(23,34,47,.95);transform:translateY(-1px)}.creator-profile-menu button.creator-menu-primary{border-color:transparent;background:linear-gradient(135deg,#71dbe8,#50bfd8);color:#071117}.creator-profile-menu button:nth-child(3){color:#ff8aa3}.creator-inline-workspace{margin:18px 0 24px;padding:24px;border:1px solid #2d3b4e;border-radius:var(--radius-rect);background:linear-gradient(145deg,#121a25,#0f151e);box-shadow:0 20px 45px rgba(0,0,0,.25)}.creator-inline-workspace>header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid #293545}.creator-inline-workspace>header span{color:#64d0df;font-size:8px;font-weight:900;letter-spacing:1.5px}.creator-inline-workspace>header h2{margin:6px 0 0;font-size:24px}.creator-inline-workspace>header>button{padding:8px 10px;border:1px solid #334156;border-radius:var(--radius-rect);background:#151e29;color:#94a1b3;font-size:9px}.creator-inline-workspace .studio-form{max-width:760px;margin:22px auto 0}.creator-workspace-notice{margin:18px 0 0;padding:12px;border:1px solid rgba(80,218,152,.3);border-radius:var(--radius-rect);background:rgba(80,218,152,.08);color:#71dfa8;font-size:10px}.creator-content-manager{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.creator-content-manager article{display:grid;gap:7px;padding:20px;border:1px solid #2a3748;border-radius:var(--radius-rect);background:#0d141d}.creator-content-manager b{font-size:25px}.creator-content-manager span{color:#7f8c9e;font-size:9px;text-transform:uppercase}.creator-content-manager button{margin-top:8px;padding:9px;border:1px solid #334258;border-radius:var(--radius-rect);background:#17212d;color:#70d4e2;font-size:9px}.creator-embedded-form .ghost-button{text-align:center}
@media(max-width:620px){.creator-profile-menu button{flex:none;min-height:34px;padding:0 11px}.creator-inline-workspace{margin:12px 0 18px;padding:18px 14px}.creator-inline-workspace>header h2{font-size:20px}.creator-content-manager{grid-template-columns:1fr}}
@media(max-width:620px){.creator-profile-menu{left:12px;right:12px;bottom:12px;max-width:none;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.creator-profile-menu::-webkit-scrollbar{display:none}.creator-profile-menu a{flex:none;min-height:34px;padding:0 11px}.profile-banner .back-button{top:12px;left:12px}}

/* Temporary role preview control is intentionally hidden from the product UI. */
.preview-control{display:none}

/* Creator settings use a compact sub-menu and show one focused card at a time. */
.creator-managed-content>header{padding-bottom:16px;border-bottom:1px solid #273344}.creator-content-buttons{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.creator-content-buttons button{display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:170px;padding:12px 14px;border:1px solid #334258;border-radius:var(--radius-rect);background:#17212d;color:#70d4e2;font-size:10px;font-weight:800}.creator-content-buttons button:hover,.creator-content-buttons button.active{border-color:#68cfde;background:#1c2a38;transform:translateY(-1px)}.creator-content-buttons button b{display:grid;place-items:center;min-width:30px;height:23px;padding:0 7px;border-radius:var(--radius-rect);background:rgba(99,215,237,.12);color:#e8fbff;font-size:10px}
.creator-media-library{min-width:0}.creator-library-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:16px;border-bottom:1px solid #2c3440}.creator-library-heading h3{margin:8px 0 5px}.creator-library-heading p{margin:0}.creator-library-back{padding:0;border:0;background:none;color:#78d5e3;font-size:9px;font-weight:800}.creator-library-add{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 13px;border:1px solid #3b5268;border-radius:var(--radius-rect);background:#202b36;color:#e7f8fb;font-size:10px;font-weight:800;cursor:pointer}.creator-library-add:hover{border-color:#7fc4ff;background:#293847}.creator-library-add input{display:none}.creator-library-summary{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:14px;padding:11px;border:1px solid #303945;border-radius:var(--radius-rect);background:#101318}.creator-library-summary strong{font-size:12px}.creator-library-summary span{color:#8f9ba8;font-size:10px}.creator-library-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px}.creator-library-item{min-width:0;padding:8px;border:1px solid transparent;border-radius:var(--radius-rect);background:#11161c;transition:.14s ease}.creator-library-item:hover{border-color:#49647c;background:#18212a;transform:translateY(-2px)}.creator-library-thumb{position:relative;display:grid;place-items:center;width:calc(100% - 5px);margin:auto;aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius-rect);background:linear-gradient(145deg,#40324f,#202736)}.creator-library-thumb.blue{background:linear-gradient(145deg,#315274,#1a2b42)}.creator-library-thumb.coral{background:linear-gradient(145deg,#754153,#25233a)}.creator-library-thumb.amber{background:linear-gradient(145deg,#765134,#2c2730)}.creator-library-thumb.rose{background:linear-gradient(145deg,#713849,#2d2232)}.creator-library-play{display:grid;place-items:center;width:32px;height:32px;padding-left:2px;border:1px solid rgba(255,255,255,.28);border-radius:var(--radius-circle);background:rgba(5,8,13,.52);color:white;font-size:11px}.creator-video-duration{position:absolute;right:6px;bottom:6px;padding:2px 5px;border-radius:4px;background:rgba(0,0,0,.78);color:white;font-size:8px;font-weight:800}.creator-library-item>div:last-child{min-width:0;padding:8px 2px 2px}.creator-library-item strong{display:block;overflow:hidden;color:#f4f7fa;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.creator-library-item>div:last-child span{display:block;margin-top:3px;overflow:hidden;color:#8f9ba8;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.creator-library-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid #2c3440}.creator-library-pagination>span{color:#8f9ba8;font-size:9px}.creator-library-pagination>div{display:flex;gap:5px}.creator-library-pagination button{display:grid;place-items:center;min-width:30px;height:30px;padding:0 7px;border:0;border-radius:var(--radius-rect);background:#252d36;color:#cbd4dc;font-size:9px;font-weight:800}.creator-library-pagination button.active,.creator-library-pagination button:hover:not(:disabled){background:#3b5268;color:white}.creator-library-pagination button:disabled{cursor:not-allowed;opacity:.35}
.creator-settings{margin-top:20px}.creator-inline-workspace>header>div{min-width:0;flex:1}.creator-settings-menu{display:flex;flex-wrap:wrap;gap:8px;padding:5px;border:1px solid #293648;border-radius:var(--radius-rect);background:#0a1018}.creator-settings-menu-header{max-width:720px;margin-top:17px}.creator-settings-menu button{flex:1;min-width:130px;padding:11px 14px;border:1px solid transparent;border-radius:var(--radius-rect);background:transparent;color:#8491a4;font-size:10px;font-weight:800}.creator-settings-menu button:hover{color:#dce7f2;background:#131d28}.creator-settings-menu button.active{border-color:rgba(99,215,237,.28);background:#1a2633;color:#75d9e7;box-shadow:0 7px 18px rgba(0,0,0,.18)}.creator-settings-card{padding:22px;border:1px solid #2b384a;border-radius:var(--radius-rect);background:#0d141d}.creator-settings-card .studio-form{max-width:none;margin:0}.creator-settings-card .studio-form>header,.creator-payout-settings>header{padding-bottom:16px;border-bottom:1px solid #273344}.creator-settings-card h3{margin:0 0 6px;font-size:17px}.creator-settings-card header p{margin:0;color:#7f8c9f;font-size:10px;line-height:1.55}.creator-payout-settings{display:grid;gap:0}.creator-payout-settings>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 4px;border-bottom:1px solid #263242;font-size:10px}.creator-payout-settings>div span{color:#7f8c9f}.creator-payout-settings>div b{text-align:right}.creator-payout-settings>.auth-submit{max-width:360px;margin:20px auto 0}
@media(max-width:620px){.creator-settings-menu{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.creator-settings-menu::-webkit-scrollbar{display:none}.creator-settings-menu button{flex:none;min-width:auto;white-space:nowrap}.creator-settings-card{padding:17px 13px}.creator-content-buttons{display:grid}.creator-content-buttons button{width:100%}.creator-payout-settings>div{align-items:flex-start;flex-direction:column;gap:6px}.creator-payout-settings>div b{text-align:left}}
@media(max-width:900px){.creator-library-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.creator-library-heading{align-items:flex-start;flex-direction:column}.creator-library-list{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-library-pagination{align-items:flex-start;flex-direction:column}}

/* The content menu remains visible while the Livyno media library switches underneath it. */
.creator-media-library{margin-top:18px;padding-top:18px;border-top:1px solid #2c3440}.creator-library-heading h3{margin-top:0}.creator-library-back{display:none}
.creator-library-delete{position:absolute;z-index:4;top:13px;left:13px;padding:5px 7px;border:1px solid rgba(255,95,136,.45);border-radius:var(--radius-rect);background:rgba(10,13,19,.82);color:#ff8da6;font-size:8px;font-weight:800;opacity:0;transform:translateY(-3px)}.creator-library-item:hover .creator-library-delete,.creator-library-delete:focus-visible{opacity:1;transform:translateY(0)}.creator-library-delete:hover{border-color:#ff6f91;background:#a52e4d;color:white}.creator-library-delete:focus-visible{outline:2px solid #ff8da6;outline-offset:2px}
@media(max-width:760px){.creator-library-delete{opacity:1;transform:none}}
.creator-bundle-card{cursor:pointer}.creator-bundle-card:focus-visible{border-color:#7fc4ff;outline:none}.creator-library-item>div:last-of-type small{display:block;margin-top:6px;color:#6fd1df;font-size:8px}.creator-library-item.bundle-expanded{grid-column:1/-1;grid-template-columns:minmax(150px,220px) minmax(0,1fr);grid-template-rows:auto 1fr;gap:12px;border-color:#49647c;background:#18212a}.creator-library-item.bundle-expanded>.creator-library-thumb{grid-column:1;grid-row:1/3}.creator-library-item.bundle-expanded>div:not(.creator-library-thumb){grid-column:2;grid-row:1;padding-top:3px}.creator-bundle-detail{grid-column:2;grid-row:2;min-width:0;padding:12px;border:1px solid #344454;border-radius:var(--radius-rect);background:#10161d;cursor:default}.creator-bundle-detail>header{display:flex;align-items:center;justify-content:space-between;gap:15px}.creator-bundle-detail h4{margin:0 0 4px;font-size:11px}.creator-bundle-detail p{margin:0;color:#8795a5;font-size:8px}.creator-bundle-delete{padding:7px 9px;border:1px solid rgba(255,95,136,.45);border-radius:var(--radius-rect);background:rgba(255,95,136,.08);color:#ff8da6;font-size:8px;font-weight:800}.creator-bundle-delete:hover{border-color:#ff6f91;background:#a52e4d;color:white}.creator-bundle-items{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:11px}.creator-bundle-items span{display:grid;gap:5px;min-width:0;color:#9aa7b5;font-size:8px}.creator-bundle-items i{display:grid;place-items:center;aspect-ratio:16/9;border-radius:var(--radius-rect);background:#29313e;color:white;font-size:7px;font-style:normal;font-weight:900}.creator-bundle-items i.coral{background:#754153}.creator-bundle-items i.violet{background:#40324f}.creator-bundle-items i.blue{background:#315274}.creator-bundle-items i.amber{background:#765134}.creator-bundle-items i.rose{background:#713849}
@media(max-width:760px){.creator-library-item.bundle-expanded{grid-template-columns:1fr}.creator-library-item.bundle-expanded>.creator-library-thumb,.creator-library-item.bundle-expanded>div:not(.creator-library-thumb),.creator-bundle-detail{grid-column:1;grid-row:auto}.creator-bundle-items{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-bundle-detail>header{align-items:flex-start;flex-direction:column}}
.creator-bundle-actions{display:flex;align-items:center;gap:7px}.creator-bundle-close{padding:7px 9px;border:1px solid #3b4a5d;border-radius:var(--radius-rect);background:#202a36;color:#d8e2ec;font-size:8px;font-weight:800}.creator-bundle-close:hover{border-color:#69cedd;background:#293847;color:white}
@media(max-width:520px){.creator-bundle-actions{width:100%;display:grid;grid-template-columns:1fr}.creator-bundle-actions button{width:100%}}
.creator-bundle-top-actions{position:absolute;z-index:6;top:12px;right:12px;display:flex;align-items:center;gap:7px}.creator-library-item.bundle-expanded{padding-top:50px}
@media(max-width:520px){.creator-bundle-top-actions{left:12px;display:grid;grid-template-columns:1fr 1fr}.creator-bundle-top-actions button{width:100%}}
.public-video-library{margin-top:18px;padding:20px;border:1px solid #293546;border-radius:var(--radius-rect);background:#111721}.public-video-library>header span{color:#63d7ed;font-size:8px;font-weight:900;letter-spacing:1.5px}.public-video-library>header h2{margin:6px 0 4px;font-size:20px}.public-video-library>header p{margin:0;color:#7f8c9f;font-size:9px}.public-video-menu{display:flex;gap:8px;margin-top:17px}.public-video-menu button{display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:190px;padding:11px 13px;border:1px solid #334258;border-radius:var(--radius-rect);background:#17212d;color:#8f9bad;font-size:9px;font-weight:800}.public-video-menu button:hover,.public-video-menu button.active{border-color:#68cfde;background:#1c2a38;color:#70d4e2}.public-video-menu b{display:grid;place-items:center;min-width:30px;height:22px;padding:0 6px;border-radius:var(--radius-rect);background:rgba(99,215,237,.12);color:#e8fbff;font-size:9px}.public-video-card{margin-top:10px;padding:13px;border:1px solid #2c3746;border-radius:var(--radius-rect);background:#0d141d}.public-video-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.public-video-item{position:relative}.public-video-unlock{position:absolute;inset:auto 6px 6px 6px;z-index:3;padding:5px;border-radius:5px;background:rgba(8,11,17,.86);color:#ff91aa;font-size:7px;font-weight:900;text-align:center;opacity:0;transform:translateY(3px)}.public-video-item:hover .public-video-unlock,.public-video-unlock:focus-visible{opacity:1;transform:none}
@media(max-width:900px){.public-video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.public-video-library{padding:15px 11px}.public-video-menu{display:grid;grid-template-columns:1fr 1fr}.public-video-menu button{min-width:0}.public-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-video-unlock{opacity:1;transform:none}}
body .about-hobbies{margin-bottom:5px;padding-left:2px;padding-bottom:14px;border-left:0;border-bottom:1px solid #252f3d;border-radius:0;background:transparent}
body .public-video-menu{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}body .public-video-menu button{min-width:0;height:42px;gap:5px;padding:6px 8px;font-size:8px;white-space:nowrap}body .public-video-menu button span{min-width:0;overflow:visible;text-overflow:clip;white-space:nowrap}body .public-video-menu button b{flex:none;min-width:27px;height:21px;padding-inline:5px;font-size:8px}
@media(max-width:620px){body .public-video-menu{grid-template-columns:repeat(5,minmax(125px,1fr));overflow-x:auto;padding-bottom:3px;scrollbar-width:thin}}
body .creator-settings-menu-header{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));max-width:none;width:100%}body .creator-settings-menu-header button{min-width:0;padding-inline:8px;white-space:nowrap}
@media(max-width:760px){body .creator-settings-menu-header{display:flex;width:auto;overflow-x:auto}body .creator-settings-menu-header button{flex:none;min-width:125px}}
.profile-settings-section{padding:16px;border:1px solid #293648;border-radius:var(--radius-rect);background:#101720}.profile-settings-section>header{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:14px;padding-bottom:11px;border-bottom:1px solid #273344}.profile-settings-section h4{margin:0;font-size:12px}.profile-settings-section header p{margin:0;color:#718094;font-size:8px}.profile-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.profile-settings-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-settings-grid label{display:grid;align-content:start;gap:7px;color:#c4ceda;font-size:9px;font-weight:700}.profile-setting-wide{grid-column:1/-1}.profile-image-input{min-height:46px;padding:8px!important;color:#8f9cad!important;font-size:8px!important}.profile-image-input::file-selector-button{margin-right:8px;padding:7px 9px;border:0;border-radius:var(--radius-rect);background:#263646;color:#72d5e3;font-weight:800;cursor:pointer}.profile-settings-save{display:grid;grid-template-columns:1fr minmax(220px,320px);align-items:center;gap:15px;padding-top:4px}.profile-settings-save>span{color:#718094;font-size:8px}
@media(max-width:760px){.profile-settings-grid,.profile-settings-grid-three{grid-template-columns:1fr}.profile-setting-wide{grid-column:auto}.profile-settings-section>header{align-items:flex-start;flex-direction:column}.profile-settings-save{grid-template-columns:1fr}}
.membership-settings-section{padding:16px;border:1px solid #293648;border-radius:var(--radius-rect);background:#101720}.membership-settings-section>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:12px;border-bottom:1px solid #273344}.membership-settings-section>header:only-child{padding-bottom:0;border-bottom:0}.membership-settings-section h4{margin:0 0 4px;font-size:12px}.membership-settings-section header p{margin:0;color:#718094;font-size:8px}.membership-settings-section>.profile-settings-grid,.membership-settings-section>.membership-settings-options{margin-top:14px}.membership-switch{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(99,215,237,.25);border-radius:var(--radius-rect);background:rgba(99,215,237,.07);color:#71d7e5;font-size:8px;font-weight:800}.membership-switch input{width:15px;height:15px;accent-color:#62cfdf}.membership-settings-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.membership-settings-options label{display:flex;align-items:flex-start;gap:9px;padding:11px;border:1px solid #2a3748;border-radius:var(--radius-rect);background:#0c131c}.membership-settings-options input{margin-top:2px;accent-color:#62cfdf}.membership-settings-options span{display:grid;gap:3px}.membership-settings-options b{font-size:9px}.membership-settings-options small{color:#748195;font-size:7px;line-height:1.4}.membership-settings-hint{display:block;margin-top:9px;color:#687588;font-size:7px}.membership-preview{padding:20px;border:1px solid rgba(255,95,136,.28);border-radius:var(--radius-rect);background:linear-gradient(145deg,rgba(255,95,136,.08),#111923)}.membership-preview>span{color:#ff7192;font-size:7px;font-weight:900;letter-spacing:1.3px}.membership-preview h4{margin:7px 0 5px;font-size:17px}.membership-preview p{margin:0;color:#8794a6;font-size:8px}.membership-preview>div{display:flex;align-items:baseline;gap:5px;margin:15px 0}.membership-preview>div b{font-size:24px}.membership-preview>div small{color:#718094;font-size:8px}.membership-preview ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0;padding:13px 0 0;border-top:1px solid #2b3544;list-style:none;color:#aab5c3;font-size:8px}
@media(max-width:620px){.membership-settings-section>header{align-items:flex-start;flex-direction:column}.membership-settings-options,.membership-preview ul{grid-template-columns:1fr}}
.creator-payout-settings>.creator-payout-account{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px 0;border-bottom:0}.creator-payout-account>div{display:grid;gap:5px;padding:12px;border:1px solid #293648;border-radius:var(--radius-rect);background:#101720}.creator-payout-account span{color:#718094;font-size:7px;text-transform:uppercase;letter-spacing:.5px}.creator-payout-account b{font-size:10px;text-align:left}.creator-payout-breakdown{margin-top:4px;border:1px solid #2b384a;border-radius:var(--radius-rect);background:#0d141d;overflow:hidden}.creator-payout-breakdown>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px;border-bottom:1px solid #293545}.creator-payout-breakdown h4{margin:0 0 4px;font-size:12px}.creator-payout-breakdown header p{margin:0;color:#748195;font-size:7px}.creator-payout-breakdown>header>span{padding:5px 8px;border-radius:var(--radius-rect);background:rgba(99,215,237,.09);color:#70d4e2;font-size:7px;font-weight:800}.creator-payout-breakdown article{display:grid;grid-template-columns:minmax(0,1fr) 85px 110px;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid #242f3d}.creator-payout-breakdown article>div{display:grid;gap:3px}.creator-payout-breakdown article b{font-size:9px}.creator-payout-breakdown article small{color:#718094;font-size:7px}.creator-payout-breakdown article>span{color:#7f8c9f;font-size:7px;text-align:right}.creator-payout-breakdown article>strong{font-size:10px;text-align:right}.creator-payout-breakdown>footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 14px;background:linear-gradient(135deg,rgba(99,215,237,.08),rgba(54,117,255,.05))}.creator-payout-breakdown>footer>div{display:grid;gap:3px}.creator-payout-breakdown footer span{color:#aeb9c6;font-size:9px;font-weight:800}.creator-payout-breakdown footer small{color:#718094;font-size:7px}.creator-payout-breakdown footer>b{color:#7be0ed;font-size:20px}.creator-payout-settings>.auth-submit{margin-top:18px}
@media(max-width:620px){.creator-payout-settings>.creator-payout-account{grid-template-columns:1fr}.creator-payout-breakdown article{grid-template-columns:minmax(0,1fr) auto}.creator-payout-breakdown article>span{display:none}.creator-payout-breakdown>header{align-items:flex-start;flex-direction:column}}
.creator-payout-breakdown article{grid-template-columns:minmax(0,1fr) 75px 100px 95px}.creator-payout-share{display:grid;gap:5px}.creator-payout-share>span{color:#72d5e3;font-size:8px;font-weight:900;text-align:right}.creator-payout-share>i{display:block;height:4px;overflow:hidden;border-radius:var(--radius-rect);background:#253241}.creator-payout-share>i>b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#56c8da,#7189ff)}
@media(max-width:620px){.creator-payout-breakdown article{grid-template-columns:minmax(0,1fr) auto}.creator-payout-share{grid-column:1/-1}.creator-payout-share>span{text-align:left}}
.creator-payout-breakdown>footer.creator-payout-totals{display:grid;gap:0;padding:0}.creator-payout-totals>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 14px;border-bottom:1px solid #293545}.creator-payout-totals>div>span{font-size:8px}.creator-payout-totals>div>b{font-size:10px}.creator-payout-totals>.portal-fee{color:#ff91aa}.creator-payout-totals>.payout-net{display:grid;grid-template-columns:1fr auto;align-items:center;padding-block:15px;border-bottom:0;background:linear-gradient(135deg,rgba(99,215,237,.08),rgba(54,117,255,.05))}.creator-payout-totals>.payout-net span{font-size:10px;font-weight:900}.creator-payout-totals>.payout-net small{grid-column:1;color:#718094;font-size:7px}.creator-payout-totals>.payout-net b{grid-column:2;grid-row:1/3;color:#7be0ed;font-size:20px}
.creator-shop{margin-top:18px;padding:20px;border:1px solid #293546;border-radius:var(--radius-rect);background:#111721}.creator-shop>header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:17px;border-bottom:1px solid #293444}.creator-shop>header>div>span{color:#ff7192;font-size:8px;font-weight:900;letter-spacing:1.5px}.creator-shop>header h2{margin:6px 0 4px;font-size:20px}.creator-shop>header p{margin:0;color:#7f8c9f;font-size:9px}.shop-cart{display:grid;grid-template-columns:auto auto;align-items:center;gap:2px 8px;min-width:125px;padding:9px 11px;border:1px solid #3b4a5e;border-radius:var(--radius-rect);background:#192330;color:#dce6ef;text-align:left}.shop-cart span{font-size:9px;font-weight:800}.shop-cart b{display:grid;place-items:center;min-width:22px;height:20px;border-radius:var(--radius-rect);background:#ff6587;color:white;font-size:8px}.shop-cart small{grid-column:1/-1;color:#778598;font-size:7px}.shop-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:15px}.shop-product{overflow:hidden;border:1px solid #2b3747;border-radius:var(--radius-rect);background:#0d141d}.shop-product-art{height:125px;position:relative;display:grid;place-items:center;background:linear-gradient(145deg,#315274,#1a2b42);color:rgba(255,255,255,.16);font-size:27px;font-weight:900;letter-spacing:-1px}.shop-product-art.violet{background:linear-gradient(145deg,#54416f,#22253f)}.shop-product-art.rose{background:linear-gradient(145deg,#713849,#2d2232)}.shop-product-art.coral{background:linear-gradient(145deg,#754153,#25233a)}.shop-product-art.amber{background:linear-gradient(145deg,#765134,#2c2730)}.shop-product-art>b{position:absolute;top:8px;right:8px;padding:4px 6px;border-radius:5px;background:#e54f73;color:white;font-size:6px;letter-spacing:0}.shop-product-copy{padding:11px}.shop-product-copy>span{color:#6ccfdc;font-size:6px;font-weight:900;text-transform:uppercase;letter-spacing:.6px}.shop-product-copy h3{min-height:26px;margin:5px 0 9px;font-size:10px;line-height:1.3}.shop-product-copy>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.shop-product-copy>div>b{font-size:11px}.shop-product-copy>div>small{color:#677487;font-size:6px}.shop-product-copy>button{width:100%;margin-top:10px;padding:8px;border:1px solid #334459;border-radius:var(--radius-rect);background:#192431;color:#72d5e3;font-size:8px;font-weight:800}.shop-product-copy>button:hover{border-color:#70d4e2;background:#213140}.shop-shipping{margin:14px 0 0;color:#637084;font-size:7px;text-align:center}.creator-shop-settings>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:16px;border-bottom:1px solid #273344}.creator-shop-settings h3{margin:0 0 5px}.creator-shop-settings header p{margin:0}.creator-shop-add{padding:9px 11px;border:1px solid #3a4a5e;border-radius:var(--radius-rect);background:#1a2532;color:#70d4e2;font-size:8px;font-weight:800}.creator-shop-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.creator-shop-metrics>div{padding:11px;border:1px solid #293648;border-radius:var(--radius-rect);background:#101720}.creator-shop-metrics span{display:block;color:#718094;font-size:7px;text-transform:uppercase}.creator-shop-metrics b{display:block;margin-top:5px;font-size:16px}.creator-shop-products{display:grid;gap:7px}.creator-shop-products article{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;border:1px solid #293648;border-radius:var(--radius-rect);background:#101720}.shop-admin-mark{display:grid;place-items:center;width:42px;height:35px;border-radius:var(--radius-rect);background:#315274;color:rgba(255,255,255,.7);font-size:6px;font-weight:900}.shop-admin-mark.violet{background:#54416f}.shop-admin-mark.rose{background:#713849}.shop-admin-mark.coral{background:#754153}.shop-admin-mark.amber{background:#765134}.creator-shop-products article>div{display:grid;gap:3px}.creator-shop-products article>div>b{font-size:9px}.creator-shop-products article>div>small{color:#748195;font-size:7px}.creator-shop-products article>button{padding:7px 9px;border:1px solid #344459;border-radius:var(--radius-rect);background:#17212d;color:#73d4e2;font-size:7px}
.creator-payout-breakdown>footer.creator-payout-totals{display:flex;flex-direction:column;align-items:flex-end}.creator-payout-breakdown>footer.creator-payout-totals>div{width:min(100%,460px);margin-left:0}.creator-payout-breakdown>footer.creator-payout-totals>div:not(.payout-net){display:flex;align-items:center;justify-content:space-between;gap:15px}.creator-payout-breakdown>footer.creator-payout-totals>div:not(.payout-net)>b{margin-left:auto;text-align:right;white-space:nowrap}.creator-payout-breakdown>footer.creator-payout-totals>.payout-net{display:flex;align-items:center;justify-content:space-between;gap:15px}.creator-payout-breakdown>footer.creator-payout-totals>.payout-net>small{display:none}.creator-payout-breakdown>footer.creator-payout-totals>.payout-net>b{margin-left:auto;text-align:right;white-space:nowrap}
.creator-payout-breakdown article>div:first-child{display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap}.creator-payout-breakdown article>div:first-child small::before{content:"· ";color:#4f5e71}.creator-payout-breakdown article>div:first-child b,.creator-payout-breakdown article>div:first-child small,.creator-payout-breakdown article>span,.creator-payout-breakdown article>strong,.creator-payout-breakdown .creator-payout-share>span{font-size:10px;line-height:1.2}.creator-payout-breakdown article>div:first-child small{overflow:hidden;text-overflow:ellipsis}.creator-payout-breakdown article>span,.creator-payout-breakdown article>strong,.creator-payout-breakdown .creator-payout-share>span{white-space:nowrap}
.creator-payout-breakdown>header>div{display:flex;align-items:baseline;gap:12px;min-width:0}.creator-payout-breakdown>header h4{flex:none;margin:0;font-size:14px;font-weight:900}.creator-payout-breakdown>header p{overflow:hidden;margin:0;font-size:10px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.creator-payout-breakdown>header>span{flex:none;font-size:9px}
.stream-toolbar{height:48px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 max(24px,calc((100vw - 1500px)/2));border-bottom:1px solid #222d3c;background:#0b1018;color:#8390a2;font-size:9px}.stream-toolbar>a{color:#aeb9c7;font-weight:800}.stream-toolbar>div{display:flex;align-items:center;gap:8px}.stream-toolbar>div>span{display:flex;align-items:center;gap:6px;color:#ff7897;font-weight:800}.stream-toolbar>div>span i{width:7px;height:7px;border-radius:var(--radius-circle);background:#ff5c80;box-shadow:0 0 0 4px rgba(255,92,128,.1)}.stream-toolbar button,.stream-toolbar>div>a{padding:6px 9px;border:1px solid #303e51;border-radius:var(--radius-rect);background:#141d29;color:#aeb9c7;font-size:8px}.stream-room{max-width:1500px;margin:0 auto;padding:14px 24px 24px}.stream-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:16px}.stream-main{min-width:0}.stream-main>.preview-player{max-width:none;margin:0;padding:0}.stream-main .preview-video{width:100%;height:auto;min-height:0;aspect-ratio:16/9;border-radius:var(--radius-rect);background:radial-gradient(circle at 50% 27%,#e9a096 0 7%,transparent 7.4%),radial-gradient(ellipse at 50% 94%,#93445e 0 27%,transparent 27.5%),linear-gradient(145deg,#343650,#111b29)}.preview-stage-light{position:absolute;inset:0;background:radial-gradient(circle at 50% 38%,rgba(255,211,190,.12),transparent 28%),linear-gradient(90deg,rgba(5,9,15,.22),transparent 22%,transparent 78%,rgba(5,9,15,.22));pointer-events:none}.stream-main .preview-person{font-size:clamp(60px,8vw,120px)}.preview-controls{position:absolute;left:14px;right:14px;bottom:13px;display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--radius-rect);background:linear-gradient(90deg,rgba(5,8,13,.82),rgba(5,8,13,.4));color:#d9e1eb;font-size:8px;opacity:0;transition:opacity .2s}.preview-video:hover .preview-controls,.preview-video:focus-within .preview-controls{opacity:1}.preview-controls button{border:0;background:none;color:white;font-size:11px}.preview-controls i{height:3px;flex:1;border-radius:var(--radius-rect);background:linear-gradient(90deg,#ef5a7e 0 74%,rgba(255,255,255,.25) 74%)}.preview-gate{z-index:3}.stream-info{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:12px;padding:15px;border:1px solid #263244;border-radius:var(--radius-rect);background:#101720}.stream-creator-avatar{width:48px;height:48px;position:relative;display:grid;place-items:center;border-radius:var(--radius-circle);background:linear-gradient(145deg,#8d475e,#382f4c);font-size:13px;font-weight:900}.stream-creator-avatar>span{position:absolute;right:1px;bottom:2px;width:12px;height:12px;border:3px solid #101720;border-radius:var(--radius-circle);background:#4fdc94}.stream-info-copy>span{color:#ff6d8f;font-size:8px;font-weight:900;letter-spacing:1px}.stream-info-copy h1{margin:5px 0 3px;font-size:19px}.stream-info-copy p{margin:0;color:#778598;font-size:9px}.stream-actions{display:flex;gap:7px}.stream-actions button{padding:10px 12px;border:1px solid #35455a;border-radius:var(--radius-rect);background:#192432;color:#dce5ee;font-size:9px;font-weight:800}.stream-actions button:last-child{border-color:rgba(255,101,135,.3);background:rgba(255,101,135,.08);color:#ff8aa4}.stream-actions button.is-active{border-color:rgba(95,210,225,.35);background:rgba(95,210,225,.1);color:#73d9e6}.stream-gifts{grid-column:2/-1;display:flex;align-items:center;justify-content:flex-end;gap:7px;padding-top:11px;border-top:1px solid #273344}.stream-gifts>span{margin-right:auto;color:#8390a2;font-size:8px}.stream-gifts button{display:flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid #334257;border-radius:var(--radius-rect);background:#151f2b;color:#f0f4f8;font-size:11px}.stream-gifts button b{color:#76d8e4;font-size:8px}.stream-notice{grid-column:2/-1;margin:0;color:#6ed8a4;font-size:8px;text-align:right}.live-chat{height:clamp(520px,calc((100vw - 430px) * .5625),720px);display:flex;flex-direction:column;overflow:hidden;border:1px solid #293648;border-radius:var(--radius-rect);background:#0f151e}.live-chat>header{display:flex;align-items:center;justify-content:space-between;padding:14px;border-bottom:1px solid #273343}.live-chat>header>div{display:flex;align-items:center;gap:9px}.live-chat>header h2{margin:0;font-size:13px}.live-chat>header span{padding:4px 7px;border-radius:var(--radius-rect);background:rgba(80,218,151,.1);color:#69dca2;font-size:7px;font-weight:800}.live-chat>header button{border:0;background:none;color:#748195;font-size:13px}.chat-community-note{display:grid;gap:2px;margin:9px 10px 0;padding:9px 10px;border:1px solid rgba(98,207,223,.18);border-radius:var(--radius-rect);background:rgba(98,207,223,.05)}.chat-community-note b{color:#79d8e4;font-size:8px}.chat-community-note span{color:#778598;font-size:7px}.chat-messages{min-height:0;display:flex;flex:1;flex-direction:column;gap:12px;overflow-y:auto;padding:14px 12px;scrollbar-color:#35465b transparent;scrollbar-width:thin}.chat-messages article{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:8px}.chat-avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:var(--radius-circle);background:#285269;color:white;font-size:9px;font-weight:900}.chat-avatar.pink{background:#704054}.chat-avatar.violet{background:#51436f}.chat-avatar.gold{background:#725632}.chat-messages article>div>header{display:flex;align-items:center;gap:6px}.chat-messages article b{font-size:8px}.chat-messages article small{padding:2px 4px;border-radius:4px;background:rgba(255,104,139,.12);color:#ff819d;font-size:5px;font-weight:900}.chat-messages article p{margin:3px 0 0;color:#aeb8c6;font-size:8px;line-height:1.45}.chat-composer{display:grid;gap:7px;padding:11px;border-top:1px solid #273343;background:#111923}.chat-composer>label{color:#8793a5;font-size:7px;font-weight:800}.chat-composer>div{display:grid;grid-template-columns:minmax(0,1fr) 35px;gap:6px}.chat-composer input{min-width:0;padding:10px;border:1px solid #334155;border-radius:var(--radius-rect);background:#0b1119;color:#edf3f8;font-size:9px;outline:none}.chat-composer input:focus{border-color:#64ccdc}.chat-composer button{border:0;border-radius:var(--radius-rect);background:#58c8d9;color:#081117;font-size:12px;font-weight:900}.chat-composer>small{color:#596779;font-size:6px}.preview-player.is-gated .preview-controls{display:none}
.stream-gift-overlay{position:absolute;z-index:2;left:50%;bottom:56px;display:flex;align-items:center;gap:10px;padding:11px 15px;border:1px solid rgba(255,190,90,.5);border-radius:var(--radius-rect);background:rgba(16,22,32,.9);box-shadow:0 12px 35px rgba(0,0,0,.4),0 0 35px rgba(255,174,68,.16);transform:translateX(-50%);animation:stream-gift-in .35s ease-out}.stream-gift-overlay>span{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--radius-circle);background:rgba(255,174,68,.14);font-size:18px}.stream-gift-overlay>div{display:grid;gap:2px;white-space:nowrap}.stream-gift-overlay b{font-size:10px}.stream-gift-overlay small{color:#78d9e5;font-size:8px}@keyframes stream-gift-in{from{opacity:0;transform:translate(-50%,18px) scale(.92)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
.stream-chat-gift-toast{position:absolute;z-index:30;right:14px;top:66px;display:flex;align-items:center;gap:9px;max-width:min(310px,calc(100% - 28px));padding:9px 11px;border:1px solid rgba(116,222,235,.4);border-radius:var(--radius-rect);background:rgba(7,13,20,.86);box-shadow:0 14px 36px rgba(0,0,0,.42),0 0 26px rgba(99,215,237,.16);color:#edfaff;pointer-events:none;animation:stream-chat-gift-toast 3.1s ease-out forwards}.stream-chat-gift-toast>span{display:grid;flex:0 0 auto;place-items:center;width:34px;height:34px;border-radius:var(--radius-circle);background:rgba(99,215,237,.12);font-size:18px}.stream-chat-gift-toast>div{display:grid;min-width:0;gap:2px}.stream-chat-gift-toast b{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.stream-chat-gift-toast small{overflow:hidden;color:#79dce8;font-size:8px;text-overflow:ellipsis;white-space:nowrap}@keyframes stream-chat-gift-toast{0%{opacity:0;transform:translateY(-10px) scale(.94)}12%{opacity:1;transform:translateY(0) scale(1)}78%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-8px) scale(.97)}}
.stream-chat-gift-visual{position:absolute;z-index:29;inset:0;display:grid;place-items:center;overflow:hidden;pointer-events:none}.stream-chat-gift-visual>span{font-size:clamp(52px,10vw,150px);line-height:1;filter:drop-shadow(0 12px 22px rgba(0,0,0,.55)) drop-shadow(0 0 18px rgba(116,222,235,.22));animation:stream-chat-gift-visual-pop 2.45s cubic-bezier(.16,.9,.25,1) forwards}.stream-chat-gift-visual.is-plane-gift{display:block}.stream-chat-gift-visual.is-plane-gift>span{position:absolute;left:-18%;display:block;font-size:clamp(30px,5vw,66px);filter:drop-shadow(0 5px 8px rgba(0,0,0,.45)) drop-shadow(0 0 12px rgba(100,211,239,.55));transform:rotate(7deg);animation:stream-chat-plane-fly 2.8s cubic-bezier(.22,.61,.36,1) forwards}.stream-chat-gift-visual.is-plane-gift>span:nth-child(1){top:25%;animation-delay:0s}.stream-chat-gift-visual.is-plane-gift>span:nth-child(2){top:45%;animation-delay:.18s}.stream-chat-gift-visual.is-plane-gift>span:nth-child(3){top:65%;animation-delay:.36s}@keyframes stream-chat-gift-visual-pop{0%{opacity:0;transform:translateY(18px) scale(.42) rotate(-10deg)}20%{opacity:1;transform:translateY(0) scale(1.1) rotate(4deg)}70%{opacity:1;transform:translateY(0) scale(1) rotate(0)}100%{opacity:0;transform:translateY(-22px) scale(.86) rotate(8deg)}}@keyframes stream-chat-plane-fly{0%{left:-18%;opacity:0;transform:translateY(18px) rotate(7deg) scale(.82)}12%{opacity:1}78%{opacity:1}100%{left:108%;opacity:0;transform:translateY(-24px) rotate(7deg) scale(1.08)}}
.stream-gift-overlay.is-featured{left:16px;bottom:calc(100% - 132px);transform:scale(1.06);transform-origin:left bottom;animation:stream-gift-pop .4s ease-out}.stream-gift-overlay.is-pinned{left:16px;bottom:14px;transform:scale(.86);transform-origin:left bottom;animation:none}.stream-gift-overlay{transition:left .55s ease,bottom .55s ease,transform .55s ease}@keyframes stream-gift-pop{from{opacity:0;transform:translateY(14px) scale(.72)}to{opacity:1;transform:translateY(0) scale(1.06)}}
.stream-gift-overlay.is-pinned.has-featured-comment{top:auto;bottom:108px}
.plane-gift-animation{position:absolute;z-index:2;inset:0;overflow:hidden;pointer-events:none}.plane-gift-animation>span{position:absolute;left:-18%;display:block;color:#f5fbff;font-size:clamp(30px,4vw,58px);line-height:1;filter:drop-shadow(0 5px 8px rgba(0,0,0,.45)) drop-shadow(0 0 12px rgba(100,211,239,.55));transform:rotate(7deg);animation:gift-plane-fly 2.7s cubic-bezier(.22,.61,.36,1) forwards}.plane-gift-animation>span:after{content:"";position:absolute;top:52%;right:74%;width:clamp(75px,12vw,180px);height:3px;border-radius:var(--radius-rect);background:linear-gradient(90deg,transparent,rgba(112,217,235,.2),rgba(255,255,255,.8));transform:translateY(-50%)}.plane-gift-animation>span:nth-child(1){top:25%;animation-delay:0s}.plane-gift-animation>span:nth-child(2){top:44%;animation-delay:.18s}.plane-gift-animation>span:nth-child(3){top:63%;animation-delay:.36s}@keyframes gift-plane-fly{0%{left:-18%;opacity:0;transform:translateY(18px) rotate(7deg) scale(.82)}12%{opacity:1}78%{opacity:1}100%{left:108%;opacity:0;transform:translateY(-24px) rotate(7deg) scale(1.08)}}.stream-gift-overlay.plane-gift.is-featured{z-index:3;opacity:0;animation:plane-card-arrive .38s 2.75s ease-out forwards}@keyframes plane-card-arrive{from{opacity:0;transform:translateY(-14px) scale(.82)}to{opacity:1;transform:translateY(0) scale(1.06)}}
.premium-gift-animation{position:absolute;z-index:3;inset:0;display:grid;place-items:center;overflow:hidden;pointer-events:none;background:radial-gradient(circle,rgba(255,196,87,.2),transparent 46%);animation:premium-gift-fade 3.4s ease-out forwards}.premium-gift-animation>span{font-size:clamp(64px,12vw,150px);filter:drop-shadow(0 12px 24px rgba(0,0,0,.55));animation:premium-gift-pop 1.9s cubic-bezier(.16,.9,.25,1) forwards}.premium-gift-animation>i{position:absolute;width:10px;height:10px;border-radius:var(--radius-circle);background:#fff1ad;box-shadow:0 0 22px #ffd268;animation:premium-gift-spark 2.4s ease-out forwards}.premium-gift-animation>i:nth-of-type(1){left:28%;top:28%}.premium-gift-animation>i:nth-of-type(2){right:26%;top:38%;animation-delay:.18s}.premium-gift-animation>i:nth-of-type(3){left:48%;bottom:24%;animation-delay:.32s}@keyframes premium-gift-pop{0%{opacity:0;transform:scale(.35) rotate(-12deg)}45%{opacity:1;transform:scale(1.12) rotate(4deg)}100%{opacity:0;transform:scale(.92)}}@keyframes premium-gift-spark{0%{opacity:0;transform:scale(.2)}35%{opacity:1;transform:scale(1.5)}100%{opacity:0;transform:translateY(-70px) scale(.3)}}@keyframes premium-gift-fade{0%,75%{opacity:1}100%{opacity:0}}
.stream-main>.stream-info{height:48px;min-height:0;margin:0 0 7px;padding:6px 9px;grid-template-columns:32px minmax(0,1fr) auto;gap:7px;border-radius:var(--radius-rect)}.stream-main>.stream-info.is-gift-open{height:auto}.stream-main>.stream-info .stream-creator-avatar{width:32px;height:32px;font-size:9px}.stream-main>.stream-info .stream-creator-avatar>span{width:9px;height:9px;border-width:2px}.stream-main>.stream-info .stream-info-copy h1{display:inline;margin:0 7px 0 0;font-size:13px}.stream-main>.stream-info .stream-info-copy>span{display:none}.stream-main>.stream-info .stream-info-copy p{display:inline;margin:0;font-size:7px}.stream-main>.stream-info .stream-actions button{padding:6px 8px;font-size:8px}.stream-main>.stream-info .stream-gifts{padding-top:5px}.stream-main>.stream-info .stream-gifts>span{font-size:7px}.stream-main>.stream-info .stream-gifts button{padding:4px 7px;font-size:9px}.stream-layout>.live-chat>header{height:48px}
.stream-main .preview-video>.live-pill b{margin-right:2px;color:#fff;font:inherit;font-weight:900}
.preview-stream-heading{position:absolute;z-index:4;top:0;left:0;right:0;display:flex;align-items:center;gap:9px;min-height:44px;padding:7px 12px;border-bottom:1px solid rgba(255,255,255,.13);background:linear-gradient(180deg,rgba(6,10,16,.9),rgba(6,10,16,.7));backdrop-filter:blur(9px)}.preview-stream-heading .live-pill{flex:none}.preview-stream-heading .live-pill b{margin-right:2px;color:#fff;font:inherit;font-weight:900}.preview-stream-heading .live-pill.is-offline{background:rgba(48,55,66,.9);color:#bdc5d0}.preview-stream-heading .live-pill.is-offline i{background:#7e8997;box-shadow:none}.stream-room-title{min-width:0;flex:1;overflow:hidden;color:#f3f6fa;font-size:10px;font-weight:800;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}.preview-stream-heading .preview-timer{position:static;flex:none;margin-left:auto;padding:6px 9px;background:rgba(255,255,255,.06)}
.stream-room-title-editor{min-width:150px;display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;flex:1;gap:6px}.stream-room-title-editor label{min-width:0}.stream-room-title-editor input{width:100%;height:32px;padding:5px 10px;border:1px solid #385068;border-radius:var(--radius-rect);background:#0a121c;color:#f3f6fa;font-size:10px;font-weight:800;line-height:1.2;outline:none;text-overflow:ellipsis;cursor:text}.stream-room-title-editor input::placeholder{color:#718096;font-weight:600}.stream-room-title-editor input:hover{border-color:#4d6a86}.stream-room-title-editor input:focus{border-color:#63d7e9;box-shadow:0 0 0 2px rgba(99,215,237,.14)}.preview-stream-heading .stream-title-save{display:grid;place-items:center;width:34px;height:32px;padding:0;border:1px solid #63d7e9;border-radius:var(--radius-rect);background:#59c9dc;color:#07131c;font-size:15px;font-weight:950;cursor:pointer}.preview-stream-heading .stream-title-save:hover:not(:disabled){background:#79ddeb}.preview-stream-heading .stream-title-save:disabled{border-color:#304155;background:#172331;color:#5e6c7d;cursor:default}.stream-room-title-editor.is-saving input{opacity:.7}
.stream-main .guest-preview-timer{top:56px;right:12px;background:rgba(5,8,13,.86);color:#fff;font-weight:900}
.live-chat>.chat-composer{order:2;border-top:1px solid #273343;border-bottom:0}
@media(min-width:901px){.live-chat>.chat-composer>div:first-of-type{grid-template-columns:minmax(0,1fr) 32px 32px 32px;align-items:center}.live-chat>.chat-composer .chat-composer-input-wrap,.live-chat>.chat-composer .chat-composer-input-wrap>input,.live-chat>.chat-composer>div:first-of-type>button{height:32px}.live-chat>.chat-composer>div:first-of-type>button{width:32px}.live-chat .chat-messages article.chat-message-row{grid-template-columns:19px minmax(0,1fr)}.live-chat .chat-message-row>.chat-avatar,.live-chat .chat-message-row .chat-reply-tool,.live-chat .chat-message-row .chat-gift-tool{width:19px;height:19px}}
.chat-tool-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:24px;background:rgba(3,7,12,.78);backdrop-filter:blur(8px)}.chat-tool-modal{width:min(860px,100%);max-height:min(760px,calc(100vh - 48px));overflow:hidden;border:1px solid #42556d;border-radius:var(--radius-rect);background:#101822;box-shadow:0 30px 90px rgba(0,0,0,.68)}.chat-tool-modal>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid #2b394b}.chat-tool-modal>header span{color:#6fd5e3;font-size:7px;font-weight:900;letter-spacing:1.2px}.chat-tool-modal>header h2{margin:5px 0 4px;font-size:22px}.chat-tool-modal>header p{margin:0;color:#7e8c9f;font-size:9px}.chat-tool-modal>header>button{width:34px;height:34px;border:0;border-radius:var(--radius-rect);background:#202d3c;color:#aab7c7;font-size:20px}.chat-tool-layout{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:410px}.chat-tool-layout>nav{display:flex;flex-direction:column;gap:6px;overflow-y:auto;padding:12px;border-right:1px solid #2b394b;background:#0c131c}.chat-tool-layout>nav>button{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;padding:9px;border:1px solid transparent;border-radius:var(--radius-rect);background:transparent;color:#dce5ee;text-align:left}.chat-tool-layout>nav>button:hover,.chat-tool-layout>nav>button.is-selected{border-color:#3d536b;background:#172331}.chat-tool-layout>nav>button>span:last-child{display:grid;gap:2px;min-width:0}.chat-tool-layout>nav b{overflow:hidden;font-size:9px;text-overflow:ellipsis}.chat-tool-layout>nav small{color:#748398;font-size:7px}.chat-tool-empty{margin:auto;padding:30px;color:#7d8b9e;font-size:10px;text-align:center}.chat-moderation-actions,.chat-private-conversation{display:flex;min-width:0;flex-direction:column;padding:20px}.chat-moderation-actions>header,.chat-private-conversation>header{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;padding-bottom:16px;border-bottom:1px solid #2b394b}.chat-moderation-actions>header .chat-avatar,.chat-private-conversation>header .chat-avatar{width:42px;height:42px}.chat-moderation-actions>header>div,.chat-private-conversation>header>div{display:grid;gap:3px}.chat-moderation-actions>header small,.chat-private-conversation>header small{color:#78869a;font-size:8px}.chat-moderation-actions>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.chat-moderation-actions>div>button,.chat-moderation-actions .chat-user-is-moderator{display:grid;min-height:42px;place-items:center;padding:9px;border:1px solid #3a4c61;border-radius:var(--radius-rect);background:#131d28;color:#dce5ee;font-size:9px;font-weight:900}.chat-moderation-actions>div>button.promote{border-color:rgba(99,215,237,.38);color:#72d8e5}.chat-moderation-actions>div>button.danger{border-color:rgba(255,95,136,.4);color:#ff829d}.chat-moderation-actions>p,.chat-private-conversation>p{margin:12px 0 0;color:#7f8da0;font-size:8px}.chat-moderation-actions>p.success{color:#72dea8}.chat-moderation-actions>p.error,.chat-private-conversation>p.error{color:#ff829d}.chat-private-history{display:flex;min-height:180px;max-height:330px;flex:1;flex-direction:column;gap:7px;overflow-y:auto;padding:14px 0}.chat-private-history>p{margin:auto;color:#78869a;font-size:9px}.chat-private-history article{align-self:flex-start;display:grid;gap:3px;max-width:82%;padding:9px 11px;border-radius:var(--radius-rect) var(--radius-rect) var(--radius-rect) 3px;background:#192533}.chat-private-history article.is-mine{align-self:flex-end;border-radius:var(--radius-rect) var(--radius-rect) 3px var(--radius-rect);background:rgba(99,215,237,.11)}.chat-private-history article b{font-size:7px}.chat-private-history article span{color:#c9d2dc;font-size:9px;line-height:1.45}.chat-private-conversation>form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding-top:12px;border-top:1px solid #2b394b}.chat-private-conversation textarea{min-width:0;padding:10px;border:1px solid #3a4c61;border-radius:var(--radius-rect);background:#0b121a;color:#eef4fa;resize:none}.chat-private-conversation form button{padding:0 16px;border:0;border-radius:var(--radius-rect);background:#65d1e0;color:#071117;font-size:9px;font-weight:900}.chat-header-actions>button:disabled{cursor:not-allowed;opacity:.35}
.chat-tool-modal.is-single{width:min(430px,100%)}.chat-tool-modal.is-single .chat-tool-layout{grid-template-columns:1fr;min-height:0}.chat-tool-modal.is-single .chat-moderation-actions{padding:14px}
@media(max-width:700px){.chat-tool-backdrop{padding:10px}.chat-tool-modal{max-height:calc(100vh - 20px)}.chat-tool-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.chat-tool-layout>nav{max-height:150px;border-right:0;border-bottom:1px solid #2b394b}.chat-moderation-actions>div{grid-template-columns:1fr}}
.chat-header-actions{display:flex;align-items:center;gap:5px}.live-chat>header .chat-header-actions button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid transparent;border-radius:var(--radius-rect);background:transparent;color:#748195;cursor:pointer}.live-chat>header .chat-header-actions button:hover{border-color:#35475b;background:#17212d;color:#e7edf4}.live-chat>header .chat-header-actions .chat-power{font-size:16px;font-weight:900}.live-chat>header .chat-header-actions .chat-power.is-on{color:#68dca3}.live-chat>header .chat-header-actions .chat-power.is-off{border-color:rgba(255,102,136,.32);background:rgba(255,102,136,.1);color:#ff7897}.live-chat>header span.is-disabled{background:rgba(255,102,136,.1);color:#ff7897}
.desktop-chat-settings-trigger,.desktop-chat-settings-panel{display:none!important}
.stream-toolbar-viewer-count-slot,.stream-toolbar-actions-slot{display:contents}.stream-toolbar-viewer-count{display:inline-flex;align-items:center;padding:5px 9px;border:1px solid rgba(80,218,151,.24);border-radius:var(--radius-rect);background:rgba(80,218,151,.1);color:#69dca2;font-size:10px;font-weight:800;white-space:nowrap}.stream-toolbar .stream-toolbar-actions{display:flex;align-items:center;gap:7px}.stream-toolbar .stream-toolbar-actions button{box-sizing:border-box;min-height:24px;padding:0 9px;font-size:8px;white-space:nowrap}
.chat-composer>label{display:flex;align-items:center}.chat-composer>label span{margin-left:4px;color:#596779;font-weight:500}.chat-composer>label b{margin-left:auto;color:#718094;font-size:6px}
.chat-composer-input-wrap{position:relative;display:block;min-width:0}.chat-composer-input-wrap input{width:100%;padding-right:58px}.chat-composer-count{position:absolute;top:50%;right:10px;color:#718094;font-size:7px;font-weight:700;line-height:1;transform:translateY(-50%);pointer-events:none}
.chat-messages article{grid-template-columns:22px minmax(0,1fr);align-items:start;gap:6px}.chat-messages .chat-avatar{width:22px;height:22px;font-size:9px}.chat-messages article>div{min-width:0;display:block;font-size:10px;line-height:1.4;overflow-wrap:anywhere}.chat-message-author{display:inline-flex;align-items:baseline;gap:6px;vertical-align:baseline}.chat-message-text{margin-left:6px;color:#aeb8c6}
.chat-inline-tool{width:18px;height:18px;padding:0;border:1px solid #35475c;border-radius:5px;background:#172230;color:#72d7e5;font-size:9px;line-height:1;cursor:pointer}.chat-inline-tool:hover{border-color:#5d819d;background:#203246;color:#a4edf5}
.chat-inline-tool.chat-feature-tool{color:#ffd477}.chat-inline-tool.chat-feature-tool.is-active{border-color:#ffd477;background:rgba(255,212,119,.14);box-shadow:0 0 0 2px rgba(255,212,119,.08)}.chat-messages article.is-featured{margin:-4px;padding:6px;border:1px solid rgba(255,212,119,.28);border-radius:var(--radius-rect);background:rgba(255,212,119,.055)}
.chat-inline-tool.chat-gift-tool{color:#ff9ab1}.chat-inline-tool.chat-gift-tool:hover{border-color:rgba(255,122,151,.55);background:rgba(255,122,151,.12)}
.chat-messages article.chat-gift-activity{grid-template-columns:30px minmax(0,1fr);align-items:center;padding:8px;border:1px solid rgba(255,130,157,.2);border-radius:var(--radius-rect);background:linear-gradient(100deg,rgba(255,104,139,.08),rgba(99,215,237,.04))}.chat-gift-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:var(--radius-circle);background:rgba(255,255,255,.07);font-size:16px}.chat-gift-activity>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px;color:#aeb8c6;font-size:8px}.chat-gift-activity>div>b{color:#fff}.chat-gift-activity>div>small{flex-basis:100%;padding:0;background:none;color:#70d4e2;font-size:7px}
.stream-featured-comment{position:absolute;z-index:7;left:18px;bottom:20px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;width:min(520px,calc(100% - 36px));padding:12px 12px 12px 13px;border:1px solid rgba(255,255,255,.22);border-left:3px solid #6ed7e4;border-radius:var(--radius-rect);background:linear-gradient(100deg,rgba(8,14,23,.94),rgba(17,26,38,.88));box-shadow:0 14px 38px rgba(0,0,0,.42);backdrop-filter:blur(12px)}.stream-featured-comment>.chat-avatar{width:42px;height:42px;font-size:15px}.stream-featured-comment>div{display:grid;min-width:0;gap:2px}.stream-featured-comment small{color:#71d7e4;font-size:7px;font-weight:900;letter-spacing:.8px}.stream-featured-comment b{overflow:hidden;color:#fff;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.stream-featured-comment p{margin:2px 0 0;color:#e4eaf0;font-size:12px;line-height:1.35}.stream-featured-comment>button{align-self:start;width:26px;height:26px;border:1px solid #34475d;border-radius:var(--radius-rect);background:#172332;color:#aeb9c7;font-size:16px}.stream-featured-comment>button:hover{border-color:#ff7897;color:#ff91a9}
.live-chat{position:relative}.chat-reply-name{padding:0;border:0;background:none;color:#f1f5f9;font-size:10px;font-weight:800;cursor:pointer}.chat-reply-name:hover{color:#73d8e5;text-decoration:underline}.chat-reply-target{color:#73d8e5;font-size:9px;font-weight:800}.chat-reply-box{position:absolute;z-index:8;top:56px;left:10px;right:10px;display:grid;gap:9px;padding:12px;border:1px solid #4b6179;border-radius:var(--radius-rect);background:#17212d;box-shadow:0 18px 45px rgba(0,0,0,.55)}.chat-reply-box>header{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#9aa7b8;font-size:8px}.chat-reply-box>header b{color:#73d8e5;font-size:9px}.chat-reply-box>header button{width:23px;height:23px;border:0;border-radius:var(--radius-rect);background:#222f3e;color:#aeb9c7;font-size:14px}.chat-reply-box>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.chat-reply-box input{min-width:0;padding:9px 10px;border:1px solid #3a4b60;border-radius:var(--radius-rect);background:#0c131c;color:#eef3f8;font-size:9px;outline:none}.chat-reply-box input:focus{border-color:#67cfdf}.chat-reply-box>div>button{padding:8px 10px;border:0;border-radius:var(--radius-rect);background:#5bc9da;color:#071117;font-size:8px;font-weight:900}.chat-reply-box>small{display:flex;justify-content:space-between;color:#6f7d90;font-size:6px}.chat-reply-box>small b{color:#8795a8;font-size:6px}
.chat-composer>div:first-of-type{grid-template-columns:minmax(0,1fr) 35px 35px 35px}.chat-composer-power{display:grid!important;place-items:center;border:1px solid #39516a!important;background:#111c28!important;color:#68dca3!important}.chat-composer-power.is-off{border-color:rgba(255,102,136,.42)!important;background:rgba(255,102,136,.1)!important;color:#ff7897!important}.chat-reply-box>div:first-of-type{grid-template-columns:minmax(0,1fr) 34px auto}.chat-composer .emoji-toggle,.chat-reply-box .emoji-toggle{display:grid;place-items:center;padding:0;border:1px solid #394a5f;background:#1b2734;color:#f1c66f;font-size:15px}.chat-composer .chat-send-button,.chat-reply-box .chat-send-button{display:grid;place-items:center}.chat-button-icon{display:block;width:18px;height:18px;object-fit:contain;object-position:center;pointer-events:none;user-select:none}.chat-send-button .chat-button-icon{width:20px;height:20px}.chat-composer>.emoji-picker,.chat-reply-box>.emoji-picker{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;padding:6px;border:1px solid #334459;border-radius:var(--radius-rect);background:#0c131c}.chat-composer>.emoji-picker button,.chat-reply-box>.emoji-picker button{height:28px;padding:0;border:0;border-radius:var(--radius-rect);background:#17212d;color:white;font-size:14px}.chat-composer>.emoji-picker button:hover,.chat-reply-box>.emoji-picker button:hover{background:#263748;transform:scale(1.08)}
.chat-reply-box.is-compact{gap:7px;padding:10px}.chat-reply-box.is-compact>label{display:flex;align-items:center;color:#9aa7b8;font-size:8px;font-weight:800}.chat-reply-box.is-compact>label b{margin-left:auto;color:#718094;font-size:7px}.chat-reply-box.is-compact>div:first-of-type{grid-template-columns:minmax(0,1fr) 35px 35px 28px}.chat-reply-box.is-compact>div>button{padding:0;font-size:12px}.chat-reply-box.is-compact .chat-reply-close{border:1px solid #394a5f;background:#202d3c;color:#9eabbc;font-size:16px}
.creator-camera-feed{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover}.creator-camera-feed.is-creator-preview{transform:scaleX(-1)}.creator-camera-feed.is-viewer-feed{transform:none}.stream-main .preview-stage-light{z-index:1}.stream-main .preview-video>.live-pill,.stream-main .preview-video>.preview-timer,.stream-main .preview-controls{z-index:4}.creator-media-controls{margin-top:9px;padding:12px;border:1px solid #2c3a4d;border-radius:var(--radius-rect);background:#101720}.creator-media-controls>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:9px;border-bottom:1px solid #273445}.creator-media-controls>header span{color:#6cd3e1;font-size:6px;font-weight:900;letter-spacing:1.1px}.creator-media-controls>header h2{margin:3px 0 0;font-size:12px}.creator-media-controls>header>strong{display:flex;align-items:center;gap:6px;color:#7a8799;font-size:7px}.creator-media-controls>header>strong i{width:7px;height:7px;border-radius:var(--radius-circle);background:#647184}.creator-media-controls>header>strong.is-connected{color:#68dca2}.creator-media-controls>header>strong.is-connected i{background:#50dc96;box-shadow:0 0 0 4px rgba(80,220,150,.09)}.creator-media-connect{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:10px}.creator-media-connect b{font-size:9px}.creator-media-connect p{margin:3px 0 0;color:#748195;font-size:7px}.creator-media-connect-actions{display:flex;align-items:stretch;gap:7px}.creator-media-connect button{flex:none;padding:8px 10px;border:1px solid #3b5067;border-radius:var(--radius-rect);background:#1a2836;color:#72d6e3;font-size:8px;font-weight:800}.creator-media-connect button:disabled{opacity:.6}.creator-media-active{display:grid;grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) auto auto;align-items:end;gap:7px;padding-top:10px}.creator-media-active label{display:grid;gap:5px;color:#8996a8;font-size:7px;font-weight:700}.creator-media-active select{min-width:0;padding:8px;border:1px solid #334357;border-radius:var(--radius-rect);background:#0c131c;color:#e6edf4;font-size:8px}.creator-media-active>button{min-height:32px;padding:7px 9px;border:1px solid #34455a;border-radius:var(--radius-rect);background:#182330;color:#8491a3;font-size:7px;font-weight:800}.creator-media-active>button.is-on{border-color:rgba(86,211,155,.3);color:#69dba1}.creator-media-active>button.creator-media-save{border-color:rgba(99,205,221,.45);background:rgba(99,205,221,.1);color:#72d6e3}.creator-media-active>button.creator-media-disconnect{color:#ff829d}.creator-media-error{margin:9px 0 0;color:#ff8a9f;font-size:8px}
.viewer-stream-status{position:absolute;z-index:3;inset:0;display:grid;place-content:center;justify-items:center;gap:7px;padding:30px;background:rgba(5,8,13,.72);color:#dfe7f1;text-align:center;backdrop-filter:blur(8px)}.viewer-stream-status i{width:10px;height:10px;border-radius:var(--radius-circle);background:#6d7989;box-shadow:0 0 0 5px rgba(109,121,137,.12)}.viewer-stream-status.is-connecting i{background:#68d7e4;box-shadow:0 0 0 5px rgba(104,215,228,.12);animation:viewer-stream-pulse 1.2s ease-in-out infinite}.viewer-stream-status.is-offline i{background:#f05b78;box-shadow:0 0 0 5px rgba(240,91,120,.12)}.viewer-stream-status b{font-size:15px}.viewer-stream-status small{color:#8996a8;font-size:9px}@keyframes viewer-stream-pulse{50%{opacity:.35;transform:scale(.8)}}
.viewer-playback-prompt{position:absolute;z-index:6;top:58px;right:12px;display:flex;align-items:flex-start;gap:5px;pointer-events:none}.viewer-playback-prompt button{display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.28);border-radius:var(--radius-circle);background:rgba(10,16,24,.88);color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.38);backdrop-filter:blur(8px);pointer-events:auto;cursor:pointer}.viewer-playback-sound{width:44px;height:44px;font-size:20px}.viewer-playback-dismiss{width:25px;height:25px;font-size:16px}
.local-login-help{display:grid;gap:5px;margin-top:16px;padding:12px 14px;border:1px solid #2b3b4e;border-radius:var(--radius-rect);background:#0c141e;color:#8998aa;font-size:10px}.local-login-help b{color:#dce6f2}.studio-header-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.admin-page{min-height:100vh;background:radial-gradient(circle at 80% 0,rgba(68,90,156,.15),transparent 32%),#090d14}.admin-topbar{height:72px;display:flex;align-items:center;padding:0 max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid var(--line);background:#0b1018}.admin-topbar nav{margin-left:auto;display:flex;align-items:center;gap:18px;color:#9aa6b7;font-size:12px}.admin-wrap{max-width:1180px;margin:auto;padding:48px 24px}.admin-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.admin-heading h1{margin:8px 0;font-size:38px}.admin-heading p{margin:0;color:#8996a8}.admin-heading>strong{padding:10px 14px;border:1px solid rgba(93,211,226,.3);border-radius:var(--radius-rect);color:#70d8e6;font-size:11px}.admin-notice{padding:12px 14px;border:1px solid rgba(80,220,150,.3);border-radius:var(--radius-rect);background:rgba(80,220,150,.08);color:#72dea8;font-size:11px}.admin-user-list{display:grid;gap:10px}.admin-user-list>article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;padding:16px 18px;border:1px solid #293648;border-radius:var(--radius-rect);background:#111923}.admin-user-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:var(--radius-circle);background:linear-gradient(135deg,#65d6e5,#4c6dc7);color:#08131c;font-weight:950}.admin-user-copy{display:grid;gap:3px;min-width:0}.admin-user-copy span,.admin-user-copy small{overflow:hidden;color:#8492a6;font-size:10px;text-overflow:ellipsis}.admin-user-list form{display:flex;align-items:end;gap:8px}.admin-user-list form label{display:grid;gap:5px;color:#7f8da0;font-size:9px}.admin-user-list select{padding:9px 30px 9px 10px;border:1px solid #35465b;border-radius:var(--radius-rect);background:#0b121b;color:#e7edf5}.admin-user-list form button{padding:10px 13px;border:0;border-radius:var(--radius-rect);background:#67d3e2;color:#071118;font-weight:900}@media(max-width:760px){.admin-topbar{padding:0 14px}.admin-topbar nav>a:not(.ghost-button){display:none}.admin-wrap{padding:34px 14px}.admin-heading{align-items:flex-start;flex-direction:column}.admin-user-list>article{grid-template-columns:auto 1fr}.admin-user-list form{grid-column:1/-1}.studio-header-actions{justify-content:flex-start}}
.creator-broadcast-action{position:absolute;z-index:5;top:12px;right:12px;display:flex;align-items:stretch;gap:7px}.creator-broadcast-action>div{min-width:88px;display:grid;align-content:center;padding:6px 10px;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-rect);background:rgba(9,14,22,.82);box-shadow:0 8px 24px rgba(0,0,0,.24);backdrop-filter:blur(8px)}.creator-broadcast-action>div b{color:#ff819d;font-size:7px;text-transform:uppercase}.creator-broadcast-action>div span{margin-top:2px;color:#fff;font-size:9px;font-variant-numeric:tabular-nums;font-weight:900}.creator-broadcast-action>div.is-ready b{color:#7fdcae}.creator-broadcast-action button{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(255,92,128,.5);border-radius:var(--radius-rect);background:rgba(35,9,18,.86);box-shadow:0 8px 24px rgba(0,0,0,.28);color:#ff8ca5;font-size:8px;font-weight:900;backdrop-filter:blur(8px);cursor:pointer}.creator-broadcast-action button:hover{border-color:#ff7897;background:rgba(72,18,34,.92);color:#fff}.creator-broadcast-action button>.broadcast-action-icon{flex:none;width:7px;height:7px;border-radius:2px;background:#ff5c80}.creator-broadcast-action button.restart{border-color:rgba(80,220,150,.5);background:rgba(8,39,27,.86);color:#74e0aa}.creator-broadcast-action button.restart:hover{border-color:#67dca2;background:rgba(12,66,43,.92);color:#fff}.creator-broadcast-action button.restart>.broadcast-action-icon{border-radius:var(--radius-circle);background:#50dc96}.creator-broadcast-action button.broadcast-stop-with-time{min-width:120px}.broadcast-action-copy{display:grid;gap:2px;text-align:left}.broadcast-action-copy b{font-size:8px}.broadcast-action-copy small{color:#fff;font-size:8px;font-variant-numeric:tabular-nums;font-weight:900}.stream-main .preview-video>.live-pill.is-offline{background:rgba(48,55,66,.9);color:#bdc5d0}.stream-main .preview-video>.live-pill.is-offline i{background:#7e8997;box-shadow:none}
.stream-actions.creator-stream-actions{align-items:stretch}.stream-actions.creator-stream-actions .creator-broadcast-action{position:static;align-items:stretch}.stream-actions.creator-stream-actions .creator-broadcast-action>div{min-width:82px;padding:5px 9px;background:#18222e;box-shadow:none;backdrop-filter:none}.stream-main>.stream-info .stream-actions.creator-stream-actions .creator-broadcast-action button{padding:6px 10px;border-color:rgba(255,92,128,.45);background:rgba(255,92,128,.08);box-shadow:none;backdrop-filter:none;color:#ff829d}.stream-main>.stream-info .stream-actions.creator-stream-actions .creator-broadcast-action button.restart{border-color:rgba(80,220,150,.4);background:rgba(80,220,150,.08);color:#71dca5}
.creator-stream-access-quick{display:flex}.creator-stream-access-heading{display:none}.creator-stream-access-quick select{min-width:112px;height:100%;padding:0 28px 0 10px;border:1px solid #34465a;border-radius:var(--radius-rect);background:#101923;color:#e6edf4;font-size:8px;font-weight:800;outline:none}.creator-stream-access-quick select:focus{border-color:#62cfdf}.creator-stream-access-quick select:disabled{cursor:not-allowed;opacity:.58}
.creator-live-toolbar{--creator-header-control-height:24px;position:relative;z-index:20;height:38px;gap:8px}.creator-live-toolbar>a{flex:none}.creator-live-toolbar>.stream-info{min-width:0;flex:1;height:var(--creator-header-control-height);margin:0;padding:5px 7px;grid-template-columns:32px minmax(0,1fr) auto;gap:7px;border:0;border-radius:var(--radius-rect);background:#101720}.creator-live-toolbar>.stream-info .stream-creator-avatar{width:32px;height:32px;font-size:9px}.creator-live-toolbar>.stream-info .stream-creator-avatar>span{width:9px;height:9px;border-width:2px}.creator-live-toolbar>.stream-info .stream-info-copy{min-width:0}.creator-live-toolbar>.stream-info .stream-info-copy>span{display:none}.creator-live-toolbar>.stream-info .stream-info-copy h1{display:inline;margin:0 7px 0 0;font-size:13px}.creator-live-toolbar>.stream-info .stream-info-copy p{display:inline;margin:0;font-size:7px}.creator-live-toolbar>.stream-info .stream-actions.creator-stream-actions{min-width:0}.creator-live-toolbar>.stream-info .creator-broadcast-action button{padding:6px 10px;border-color:rgba(255,92,128,.45);background:rgba(255,92,128,.08);box-shadow:none;color:#ff829d}.creator-live-toolbar>.stream-info .creator-broadcast-action button.restart{border-color:rgba(80,220,150,.4);background:rgba(80,220,150,.08);color:#71dca5}
.creator-header-controls{display:flex;flex:1;align-items:center;gap:7px;min-width:0}.creator-header-controls .live-pill{flex:none}.creator-header-controls .creator-stream-access-heading{display:flex;align-items:center;gap:5px}.creator-header-controls .creator-stream-access-heading button,.creator-header-controls>.stream-link-trigger,.creator-header-controls>.creator-studio-leave-button,.creator-header-controls>.stream-layout-trigger,.creator-header-controls .creator-chat-header-actions button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #334a60;border-radius:var(--radius-rect);background:#111c28;color:#a8dce5;font:inherit;font-size:15px;cursor:pointer}.creator-header-controls .stream-room-title-editor{min-width:120px;max-width:360px;flex:1}.creator-header-controls .stream-room-title-editor input{height:34px;font-size:12px}.creator-header-controls .stream-title-save{width:34px;height:34px}.creator-header-controls .creator-stream-header-media-slot{display:flex;flex:none}.creator-header-controls .creator-stream-media-buttons{gap:5px}.creator-header-controls .creator-stream-media-buttons button{width:34px;height:34px;border-radius:var(--radius-rect);box-shadow:none}.creator-header-controls>.stream-link-trigger{position:relative;color:#ff9ab1}.creator-header-controls>.creator-studio-leave-button{position:relative;border-color:rgba(255,95,136,.46);background:rgba(105,26,49,.52);color:#ff8aa5}.creator-header-controls>.creator-studio-leave-button:hover:not(:disabled){border-color:#ff8aa5;background:rgba(255,95,136,.16);color:#ffd6df}.creator-header-controls>.creator-studio-leave-button:disabled{cursor:not-allowed;opacity:.45}.creator-header-controls>.stream-layout-trigger{font-size:19px}.creator-header-controls .creator-chat-header-actions{display:flex;gap:5px;padding-left:7px;border-left:1px solid #2c3b4e}.creator-header-controls .chat-power.is-on{color:#68dca3}.creator-header-controls .chat-power.is-off{color:#ff7897}.stream-room.is-creator-room .preview-stream-heading{display:none}.stream-room.is-creator-room .preview-stream-heading~.cohost-stage{top:0}
.creator-header-controls{display:flex;flex:1;align-items:center;gap:7px;min-width:0}.creator-header-controls .live-pill{box-sizing:border-box;flex:none;height:calc(var(--creator-header-control-height) - 10px);padding-inline:16px}.creator-header-controls .creator-stream-access-heading{display:flex;align-items:center;gap:5px}.creator-header-controls .creator-stream-access-heading button,.creator-header-controls>.stream-link-trigger,.creator-header-controls>.creator-studio-leave-button,.creator-header-controls>.stream-layout-trigger,.creator-header-controls .creator-chat-header-actions button{box-sizing:border-box;display:grid;place-items:center;width:var(--creator-header-control-height);height:var(--creator-header-control-height);padding:0;border:1px solid #334a60;border-radius:var(--radius-rect);background:#111c28;color:#a8dce5;font:inherit;font-size:15px;cursor:pointer}.creator-header-controls .stream-room-title-editor{min-width:120px;max-width:360px;flex:1;grid-template-columns:minmax(0,1fr) var(--creator-header-control-height)}.creator-header-controls .stream-room-title-editor input{box-sizing:border-box;height:var(--creator-header-control-height);font-size:12px}.creator-header-controls .stream-title-save{box-sizing:border-box;width:var(--creator-header-control-height);height:var(--creator-header-control-height)}.creator-header-controls .creator-stream-header-media-slot{display:flex;flex:none}.creator-header-controls .creator-stream-media-buttons{gap:5px}.creator-header-controls .creator-stream-media-buttons button{box-sizing:border-box;width:var(--creator-header-control-height);height:var(--creator-header-control-height);border-radius:var(--radius-rect);box-shadow:none}.creator-live-toolbar>.beta-bug-trigger{box-sizing:border-box;height:var(--creator-header-control-height);padding-inline:16px}.creator-header-controls>.stream-link-trigger{position:relative;color:#ff9ab1}.creator-header-controls>.creator-studio-leave-button{position:relative;border-color:rgba(255,95,136,.46);background:rgba(105,26,49,.52);color:#ff8aa5}.creator-header-controls>.creator-studio-leave-button:hover:not(:disabled){border-color:#ff8aa5;background:rgba(255,95,136,.16);color:#ffd6df}.creator-header-controls>.creator-studio-leave-button:disabled{cursor:not-allowed;opacity:.45}.creator-header-controls>.stream-layout-trigger{font-size:19px}.creator-header-controls .creator-chat-header-actions{display:flex;gap:5px;padding-left:7px;border-left:1px solid #2c3b4e}.creator-header-controls .chat-power.is-on{color:#68dca3}.creator-header-controls .chat-power.is-off{color:#ff7897}.stream-room.is-creator-room .preview-stream-heading{display:none}.stream-room.is-creator-room .preview-stream-heading~.cohost-stage{top:0}
.creator-header-controls .live-pill{height:var(--creator-header-control-height)}.creator-live-toolbar>.stream-info{display:flex;flex:none;width:auto;align-items:center;padding:0;border:0;background:none}.creator-live-toolbar>.stream-info .stream-creator-avatar,.creator-live-toolbar>.stream-info .stream-info-copy{display:none}.creator-live-toolbar>.stream-info .stream-actions{display:flex;align-items:center}.creator-live-toolbar>.stream-info .stream-share-action{box-sizing:border-box;height:var(--creator-header-control-height);padding:0 9px;border:1px solid rgba(95,210,225,.3);border-radius:var(--radius-rect);background:rgba(95,210,225,.07);font-size:8px}.stream-room.is-creator-room .preview-stream-heading{display:none}.stream-room.is-creator-room .preview-stream-heading~.cohost-stage{top:0}
.creator-live-toolbar-tools{display:flex;flex:none;align-items:center;gap:7px;pointer-events:auto}.creator-live-toolbar-tools .creator-toolbar-navigation,.creator-live-toolbar-tools .creator-chat-header-actions{display:flex;align-items:center;gap:5px}.creator-live-toolbar-tools .creator-toolbar-navigation button,.creator-live-toolbar-tools>.stream-link-trigger,.creator-live-toolbar-tools>.stream-layout-trigger,.creator-live-toolbar-tools .chat-header-actions button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #334a60;border-radius:var(--radius-rect);background:#111c28;color:#a8dce5;font:inherit;font-size:15px;line-height:1;cursor:pointer}.creator-live-toolbar-tools .creator-toolbar-navigation button:hover,.creator-live-toolbar-tools>.stream-link-trigger:hover:not(:disabled),.creator-live-toolbar-tools>.stream-layout-trigger:hover,.creator-live-toolbar-tools .chat-header-actions button:hover:not(:disabled){border-color:#67d7e7;background:#1a2d3b;color:#eafcff}.creator-live-toolbar-tools>.stream-link-trigger:disabled{cursor:not-allowed;opacity:.42}.creator-live-toolbar-tools>.stream-link-trigger{position:relative;color:#ff9ab1}.creator-live-toolbar-tools>.stream-link-trigger>b{position:absolute;top:-5px;right:-5px;display:grid;place-items:center;min-width:14px;height:14px;padding:0 3px;border-radius:var(--radius-circle);background:#f35c7d;color:#fff;font-size:8px}.creator-live-toolbar-tools>.stream-layout-trigger{font-size:19px}.creator-live-toolbar-tools .creator-stream-header-media-slot{display:flex;flex:none}.creator-live-toolbar-tools .creator-stream-media-buttons{gap:5px}.creator-live-toolbar-tools .creator-stream-media-buttons button{width:34px;height:34px;border-radius:var(--radius-rect);background:#111c28;box-shadow:none}.creator-live-toolbar-tools .creator-chat-header-actions{padding-left:7px;border-left:1px solid #2c3b4e}.creator-live-toolbar-tools .creator-chat-header-actions .chat-power.is-on{color:#68dca3}.creator-live-toolbar-tools .creator-chat-header-actions .chat-power.is-off{border-color:rgba(255,102,136,.4);background:rgba(255,102,136,.1);color:#ff7897}
@media(min-width:901px){.creator-live-toolbar .creator-broadcast-action.is-inline{display:none}}
@media(min-width:901px){.stream-room.is-creator-room .preview-stream-heading .creator-stream-access-heading{display:flex;align-items:center;gap:7px}.stream-room.is-creator-room .preview-stream-heading .creator-stream-access-heading button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #334a60;border-radius:var(--radius-rect);background:#111c28;color:#a8dce5;font:inherit;font-size:15px;line-height:1;cursor:pointer}.stream-room.is-creator-room .preview-stream-heading .creator-stream-access-heading button:hover,.stream-room.is-creator-room .preview-stream-heading .creator-stream-access-heading button.is-open{border-color:#67d7e7;background:#1a2d3b;color:#eafcff}.stream-room.is-creator-room .preview-stream-heading .creator-chat-settings-trigger.is-open{transform:none}}
.preview-stream-heading .creator-chat-header-actions{display:flex;flex:none;align-items:center;gap:5px;padding-left:7px;border-left:1px solid rgba(255,255,255,.14)}.preview-stream-heading .creator-chat-header-actions button{display:grid;place-items:center;width:31px;height:31px;padding:0;border:1px solid rgba(99,215,237,.32);border-radius:var(--radius-rect);background:rgba(99,215,237,.09);color:#79dce8;font:inherit;font-size:15px;line-height:1;cursor:pointer}.preview-stream-heading .creator-chat-header-actions .chat-power.is-on{color:#68dca3}.preview-stream-heading .creator-chat-header-actions .chat-power.is-off{border-color:rgba(255,102,136,.42);background:rgba(255,102,136,.1);color:#ff7897}@media(max-width:900px){.is-creator-room .preview-stream-heading{flex-wrap:wrap;height:auto}.is-creator-room .preview-stream-heading .creator-stream-header-media-slot,.is-creator-room .preview-stream-heading .stream-link-trigger,.is-creator-room .preview-stream-heading .stream-layout-trigger{position:static;z-index:auto;right:auto;top:auto}.is-creator-room .preview-stream-heading .creator-stream-header-media-slot .creator-stream-media-buttons{flex-direction:row;gap:5px}.is-creator-room .preview-stream-heading .creator-stream-header-media-slot .creator-stream-media-buttons button,.is-creator-room .preview-stream-heading .stream-link-trigger,.is-creator-room .preview-stream-heading .stream-layout-trigger,.is-creator-room .preview-stream-heading .creator-chat-header-actions button{width:34px;height:34px;border-radius:var(--radius-rect)}.is-creator-room .preview-stream-heading .creator-chat-header-actions{padding-left:5px}}
.creator-header-controls .creator-stream-access-heading{position:relative}.creator-stream-header-chat-settings{position:absolute;z-index:50;top:calc(100% + 4px);left:0;right:auto;width:min(340px,calc(100vw - 24px));padding:13px 14px;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-rect);background:rgba(10,15,22,.96);box-shadow:0 18px 42px rgba(0,0,0,.48);color:#fff;backdrop-filter:blur(16px);animation:creator-chat-settings-drop .18s ease-out}.creator-stream-header-chat-settings>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.creator-stream-header-chat-settings>header b{font-size:13px}.creator-stream-header-chat-settings>header button{width:26px;height:26px;padding:0;border:0;background:none;color:#aab5c4;font-size:20px}.creator-stream-header-chat-settings .creator-chat-access-setting{display:grid;gap:9px;margin-top:11px;padding-top:11px;border-top:1px solid rgba(255,255,255,.12)}.creator-stream-header-chat-settings .creator-chat-access-setting>span{color:#8f9daf;font-size:10px;font-weight:700}.creator-stream-header-chat-settings .creator-chat-access-setting>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.creator-stream-header-chat-settings .creator-chat-access-setting button{min-height:38px;padding:8px 10px;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-rect);background:rgba(255,255,255,.05);color:#aab6c5;font:inherit;font-size:10px;font-weight:850}.creator-stream-header-chat-settings .creator-chat-access-setting button.is-active{border-color:rgba(112,216,230,.55);background:rgba(112,216,230,.12);color:#70d8e6}@media(max-width:900px){.creator-stream-header-chat-settings{display:none}}
.creator-stream-settings{margin-top:9px;display:grid;grid-template-columns:auto minmax(260px,1fr) auto;align-items:end;gap:12px;padding:10px 12px;border:1px solid #2c3a4d;border-radius:var(--radius-rect);background:#101720}.creator-stream-settings>header{display:contents}.creator-stream-settings>header>div{min-width:150px;align-self:center}.creator-stream-settings>header span{color:#6cd3e1;font-size:6px;font-weight:900;letter-spacing:1.1px}.creator-stream-settings>header h2{margin:3px 0 0;font-size:11px;white-space:nowrap}.creator-stream-settings>header small{grid-column:3;grid-row:1;align-self:center;color:#798699;font-size:7px;white-space:nowrap}.creator-stream-settings>div{grid-column:2;grid-row:1;display:grid;grid-template-columns:minmax(260px,1fr);gap:8px}.creator-stream-settings>div.has-price{grid-template-columns:minmax(260px,2fr) minmax(120px,.55fr)}.creator-stream-settings label{position:relative;display:grid;gap:5px;color:#8996a8;font-size:7px;font-weight:700}.creator-stream-settings input,.creator-stream-settings select{min-width:0;height:34px;padding:8px 10px;border:1px solid #334357;border-radius:var(--radius-rect);background:#0c131c;color:#e6edf4;font-size:8px;outline:none}.creator-stream-settings input:focus,.creator-stream-settings select:focus{border-color:#63cddd}.creator-stream-settings input:disabled,.creator-stream-settings select:disabled{cursor:not-allowed;opacity:.55}.creator-stream-price input{padding-right:28px}.creator-stream-price>span{position:absolute;right:11px;bottom:9px;color:#6cd3e1;font-size:9px;font-weight:900}
.creator-media-active>button:disabled,.creator-media-active select:disabled{cursor:not-allowed;opacity:.45}
.creator-media-dialog-backdrop{position:fixed;z-index:110;inset:0;display:grid;place-items:center;padding:20px;background:rgba(3,6,10,.74);backdrop-filter:blur(8px)}.creator-media-dialog{width:min(720px,100%);overflow:hidden;border:1px solid #34445a;border-radius:var(--radius-rect);background:#111923;box-shadow:0 30px 90px rgba(0,0,0,.58)}.creator-media-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 22px 16px;border-bottom:1px solid #293546}.creator-media-dialog>header span{color:#6cd3e1;font-size:7px;font-weight:900;letter-spacing:1.2px}.creator-media-dialog>header h2{margin:5px 0 4px;font-size:20px}.creator-media-dialog>header p{margin:0;color:#7d8a9d;font-size:9px}.creator-media-dialog>header>button{width:32px;height:32px;border:1px solid #344358;border-radius:var(--radius-rect);background:#17212d;color:#aab5c4;font-size:18px}.creator-media-dialog-body{padding:16px 22px 20px}.creator-media-dialog .creator-media-connect,.creator-media-dialog .creator-media-active{padding-top:0}
.gift-picker-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:rgba(3,6,10,.74);backdrop-filter:blur(8px)}.gift-picker{width:min(620px,100%);overflow:hidden;border:1px solid #34445a;border-radius:var(--radius-rect);background:#111923;box-shadow:0 30px 90px rgba(0,0,0,.58)}.gift-picker>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 22px 16px;border-bottom:1px solid #293546}.gift-picker>header span{color:#ff7897;font-size:7px;font-weight:900;letter-spacing:1.3px}.gift-picker>header h2{margin:5px 0 4px;font-size:20px}.gift-picker>header p{margin:0;color:#7d8a9d;font-size:9px}.gift-picker>header>button{width:32px;height:32px;border:1px solid #344358;border-radius:var(--radius-rect);background:#17212d;color:#aab5c4;font-size:18px}.gift-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:16px 22px}.gift-picker-grid>button{display:grid;justify-items:center;gap:5px;padding:15px 8px 12px;border:1px solid #304055;border-radius:var(--radius-rect);background:#151e2a;color:#e8edf4}.gift-picker-grid>button:hover{border-color:#68cfdf;background:#1b2937;transform:translateY(-2px)}.gift-picker-grid>button>span{display:grid;place-items:center;width:45px;height:45px;border-radius:var(--radius-circle);background:rgba(255,255,255,.06);font-size:22px}.gift-picker-grid>button.rose>span{background:rgba(255,103,139,.12)}.gift-picker-grid>button.violet>span{background:rgba(156,112,224,.12)}.gift-picker-grid>button.blue>span{background:rgba(90,193,224,.12)}.gift-picker-grid>button.gold>span{background:rgba(255,183,75,.13)}.gift-picker-grid>button>b{font-size:9px}.gift-picker-grid>button>small{color:#75d8e5;font-size:8px;font-weight:800}.gift-picker>footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 22px;border-top:1px solid #293546;background:#0e151e;color:#7d8a9d;font-size:8px}.gift-picker>footer span b{margin-left:4px;color:#edf3f8}.gift-picker>footer>button{padding:7px 9px;border:1px solid #34455a;border-radius:var(--radius-rect);background:#192431;color:#75d8e5;font-size:8px;font-weight:800}
.gift-picker-grid>button em{display:inline-flex;align-items:center;justify-content:center;min-height:18px;padding:3px 7px;border-radius:var(--radius-rect);background:rgba(255,255,255,.05);color:#8b98aa;font-size:7px;font-style:normal;font-weight:900}.gift-picker-grid>button.is-selected{border-color:#67d7e7;background:rgba(99,215,237,.12);box-shadow:0 0 0 2px rgba(99,215,237,.08) inset}.gift-picker-grid>button.is-selected em{background:#64d9e6;color:#061116}.gift-picker>footer>span{display:grid;gap:3px}.gift-picker>footer>span small{color:#75d8e5;font-size:8px}.gift-picker>footer>button:not(:disabled){border-color:#67d7e7;background:#59c9dc;color:#07131c}.gift-picker>footer>button:disabled{cursor:not-allowed;opacity:.45}
@media(max-width:1150px){.creator-media-active{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-media-active>button{min-width:0}}
@media(max-width:900px){.stream-layout{grid-template-columns:1fr}.live-chat{height:480px}.stream-info{grid-template-columns:48px minmax(0,1fr) auto}}
@media(max-width:620px){.stream-toolbar{height:44px;padding:0 12px}.stream-toolbar>div>span,.stream-toolbar button,.stream-toolbar-viewer-count{display:none}.stream-room{padding:8px 8px 18px}.stream-main .preview-video{border-radius:var(--radius-rect)}.stream-info{grid-template-columns:42px minmax(0,1fr);padding:12px}.stream-creator-avatar{width:42px;height:42px}.stream-actions{grid-column:1/-1}.stream-actions button{flex:1}.stream-gifts,.stream-notice{grid-column:1/-1}.live-chat{height:430px}.preview-controls{display:none}.stream-main .preview-timer{font-size:8px}.stream-main .preview-gate h2{font-size:22px}}
@media(max-width:620px){.stream-featured-comment{left:9px;bottom:10px;width:calc(100% - 18px);grid-template-columns:34px minmax(0,1fr) auto;gap:8px;padding:9px;border-radius:var(--radius-rect)}.stream-featured-comment>.chat-avatar{width:34px;height:34px;font-size:12px}.stream-featured-comment small{font-size:6px}.stream-featured-comment b{font-size:8px}.stream-featured-comment p{font-size:10px}.stream-featured-comment>button{width:23px;height:23px}}
@media(max-width:620px){.gift-picker-backdrop{align-items:end;padding:8px}.gift-picker{border-radius:var(--radius-rect)}.gift-picker>header{padding:16px}.gift-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 16px}.gift-picker-grid>button{padding:11px 6px 9px}.gift-picker>footer{padding:11px 16px}}
@media(max-width:620px){.creator-media-connect{align-items:flex-start;flex-direction:column}.creator-media-connect button{width:100%}.creator-media-active{grid-template-columns:1fr}.creator-media-active>button{width:100%}}
@media(max-width:620px){.creator-media-dialog-backdrop{align-items:end;padding:8px}.creator-media-dialog{border-radius:var(--radius-rect)}.creator-media-dialog>header{padding:16px}.creator-media-dialog-body{padding:14px 16px 18px}}
@media(max-width:900px){.shop-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.creator-shop{padding:15px 11px}.creator-shop>header{align-items:flex-start;flex-direction:column}.shop-product-grid{grid-template-columns:1fr}.shop-cart{width:100%}.creator-shop-settings>header{align-items:flex-start;flex-direction:column}.creator-shop-metrics{grid-template-columns:1fr}.creator-shop-products article{grid-template-columns:38px minmax(0,1fr)}.creator-shop-products article>button{grid-column:1/-1}}
.about-card .about-details>.about-meta-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 2px;border-bottom:1px solid #252f3d}.about-card .about-details>.about-meta-row span{color:#6f7c8f;font-size:9px}.about-card .about-details>.about-meta-row b{font-size:9px;text-align:right}
.about-card .about-details{display:grid;gap:0;margin:14px 0 8px;padding:5px 0;border-top:1px solid #252f3d;border-bottom:1px solid #252f3d}.about-card .about-details>div{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;justify-content:start;gap:8px;padding:9px 2px;border:0}.about-details svg{color:#8c98aa}.about-details b{font-size:11px;text-align:left}
.about-hobbies{margin:1px 0 7px;padding:11px 10px 12px 37px;border-left:2px solid rgba(99,215,237,.32);border-radius:0 var(--radius-rect) var(--radius-rect) 0;background:rgba(99,215,237,.045)}.about-hobbies>span{color:#69d0df;font-size:8px;font-weight:900;letter-spacing:.7px;text-transform:uppercase}.about-hobbies>p{margin:7px 0 9px;color:#919daf;font-size:9px;line-height:1.55}.about-hobbies>div{display:flex;flex-wrap:wrap;gap:5px}.about-hobbies>div span{padding:4px 7px;border:1px solid #304052;border-radius:var(--radius-rect);background:#151e29;color:#b6c1cf;font-size:7px;font-weight:700}
.aside-posts{margin-top:12px;padding:16px;border:1px solid #293546;border-radius:var(--radius-rect);background:#121923}.aside-posts>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.aside-posts>header h3{margin:0;font-size:13px}.aside-posts>header span{display:grid;place-items:center;min-width:24px;height:20px;padding:0 6px;border-radius:var(--radius-rect);background:rgba(99,215,237,.1);color:#72d3e1;font-size:8px;font-weight:800}.aside-posts>div{display:grid;gap:8px}.aside-post-card{display:grid;grid-template-columns:82px minmax(0,1fr);gap:10px;padding:7px;border:1px solid #273344;border-radius:var(--radius-rect);background:#0e151e}.aside-post-thumb{display:grid;place-items:center;aspect-ratio:16/10;border-radius:var(--radius-rect);background:linear-gradient(145deg,#40324f,#202736);color:rgba(255,255,255,.82);font-size:8px;font-weight:900}.aside-post-thumb.blue{background:linear-gradient(145deg,#315274,#1a2b42)}.aside-post-thumb.rose{background:linear-gradient(145deg,#713849,#2d2232)}.aside-post-card>div:last-child{min-width:0}.aside-post-card h4{display:-webkit-box;margin:2px 0 4px;overflow:hidden;color:#dce4ee;font-size:9px;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.aside-post-card p{margin:0 0 5px;color:#687588;font-size:7px}.aside-post-card .access-label{font-size:7px}.aside-post-card .access-label.access-free{color:#68d5a2}
@media(max-width:620px){.creator-media-controls>header{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.creator-broadcast-action:not(.is-inline){top:9px;right:9px;align-items:flex-end;flex-direction:column}.creator-broadcast-action>div{min-width:0}.creator-broadcast-action>div span{font-size:8px}.creator-stream-access-quick{flex:1}.creator-stream-access-quick select{width:100%}.creator-stream-settings{display:block}.creator-stream-settings>header{display:flex;align-items:flex-start;flex-direction:column;gap:5px;padding-bottom:8px;border-bottom:1px solid #273445}.creator-stream-settings>div,.creator-stream-settings>div.has-price{grid-template-columns:1fr;padding-top:9px}.creator-stream-settings>header small{line-height:1.4;white-space:normal}}
@media(max-width:1200px){.creator-live-toolbar>.stream-info .stream-info-copy p{display:none}}
@media(max-width:900px){.creator-live-toolbar{height:auto;min-height:64px;flex-wrap:wrap;padding-top:7px;padding-bottom:7px}.creator-live-toolbar>.stream-info{order:3;flex-basis:100%}}
@media(max-width:620px){.creator-live-toolbar{height:auto}.creator-live-toolbar>.stream-info{height:auto;grid-template-columns:32px minmax(0,1fr)}.creator-live-toolbar>.stream-info .stream-actions{grid-column:1/-1}.creator-live-toolbar>.stream-info .creator-broadcast-action{flex:1}.creator-live-toolbar>.stream-info .creator-broadcast-action button{display:flex;flex:1}.creator-live-toolbar>.stream-info .creator-stream-access-quick{display:flex}.creator-live-toolbar>.stream-info .creator-broadcast-action>div{display:grid}}
.admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 34px}.admin-metrics article{display:grid;gap:8px;padding:18px;border:1px solid #293648;border-radius:var(--radius-rect);background:#111923}.admin-metrics span{color:#7f8da0;font-size:10px}.admin-metrics b{font-size:20px}.admin-section-heading{display:flex;align-items:end;justify-content:space-between;margin:0 0 14px}.admin-section-heading h2,.admin-audit-card h2{margin:0 0 5px;font-size:20px}.admin-section-heading p,.admin-audit-card header p{margin:0;color:#7f8da0;font-size:10px}.admin-user-list>article.is-suspended{border-color:rgba(255,95,136,.25);opacity:.7}.admin-user-actions{display:flex;align-items:end;gap:8px}.admin-user-actions form+form button{border:1px solid transparent}.admin-user-actions button.danger{border-color:rgba(255,95,136,.35);background:rgba(255,95,136,.08);color:#ff7897}.admin-user-actions button.restore{border-color:rgba(80,220,150,.35);background:rgba(80,220,150,.08);color:#72dea8}.admin-audit-card{margin-top:36px;padding:20px;border:1px solid #293648;border-radius:var(--radius-rect);background:#101720}.admin-audit-card>header{display:flex;align-items:end;justify-content:space-between;gap:18px;padding-bottom:14px;border-bottom:1px solid #273445}.admin-audit-card>header>span{color:#6fd4e2;font-size:9px}.admin-audit-card>div>article{display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:12px;padding:12px 0;border-bottom:1px solid #222e3e}.admin-audit-card>div>article:last-child{border-bottom:0}.admin-audit-card article>span{color:#6fd4e2;font-size:8px;font-weight:900;text-transform:uppercase}.admin-audit-card article>div{display:grid;gap:3px}.admin-audit-card article b{font-size:10px}.admin-audit-card article small,.admin-audit-card article time,.admin-audit-card>div>p{color:#7e8b9d;font-size:8px}
.community-admin-page{min-height:100vh;background:radial-gradient(circle at 78% 0,rgba(72,103,174,.15),transparent 34%),#090d14}.community-admin-topbar{height:72px;display:flex;align-items:center;padding:0 max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid var(--line);background:#0b1018}.community-admin-topbar nav{margin-left:auto;display:flex;align-items:center;gap:18px;color:#9aa6b7;font-size:12px}.community-admin-wrap{max-width:1180px;margin:auto;padding:48px 24px}.community-admin-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.community-admin-heading h1{margin:8px 0;font-size:38px}.community-admin-heading p{margin:0;color:#8996a8}.community-admin-heading>strong{padding:10px 14px;border:1px solid rgba(93,211,226,.3);border-radius:var(--radius-rect);color:#70d8e6;font-size:11px}.community-moderator-card,.community-user-card{margin-top:20px;padding:20px;border:1px solid #293648;border-radius:var(--radius-rect);background:#101720}.community-moderator-card>header,.community-user-card>header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:15px}.community-moderator-card h2,.community-user-card h2{margin:0 0 5px;font-size:20px}.community-moderator-card header p,.community-user-card header p{margin:0;color:#7f8da0;font-size:10px}.community-user-card>header>span{color:#6fd4e2;font-size:9px}.community-add-moderator{display:flex;align-items:end;gap:9px;padding:14px;border:1px solid #263548;border-radius:var(--radius-rect);background:#0c131c}.community-add-moderator label,.community-sanction-form label{display:grid;gap:5px;color:#7f8da0;font-size:9px}.community-add-moderator label{flex:1}.community-add-moderator input,.community-sanction-form input,.community-sanction-form select{height:36px;padding:8px 10px;border:1px solid #35465b;border-radius:var(--radius-rect);background:#0b121b;color:#e7edf5;outline:none}.community-add-moderator button,.community-sanction-form button,.community-moderator-list button,.community-sanction button{padding:10px 13px;border:0;border-radius:var(--radius-rect);background:#67d3e2;color:#071118;font-size:9px;font-weight:900}.community-add-moderator button:disabled{cursor:not-allowed;opacity:.45}.community-moderator-list,.community-user-list{display:grid;gap:9px;margin-top:12px}.community-moderator-list>article{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px 13px;border:1px solid #273445;border-radius:var(--radius-rect);background:#111923}.community-moderator-list>article>span,.community-user-identity>span{display:grid;place-items:center;width:38px;height:38px;border-radius:var(--radius-circle);background:linear-gradient(135deg,#65d6e5,#4c6dc7);color:#08131c;font-weight:950}.community-moderator-list article>div,.community-user-identity>div{display:grid;gap:3px;min-width:0}.community-moderator-list small,.community-user-identity small{overflow:hidden;color:#7d899b;font-size:8px;text-overflow:ellipsis}.community-moderator-list button{border:1px solid rgba(255,95,136,.3);background:rgba(255,95,136,.08);color:#ff7897}.community-user-list>article{display:grid;gap:12px;padding:14px;border:1px solid #273445;border-radius:var(--radius-rect);background:#111923}.community-user-identity{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:11px}.community-sanction-form{display:grid;grid-template-columns:130px 120px minmax(160px,1fr) auto;align-items:end;gap:8px}.community-sanction{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 12px;border:1px solid rgba(255,171,76,.25);border-radius:var(--radius-rect);background:rgba(255,171,76,.06)}.community-sanction.is-ban{border-color:rgba(255,95,136,.3);background:rgba(255,95,136,.07)}.community-sanction>div{display:grid;gap:3px}.community-sanction small{color:#8996a8;font-size:8px}.community-sanction button{border:1px solid #3a485b;background:#17212d;color:#d9e2ec}.community-protected-user{padding:9px 11px;border:1px solid #304052;border-radius:var(--radius-rect);background:#151e29;color:#8492a5;font-size:9px}.community-boundary-note{margin:20px 0 0;padding:14px 16px;border-left:3px solid #64d2e2;border-radius:0 var(--radius-rect) var(--radius-rect) 0;background:rgba(99,215,237,.06);color:#91a0b2;font-size:10px;line-height:1.6}.chat-composer .chat-access-denied{color:#ff829d}.chat-composer input:disabled,.chat-composer button:disabled,.chat-reply-name:disabled{cursor:not-allowed;opacity:.52}
@media(max-width:900px){.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-user-actions{grid-column:1/-1;flex-wrap:wrap}.community-sanction-form{grid-template-columns:repeat(2,minmax(0,1fr))}.community-sanction-reason{grid-column:1/-1}.community-sanction-form button{grid-column:1/-1}}
@media(max-width:620px){.admin-metrics{grid-template-columns:1fr 1fr}.admin-user-actions,.admin-user-actions form{width:100%}.admin-user-actions form:first-child label{flex:1}.admin-audit-card>div>article{grid-template-columns:1fr}.community-admin-topbar{padding:0 14px}.community-admin-topbar nav>a:not(.ghost-button){display:none}.community-admin-wrap{padding:34px 14px}.community-admin-heading{align-items:flex-start;flex-direction:column}.community-add-moderator,.community-sanction,.community-user-card>header{align-items:stretch;flex-direction:column}.community-sanction-form{grid-template-columns:1fr}.community-sanction-reason{grid-column:auto}.community-sanction-form button{grid-column:auto}.community-moderator-card,.community-user-card{padding:14px}}
.creator-live-moderators{margin-top:9px;padding:9px 12px;border:1px solid #2c3a4d;border-radius:var(--radius-rect);background:#101720}.creator-live-moderators>header{display:flex;align-items:center;justify-content:space-between;gap:16px}.creator-live-moderators>header h2{margin:0;font-size:11px}.creator-live-moderators>header>div:last-child{display:flex;align-items:center;gap:12px}.creator-live-moderators>header>div:last-child b{padding:5px 8px;border-radius:var(--radius-rect);background:rgba(99,215,237,.1);color:#73d8e5;font-size:7px}.creator-live-moderators>header a{color:#72d6e3;font-size:7px;font-weight:800}.creator-live-moderators-empty{margin:8px 0 0;padding:9px;border:1px dashed #304054;border-radius:var(--radius-rect);color:#788699;font-size:8px}.creator-live-moderator-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:7px;margin-top:7px}.creator-live-moderator-list article{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 8px;border:1px solid #2a394c;border-radius:var(--radius-rect);background:#0c131c}.creator-live-moderator-list article>span{display:grid;place-items:center;width:30px;height:30px;border-radius:var(--radius-circle);background:linear-gradient(135deg,#65d6e5,#4c6dc7);color:#08131c;font-size:9px;font-weight:950}.creator-live-moderator-list article>div{display:grid;gap:2px;min-width:0}.creator-live-moderator-list article b{font-size:8px}.creator-live-moderator-list article small{overflow:hidden;color:#748195;font-size:6.5px;text-overflow:ellipsis;white-space:nowrap}.creator-live-moderator-list button{padding:6px 8px;border:1px solid rgba(255,95,136,.3);border-radius:var(--radius-rect);background:rgba(255,95,136,.07);color:#ff829d;font-size:7px;font-weight:900}.creator-live-moderator-list button:disabled{cursor:not-allowed;opacity:.5}
@media(max-width:620px){.creator-live-moderators>header{align-items:flex-start;flex-direction:column}.creator-live-moderators>header>div:last-child{width:100%;justify-content:space-between}.creator-live-moderator-list{grid-template-columns:1fr}}
.chat-messages button.chat-avatar{padding:0;border:0;cursor:pointer}.chat-messages button.chat-avatar:hover{outline:2px solid rgba(99,215,237,.55);outline-offset:2px}.chat-user-actions{position:absolute;z-index:9;top:56px;left:10px;right:10px;display:grid;gap:10px;padding:12px;border:1px solid #4b6179;border-radius:var(--radius-rect);background:#17212d;box-shadow:0 18px 45px rgba(0,0,0,.55)}.chat-user-actions>header{display:grid;grid-template-columns:34px minmax(0,1fr) 25px;align-items:center;gap:9px}.chat-user-actions>header .chat-avatar{width:34px;height:34px}.chat-user-actions>header>div{display:grid;gap:2px}.chat-user-actions>header b{font-size:10px}.chat-user-actions>header small{color:#7f8da0;font-size:7px}.chat-user-actions>header>button{width:25px;height:25px;padding:0;border:0;border-radius:var(--radius-rect);background:#222f3e;color:#aeb9c7;font-size:15px}.chat-user-actions>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.chat-user-actions>div>button,.chat-user-is-moderator{display:grid;place-items:center;min-height:34px;padding:8px 10px;border:1px solid #3b4b60;border-radius:var(--radius-rect);background:#111a24;color:#dce5ee;font-size:8px;font-weight:900}.chat-user-actions>div>button.promote{border-color:rgba(99,215,237,.38);background:rgba(99,215,237,.09);color:#72d8e5}.chat-user-actions>div>button:disabled{cursor:not-allowed;opacity:.5}.chat-user-is-moderator{border-color:rgba(80,220,150,.3);background:rgba(80,220,150,.08);color:#72dea8}.chat-user-actions>p{margin:0;color:#8794a6;font-size:7px}.chat-user-actions>p.success{color:#72dea8}.chat-user-actions>p.error{color:#ff829d}
@media(max-width:620px){.chat-user-actions>div{grid-template-columns:1fr}}
.chat-empty-state,.chat-error-state{margin:auto;padding:24px;text-align:center;color:#7f8da0;font-size:9px;line-height:1.5}.chat-error-state{color:#ff829d}.chat-user-actions>div>button.danger{border-color:rgba(255,95,136,.35);background:rgba(255,95,136,.08);color:#ff829d}
.community-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0}.community-overview article{display:grid;gap:7px;padding:15px;border:1px solid #293648;border-radius:var(--radius-rect);background:#101720}.community-overview span{color:#7f8da0;font-size:8px;text-transform:uppercase}.community-overview b{font-size:22px}.community-overview small{color:#68778b;font-size:7px;line-height:1.45}.community-member-tools{display:grid;grid-template-columns:minmax(180px,1fr) 150px auto auto;align-items:end;gap:8px;padding:12px;border:1px solid #273445;border-radius:var(--radius-rect);background:#0c131c}.community-member-tools label{display:grid;gap:5px;color:#7f8da0;font-size:8px}.community-member-tools input,.community-member-tools select{height:36px;padding:8px 10px;border:1px solid #35465b;border-radius:var(--radius-rect);background:#0b121b;color:#e7edf5}.community-member-tools button{height:36px;padding:0 14px;border:0;border-radius:var(--radius-rect);background:#67d3e2;color:#071118;font-size:8px;font-weight:900}.community-member-tools>a{display:grid;place-items:center;height:36px;padding:0 10px;color:#8d9bad;font-size:8px}.community-no-results{margin:0;padding:30px;text-align:center;color:#7f8da0;font-size:9px}.community-audit-summary{display:flex;align-items:center;justify-content:flex-end;gap:8px}.community-audit-summary>span{display:grid;min-width:92px;padding:8px 11px;border:1px solid #2b3b4e;border-radius:var(--radius-rect);background:#0c131c}.community-audit-summary small{color:#738297;font-size:7px;text-transform:uppercase}.community-audit-summary b{font-size:17px}.community-audit-summary em{color:#6fd4e2;font-size:8px;font-style:normal}.studio-activity-list{display:grid;margin-top:12px}.studio-activity-list article{display:grid;grid-template-columns:110px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #253141}.studio-activity-list article:last-child{border-bottom:0}.studio-activity-list>article>span{color:#68d2e1;font-size:7px;font-weight:900;text-transform:uppercase}.studio-activity-list article>div{display:grid;gap:2px}.studio-activity-list b{font-size:9px}.studio-activity-list small,.studio-activity-list time{color:#748195;font-size:7px}.studio-activity-list time{text-align:right}.studio-activity-actions button{padding:7px 10px;border:1px solid rgba(255,95,136,.3);border-radius:var(--radius-rect);background:rgba(255,95,136,.08);color:#ff7897;font-size:7px;font-weight:900}
@media(max-width:900px){.community-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.community-member-tools{grid-template-columns:1fr 1fr}.community-member-tools button,.community-member-tools>a{width:100%}}
@media(max-width:620px){.community-overview,.community-member-tools{grid-template-columns:1fr}.community-audit-summary{align-items:stretch;flex-wrap:wrap;justify-content:flex-start}.community-audit-summary>span{flex:1}.community-audit-summary em{width:100%}.studio-activity-list article{grid-template-columns:1fr}.studio-activity-list time{text-align:left}.studio-activity-actions button{width:100%}}
.account-tool-page{min-height:100vh;background:radial-gradient(circle at 82% 0,rgba(71,119,180,.16),transparent 34%),#090d14}.account-tool-topbar{min-height:72px;display:flex;align-items:center;padding:12px max(20px,calc((100vw - 1180px)/2));border-bottom:1px solid #263244;background:#0b1018}.account-tool-topbar nav{margin-left:auto;display:flex;align-items:center;gap:16px;color:#99a7b9;font-size:12px}.account-tool-wrap{width:min(1180px,calc(100% - 32px));margin:auto;padding:46px 0}.account-tool-wrap>header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.account-tool-wrap h1{margin:7px 0;font-size:38px}.account-tool-wrap>header p{margin:0;color:#8492a5}.account-tool-wrap>header strong,.account-tool-wrap>header button{padding:10px 14px;border:1px solid rgba(99,215,237,.3);border-radius:var(--radius-rect);background:rgba(99,215,237,.08);color:#72d8e5;font-size:10px}.message-center{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.5fr);gap:18px}.direct-message-list,.direct-message-form,.notification-list,.finance-ledger,.search-results>section{padding:18px;border:1px solid #293648;border-radius:var(--radius-rect);background:#101720}.direct-message-list{display:flex;flex-direction:column;gap:10px;min-height:320px}.direct-message-list article{align-self:flex-start;max-width:82%;padding:12px 14px;border:1px solid #2d3b4e;border-radius:var(--radius-rect) var(--radius-rect) var(--radius-rect) 4px;background:#151f2b}.direct-message-list article.is-mine{align-self:flex-end;border-color:rgba(99,215,237,.3);border-radius:var(--radius-rect) var(--radius-rect) 4px var(--radius-rect);background:rgba(99,215,237,.08)}.direct-message-list article header{display:flex;justify-content:space-between;gap:18px}.direct-message-list b{font-size:10px}.direct-message-list time{color:#718095;font-size:7px}.direct-message-list p{margin:7px 0 0;color:#c3ccd8;font-size:11px;line-height:1.5}.direct-message-form label{display:grid;gap:8px;color:#aeb9c7;font-size:10px}.direct-message-form textarea{padding:12px;border:1px solid #35465b;border-radius:var(--radius-rect);background:#0b121b;color:#eef4fa;resize:vertical}.direct-message-form button,.platform-search-form button{margin-top:12px;padding:12px 16px;border:0;border-radius:var(--radius-rect);background:#67d3e2;color:#071118;font-weight:900}.notification-list{display:grid;gap:8px}.notification-list article{display:grid;grid-template-columns:80px minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:13px;border:1px solid #293648;border-radius:var(--radius-rect);background:#111923}.notification-list article.is-unread{border-color:rgba(99,215,237,.4);background:rgba(99,215,237,.06)}.notification-list article>span{color:#69d3e2;font-size:8px;font-weight:900;text-transform:uppercase}.notification-list article div{display:grid;gap:3px}.notification-list p{margin:0;color:#8391a4;font-size:9px}.notification-list time,.notification-list a{color:#77869a;font-size:8px}.notification-list a{color:#70d6e4}.platform-search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-bottom:20px}.platform-search-form input{height:48px;padding:12px 15px;border:1px solid #35465b;border-radius:var(--radius-rect);background:#0c131c;color:#eef4fa;font-size:14px}.platform-search-form button{margin:0}.search-results{display:grid;grid-template-columns:1fr 1fr;gap:18px}.search-results>section{display:grid;align-content:start;gap:8px}.search-results h2{margin:0 0 8px}.search-results section>a{display:grid;gap:3px;padding:12px;border:1px solid #293648;border-radius:var(--radius-rect);background:#111923}.search-results section>a span,.search-results section>p{color:#7d8b9e;font-size:9px}.finance-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.finance-metrics article{padding:17px;border:1px solid #293648;border-radius:var(--radius-rect);background:#101720}.finance-metrics span{display:block;color:#7d8b9e;font-size:9px}.finance-metrics b{display:block;margin-top:8px;font-size:22px}.finance-ledger>header{display:flex;justify-content:space-between;margin-bottom:12px}.finance-ledger article{display:grid;grid-template-columns:100px minmax(0,1fr) 90px auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #263244}.finance-ledger article>span,.finance-ledger article>strong{color:#6fd6e4;font-size:8px;text-transform:uppercase}.finance-ledger article>div{display:grid;gap:3px}.finance-ledger small,.finance-ledger time{color:#7e8c9f;font-size:8px}.account-empty-note{padding:30px;text-align:center;color:#8492a5}
@media(max-width:900px){.account-tool-topbar{align-items:flex-start;flex-direction:column}.account-tool-topbar nav{width:100%;margin:0;overflow-x:auto;padding-bottom:4px}.message-center,.search-results{grid-template-columns:1fr}.finance-metrics{grid-template-columns:repeat(2,1fr)}.notification-list article{grid-template-columns:70px minmax(0,1fr)}.notification-list time,.notification-list a{grid-column:2}.member-topbar nav,.community-admin-topbar nav,.account-tool-topbar nav{font-size:13px}.community-admin-heading p,.community-moderator-card header p,.community-user-card header p,.community-user-identity small,.community-sanction small,.community-member-tools label,.community-overview small,.studio-stats small{font-size:10px}.community-add-moderator label,.community-sanction-form label{font-size:11px}.community-add-moderator button,.community-sanction-form button,.community-moderator-list button,.community-sanction button{font-size:10px}}
@media(max-width:620px){.account-tool-wrap{width:min(100% - 24px,1180px);padding:30px 0}.account-tool-wrap>header{align-items:flex-start;flex-direction:column}.account-tool-wrap h1{font-size:31px}.platform-search-form{grid-template-columns:1fr}.finance-metrics{grid-template-columns:1fr 1fr}.finance-ledger article{grid-template-columns:1fr}.direct-message-list article{max-width:94%}.notification-list article{grid-template-columns:1fr}.notification-list time,.notification-list a{grid-column:auto}.member-heading h1,.community-admin-heading h1{font-size:30px}.member-heading p,.member-feature-copy p,.member-summary,.community-boundary-note{font-size:12px}.community-overview span,.community-overview small,.community-user-identity small,.community-sanction small,.community-member-tools label{font-size:11px}.community-moderator-list article b,.community-moderator-list small{font-size:10px}.chat-messages article,.chat-composer label,.chat-reply-box small{font-size:11px}}
.creator-persistent-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.creator-persistent-settings>section{display:grid;align-content:start;gap:13px;padding:18px;border:1px solid #293648;border-radius:var(--radius-rect);background:#101720}.creator-persistent-settings h2{margin:0 0 4px;font-size:18px}.creator-persistent-settings label{display:grid;gap:6px;color:#aab5c3;font-size:10px}.creator-persistent-settings input:not([type="checkbox"]),.creator-persistent-settings textarea,.creator-persistent-settings select{width:100%;padding:11px;border:1px solid #35465b;border-radius:var(--radius-rect);background:#0b121b;color:#eef4fa}.creator-persistent-settings .settings-check{display:flex;align-items:center;gap:8px}.creator-persistent-settings>button{grid-column:1/-1;justify-self:end;padding:13px 22px;border:0;border-radius:var(--radius-rect);background:#67d3e2;color:#071118;font-weight:900}.member-coin-purchase button{width:100%;padding:10px;border:1px solid rgba(99,215,237,.35);border-radius:var(--radius-rect);background:rgba(99,215,237,.08);color:#70d8e6;font-weight:900}
@media(max-width:900px){.creator-persistent-settings{grid-template-columns:1fr}.creator-persistent-settings>button{width:100%}}

/* Livyno: premium adults-only identity and offline stream artwork. */
.topbar>.brand{width:auto;margin-right:12px}.adult-badge{display:inline-grid;place-items:center;min-width:38px;height:24px;margin-right:28px;padding:0 9px;border:1px solid rgba(255,111,145,.42);border-radius:var(--radius-rect);background:rgba(116,35,61,.24);color:#ff8aa5;font-size:10px;font-weight:900;letter-spacing:.7px}
.site-shell{background:radial-gradient(circle at 77% 9%,rgba(119,39,69,.2),transparent 30%),radial-gradient(circle at 26% 35%,rgba(54,72,128,.1),transparent 34%),var(--bg)}
.hero-glow{background:radial-gradient(circle,rgba(145,48,83,.24),rgba(61,73,133,.08) 48%,transparent 71%)}
.portrait-card{border-color:rgba(145,74,102,.45);box-shadow:0 30px 75px rgba(2,4,9,.58),0 0 45px rgba(139,42,77,.08)}
.membership-banner{box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 24px 65px rgba(3,5,10,.28)}
.stream-offline-cover{position:absolute!important;z-index:0;inset:0;width:100%!important;height:100%!important;object-fit:cover;object-position:center}
.preview-video:has(.stream-offline-cover) .preview-stage-light{background:linear-gradient(180deg,rgba(5,7,12,.03),rgba(5,7,12,.12))}
.preview-video:has(.stream-offline-cover) .viewer-stream-status{background:linear-gradient(180deg,rgba(5,8,13,.12),rgba(5,8,13,.38));backdrop-filter:blur(2px);text-shadow:0 2px 12px #05080d}
.cohost-stage{position:absolute;z-index:0;inset:0;display:grid;gap:2px;background:#080d14}.cohost-stage.is-solo{grid-template-columns:1fr}.cohost-stage.is-duo{grid-template-columns:repeat(2,minmax(0,1fr))}.cohost-stage.is-duo-stack{grid-template-rows:repeat(2,minmax(0,1fr))}.cohost-stage.is-trio{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);grid-template-rows:repeat(2,minmax(0,1fr))}.cohost-stage.is-trio .cohost-tile.is-host{grid-row:1/3}.cohost-stage.is-trio-bottom{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1.35fr) minmax(0,.65fr)}.cohost-stage.is-trio-bottom .cohost-tile.is-host{grid-column:1/3}.cohost-stage.is-quad{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.cohost-stage.is-five{grid-template-columns:minmax(0,1.15fr) repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.cohost-stage.is-five .cohost-tile.is-host{grid-row:1/3}.cohost-stage.is-six{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.cohost-stage.is-seven{grid-template-columns:minmax(0,1.15fr) repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.cohost-stage.is-seven .cohost-tile.is-host{grid-row:1/3}.cohost-stage.is-eight{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.cohost-stage.is-nine{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}.cohost-tile{position:relative;min-width:0;min-height:0;overflow:hidden;background:#0d141d}.cohost-tile .creator-camera-feed,.cohost-tile .stream-offline-cover{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover}.cohost-tile-label{position:absolute;z-index:2;left:9px;bottom:9px;padding:5px 7px;border-radius:var(--radius-rect);background:rgba(5,9,14,.74);color:#eef4f8;font-size:7px;font-weight:850;backdrop-filter:blur(6px)}.cohost-tile.is-empty{display:grid;place-content:center;justify-items:center;padding:16px;background:radial-gradient(circle at 50% 42%,rgba(99,215,237,.1),transparent 36%),linear-gradient(145deg,#111b27,#0a1119);color:#708095;text-align:center}.cohost-tile.is-empty i{display:grid;place-items:center;width:36px;height:36px;margin-bottom:8px;border:1px solid #3a4b5f;border-radius:var(--radius-circle);color:#8392a5;font-size:22px;font-style:normal;font-weight:300}.cohost-tile.is-empty b{color:#aab5c2;font-size:8px}.cohost-tile.is-empty small{margin-top:3px;color:#647286;font-size:6px}.cohost-stage:is(.is-five,.is-six,.is-seven,.is-eight,.is-nine) .cohost-tile.is-empty{padding:6px}.cohost-stage:is(.is-five,.is-six,.is-seven,.is-eight,.is-nine) .cohost-tile.is-empty i{width:24px;height:24px;margin:0;font-size:15px}.cohost-stage:is(.is-five,.is-six,.is-seven,.is-eight,.is-nine) .cohost-tile.is-empty b,.cohost-stage:is(.is-five,.is-six,.is-seven,.is-eight,.is-nine) .cohost-tile.is-empty small{display:none}.creator-layout-settings{margin-top:9px;padding:13px;border:1px solid #2c3a4d;border-radius:var(--radius-rect);background:#101720}.creator-layout-settings>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:10px;border-bottom:1px solid #273445}.creator-layout-settings>header span{color:#6cd3e1;font-size:6px;font-weight:900;letter-spacing:1.1px}.creator-layout-settings h2{margin:3px 0 0;font-size:12px}.creator-layout-settings>header small{padding:5px 8px;border-radius:var(--radius-rect);background:rgba(99,215,237,.09);color:#77d9e5;font-size:7px;font-weight:850}.creator-layout-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px}.creator-layout-options>button{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:9px;min-width:0;padding:8px;border:1px solid #2d3d50;border-radius:var(--radius-rect);background:#0c131c;color:#8f9daf;text-align:left;cursor:pointer}.creator-layout-options>button:hover{border-color:#466079;background:#131e2a}.creator-layout-options>button.is-selected{border-color:rgba(99,215,237,.55);background:rgba(99,215,237,.1);color:#e7f7fa;box-shadow:0 0 0 2px rgba(99,215,237,.06)}.creator-layout-options>button>b{overflow:hidden;font-size:7px;line-height:1.3;text-overflow:ellipsis}.layout-icon{width:52px;height:34px;display:grid;gap:2px;padding:3px;border:1px solid #3b4d61;border-radius:var(--radius-rect);background:#070c12}.layout-icon i{display:grid;place-items:center;min-width:0;min-height:0;border-radius:2px;background:#223243;color:#91a2b6;font-size:9px;font-style:normal}.layout-icon i:first-child{background:linear-gradient(145deg,#814156,#303449)}.layout-icon.is-solo{grid-template-columns:1fr}.layout-icon.is-duo{grid-template-columns:repeat(2,1fr)}.layout-icon.is-duo-stack{grid-template-rows:repeat(2,1fr)}.layout-icon.is-trio{grid-template-columns:1.35fr .65fr;grid-template-rows:repeat(2,1fr)}.layout-icon.is-trio i:first-child{grid-row:1/3}.layout-icon.is-trio-bottom{grid-template-columns:repeat(2,1fr);grid-template-rows:1.35fr .65fr}.layout-icon.is-trio-bottom i:first-child{grid-column:1/3}.layout-icon.is-quad{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.layout-icon.is-five{grid-template-columns:1.15fr repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.layout-icon.is-five i:first-child{grid-row:1/3}.layout-icon.is-six{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.layout-icon.is-seven{grid-template-columns:1.15fr repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.layout-icon.is-seven i:first-child{grid-row:1/3}.layout-icon.is-eight{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr)}.layout-icon.is-nine{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.layout-icon:is(.is-five,.is-six,.is-seven,.is-eight,.is-nine) i{font-size:5px}.creator-layout-settings>p{margin:9px 0 0;color:#6e7c8f;font-size:7px;line-height:1.5}
@media(max-width:760px){.creator-layout-options{grid-template-columns:repeat(2,minmax(0,1fr))}.cohost-tile.is-empty small{display:none}}
@media(max-width:1100px){.adult-badge{margin-right:14px}}
@media(max-width:760px){.adult-badge{min-width:34px;height:22px;margin-right:8px;padding:0 7px;font-size:9px}.hero .eyebrow{max-width:260px;line-height:1.5}}

/* Shared desktop legal footer. Kept out of the compact mobile/tablet UI for now. */
.site-footer{position:relative;z-index:5;border-top:1px solid #263244;background:linear-gradient(180deg,#0b1018,#080c12);color:#8794a6}
.site-footer-inner{display:grid;grid-template-columns:minmax(280px,1.6fr) repeat(3,minmax(150px,1fr));gap:clamp(28px,4vw,68px);width:min(1280px,calc(100% - 80px));margin:auto;padding:48px 0 38px}
.site-footer-intro{display:grid;justify-items:start;align-content:start;gap:15px}.site-footer-brand{width:max-content}.site-footer-intro p{max-width:420px;margin:0;color:#7f8b9d;font-size:12px;line-height:1.7}.site-footer-age{display:inline-flex;padding:7px 10px;border:1px solid rgba(255,111,145,.3);border-radius:var(--radius-rect);background:rgba(116,35,61,.15);color:#ff8aa5;font-size:9px;font-weight:900;letter-spacing:.65px}
.site-footer-column{display:grid;align-content:start;gap:11px}.site-footer-column b{margin-bottom:4px;color:#edf3f8;font-size:11px;text-transform:uppercase;letter-spacing:.9px}.site-footer-column a{width:max-content;max-width:100%;color:#7f8b9d;font-size:11px}.site-footer-column a:hover{color:#72d8e5}
.site-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(1280px,calc(100% - 80px));margin:auto;padding:18px 0 24px;border-top:1px solid #202a38;color:#596577;font-size:9px}

.legal-page{min-height:100vh;background:radial-gradient(circle at 80% 0,rgba(119,39,69,.14),transparent 30%),#090d14}.legal-topbar{min-height:76px;display:flex;align-items:center;padding:12px max(28px,calc((100vw - 1280px)/2));border-bottom:1px solid #263244;background:rgba(11,16,24,.94)}.legal-topbar nav{display:flex;align-items:center;gap:18px;margin-left:auto;color:#8f9caf;font-size:12px}
.legal-wrap{display:grid;grid-template-columns:minmax(240px,330px) minmax(0,820px);gap:clamp(48px,7vw,100px);width:min(1280px,calc(100% - 80px));margin:auto;padding:64px 0 86px}.legal-index{position:sticky;top:28px;align-self:start}.legal-index>span{color:#69d3e2;font-size:9px;font-weight:900;letter-spacing:1.8px}.legal-index h1{margin:13px 0 12px;color:#f2f5f8;font-size:34px;line-height:1.1}.legal-index>p{margin:0;color:#68768a;font-size:10px}.legal-index nav{display:grid;gap:6px;margin-top:29px}.legal-index nav a{padding:9px 12px;border-left:2px solid #293648;color:#8290a3;font-size:11px}.legal-index nav a:hover{border-color:#69d3e2;background:rgba(99,215,237,.05);color:#dce7ef}
.legal-content{display:grid;gap:18px}.legal-content>section{scroll-margin-top:28px;padding:27px 30px;border:1px solid #293648;border-radius:var(--radius-rect);background:#101720}.legal-content>section>span{color:#68d2e1;font-size:8px;font-weight:900;letter-spacing:1.2px}.legal-content h2{margin:7px 0 18px;color:#f1f5f8;font-size:24px}.legal-content h3{margin:21px 0 7px;color:#cbd5df;font-size:12px}.legal-content p{margin:0 0 12px;color:#8996a8;font-size:12px;line-height:1.75}.legal-content p:last-child{margin-bottom:0}.legal-contact{display:inline-flex;margin:2px 0 17px;padding:11px 14px;border:1px solid rgba(99,215,237,.3);border-radius:var(--radius-rect);background:rgba(99,215,237,.07);color:#72d8e5;font-size:12px;font-weight:800}

@media(max-width:1100px) and (min-width:901px){.site-footer-inner{grid-template-columns:repeat(3,minmax(0,1fr));width:min(100% - 56px,960px);gap:30px 40px}.site-footer-intro{grid-column:1/-1;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px}.site-footer-intro p{max-width:none}.site-footer-bottom{width:min(100% - 56px,960px)}}
@media(max-width:900px){.site-footer{display:none}.legal-wrap{grid-template-columns:1fr;width:min(100% - 32px,820px);padding:42px 0}.legal-index{position:static}.legal-index nav{grid-template-columns:1fr 1fr}.legal-topbar{padding-inline:18px}}
@media(max-width:620px){.legal-topbar nav>a:first-child{display:none}.legal-wrap{gap:28px}.legal-index h1{font-size:29px}.legal-index nav{grid-template-columns:1fr}.legal-content>section{padding:21px 18px}.legal-content h2{font-size:21px}.legal-content p{font-size:13px}}

/* MelisForge Social Studio: multi-user and multi-account content workspace. */
.social-studio-shell{--studio-bg:#f4f2f8;--studio-ink:#211d2a;--studio-muted:#7c7488;min-height:100vh;background:var(--studio-bg);color:var(--studio-ink);font-family:var(--font-geist-sans),Arial,sans-serif}
.social-studio-shell button,.social-studio-shell input,.social-studio-shell textarea,.social-studio-shell select{font:inherit}.social-studio-topbar{position:sticky;z-index:20;top:0;display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:12px clamp(18px,4vw,58px);border-bottom:1px solid #ded9e5;background:rgba(250,249,252,.92);backdrop-filter:blur(18px)}
.social-studio-brand{display:flex;align-items:center;gap:11px;color:#2b2533;font-size:14px;font-weight:700}.social-studio-brand b{display:block;color:#756b80;font-size:10px;font-weight:600;letter-spacing:.6px}.social-studio-logo{display:grid;place-items:center;width:39px;height:39px;border-radius:var(--radius-rect);background:linear-gradient(140deg,#7056d8,#ae5cb6);box-shadow:0 8px 22px rgba(96,71,180,.22);color:#fff;font-size:12px;font-weight:900;letter-spacing:-.5px}.social-studio-user{display:grid;text-align:right}.social-studio-user span{font-size:11px;font-weight:800}.social-studio-user small{color:var(--studio-muted);font-size:8px}
.social-studio-layout{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:calc(100vh - 72px)}.social-account-rail{display:flex;flex-direction:column;padding:28px 18px;border-right:1px solid #ded9e5;background:#faf9fc}.social-rail-heading{display:flex;align-items:center;justify-content:space-between;padding:0 8px 14px;color:#8a8194;font-size:9px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}.social-rail-heading button{display:grid;place-items:center;width:26px;height:26px;border:1px solid #d8d1e1;border-radius:var(--radius-rect);background:#fff;color:#6e5ec1;cursor:pointer}.social-account-list{display:grid;gap:6px}.social-account-list>button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:10px;border:1px solid transparent;border-radius:var(--radius-rect);background:transparent;color:var(--studio-ink);text-align:left;cursor:pointer}.social-account-list>button:hover,.social-account-list>button.is-active{border-color:#ded7ea;background:#fff;box-shadow:0 8px 24px rgba(39,29,56,.06)}.social-account-list>button>span:nth-child(2){display:grid;gap:2px;min-width:0}.social-account-list b{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.social-account-list small{overflow:hidden;color:#8a8194;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.social-account-list>p{padding:18px 8px;color:#91889b;font-size:9px;line-height:1.5}.social-account-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--radius-rect);background:#ebe6f4;color:#6e5bb1;font-size:12px;font-weight:900}.social-account-list button[data-accent=rose] .social-account-avatar,.social-account-summary article[data-accent=rose]>span{background:#f8e1e9;color:#b64b73}.social-account-list button[data-accent=blue] .social-account-avatar,.social-account-summary article[data-accent=blue]>span{background:#dfeafa;color:#3d6ab5}.social-account-list button[data-accent=amber] .social-account-avatar,.social-account-summary article[data-accent=amber]>span{background:#f7ead1;color:#9f6b18}.social-account-list button[data-accent=mint] .social-account-avatar,.social-account-summary article[data-accent=mint]>span{background:#dcf1e9;color:#2f8068}.social-connection-dot{width:7px;height:7px;border-radius:var(--radius-rect);background:#d2cbd8}.social-connection-dot.is-connected{background:#49b68d}.social-connection-dot.is-expired{background:#e2a54b}.social-add-account{margin-top:auto;padding:11px;border:1px dashed #cfc6db;border-radius:var(--radius-rect);background:transparent;color:#7264b7;font-size:9px;font-weight:900;cursor:pointer}
.social-studio-main{min-width:0;padding:26px clamp(20px,4vw,62px) 70px}.social-studio-nav{display:flex;align-items:center;gap:5px;margin-bottom:25px;padding:5px;border:1px solid #ded9e5;border-radius:var(--radius-rect);background:#ebe8ef;width:max-content}.social-studio-nav button{padding:8px 13px;border:0;border-radius:var(--radius-rect);background:transparent;color:#786f83;font-size:9px;font-weight:800;cursor:pointer}.social-studio-nav button.is-active{background:#fff;color:#392e4b;box-shadow:0 4px 14px rgba(46,35,65,.08)}.social-studio-nav button:disabled{opacity:.4;cursor:not-allowed}.social-studio-nav span{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:4px;border-radius:var(--radius-rect);background:#eee9f4;font-size:7px}.social-notice{margin:0 0 18px;padding:11px 14px;border-radius:var(--radius-rect);font-size:10px}.social-notice.is-ok{border:1px solid #bddfd2;background:#e8f5f0;color:#28705b}.social-notice.is-error{border:1px solid #ecc4d1;background:#faeaf0;color:#9a3c5e}
.social-account-setup,.social-compose,.social-queue{width:min(1120px,100%)}.social-account-setup>header,.social-queue>header{max-width:680px;margin-bottom:28px}.social-account-setup header>span,.social-compose header>div>span,.social-queue header>span{color:#7864c2;font-size:8px;font-weight:900;letter-spacing:1.2px}.social-account-setup h1,.social-compose h1,.social-queue h1{margin:7px 0 8px;color:#251f2c;font-size:clamp(29px,4vw,43px);line-height:1.05}.social-account-setup header p,.social-queue header p{margin:0;color:#7e7688;font-size:11px;line-height:1.6}.social-account-setup>form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:22px;border:1px solid #ded8e5;border-radius:var(--radius-rect);background:#fff;box-shadow:0 18px 50px rgba(41,31,56,.06)}.social-account-setup label,.social-copy-column label{display:grid;gap:7px;color:#5f5669;font-size:9px;font-weight:800}.social-account-setup input,.social-account-setup select,.social-copy-column input,.social-copy-column textarea{width:100%;padding:12px 13px;border:1px solid #d8d1e0;border-radius:var(--radius-rect);background:#fbfafc;color:#2c2633;outline:0}.social-account-setup input:focus,.social-account-setup select:focus,.social-copy-column input:focus,.social-copy-column textarea:focus{border-color:#8c77db;box-shadow:0 0 0 3px rgba(124,99,210,.1)}.social-account-setup form>button{grid-column:1/-1;justify-self:end;padding:12px 18px;border:0;border-radius:var(--radius-rect);background:#6e57c9;color:#fff;font-size:10px;font-weight:900;cursor:pointer}.social-handle-input{display:flex;align-items:center;border:1px solid #d8d1e0;border-radius:var(--radius-rect);background:#fbfafc}.social-handle-input span{padding-left:13px;color:#897f93}.social-handle-input input{border:0;background:transparent}.social-account-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}.social-account-summary article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:14px;border:1px solid #ded8e5;border-radius:var(--radius-rect);background:#fff}.social-account-summary article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:var(--radius-rect);background:#ebe6f4;color:#6e5bb1;font-size:12px;font-weight:900}.social-account-summary article div{display:grid;gap:3px}.social-account-summary b{font-size:10px}.social-account-summary small{color:#8a8194;font-size:8px}.social-account-summary em{color:#7864c2;font-size:7px;font-style:normal;font-weight:900;text-transform:uppercase}
.social-compose>header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.social-account-state{padding:8px 10px;border:1px solid #e6d3aa;border-radius:var(--radius-rect);background:#fbf2df;color:#997020;font-size:8px;font-weight:800}.social-account-state.is-connected{border-color:#baddd0;background:#e7f5f0;color:#2d745d}.social-compose>form{overflow:hidden;border:1px solid #ded8e5;border-radius:var(--radius-rect);background:#fff;box-shadow:0 20px 60px rgba(41,31,56,.06)}.social-compose-grid{display:grid;grid-template-columns:minmax(290px,.85fr) minmax(340px,1.15fr)}.social-upload-column{padding:22px;border-right:1px solid #e5e0e9;background:#faf9fc}.social-dropzone{position:relative;display:grid;place-items:center;align-content:center;gap:9px;min-height:430px;overflow:hidden;border:1px dashed #cfc5dc;border-radius:var(--radius-rect);background:linear-gradient(150deg,#f3eef9,#ece9f2);color:#716579;text-align:center;cursor:pointer}.social-dropzone>span{display:grid;place-items:center;width:48px;height:48px;border-radius:var(--radius-rect);background:#fff;color:#765fcc;font-size:22px;box-shadow:0 8px 25px rgba(59,42,85,.1)}.social-dropzone b{font-size:11px}.social-dropzone small{color:#94899e;font-size:8px}.social-dropzone input{position:absolute;width:1px;height:1px;opacity:0}.social-dropzone img,.social-dropzone video{width:100%;height:100%;min-height:430px;object-fit:contain;background:#060a10}.social-selected-file{position:absolute;right:12px;bottom:12px;left:12px;display:grid!important;width:auto!important;height:auto!important;place-items:start!important;gap:3px;padding:10px 12px;border:1px solid #2f8066!important;border-radius:var(--radius-rect)!important;background:rgba(10,24,20,.94)!important;color:#75dfb5!important;text-align:left;box-shadow:0 8px 24px rgba(0,0,0,.3)!important}.social-selected-file b{font-size:10px}.social-selected-file small{width:100%;overflow:hidden;color:#dce8e3!important;font-size:9px!important;text-overflow:ellipsis;white-space:nowrap}.social-selected-file em{color:#8ba69b;font-size:8px;font-style:normal}.social-content-types{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.social-content-types label{cursor:pointer}.social-content-types input{position:absolute;opacity:0}.social-content-types span{display:grid;place-items:center;padding:10px;border:1px solid #dcd5e3;border-radius:var(--radius-rect);background:#fff;color:#756b7f;font-size:8px;font-weight:800}.social-content-types input:checked+span{border-color:#876fd7;background:#f0ecfa;color:#614cb5}.social-copy-column{display:grid;align-content:start;gap:13px;padding:25px}.social-copy-column textarea{min-height:80px;resize:vertical}.social-copy-column .social-caption{min-height:126px}.social-copy-column .social-tags{min-height:62px}.social-generate{padding:11px 13px;border:1px solid #cfc5e3;border-radius:var(--radius-rect);background:linear-gradient(135deg,#f5f1fc,#eee8fa);color:#6550b7;font-size:9px;font-weight:900;cursor:pointer}.social-compose-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 22px;border-top:1px solid #e5e0e9;background:#faf9fc}.social-compose-actions small{color:#8d8496;font-size:8px}.social-compose-actions button{padding:12px 17px;border:0;border-radius:var(--radius-rect);background:#6e57c9;color:#fff;font-size:10px;font-weight:900;cursor:pointer}.social-compose-actions button:disabled{opacity:.6}
.social-account-connect-wrap{display:flex;align-items:center;gap:8px}.social-connect-button{padding:9px 12px;border-radius:var(--radius-rect);background:#6e57c9;color:#fff;font-size:8px;font-weight:900;box-shadow:0 7px 18px rgba(88,65,173,.2)}
.social-connect-button.is-facebook{background:#1877f2}.social-connect-button.is-youtube{background:#e93838}.social-destinations{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.social-destinations>b{grid-column:1/-1;color:#655d6e;font-size:9px}.social-destinations label{cursor:pointer}.social-destinations input{position:absolute;opacity:0}.social-destinations span{display:grid;place-items:center;min-height:38px;padding:8px;border:1px solid #dcd5e3;border-radius:var(--radius-rect);background:#fff;color:#756b7f;font-size:8px;font-weight:800;text-align:center}.social-destinations input:checked+span{border-color:#876fd7;background:#f0ecfa;color:#614cb5}.social-destinations label.is-disabled{cursor:not-allowed;opacity:.48}.social-facebook-picker{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(300px,1.2fr);gap:20px;margin:0 0 22px;padding:20px;border:1px solid #cbdcf6;border-radius:var(--radius-rect);background:#f4f8ff}.social-facebook-picker span{color:#1877f2;font-size:8px;font-weight:900;letter-spacing:1.1px}.social-facebook-picker h2{margin:6px 0;font-size:20px}.social-facebook-picker p{margin:0;color:#68758a;font-size:9px;line-height:1.5}.social-facebook-picker>div:last-child{display:grid;gap:7px}.social-facebook-picker button{display:grid;gap:3px;padding:12px 14px;border:1px solid #c8d7ef;border-radius:var(--radius-rect);background:#fff;color:#22314a;text-align:left;cursor:pointer}.social-facebook-picker button:hover{border-color:#1877f2}.social-facebook-picker button:disabled{opacity:.55}.social-facebook-picker small{color:#7b8798;font-size:8px}
.social-queue-list{display:grid;gap:10px}.social-queue-list>article{display:grid;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:15px;padding:11px;border:1px solid #ddd7e4;border-radius:var(--radius-rect);background:#fff}.social-post-thumb{display:grid;place-items:center;width:92px;aspect-ratio:1;border-radius:var(--radius-rect);background:#ede8f3;color:#735ec0;font-size:21px;overflow:hidden}.social-post-thumb img{width:100%;height:100%;object-fit:cover}.social-post-copy{display:grid;gap:5px;min-width:0}.social-post-copy>span{color:#7864c2;font-size:10px;font-weight:900;text-transform:uppercase}.social-post-copy b{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.social-post-copy small{overflow:hidden;color:#8b8295;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.social-post-meta{display:grid;justify-items:end;gap:7px;min-width:120px}.social-post-meta em{padding:5px 8px;border-radius:var(--radius-rect);background:#eeeaf3;color:#776e80;font-size:10px;font-style:normal;font-weight:900}.social-post-meta em.is-ready{background:#e7f0fb;color:#3b67a2}.social-post-meta em.is-scheduled{background:#f7eedb;color:#946c20}.social-post-meta em.is-published{background:#e4f4ee;color:#2b775e}.social-post-meta em.is-failed{background:#fae6ed;color:#a13e61}.social-post-meta time{color:#948b9e;font-size:10px}.social-empty-queue{display:grid;justify-items:center;padding:60px 20px;border:1px dashed #d4ccdc;border-radius:var(--radius-rect);background:#faf9fc;text-align:center}.social-empty-queue>span{font-size:35px;color:#8f7bd3}.social-empty-queue h2{margin:13px 0 6px;font-size:19px}.social-empty-queue p{margin:0;color:#8a8193;font-size:10px}.social-empty-queue button{margin-top:17px;padding:10px 14px;border:0;border-radius:var(--radius-rect);background:#6e57c9;color:#fff;font-size:9px;font-weight:900;cursor:pointer}
.social-post-meta>button{padding:7px 9px;border:0;border-radius:var(--radius-rect);background:#6e57c9;color:#fff;font-size:7px;font-weight:900;cursor:pointer}.social-post-meta>button:disabled{opacity:.55}
.social-provider-progress{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}.social-provider-progress span{padding:4px 7px;border-radius:var(--radius-rect);background:#202c3b;color:#a5b2c1;font-size:10px;font-weight:900}.social-provider-progress span.is-complete{background:#153026;color:#70d6aa}.social-provider-progress span.is-failed{background:#351c27;color:#f18aa4}.social-provider-progress span.is-waiting{background:#172b42;color:#83b7ee}
.social-facebook-guide{margin:0 0 18px;border:1px solid #2b394c;border-radius:var(--radius-rect);background:#101822;color:#aebaca}.social-facebook-guide summary{padding:11px 14px;color:#ff849a;font-size:10px;font-weight:900;cursor:pointer}.social-facebook-guide ol{display:grid;gap:7px;margin:0;padding:4px 34px 10px;font-size:9px;line-height:1.5}.social-facebook-guide p{margin:0;padding:0 14px 13px;color:#8190a3;font-size:8px;line-height:1.5}.social-facebook-share{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border:1px solid #ff4e70;border-radius:var(--radius-rect);background:#351724;color:#ff8ca1;font-size:7px;font-weight:900;text-decoration:none;white-space:nowrap}
.social-help-link{padding:8px 11px;border:1px solid #304055;border-radius:var(--radius-rect);color:#aab8c8;font-size:8px;font-weight:900;text-decoration:none}.social-help-link:hover{border-color:#ff4e70;color:#ff8198}.social-help-page{min-height:100vh;padding:24px clamp(18px,5vw,80px) 70px;background:#080d14;color:#edf3f8}.social-help-page>header{display:flex;align-items:center;justify-content:space-between;gap:18px}.social-help-hero{max-width:760px;padding:70px 0 34px}.social-help-hero>span{color:#ff6682;font-size:10px;font-weight:900;letter-spacing:.16em}.social-help-hero h1{margin:12px 0 10px;font-size:clamp(38px,6vw,72px);line-height:.98}.social-help-hero p{max-width:620px;color:#91a0b2;font-size:15px;line-height:1.6}.social-help-hero>a{display:inline-flex;margin-top:18px;padding:11px 15px;border-radius:var(--radius-rect);background:linear-gradient(135deg,#f34b69,#cf2547);color:#fff;font-size:11px;font-weight:900;text-decoration:none}.social-help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.social-help-grid article{padding:20px;border:1px solid #29384b;border-radius:var(--radius-rect);background:#101822}.social-help-grid h2{margin:0 0 9px;color:#ff7f96;font-size:15px}.social-help-grid p,.social-help-safety p{margin:0;color:#94a2b3;font-size:11px;line-height:1.65}.social-help-safety{margin-top:16px;padding:20px;border:1px solid #285848;border-radius:var(--radius-rect);background:#10241e}.social-help-safety h2{margin:0 0 8px;color:#70d6aa;font-size:15px}
.social-logout-link{padding:8px 11px;border:1px solid #653147;border-radius:var(--radius-rect);background:#28151e;color:#ff8299;font-size:8px;font-weight:900;text-decoration:none;white-space:nowrap}.social-logout-link:hover,.social-logout-link:focus-visible{border-color:#ff4e70;background:#351923;color:#fff}
@media(max-width:820px){.social-help-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.social-help-page{padding-inline:14px}.social-help-page>header{align-items:flex-start}.social-help-hero{padding-top:48px}.social-help-grid{grid-template-columns:1fr}.social-help-link{font-size:10px}}
@media(max-width:900px){.social-studio-layout{grid-template-columns:1fr}.social-account-rail{position:sticky;z-index:15;top:72px;display:block;padding:10px 14px;border-right:0;border-bottom:1px solid #ded9e5}.social-rail-heading{display:none}.social-account-list{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px}.social-account-list>button{flex:0 0 190px;padding:7px}.social-account-list .social-account-avatar{width:32px;height:32px}.social-add-account{display:none}.social-studio-main{padding-top:20px}.social-compose-grid{grid-template-columns:1fr}.social-upload-column{border-right:0;border-bottom:1px solid #e5e0e9}.social-dropzone{min-height:340px}.social-dropzone img{min-height:340px}.social-account-summary{grid-template-columns:1fr}.social-facebook-picker{grid-template-columns:1fr}}
@media(max-width:620px){.social-studio-topbar{min-height:64px;padding:10px 13px}.social-studio-user small{display:none}.social-studio-layout{min-height:calc(100vh - 64px)}.social-account-rail{top:64px}.social-account-list>button{flex-basis:170px}.social-studio-main{padding:15px 12px 60px}.social-studio-nav{position:sticky;z-index:14;top:129px;width:100%;margin-bottom:17px}.social-studio-nav button{flex:1;padding-inline:7px;font-size:10px}.social-account-setup h1,.social-compose h1,.social-queue h1{font-size:28px}.social-account-setup header p,.social-queue header p{font-size:12px}.social-account-setup>form{grid-template-columns:1fr;padding:16px}.social-account-setup form>button{grid-column:auto;width:100%}.social-compose>header{align-items:flex-start;flex-direction:column;gap:12px}.social-account-connect-wrap{align-items:flex-start;flex-direction:column}.social-account-state,.social-connect-button{font-size:9px}.social-upload-column,.social-copy-column{padding:14px}.social-dropzone{min-height:310px}.social-dropzone img{min-height:310px}.social-copy-column label{font-size:11px}.social-copy-column input,.social-copy-column textarea{font-size:14px}.social-generate{font-size:11px}.social-compose-actions{align-items:stretch;flex-direction:column;padding:14px}.social-compose-actions small{font-size:10px;line-height:1.5}.social-compose-actions button{width:100%;font-size:12px}.social-queue-list>article{grid-template-columns:70px minmax(0,1fr)}.social-post-thumb{width:70px}.social-post-meta{grid-column:2;grid-template-columns:auto 1fr;justify-items:start;min-width:0}.social-post-copy b{font-size:11px}.social-post-copy small{font-size:9px}.social-account-summary article{grid-template-columns:auto minmax(0,1fr)}.social-account-summary em{grid-column:2}}

/* Shared MelisForge application shell: desktop navigation on the right. */
.social-studio-top-actions{display:flex;align-items:center;gap:14px}.social-studio-top-actions .language-switch{margin:0}.social-menu-toggle{display:none;padding:9px 12px;border:1px solid #d8d1e1;border-radius:var(--radius-rect);background:#fff;color:#5e4caf;font-size:9px;font-weight:900;cursor:pointer}.social-menu-overlay{display:none}
.social-studio-layout{grid-template-columns:minmax(0,1fr) 290px}.social-studio-main{grid-column:1;grid-row:1}.social-account-rail{grid-column:2;grid-row:1;border-right:0;border-left:1px solid #ded9e5}.social-studio-nav{display:grid;width:100%;margin:0 0 26px;padding:6px}.social-studio-nav button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 12px;text-align:left}.social-studio-nav span{margin-left:auto}
@media(max-width:900px){.social-menu-toggle{display:block}.social-studio-layout{display:block}.social-account-rail{position:fixed;z-index:45;top:72px;right:0;bottom:0;left:auto;display:flex;width:min(86vw,340px);padding:20px 16px;border:0;border-left:1px solid #ded9e5;box-shadow:-22px 0 50px rgba(37,28,51,.16);overflow-y:auto;transform:translateX(105%);transition:transform .22s ease}.social-account-rail.is-open{transform:translateX(0)}.social-menu-overlay{position:fixed;z-index:44;inset:72px 0 0;display:block;border:0;background:rgba(29,23,38,.34);opacity:0;pointer-events:none;transition:opacity .22s ease}.social-menu-overlay.is-open{opacity:1;pointer-events:auto}.social-studio-nav{position:static;top:auto;width:100%;margin:0 0 24px}.social-studio-nav button{flex:none}.social-rail-heading{display:flex}.social-account-list{display:grid;gap:6px;overflow:visible;padding:0}.social-account-list>button{flex:none}.social-add-account{display:block;margin-top:auto}.social-studio-main{padding-top:20px}}
@media(max-width:620px){.social-studio-top-actions{gap:8px}.social-studio-top-actions .social-studio-user{display:none}.social-studio-top-actions .language-switch button{min-width:34px;padding:7px}.social-account-rail{top:64px}.social-menu-overlay{inset:64px 0 0}.social-studio-nav{position:static;top:auto;margin-bottom:22px}.social-studio-nav button{font-size:10px}}

/* Social Studio uses the shared dark MelisForge administration theme. */
.social-studio-shell{--studio-bg:#090e15;--studio-ink:#edf4fa;--studio-muted:#8492a5;background:radial-gradient(circle at 12% 0,rgba(75,117,145,.13),transparent 31%),var(--studio-bg);color:var(--studio-ink)}
.social-studio-topbar{border-color:#253245;background:rgba(10,15,23,.94);box-shadow:0 10px 34px rgba(0,0,0,.18)}.social-studio-brand{color:#f3f7fb}.social-studio-brand b{color:#8291a5}.social-studio-logo{background:linear-gradient(140deg,#68d8e6,#3978ac);box-shadow:0 8px 24px rgba(69,190,213,.2);color:#071219}.social-menu-toggle{border-color:#304057;background:#121b27;color:#72d8e5}.social-menu-toggle:hover{border-color:#62d0df;background:#182433}
.social-account-rail{border-color:#263447;background:#0d141e}.social-rail-heading{color:#77879a}.social-rail-heading button{border-color:#304158;background:#141e2b;color:#69d3e2}.social-account-list>button{color:#dce6ef}.social-account-list>button:hover,.social-account-list>button.is-active{border-color:#304158;background:#151f2c;box-shadow:0 10px 28px rgba(0,0,0,.2)}.social-account-list small,.social-account-list>p{color:#79889b}.social-account-avatar{background:#1a2635;color:#76d9e5}.social-account-list button[data-accent=rose] .social-account-avatar,.social-account-summary article[data-accent=rose]>span{background:#35202b;color:#ef83a0}.social-account-list button[data-accent=blue] .social-account-avatar,.social-account-summary article[data-accent=blue]>span{background:#172a40;color:#73a9e9}.social-account-list button[data-accent=amber] .social-account-avatar,.social-account-summary article[data-accent=amber]>span{background:#332919;color:#e2b664}.social-account-list button[data-accent=mint] .social-account-avatar,.social-account-summary article[data-accent=mint]>span{background:#173128;color:#69d5ae}.social-add-account{border-color:#34455b;color:#70d6e4}
.social-studio-nav{border-color:#29384c;background:#0a1018}.social-studio-nav button{color:#8492a5}.social-studio-nav button:hover{color:#dce8f1}.social-studio-nav button.is-active{background:#182433;color:#74dae7;box-shadow:inset 3px 0 #67d3e2,0 5px 16px rgba(0,0,0,.2)}.social-studio-nav span{background:#233145;color:#a9b7c7}
.social-notice.is-ok{border-color:#295c4d;background:#102a23;color:#75ddb4}.social-notice.is-error{border-color:#663047;background:#2e1721;color:#ff92ad}
.social-account-setup h1,.social-compose h1,.social-queue h1{color:#f2f6fa}.social-account-setup header p,.social-queue header p{color:#8795a7}.social-account-setup header>span,.social-compose header>div>span,.social-queue header>span{color:#69d4e2}
.social-compose>header{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:18px}.social-compose>header>div:first-child{width:100%;min-width:0}.social-compose h1{max-width:none;font-size:clamp(20px,1.8vw,29px);line-height:1.08;letter-spacing:-.65px;white-space:nowrap}.social-compose h1 strong{color:#ff6f89;font-weight:900}
.social-account-setup>form,.social-compose>form{border-color:#29384b;background:#101822;box-shadow:0 22px 64px rgba(0,0,0,.28)}.social-account-setup label,.social-copy-column label{color:#adbac8}.social-account-setup input,.social-account-setup select,.social-copy-column input,.social-copy-column textarea{border-color:#33445a;background:#0a111a;color:#edf3f8}.social-account-setup input:focus,.social-account-setup select:focus,.social-copy-column input:focus,.social-copy-column textarea:focus{border-color:#61cfde;box-shadow:0 0 0 3px rgba(97,207,222,.11)}.social-account-setup form>button,.social-compose-actions button,.social-post-meta>button,.social-empty-queue button{background:#64d1df;color:#071218}.social-handle-input{border-color:#33445a;background:#0a111a}.social-handle-input span{color:#74859a}.social-account-summary article{border-color:#2b3a4d;background:#111a25}.social-account-summary small{color:#7f8ea1}.social-account-summary em{color:#70d6e4}
.social-copy-column input[type=datetime-local]{color-scheme:dark}.social-copy-column input[type=datetime-local]::-webkit-calendar-picker-indicator{width:19px;height:19px;opacity:.82;cursor:pointer;filter:invert(86%) sepia(9%) saturate(379%) hue-rotate(169deg) brightness(103%)}.social-copy-column input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{opacity:1;filter:invert(48%) sepia(94%) saturate(3057%) hue-rotate(328deg) brightness(102%) contrast(88%)}
.social-account-state{border-color:#6c562f;background:#2c2417;color:#e7bd70}.social-account-state.is-connected{border-color:#285848;background:#122921;color:#6ed5ab}.social-compose>form{background:#101822}.social-upload-column{border-color:#29384b;background:#0d151f}.social-dropzone{border-color:#3a4b61;background:linear-gradient(150deg,#121e2b,#0c131d);color:#9cabbc}.social-dropzone>span{background:#1a2635;color:#6fd5e3;box-shadow:0 8px 25px rgba(0,0,0,.24)}.social-dropzone small{color:#728195}.social-content-types span,.social-destinations span{border-color:#334359;background:#111a25;color:#93a1b2}.social-content-types input:checked+span,.social-destinations input:checked+span{border-color:#64d1df;background:#152c35;color:#75dce8}.social-copy-column{background:#101822}.social-generate{border-color:#335063;background:linear-gradient(135deg,#142833,#12202b);color:#72d9e5}.social-compose-actions{border-color:#29384b;background:#0d151f}.social-compose-actions small{color:#7e8da0}
.social-facebook-picker{border-color:#284d72;background:#101d2b}.social-facebook-picker h2{color:#edf4fa}.social-facebook-picker p{color:#8999aa}.social-facebook-picker button{border-color:#2b4d70;background:#111c29;color:#dce7f2}.social-facebook-picker small{color:#8191a4}
.social-queue-list>article{border-color:#2b394c;background:#111a25}.social-post-thumb{background:#182637;color:#71d7e4}.social-post-copy b{color:#e7eef5}.social-post-copy small,.social-post-meta time{color:#7d8c9f}.social-post-meta em{background:#202c3b;color:#a5b2c1}.social-post-meta em.is-ready{background:#172b42;color:#83b7ee}.social-post-meta em.is-scheduled{background:#302819;color:#e5bc70}.social-post-meta em.is-published{background:#153026;color:#70d6aa}.social-post-meta em.is-failed{background:#351c27;color:#f18aa4}.social-empty-queue{border-color:#33445a;background:#0d151f}.social-empty-queue h2{color:#edf4fa}.social-empty-queue p{color:#8190a3}
@media(max-width:900px){.social-account-rail{border-color:#2b394d;box-shadow:-24px 0 55px rgba(0,0,0,.5)}.social-menu-overlay{background:rgba(2,6,10,.65)}}
@media(max-width:620px){.social-compose h1{font-size:clamp(20px,6vw,26px);line-height:1.12;letter-spacing:-.45px;white-space:nowrap}}

/* DarkPan-inspired red accent selected for the MelisForge admin identity. */
.social-studio-shell{--studio-accent:#f04464;--studio-accent-strong:#d52d50;--studio-accent-soft:#321722}
.social-studio-logo{background:linear-gradient(140deg,#ff5874,#b91f43);box-shadow:0 9px 26px rgba(224,43,81,.25);color:#fff}.social-studio-top-actions .language-switch button:hover,.social-studio-top-actions .language-switch button:focus-visible,.social-studio-top-actions .language-switch button.is-active{border-color:var(--studio-accent);color:#ff8da2}.social-studio-top-actions .language-switch button.is-active{background:rgba(240,68,100,.12)}.social-menu-toggle{border-color:#553044;color:#ff7d96}.social-menu-toggle:hover{border-color:var(--studio-accent);background:#28151e}
.social-rail-heading button,.social-add-account{color:#ff718b}.social-rail-heading button:hover,.social-add-account:hover{border-color:var(--studio-accent)}.social-studio-nav button.is-active{background:var(--studio-accent-soft);color:#ff7f97;box-shadow:inset 3px 0 var(--studio-accent),0 5px 16px rgba(0,0,0,.22)}
.social-account-setup header>span,.social-compose header>div>span,.social-queue header>span,.social-account-summary em{color:#ff718b}.social-account-setup input:focus,.social-account-setup select:focus,.social-copy-column input:focus,.social-copy-column textarea:focus{border-color:var(--studio-accent);box-shadow:0 0 0 3px rgba(240,68,100,.12)}
.social-account-setup form>button,.social-compose-actions button,.social-post-meta>button,.social-empty-queue button{background:linear-gradient(135deg,#f34b69,var(--studio-accent-strong));color:#fff;box-shadow:0 9px 24px rgba(215,42,78,.2)}.social-account-state.is-connected{border-color:#285848;background:#122921;color:#6ed5ab}.social-dropzone>span{color:#ff7891}.social-content-types input:checked+span,.social-destinations input:checked+span{border-color:var(--studio-accent);background:var(--studio-accent-soft);color:#ff849a}.social-generate{border-color:#643044;background:linear-gradient(135deg,#2d1720,#23141b);color:#ff7891}.social-post-thumb{background:#2d1922;color:#ff7892}
.social-post-thumb{position:relative}.social-post-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.social-post-thumb span{position:relative;z-index:1;display:grid;place-items:center;width:31px;aspect-ratio:1;border-radius:var(--radius-circle);background:rgba(7,10,16,.72);color:#fff;font-size:13px;box-shadow:0 3px 12px rgba(0,0,0,.35)}
.social-account-connect-wrap{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;width:100%;gap:10px}.social-account-state,.social-connect-button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-width:0;min-height:64px;padding:10px 12px;border:1px solid var(--studio-accent);border-radius:var(--radius-rect);background:var(--studio-accent-soft);box-shadow:none;color:#ff8198;font:inherit;line-height:1.2;text-align:left;text-decoration:none;appearance:none}.social-account-state>span,.social-connect-button>span{display:grid;gap:4px;min-width:0}.social-account-state>span b,.social-connect-button>span b{font-size:10px;font-weight:900}.social-account-state>span small,.social-connect-button>span small{min-width:0;overflow:hidden;color:inherit;font-size:8px;font-weight:750;opacity:.76;text-overflow:ellipsis;white-space:nowrap}.social-connect-button{justify-content:flex-start;cursor:pointer}.social-connect-button:hover{border-color:#ff6b84;background:#451b29;color:#fff;transform:translateY(-1px)}.social-connect-button.is-facebook{border-color:#72384b;background:#2b1820}.social-connect-button.is-youtube{border-color:#743040;background:#2e171c}.social-connect-button.is-tiktok{border-color:#414b58;background:#151b22;color:#edf2f6}.social-connect-button.is-telegram{border-color:#2d6789;background:#122736;color:#79caf5}.social-account-state.is-connected{border-color:#2f8066;background:#142d25;color:#70d9ae}.social-account-state>button{flex:none;margin:0;padding:5px 7px;border:0;border-radius:var(--radius-rect);background:rgba(255,255,255,.08);color:inherit;font-size:8px;font-weight:900;cursor:pointer}.social-account-state>button:hover{background:rgba(255,255,255,.16)}.social-account-state.is-coming-soon{border-style:dashed;border-color:#39485a;background:#101822;color:#718094}
.social-profile-channels{display:grid;gap:9px;width:100%}.social-profile-channels-heading{display:flex;align-items:baseline;gap:10px}.social-profile-channels-heading b{color:#dfe7ef;font-size:9px}.social-profile-channels-heading small{color:#718094;font-size:8px}
/* Readability pass for the first Social Studio viewport on high-DPI notebooks. */
.social-studio-user span{font-size:12px}.social-studio-user small{font-size:10px}.social-help-link,.social-logout-link{font-size:10px}.social-rail-heading{font-size:10px}.social-account-list b{font-size:12px}.social-account-list small{font-size:10px}.social-add-account{font-size:11px}.social-studio-nav button{font-size:11px}.social-studio-nav span{font-size:9px}.social-licence-banner{min-height:44px;font-size:11px}.social-licence-banner b{font-size:12px}.social-facebook-guide summary{padding:13px 15px;font-size:11px}.social-facebook-guide ol{font-size:10px}.social-facebook-guide p{font-size:10px}.social-compose h1{font-size:clamp(26px,2.45vw,36px);line-height:1.08;white-space:normal}.social-profile-channels{gap:11px}.social-profile-channels-heading b{font-size:12px}.social-profile-channels-heading small{font-size:10px}.social-account-connect-wrap{gap:12px}.social-account-state,.social-connect-button{min-height:52px;padding:8px 12px}.social-account-state>span b,.social-connect-button>span b{font-size:12px}.social-account-state>span small,.social-connect-button>span small{font-size:10px}.social-account-state>button{padding:6px 8px;font-size:10px}
.social-licence-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px;padding:9px 12px;border:1px solid #2f8066;border-radius:var(--radius-rect);background:#142d25;color:#70d9ae;font-size:11px}.social-licence-banner b{font-size:12px}.social-licence-banner span{color:#8fb8a8}.social-licence-banner.is-expired{border-color:#6b3348;background:#2d1721;color:#ff849d}.social-licence-banner.is-expired span{color:#c991a0}
.social-profile-limit{margin:0 0 16px;padding:12px 14px;border:1px solid #604052;border-radius:var(--radius-rect);background:#281922;color:#db9daf;font-size:10px;line-height:1.5}
.social-account-setup>form{grid-template-columns:minmax(220px,1.35fr) minmax(150px,.8fr) minmax(140px,.75fr) auto;align-items:end;gap:12px;padding:18px}.social-account-setup input,.social-account-setup select{min-height:42px;padding:9px 12px}.social-account-setup form>button{grid-column:auto;align-self:end;justify-self:stretch;min-height:42px;padding:9px 18px;white-space:nowrap}
@media(max-width:900px){.social-account-setup>form{grid-template-columns:repeat(2,minmax(0,1fr))}.social-account-setup form>button{grid-column:2}}
@media(max-width:620px){.social-account-setup>form{grid-template-columns:1fr;padding:16px}.social-account-setup form>button{grid-column:auto;width:100%}}
@media(max-width:620px){.social-licence-banner{align-items:flex-start;flex-direction:column;gap:4px}}
.admin-vip-form{display:grid;grid-template-columns:minmax(210px,1.25fr) 110px 145px minmax(180px,1fr) auto auto;align-items:end;gap:9px;padding:16px 0}.admin-vip-form label{display:grid;gap:6px;color:#8b99aa;font-size:9px;font-weight:800}.admin-vip-form input,.admin-vip-form select{width:100%;min-height:38px;padding:8px 10px;border:1px solid #35465b;border-radius:var(--radius-rect);background:#0b121b;color:#e7edf5}.admin-vip-form button{min-height:38px;padding:8px 12px;border:0;border-radius:var(--radius-rect);background:#67d3e2;color:#071118;font-size:9px;font-weight:900;white-space:nowrap}.admin-vip-form button.danger{border:1px solid rgba(255,95,136,.35);background:rgba(255,95,136,.08);color:#ff7897}
.admin-audit-card>.admin-readiness-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding-top:14px}.admin-audit-card>.admin-readiness-grid>article{grid-template-columns:78px minmax(0,1fr);align-items:center;padding:12px;border:1px solid #293648;border-radius:var(--radius-rect)}.admin-readiness-grid article.is-ready{border-color:#285b4b;background:#12271f}.admin-readiness-grid article.is-ready>span{color:#70d6aa}.admin-readiness-grid article.is-waiting{border-color:#5b3c49;background:#271720}.admin-readiness-grid article.is-waiting>span{color:#f18aa4}
@media(max-width:1000px){.admin-vip-form{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-vip-form button{width:100%}}
@media(max-width:620px){.admin-vip-form,.admin-audit-card>.admin-readiness-grid{grid-template-columns:1fr}}
@media(max-width:1250px){.social-account-connect-wrap{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.social-account-connect-wrap{grid-template-columns:repeat(2,minmax(0,1fr))}.social-account-state,.social-connect-button{min-height:60px}}
@media(max-width:480px){.social-account-connect-wrap{grid-template-columns:1fr}}
@media(max-width:620px){.social-compose h1{font-size:clamp(24px,7vw,30px);white-space:normal}.social-profile-channels-heading{align-items:flex-start;flex-direction:column;gap:3px}.social-account-state,.social-connect-button{min-height:68px}}
.social-telegram-connect{display:grid;grid-template-columns:minmax(280px,1.3fr) minmax(240px,1fr) auto;align-items:end;gap:12px;margin:-8px 0 18px;padding:15px;border:1px solid #2e4960;border-radius:var(--radius-rect);background:#101b27}.social-telegram-connect>div{display:grid;gap:4px;align-self:center}.social-telegram-connect>div b{color:#79cfff;font-size:12px}.social-telegram-connect>div small{color:#8192a6;font-size:9px;line-height:1.4}.social-telegram-connect label{display:grid;gap:6px;color:#aab6c5;font-size:9px;font-weight:800}.social-telegram-connect input{min-height:42px;padding:9px 11px;border:1px solid #35475c;border-radius:var(--radius-rect);background:#0b131d;color:#edf4fb;font-size:12px}.social-telegram-connect button{min-height:42px;padding:9px 15px;border:0;border-radius:var(--radius-rect);background:#168dd0;color:#fff;font-size:10px;font-weight:900;cursor:pointer}.social-telegram-connect button:disabled{opacity:.55}
.social-destinations{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
.social-tiktok-consent{display:flex!important;align-items:flex-start;gap:8px;margin-top:9px;color:#9aa8b9!important;font-size:8px!important;line-height:1.45}.social-tiktok-consent input{margin-top:2px;accent-color:#ff4568}
.social-tiktok-settings{display:grid;gap:12px;margin-top:14px;padding:16px;border:1px solid #34465b;border-radius:var(--radius-rect);background:#0c1520}.social-tiktok-settings>b{color:#f5f7fb}.social-tiktok-settings>p,.social-tiktok-settings>small{margin:0;color:#93a4b8}.social-tiktok-settings>p.is-error{color:#ff718b}.social-tiktok-settings>label:not(.social-tiktok-consent){display:grid;gap:7px;color:#c7d1de}.social-tiktok-settings select{min-height:48px;padding:0 14px;border:1px solid #40546b;border-radius:var(--radius-rect);background:#08111b;color:#f7f9fc}.social-tiktok-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.social-tiktok-options label{display:flex;align-items:center;gap:8px;color:#c7d1de}.social-tiktok-options label.is-disabled{opacity:.45}.social-tiktok-options input{accent-color:#ff4568}
@media(max-width:760px){.social-connect-button.is-tiktok{min-height:36px}}
@media(max-width:900px){.social-telegram-connect{grid-template-columns:1fr}.social-telegram-connect button{width:100%}}

/* Creator onboarding, compliance review and multi-creator surfaces. */
.creator-application-status{display:grid;gap:8px;margin:20px 0;padding:18px;border:1px solid #2d3c50;border-radius:var(--radius-rect);background:#101720}.creator-application-status>span{width:max-content;padding:6px 9px;border-radius:var(--radius-rect);background:rgba(99,215,237,.1);color:#72d8e5;font-size:9px;font-weight:900;text-transform:uppercase}.creator-application-status h2,.creator-application-status p{margin:0}.creator-application-status p{color:#8593a6;font-size:11px;line-height:1.6}
.creator-application-form,.compliance-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:22px;border:1px solid #293648;border-radius:var(--radius-rect);background:#101720}.creator-application-form label,.compliance-form label{display:grid;gap:7px;color:#acb7c5;font-size:10px;font-weight:800}.creator-application-form .wide,.compliance-form .wide{grid-column:1/-1}.creator-application-form input,.creator-application-form textarea,.creator-application-form select,.compliance-form input,.compliance-form textarea,.compliance-form select{width:100%;padding:12px;border:1px solid #35465b;border-radius:var(--radius-rect);background:#0b121b;color:#eef4fa}.creator-application-form textarea,.compliance-form textarea{min-height:110px;resize:vertical}.creator-application-form button,.compliance-form button{grid-column:1/-1;justify-self:end;padding:12px 20px;border:0;border-radius:var(--radius-rect);background:#67d3e2;color:#071118;font-weight:900}
.admin-compliance-grid{display:grid;gap:18px}.admin-compliance-section{padding:20px;border:1px solid #293648;border-radius:var(--radius-rect);background:#101720}.admin-compliance-section>header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:14px}.admin-compliance-section h2{margin:0;font-size:20px}.admin-compliance-section header p{margin:4px 0 0;color:#7f8da0;font-size:10px}.admin-case-list{display:grid;gap:9px}.admin-case{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px;padding:14px;border:1px solid #2d3b4e;border-radius:var(--radius-rect);background:#0d141d}.admin-case>div{display:grid;gap:5px}.admin-case h3,.admin-case p{margin:0}.admin-case h3{font-size:12px}.admin-case p,.admin-case small{color:#8391a4;font-size:9px;line-height:1.5}.admin-case form{display:flex;align-items:center;gap:7px}.admin-case select,.admin-case input{padding:8px;border:1px solid #35465b;border-radius:var(--radius-rect);background:#0a1119;color:#eaf1f7}.admin-case button{padding:9px 11px;border:0;border-radius:var(--radius-rect);background:#67d3e2;color:#071118;font-size:8px;font-weight:900}.admin-case .danger{background:#762c45;color:#ffd9e2}.admin-document-links{display:flex;flex-wrap:wrap;gap:7px}.admin-document-links a{padding:6px 8px;border:1px solid #35465b;border-radius:var(--radius-rect);color:#70d6e4;font-size:8px}
.creator-dynamic-page{min-height:100vh;background:radial-gradient(circle at 78% 8%,rgba(119,45,72,.14),transparent 29%),#090e15}.dynamic-profile-nav{display:flex;align-items:center;gap:9px;margin-left:auto}.dynamic-profile-nav>a{display:flex;align-items:center;min-height:40px;padding:0 13px;border-radius:var(--radius-rect);color:#aab6c5;font-size:11px;font-weight:800}.dynamic-profile-nav>a:hover{background:#141d28;color:#fff}.dynamic-profile-nav>a.primary-button{background:#62d0e1;color:#071117}.dynamic-creator-hero{display:block;width:min(1120px,calc(100% - 48px));margin:0 auto;padding:28px 0 70px}.dynamic-creator-cover{position:relative;height:220px;overflow:hidden;border:1px solid #29384b;border-radius:var(--radius-rect);background:radial-gradient(circle at 80% 24%,rgba(255,102,136,.22),transparent 25%),radial-gradient(circle at 58% 80%,rgba(101,212,227,.12),transparent 35%),linear-gradient(135deg,#111c28,#171526 72%,#25141f)}.dynamic-creator-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,12,18,.42),transparent 52%)}.dynamic-creator-cover>span{position:absolute;right:7%;bottom:-42px;color:rgba(255,255,255,.07);font-size:150px;font-weight:950}.dynamic-creator-identity{position:relative;z-index:2;display:grid;grid-template-columns:104px minmax(0,1fr) auto;align-items:end;gap:18px;margin:-48px 20px 0;padding-bottom:20px;border-bottom:1px solid #243142}.dynamic-creator-avatar{display:grid;place-items:center;width:104px;height:104px;border:5px solid #090e15;border-radius:var(--radius-circle);background:linear-gradient(145deg,#87485d,#26374d);color:#fff;font-size:27px;font-weight:950;box-shadow:0 15px 35px rgba(0,0,0,.3)}.dynamic-creator-identity>div:nth-child(2),.dynamic-creator-actions{padding-bottom:4px}.dynamic-creator-identity .auth-kicker{color:#64d2e2;font-size:8px;font-weight:950;letter-spacing:1.5px}.dynamic-creator-identity h1{margin:6px 0 3px;font-size:27px;letter-spacing:-.7px}.dynamic-creator-identity h1 i{color:#68d7e5;font-style:normal}.dynamic-creator-identity p{margin:0;color:#8290a3;font-size:11px}.dynamic-creator-actions{display:flex;gap:8px}.dynamic-creator-actions a{display:flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid #37495d;border-radius:var(--radius-rect);background:#15202c;color:#e0e8ef;font-size:10px;font-weight:900}.dynamic-creator-actions a.primary-button{border-color:#64d2e2;background:#64d2e2;color:#071117}.dynamic-creator-actions a.dynamic-action-report{border-color:rgba(255,102,136,.38);background:rgba(255,102,136,.08);color:#ff8ba3}.dynamic-creator-bio{max-width:720px;margin:18px 20px 0;color:#9aa6b5;font-size:11px;line-height:1.65}.dynamic-creator-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:18px;margin-top:24px}.dynamic-creator-content{min-width:0}.dynamic-creator-content>header{display:flex;align-items:end;justify-content:space-between;margin-bottom:11px}.dynamic-creator-content h2{margin:0;font-size:19px}.dynamic-creator-content>header span{color:#7e8c9e;font-size:9px}.dynamic-creator-content>.studio-empty{display:grid;place-items:center;min-height:210px;padding:28px;border:1px dashed #304258;border-radius:var(--radius-rect);background:#0e151f;text-align:center}.dynamic-creator-content>.studio-empty b{font-size:15px}.dynamic-creator-content>.studio-empty p{margin:7px 0 0;color:#78879a;font-size:9px}.dynamic-post-card{margin-bottom:13px;overflow:hidden;border:1px solid #293648;border-radius:var(--radius-rect);background:#101720}.dynamic-post-card>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px}.dynamic-post-card>header div{display:grid;gap:4px}.dynamic-post-card>header b{font-size:11px}.dynamic-post-card>header small,.dynamic-post-card>header a{color:#7e8da0;font-size:8px}.dynamic-post-card>p,.dynamic-post-card>.post-tags{margin-left:14px;margin-right:14px}.dynamic-post-card>p{color:#8997a8;font-size:9px;line-height:1.55}.dynamic-post-media{position:relative;aspect-ratio:16/9;margin-top:13px;background:linear-gradient(145deg,#3b344f,#171f2d)}.dynamic-post-media img,.dynamic-post-media video{width:100%;height:100%;object-fit:cover}.dynamic-membership-card{position:sticky;top:92px;padding:20px;border:1px solid #2b3a4d;border-radius:var(--radius-rect);background:linear-gradient(145deg,#131d29,#0f1721)}.dynamic-membership-card h2{margin:7px 0;font-size:18px}.dynamic-membership-card>p{margin:0;color:#8795a7;font-size:9px;line-height:1.55}.dynamic-membership-card>div{margin:18px 0 13px}.dynamic-membership-card>div b{font-size:25px}.dynamic-membership-card>div small{color:#788699;font-size:9px}.dynamic-membership-card>a,.dynamic-membership-card>.account-empty-note{display:flex;align-items:center;justify-content:center;min-height:40px;margin-top:8px;border-radius:var(--radius-rect);font-size:9px;font-weight:900}.dynamic-membership-card>a.primary-button{background:#ff6688;color:white}.dynamic-membership-card>a.ghost-button{border:1px solid #35465a;background:#151f2b;color:#d9e2ea}.dynamic-membership-card>.account-empty-note{border:1px solid #2f4053;color:#7f8ea0}
@media(max-width:760px){.dynamic-profile-nav{gap:2px}.dynamic-profile-nav>a{min-height:36px;padding:0 8px;font-size:9px}.dynamic-profile-nav>a:first-child{display:none}.dynamic-creator-hero{width:calc(100% - 24px);padding-top:12px}.dynamic-creator-cover{height:150px;border-radius:var(--radius-rect)}.dynamic-creator-cover>span{font-size:95px}.dynamic-creator-identity{grid-template-columns:76px minmax(0,1fr);gap:12px;margin:-35px 10px 0}.dynamic-creator-avatar{width:76px;height:76px;border-width:4px;font-size:20px}.dynamic-creator-identity h1{font-size:21px}.dynamic-creator-actions{grid-column:1/-1;padding:0}.dynamic-creator-actions a{flex:1;justify-content:center}.dynamic-creator-bio{margin-inline:10px}.dynamic-creator-grid{grid-template-columns:1fr}.dynamic-membership-card{position:static}.dynamic-creator-content>.studio-empty{min-height:160px}}
.photo-post-card{width:min(100%,560px);margin:0 auto 18px;overflow:visible;border:1px solid #293648;border-radius:var(--radius-rect);background:#101720;box-shadow:0 18px 45px rgba(0,0,0,.25);scroll-margin-top:90px}.photo-post-stage{position:relative;width:100%;aspect-ratio:9/16;max-height:760px;overflow:hidden;border-radius:var(--radius-rect) var(--radius-rect) 0 0;background:#05080d;outline:0;touch-action:pan-y}.photo-post-stage:focus-visible{box-shadow:inset 0 0 0 2px #69d4e2}.photo-post-stage>img,.photo-post-stage>video{width:100%;height:100%;object-fit:contain;background:#05080d}.photo-post-stage>.studio-empty{position:absolute;inset:0;display:grid;place-items:center}.photo-post-shade{pointer-events:none;position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(2,4,8,.88) 100%)}.photo-post-copy{position:absolute;z-index:2;left:18px;right:88px;bottom:42px;color:white;text-shadow:0 2px 10px rgba(0,0,0,.8)}.photo-post-copy b{font-size:12px}.photo-post-copy h3{margin:7px 0 4px;font-size:18px}.photo-post-copy p{margin:0;color:#e0e7ed;font-size:11px;line-height:1.45}.photo-post-copy span{display:block;margin-top:7px;color:#8de1ea;font-size:10px;font-weight:800}.photo-post-actions{position:absolute;z-index:3;right:10px;bottom:38px;display:grid;gap:13px;width:68px}.photo-post-actions>button{display:grid;place-items:center;gap:3px;padding:0;border:0;background:transparent;color:white;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.8)}.photo-post-actions i{display:grid;place-items:center;width:43px;height:43px;border:1px solid rgba(255,255,255,.28);border-radius:var(--radius-circle);background:rgba(8,13,20,.68);font-size:17px;font-style:normal;backdrop-filter:blur(8px)}.photo-post-actions b{font-size:8px;line-height:1.15}.photo-post-actions button.is-active i{border-color:#ff6b8d;background:#ff5f83;color:white}.photo-post-avatar{display:grid;place-items:center;width:46px;height:46px;margin:auto;border:2px solid white;border-radius:var(--radius-circle);background:linear-gradient(145deg,#67d7e7,#587ee1);color:#071118;font-size:12px;font-weight:950}.photo-post-arrow{position:absolute;z-index:4;top:50%;display:grid;place-items:center;width:42px;height:58px;margin-top:-29px;border:1px solid rgba(255,255,255,.22);border-radius:var(--radius-rect);background:rgba(5,9,14,.62);color:white;font-size:35px;line-height:1;backdrop-filter:blur(8px)}.photo-post-arrow.is-left{left:12px}.photo-post-arrow.is-right{right:88px}.photo-post-arrow:disabled{pointer-events:none;opacity:.18}.photo-post-counter{position:absolute;z-index:4;top:13px;right:13px;padding:5px 8px;border-radius:var(--radius-rect);background:rgba(4,8,13,.66);color:white;font-size:9px;font-weight:900}.photo-post-dots{position:absolute;z-index:4;left:50%;bottom:15px;display:flex;gap:5px;transform:translateX(-50%)}.photo-post-dots button{width:6px;height:6px;padding:0;border:0;border-radius:var(--radius-circle);background:rgba(255,255,255,.42)}.photo-post-dots button.is-active{width:18px;border-radius:var(--radius-rect);background:#70d8e5}.photo-post-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;color:#78879a;font-size:8px}.photo-post-footer a{color:#ff8ca3}.photo-post-comments{display:grid;gap:10px;padding:14px;border-top:1px solid #293648}.photo-post-comments>header{display:flex;align-items:center;justify-content:space-between}.photo-post-comments>header b{font-size:11px}.photo-post-comments>header button{width:28px;height:28px;border:1px solid #34465a;border-radius:var(--radius-rect);background:#151f2a;color:#aab7c5}.photo-post-comments>p{margin:5px 0;color:#7d8b9e;font-size:9px}.photo-post-comments>article{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:8px}.photo-post-comments>article span{display:grid;place-items:center;width:30px;height:30px;border-radius:var(--radius-circle);background:#26384a;color:#76d8e5;font-size:8px;font-weight:900}.photo-post-comments>article p{margin:4px 0;color:#dce5ed;font-size:10px}.photo-post-comments>form{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:7px}.photo-post-comments input{min-width:0;padding:10px;border:1px solid #34465a;border-radius:var(--radius-rect);background:#0a1119;color:white}.photo-post-comments form button{border:0;border-radius:var(--radius-rect);background:#64d2e2;color:#071117;font-weight:950}.photo-post-comments form button:disabled{opacity:.35}.selected-media-summary{display:grid;gap:4px;width:min(100%,520px);margin-top:9px;padding:9px 11px;border:1px solid rgba(104,211,226,.24);border-radius:var(--radius-rect);background:rgba(104,211,226,.06)}.selected-media-summary strong{color:#7bd9e5;font-size:10px}.selected-media-summary small{overflow:hidden;color:#8190a3;font-size:8px;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:760px){.photo-post-card{width:calc(100vw - 24px);max-width:520px;border-radius:var(--radius-rect)}.photo-post-stage{border-radius:var(--radius-rect) var(--radius-rect) 0 0}.photo-post-arrow{display:none}.photo-post-copy{left:14px;right:75px;bottom:38px}.photo-post-copy h3{font-size:16px}.photo-post-actions{right:5px;bottom:34px;width:64px;gap:11px}.photo-post-actions i{width:40px;height:40px}.photo-post-counter{top:10px;right:10px}.photo-post-dots{bottom:12px}}
.photo-post-avatar-wrap{position:relative;display:block;width:50px;margin:auto}.photo-post-avatar-wrap .photo-post-avatar{margin:auto}.photo-post-avatar-wrap>button{position:absolute;left:50%;bottom:-7px;display:grid;place-items:center;width:20px;height:20px;padding:0;border:2px solid #101720;border-radius:var(--radius-circle);background:#ff6285;color:white;font-size:12px;font-weight:950;transform:translateX(-50%)}.photo-post-avatar-wrap>button.is-active{background:#63d19b}.photo-post-avatar-wrap>button:disabled{opacity:.55}
.finance-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px}.finance-account-grid>section{padding:18px;border:1px solid #293648;border-radius:var(--radius-rect);background:#101720}.finance-account-grid h2{margin:0 0 6px}.finance-account-grid p{margin:0 0 14px;color:#8190a3;font-size:9px;line-height:1.5}.finance-account-grid form{display:grid;gap:9px}.finance-account-grid label{display:grid;gap:5px;color:#a9b5c3;font-size:9px}.finance-account-grid input,.finance-account-grid select{padding:10px;border:1px solid #35465b;border-radius:var(--radius-rect);background:#0b121b;color:#eef4fa}.finance-account-grid button{padding:10px;border:0;border-radius:var(--radius-rect);background:#67d3e2;color:#071118;font-weight:900}.finance-verification-warning{margin-bottom:16px;padding:13px;border:1px solid rgba(255,161,91,.3);border-radius:var(--radius-rect);background:rgba(255,161,91,.07);color:#f4b37c;font-size:10px}

/* Social Studio forms must stay comfortably readable on notebooks and phones. */
.social-studio-main form label{gap:8px;font-size:15px;line-height:1.35}
.social-studio-main form input,.social-studio-main form select,.social-studio-main form textarea{font-size:16px;line-height:1.4}
.social-studio-main form input::placeholder,.social-studio-main form textarea::placeholder{font-size:16px}
.social-studio-main form button,.social-content-types span,.social-destinations span{font-size:14px;line-height:1.3}
.social-compose-actions small,.social-tiktok-consent{font-size:14px!important;line-height:1.45}
.social-dropzone>b{font-size:16px}.social-dropzone>small{font-size:13px}
.social-selected-file b{font-size:15px}.social-selected-file small{font-size:14px!important}.social-selected-file em{font-size:13px}
.social-upload-log{display:grid;gap:7px;margin-top:10px;padding:12px 14px;border:1px solid #2d3c50;border-radius:var(--radius-rect);background:#0a1119}.social-upload-log>b{color:#dce6ef;font-size:14px}.social-upload-log p{display:flex;align-items:flex-start;gap:8px;margin:0;color:#9eabb9;font-size:13px;line-height:1.4}.social-upload-log p>span{width:8px;height:8px;flex:none;margin-top:5px;border-radius:var(--radius-circle);background:#6f8195}.social-upload-log p.is-ok{color:#74d9ae}.social-upload-log p.is-ok>span{background:#56d49d;box-shadow:0 0 8px rgba(86,212,157,.5)}.social-upload-log p.is-error{color:#ff8299}.social-upload-log p.is-error>span{background:#ff4d70;box-shadow:0 0 8px rgba(255,77,112,.5)}.social-upload-log p.is-info>span{background:#69d4e3;animation:social-upload-pulse 1s ease-in-out infinite}@keyframes social-upload-pulse{50%{opacity:.35;transform:scale(.75)}}
.social-content-types{grid-template-columns:repeat(4,1fr)}
.social-carousel-preview{display:grid;width:100%;height:100%;min-height:430px;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(140px,1fr);gap:4px;padding:4px;background:#060a10}
.social-carousel-preview>div{position:relative;min-width:0;overflow:hidden;border-radius:var(--radius-rect);background:#101822}
.social-carousel-preview img,.social-carousel-preview video{width:100%;height:100%;min-height:0;object-fit:cover}
.social-carousel-preview>div>span{position:absolute;top:8px;left:8px;display:grid;width:28px;height:28px;place-items:center;border-radius:var(--radius-circle);background:rgba(7,11,17,.82);color:#fff;font-size:13px;font-weight:900}
.social-youtube-auto{display:block;grid-column:1/-1;margin:0 0 6px;padding:9px 11px;border:1px solid #334b68;border-radius:var(--radius-rect);background:#101d2b;color:#87b9ee!important;font-size:12px!important;line-height:1.45}
.social-destinations input{width:1px!important;height:1px;margin:0;pointer-events:none}
.social-tiktok-consent{display:grid!important;grid-template-columns:22px minmax(0,1fr);align-items:start;justify-content:start;column-gap:10px;width:min(100%,560px);margin-top:9px}
.social-tiktok-consent input{position:static!important;width:22px!important;height:22px!important;margin:1px 0 0!important;pointer-events:auto}
@media(max-width:620px){.social-content-types{grid-template-columns:repeat(2,1fr)}.social-carousel-preview{min-height:310px}}

/* Livyno creator center */
.creator-center{--cc-bg:#080d14;--cc-panel:#101823;--cc-panel-2:#151f2c;--cc-line:#263446;--cc-text:#eef4f8;--cc-muted:#8290a3;--cc-cyan:#65d4e3;--cc-pink:#ff6688;display:grid;grid-template-columns:246px minmax(0,1fr);min-height:100vh;background:radial-gradient(circle at 82% 0,rgba(101,212,227,.08),transparent 30%),var(--cc-bg);color:var(--cc-text)}
.creator-center+footer{display:none}.creator-center button,.creator-center input,.creator-center textarea,.creator-center select{font:inherit}.creator-center button,.creator-center a{outline-offset:3px}.creator-center :focus-visible{outline:2px solid var(--cc-cyan)}
.creator-center-sidebar{position:sticky;top:0;z-index:5;display:flex;flex-direction:column;height:100vh;padding:24px 16px 18px;overflow-y:auto;border-right:1px solid var(--cc-line);background:rgba(10,15,23,.96);box-shadow:18px 0 50px rgba(0,0,0,.16)}
.creator-center-brand{display:flex;align-items:center;gap:11px;padding:2px 7px 22px;color:var(--cc-text);text-decoration:none}.creator-center-brand>span{display:grid;place-items:center;width:39px;height:39px;border-radius:var(--radius-rect);background:linear-gradient(145deg,var(--cc-pink),#de3f75);box-shadow:0 9px 24px rgba(255,102,136,.25);font-size:13px;font-weight:950}.creator-center-brand>div{display:grid;gap:1px}.creator-center-brand b{font-size:19px;letter-spacing:-.6px}.creator-center-brand small{color:var(--cc-muted);font-size:9px;font-weight:750}
.creator-center-account{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;margin-bottom:15px;padding:12px;border:1px solid var(--cc-line);border-radius:var(--radius-rect);background:linear-gradient(145deg,#151f2b,#0f1721)}.creator-center-account>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(101,212,227,.35);border-radius:var(--radius-circle);background:linear-gradient(145deg,#284155,#172838);color:#a6eff8;font-size:11px;font-weight:950}.creator-center-account>div{min-width:0;display:grid;gap:3px}.creator-center-account b,.creator-center-account small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creator-center-account b{font-size:10px}.creator-center-account small{color:var(--cc-muted);font-size:8px}
.creator-center-sidebar nav{display:grid;gap:4px}.creator-center-sidebar nav button{display:grid;grid-template-columns:29px 1fr;align-items:center;min-height:42px;padding:6px 11px;border:1px solid transparent;border-radius:var(--radius-rect);background:transparent;color:#93a0b1;text-align:left;font-size:10px;font-weight:800;cursor:pointer;transition:.16s ease}.creator-center-sidebar nav button i{display:grid;place-items:center;width:25px;height:25px;border-radius:var(--radius-rect);background:#121c27;color:#6f7f92;font-style:normal}.creator-center-sidebar nav button:hover{background:#121b26;color:#e8eef4}.creator-center-sidebar nav button.active{border-color:rgba(101,212,227,.22);background:linear-gradient(90deg,rgba(101,212,227,.13),rgba(101,212,227,.04));color:#83e0ec}.creator-center-sidebar nav button.active i{background:rgba(101,212,227,.15);color:#8ce8f2}.creator-center-public{margin-top:auto;padding:14px 11px 3px;color:#8795a8;text-decoration:none;font-size:9px;font-weight:800}.creator-center-public:hover{color:var(--cc-cyan)}
.creator-center-main{min-width:0}.creator-center-topbar{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:84px;padding:15px clamp(22px,3.6vw,54px);border-bottom:1px solid rgba(38,52,70,.8);background:rgba(8,13,20,.9);backdrop-filter:blur(18px)}.creator-center-topbar>div:first-child>span{color:var(--cc-cyan);font-size:7px;font-weight:950;letter-spacing:1.5px}.creator-center-topbar h1{margin:4px 0 0;font-size:23px;letter-spacing:-.7px}.creator-center-top-actions{display:flex;align-items:center;gap:7px}.creator-center-top-actions a,.creator-center-top-actions button{padding:9px 11px;border:1px solid #2b3a4c;border-radius:var(--radius-rect);background:#121b26;color:#b8c3d0;text-decoration:none;font-size:8px;font-weight:850;cursor:pointer}.creator-center-top-actions button{border-color:rgba(101,212,227,.3);background:rgba(101,212,227,.08);color:#7ee0ec}.creator-center-top-actions a:hover,.creator-center-top-actions button:hover{border-color:#587087;color:#fff}.creator-center-mobile-nav{display:none}
.creator-center-content{width:min(1160px,100%);margin:0 auto;padding:34px clamp(22px,3.6vw,54px) 64px}.creator-section-intro{max-width:720px;margin-bottom:23px}.creator-section-intro>span{color:var(--cc-pink);font-size:8px;font-weight:950;letter-spacing:1.5px}.creator-section-intro h2{margin:7px 0 7px;font-size:28px;letter-spacing:-1px}.creator-section-intro p{margin:0;color:var(--cc-muted);font-size:10px;line-height:1.65}
.creator-welcome{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:30px;padding:30px;border:1px solid rgba(101,212,227,.18);border-radius:var(--radius-rect);background:radial-gradient(circle at 88% 22%,rgba(255,102,136,.2),transparent 28%),linear-gradient(135deg,#172635,#101822 60%);box-shadow:0 25px 70px rgba(0,0,0,.22)}.creator-welcome:after{content:"";position:absolute;right:-38px;bottom:-52px;width:180px;height:180px;border:1px solid rgba(101,212,227,.12);border-radius:var(--radius-circle)}.creator-welcome>div>span{color:var(--cc-cyan);font-size:8px;font-weight:950;letter-spacing:1.5px}.creator-welcome h2{margin:8px 0 7px;font-size:34px;letter-spacing:-1.4px}.creator-welcome p{margin:0;color:#98a6b7;font-size:11px}.creator-welcome>div>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:19px}.creator-welcome a{padding:10px 14px;border:1px solid #34465a;border-radius:var(--radius-rect);background:#172432;color:#dfe8ef;text-decoration:none;font-size:9px;font-weight:900}.creator-welcome a:first-child{border-color:var(--cc-pink);background:var(--cc-pink);color:#fff}.creator-welcome>aside{position:relative;z-index:1;min-width:138px;padding:17px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-rect);background:rgba(8,13,20,.5)}.creator-welcome>aside small{color:#8d9bad;font-size:7px;text-transform:uppercase}.creator-welcome>aside b{display:block;margin:7px 0;color:#76dfa9;font-size:15px}.creator-welcome>aside p{font-size:8px}
.creator-welcome.is-compact{grid-template-columns:minmax(0,1fr) auto;gap:20px;min-height:0;padding:14px 18px;border-radius:var(--radius-rect)}.creator-welcome.is-compact:after{right:-58px;bottom:-80px;width:140px;height:140px}.creator-welcome.is-compact>header,.creator-welcome.is-compact>aside{position:relative;z-index:1}.creator-welcome.is-compact h2{display:flex;align-items:baseline;gap:10px;margin:0;white-space:nowrap;letter-spacing:0}.creator-welcome.is-compact h2 strong{font-size:22px;line-height:1;color:#f3f6f9}.creator-welcome.is-compact h2 span{color:var(--cc-cyan);font-size:22px;font-weight:850}.creator-welcome.is-compact>aside{display:flex;align-items:baseline;gap:7px;min-width:0;padding:9px 12px;border-radius:var(--radius-rect)}.creator-welcome.is-compact>aside small{font-size:8px}.creator-welcome.is-compact>aside b{display:inline;margin:0;font-size:13px}
@media(max-width:700px){.creator-welcome.is-compact{grid-template-columns:1fr auto;gap:10px;padding:13px 14px}.creator-welcome.is-compact h2 strong,.creator-welcome.is-compact h2 span{font-size:18px}.creator-welcome.is-compact>aside{display:flex}}
.creator-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:15px}.creator-metric-grid>button,.creator-metric-grid>article{min-width:0;padding:17px;border:1px solid var(--cc-line);border-radius:var(--radius-rect);background:var(--cc-panel);color:var(--cc-text);text-align:left}.creator-metric-grid>button{cursor:pointer;transition:.16s ease}.creator-metric-grid>button:hover{transform:translateY(-2px);border-color:#3a5369;background:#14202c}.creator-metric-grid span{display:block;color:var(--cc-muted);font-size:8px;font-weight:800}.creator-metric-grid b{display:block;overflow:hidden;margin:8px 0 7px;font-size:21px;letter-spacing:-.7px;text-overflow:ellipsis}.creator-metric-grid small{color:var(--cc-cyan);font-size:7px}.creator-metric-grid.compact{margin-bottom:16px}
.creator-metric-grid.is-inline{grid-template-columns:repeat(3,minmax(0,1fr))}.creator-metric-grid.is-inline>button{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:13px;padding:13px 15px}.creator-metric-grid.is-inline .creator-metric-pairs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.creator-metric-grid.is-inline .creator-metric-pairs>span{display:flex;align-items:baseline;gap:10px}.creator-metric-grid.is-inline .creator-metric-pairs small{color:var(--cc-muted);font-size:8px;font-weight:800;white-space:nowrap}.creator-metric-grid.is-inline b{margin:0;font-size:18px}.creator-metric-grid.is-inline>button>em{color:var(--cc-cyan);font-size:7px;font-style:normal;white-space:nowrap}
.creator-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.75fr);gap:15px;margin-top:15px}.creator-panel{padding:21px;border:1px solid var(--cc-line);border-radius:var(--radius-rect);background:var(--cc-panel)}.creator-panel header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.creator-panel header span,.creator-payout>div>span{color:var(--cc-cyan);font-size:7px;font-weight:950;letter-spacing:1.1px}.creator-panel h3{margin:5px 0 0;font-size:15px}.creator-panel header button{padding:7px 10px;border:1px solid #334458;border-radius:var(--radius-rect);background:#17222f;color:#9dabb9;font-size:7px;font-weight:850;cursor:pointer}.creator-bars{display:flex;align-items:flex-end;gap:9px;height:120px;margin:19px 0 9px;padding-top:8px;border-bottom:1px solid #2b394b;background:repeating-linear-gradient(to bottom,transparent 0,transparent 29px,rgba(89,108,128,.1) 30px)}.creator-bars i{flex:1;min-width:8px;border-radius:5px 5px 1px 1px;background:linear-gradient(to top,#3a9cad,var(--cc-cyan));box-shadow:0 0 16px rgba(101,212,227,.12)}.creator-chart footer{display:flex;justify-content:space-around;color:#647387;font-size:7px}.creator-tasks header>b{color:var(--cc-cyan);font-size:18px}.creator-tasks ul{display:grid;gap:10px;margin:18px 0;padding:0;list-style:none}.creator-tasks li{position:relative;padding-left:24px;color:#78879a;font-size:9px}.creator-tasks li:before{content:"";position:absolute;left:0;top:-2px;display:grid;place-items:center;width:15px;height:15px;border:1px solid #405065;border-radius:var(--radius-circle)}.creator-tasks li.done{color:#cbd5de}.creator-tasks li.done:before{content:"✓";border-color:rgba(101,212,227,.4);background:rgba(101,212,227,.12);color:var(--cc-cyan);font-size:8px}.creator-tasks>button{width:100%;padding:9px;border:1px solid #34465a;border-radius:var(--radius-rect);background:#172331;color:#9ee9f2;font-size:8px;font-weight:850;cursor:pointer}
.creator-dashboard-grid.has-finance{grid-template-columns:minmax(0,1.35fr) repeat(2,minmax(230px,.7fr))}.creator-balance header>b{color:#76dfa9;font-size:18px;white-space:nowrap}.creator-balance dl{display:grid;gap:10px;margin:18px 0}.creator-balance dl>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.creator-balance dt{color:#78879a;font-size:9px}.creator-balance dd{margin:0;color:#cbd5de;font-size:9px;font-weight:850}.creator-balance>button{width:100%;padding:9px;border:1px solid #34465a;border-radius:var(--radius-rect);background:#172331;color:#9ee9f2;font-size:8px;font-weight:850;cursor:pointer}
@media(max-width:1200px){.creator-dashboard-grid.has-finance{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-dashboard-grid.has-finance>.creator-chart{grid-column:1/-1}}
@media(max-width:700px){.creator-metric-grid.is-inline{grid-template-columns:1fr}.creator-dashboard-grid.has-finance{grid-template-columns:1fr}.creator-dashboard-grid.has-finance>.creator-chart{grid-column:auto}}
.creator-settings-form{display:grid;gap:15px}.creator-settings-form>section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:22px;border:1px solid var(--cc-line);border-radius:var(--radius-rect);background:var(--cc-panel)}.creator-settings-form>section>header{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--cc-line)}.creator-settings-form h3{margin:0 0 4px;font-size:14px}.creator-settings-form header p{margin:0;color:var(--cc-muted);font-size:8px}.creator-avatar-large,.creator-section-icon{display:grid;place-items:center;width:45px;height:45px;border:1px solid rgba(101,212,227,.3);border-radius:var(--radius-circle);background:#1b3041;color:#8be6f1;font-size:11px;font-weight:950}.creator-section-icon{border-radius:var(--radius-rect)}.creator-section-icon.live{border-color:rgba(255,102,136,.35);background:rgba(255,102,136,.12);color:#ff7897}.creator-settings-form label{display:grid;align-content:start;gap:7px;color:#9ca9b8;font-size:8px;font-weight:800}.creator-settings-form label:has(textarea),.creator-settings-form label:has(input[type=file]),.creator-switch-row{grid-column:1/-1}.creator-settings-form input,.creator-settings-form textarea,.creator-settings-form select{width:100%;padding:11px 12px;border:1px solid #304156;border-radius:var(--radius-rect);background:#0a111a;color:#e7edf2;font-size:10px}.creator-settings-form textarea{resize:vertical}.creator-settings-form input:focus,.creator-settings-form textarea:focus,.creator-settings-form select:focus{border-color:var(--cc-cyan);outline:none;box-shadow:0 0 0 3px rgba(101,212,227,.1)}.creator-settings-form label>small{color:#6f7e91;font-size:7px;font-weight:500}.creator-switch-row{display:flex!important;align-items:center;justify-content:space-between;padding:12px;border:1px solid #2c3b4e;border-radius:var(--radius-rect);background:#0c141e}.creator-switch-row span{display:grid;gap:3px}.creator-switch-row b{color:#dce5ec;font-size:9px}.creator-switch-row input{width:40px;height:21px;accent-color:var(--cc-cyan)}.creator-settings-form>footer{position:sticky;bottom:12px;z-index:2;display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:11px 13px;border:1px solid #314156;border-radius:var(--radius-rect);background:rgba(15,23,33,.94);box-shadow:0 15px 35px rgba(0,0,0,.28);backdrop-filter:blur(12px)}.creator-settings-form>footer a,.creator-settings-form>footer button{padding:10px 13px;border:1px solid #35465a;border-radius:var(--radius-rect);background:#17222f;color:#c8d2dc;text-decoration:none;font-size:8px;font-weight:900}.creator-settings-form>footer button{border-color:var(--cc-pink);background:var(--cc-pink);color:white;cursor:pointer}
.creator-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.creator-action-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:94px;padding:17px;border:1px solid var(--cc-line);border-radius:var(--radius-rect);background:var(--cc-panel);color:var(--cc-text);text-decoration:none;transition:.16s ease}.creator-action-card:hover{transform:translateY(-2px);border-color:#3b536a;background:#14202c}.creator-action-card>span{display:grid;place-items:center;width:42px;height:42px;border-radius:var(--radius-rect);background:linear-gradient(145deg,#20384a,#152535);color:var(--cc-cyan);font-size:17px}.creator-action-card h3{margin:0 0 5px;font-size:11px}.creator-action-card p{margin:0;color:var(--cc-muted);font-size:8px;line-height:1.5}.creator-action-card>b{color:#607186;font-size:15px}.creator-live-hero{display:grid;grid-template-columns:minmax(0,1fr) 155px;align-items:center;gap:28px;margin-bottom:15px;padding:25px 28px;border:1px solid rgba(255,102,136,.25);border-radius:var(--radius-rect);background:radial-gradient(circle at 85% 20%,rgba(255,102,136,.2),transparent 34%),linear-gradient(135deg,#1b1c2b,#121925)}.creator-live-hero>div>span{color:#ff7897;font-size:8px;font-weight:950}.creator-live-hero h2{margin:8px 0 6px;font-size:25px}.creator-live-hero p{margin:0 0 16px;color:#8e9bad;font-size:9px}.creator-live-hero a{display:inline-block;padding:10px 14px;border-radius:var(--radius-rect);background:var(--cc-pink);color:white;text-decoration:none;font-size:9px;font-weight:900}.creator-live-hero aside{display:grid;place-items:center;align-content:center;aspect-ratio:9/13;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-rect);background:linear-gradient(145deg,#643044,#1c2533);box-shadow:0 18px 35px rgba(0,0,0,.25)}.creator-live-hero aside b{font-size:24px}.creator-live-hero aside span{margin-top:5px;color:#c2a1ad;font-size:7px}
.creator-chart.large .creator-bars{height:190px}.creator-funnel p{display:flex;justify-content:space-between;gap:12px;margin:17px 0 7px;color:#8795a8;font-size:8px}.creator-funnel p b{color:#dce5ed}.creator-funnel>i{display:block;height:7px;border-radius:var(--radius-rect);background:linear-gradient(90deg,var(--cc-pink),var(--cc-cyan))}.creator-payout{display:flex;align-items:center;justify-content:space-between;gap:20px}.creator-payout h3{margin:7px 0}.creator-payout p{margin:0;color:var(--cc-muted);font-size:8px}.creator-payout a{padding:10px 13px;border:1px solid #395067;border-radius:var(--radius-rect);background:#172330;color:var(--cc-cyan);text-decoration:none;font-size:8px;font-weight:900}
.creator-messages-layout,.creator-shop-manager{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,.8fr);gap:16px;align-items:start}.creator-message-feed,.creator-message-compose,.creator-shop-list,.creator-product-form{padding:18px;border:1px solid var(--cc-line);border-radius:var(--radius-rect);background:var(--cc-panel)}.creator-message-feed{display:grid;gap:10px}.creator-message-feed>article{max-width:88%;padding:12px 14px;border:1px solid #253547;border-radius:var(--radius-rect);background:#111a25}.creator-message-feed>article.is-mine{justify-self:end;border-color:rgba(101,212,227,.25);background:rgba(101,212,227,.08)}.creator-message-feed header{display:flex;justify-content:space-between;gap:14px}.creator-message-feed header b{font-size:9px;color:#dfe8ef}.creator-message-feed time,.creator-message-feed p{color:var(--cc-muted);font-size:8px}.creator-message-feed p{margin:7px 0 0;line-height:1.55}.creator-empty-state{padding:24px;border:1px dashed #34485e;border-radius:var(--radius-rect);text-align:center}.creator-empty-state b{font-size:11px}.creator-empty-state p{margin:8px auto 13px;max-width:430px;color:var(--cc-muted);font-size:9px;line-height:1.6}.creator-empty-state a{color:var(--cc-cyan);font-size:9px;font-weight:850;text-decoration:none}.creator-message-compose h3,.creator-shop-list h3,.creator-product-form h3{margin:0 0 15px;font-size:12px}.creator-message-compose form,.creator-product-form{display:grid;gap:12px}.creator-message-compose label,.creator-product-form label{display:grid;gap:6px;color:#9aa8b9;font-size:8px;font-weight:850}.creator-message-compose textarea,.creator-product-form input,.creator-product-form textarea,.creator-product-form select{width:100%;padding:10px 11px;border:1px solid #2b3d52;border-radius:var(--radius-rect);background:#0d151f;color:#e8eef4;font:inherit;resize:vertical}.creator-message-compose button,.creator-product-form>button,.creator-shop-list article button{padding:9px 13px;border:1px solid rgba(101,212,227,.3);border-radius:var(--radius-rect);background:rgba(101,212,227,.13);color:var(--cc-cyan);font-size:8px;font-weight:900;cursor:pointer}.creator-message-compose>p{color:var(--cc-muted);font-size:9px;line-height:1.55}.creator-message-compose>a{display:inline-block;margin-top:14px;color:var(--cc-cyan);font-size:8px;font-weight:850;text-decoration:none}.creator-shop-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.creator-shop-summary article{display:grid;gap:7px;padding:15px;border:1px solid var(--cc-line);border-radius:var(--radius-rect);background:var(--cc-panel)}.creator-shop-summary span{color:var(--cc-muted);font-size:8px;font-weight:800}.creator-shop-summary b{font-size:20px}.creator-shop-list{display:grid;gap:10px}.creator-shop-list>article{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:11px;align-items:center;padding:11px;border:1px solid #253547;border-radius:var(--radius-rect);background:#101821}.creator-shop-list>article>span{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--radius-rect);background:#182635;color:var(--cc-cyan)}.creator-shop-list>article div{display:grid;gap:4px}.creator-shop-list>article b{font-size:9px}.creator-shop-list>article small{color:var(--cc-muted);font-size:7px}.creator-product-form>div{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.creator-product-form .creator-product-active{display:flex;align-items:center;gap:8px}.creator-product-active input{width:auto}.creator-shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.creator-shop-grid>article{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;align-items:center;padding:13px;border:1px solid var(--cc-line);border-radius:var(--radius-rect);background:var(--cc-panel)}.creator-shop-grid>article>span{display:grid;place-items:center;width:54px;height:54px;border-radius:var(--radius-rect);background:linear-gradient(145deg,#743c51,#2d2533);color:#ffd3de;font-size:11px;font-weight:950}.creator-shop-grid>article>span.cup{background:linear-gradient(145deg,#31546a,#1d2b3a);color:#aeeaf1}.creator-shop-grid>article>span.set{background:linear-gradient(145deg,#53416d,#28293e);color:#d6c8ed}.creator-shop-grid h3{margin:0 0 5px;font-size:10px}.creator-shop-grid p{margin:0;color:var(--cc-muted);font-size:8px}.creator-shop-grid article button{grid-column:1/-1;padding:8px;border:1px solid #31445a;border-radius:var(--radius-rect);background:#15212e;color:var(--cc-cyan);font-size:8px;font-weight:850}.creator-add-product{min-height:80px;border:1px dashed #3a5067;border-radius:var(--radius-rect);background:rgba(101,212,227,.04);color:var(--cc-cyan);font-size:9px;font-weight:900;cursor:pointer}.creator-preview-note{margin:13px 0 0;padding:12px 14px;border-left:2px solid #506479;background:#101720;color:#748397;font-size:8px;line-height:1.55}
.creator-pairing-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:rgba(2,5,9,.78);backdrop-filter:blur(10px)}.creator-pairing-modal{position:relative;width:min(440px,100%);padding:31px;border:1px solid #354b62;border-radius:var(--radius-rect);background:linear-gradient(150deg,#172330,#0e1620);box-shadow:0 30px 100px rgba(0,0,0,.65);text-align:center}.creator-pairing-close{position:absolute;top:12px;right:12px;width:31px;height:31px;border:1px solid #35465a;border-radius:var(--radius-rect);background:#111b26;color:#9aa8b8;font-size:17px;cursor:pointer}.creator-pairing-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 17px;border:1px solid rgba(101,212,227,.35);border-radius:var(--radius-rect);background:rgba(101,212,227,.1);color:var(--cc-cyan);font-size:22px}.creator-pairing-modal h2{margin:0;font-size:20px}.creator-pairing-modal>p{margin:10px 0 17px;color:#8b99aa;font-size:9px;line-height:1.65}.creator-pairing-state{display:grid;gap:5px;padding:14px;border:1px solid #2e4053;border-radius:var(--radius-rect);background:#0b121b;text-align:left}.creator-pairing-state b{font-size:9px}.creator-pairing-state small{color:#778698;font-size:8px;line-height:1.5}.creator-pairing-modal>button:last-child{margin-top:17px;padding:10px 20px;border:0;border-radius:var(--radius-rect);background:var(--cc-pink);color:white;font-size:9px;font-weight:900;cursor:pointer}
.creator-pairing-modal.is-mobile-pairing{width:min(480px,100%)}.creator-pairing-qr{display:grid;place-items:center;width:230px;height:230px;margin:0 auto 15px;padding:9px;border:1px solid rgba(101,212,227,.34);border-radius:var(--radius-rect);background:#fff;box-shadow:0 0 32px rgba(101,212,227,.12)}.creator-pairing-qr img{display:block;width:100%;height:100%;border-radius:var(--radius-rect)}.creator-pairing-qr>span{color:#0b1620;font-size:30px;font-weight:900}.creator-pairing-state.is-error{border-color:rgba(255,103,137,.35)}.creator-pairing-state.is-error b{color:#ff7896}.creator-pairing-success{display:grid;justify-items:center;gap:9px;margin-top:18px}.creator-pairing-success i{display:grid;place-items:center;width:64px;height:64px;border-radius:var(--radius-circle);background:rgba(84,228,155,.14);color:#64e6a4;font-size:31px;font-style:normal}.creator-pairing-success b{font-size:16px}.creator-pairing-success small{color:#8291a3;font-size:10px}.creator-pairing-success button{margin-top:9px;padding:11px 24px;border:0;border-radius:var(--radius-rect);background:var(--cc-pink);color:#fff;font-weight:900;cursor:pointer}
.mobile-pairing-page{min-height:100dvh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 0,rgba(73,205,225,.13),transparent 36%),#070b10}.mobile-pairing-card{width:min(430px,100%);padding:30px;border:1px solid #28394b;border-radius:var(--radius-rect);background:linear-gradient(150deg,#151f2b,#0c131c);box-shadow:0 30px 100px rgba(0,0,0,.6);text-align:center}.mobile-pairing-brand{display:inline-flex;align-items:center;gap:9px;margin-bottom:28px;color:#fff;text-decoration:none}.mobile-pairing-brand>.brand-mark{width:31px;height:31px}.mobile-pairing-brand>b{font-size:20px}.mobile-pairing-brand>b>span{color:#ff6688}.mobile-pairing-phone{display:grid;place-items:center;width:66px;height:66px;margin:0 auto 19px;border:1px solid #34485d;border-radius:var(--radius-rect);background:#121d29;color:#72859a;font-size:32px}.mobile-pairing-phone.is-ready{border-color:rgba(101,212,227,.4);background:rgba(101,212,227,.1);color:#74dfeb}.mobile-pairing-card h1{margin:8px 0 10px;font-size:27px}.mobile-pairing-card>p{margin:0 0 20px;color:#8796a8;font-size:13px;line-height:1.65}.mobile-pairing-card>p strong{color:#eef5fa}.mobile-pairing-card form{display:grid;gap:13px;text-align:left}.mobile-pairing-card form label{display:grid;gap:7px;color:#9cabbc;font-size:11px;font-weight:800}.mobile-pairing-card input{height:45px;padding:0 13px;border:1px solid #314358;border-radius:var(--radius-rect);background:#0a1119;color:#fff}.mobile-pairing-card form button,.mobile-pairing-home{display:grid;place-items:center;min-height:48px;padding:0 18px;border:0;border-radius:var(--radius-rect);background:var(--cc-pink);color:#fff;font-size:13px;font-weight:900;text-decoration:none;cursor:pointer}.mobile-pairing-card>small{display:block;margin-top:15px;color:#68788b;font-size:10px;line-height:1.5}
@media(max-width:980px){.creator-center{grid-template-columns:82px minmax(0,1fr)}.creator-center-sidebar{padding-inline:11px}.creator-center-brand{justify-content:center;padding-inline:0}.creator-center-brand>div,.creator-center-account>div,.creator-center-sidebar nav button:not(.active){font-size:0}.creator-center-account{display:block;padding:8px}.creator-center-account>span{margin:auto}.creator-center-sidebar nav button{display:grid;grid-template-columns:1fr;place-items:center;padding:6px}.creator-center-sidebar nav button.active{font-size:7px;gap:2px}.creator-center-public{font-size:0;text-align:center}.creator-center-public:before{content:"←";font-size:16px}.creator-dashboard-grid,.creator-messages-layout,.creator-shop-manager{grid-template-columns:1fr}.creator-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.creator-center{display:block}.creator-center-sidebar{position:static;display:flex;flex-direction:row;align-items:center;height:auto;padding:12px 14px;border-right:0;border-bottom:1px solid var(--cc-line)}.creator-center-brand{justify-content:flex-start;padding:0}.creator-center-brand>span{width:34px;height:34px}.creator-center-brand>div{display:grid}.creator-center-account{display:grid;margin:0 0 0 auto;padding:5px;border:0;background:transparent}.creator-center-account>span{width:34px;height:34px}.creator-center-account>div,.creator-center-sidebar>nav,.creator-center-public{display:none}.creator-center-topbar{position:static;min-height:72px;padding:13px 16px}.creator-center-topbar h1{font-size:20px}.creator-center-top-actions a{display:none}.creator-center-top-actions button{padding:9px;font-size:0}.creator-center-top-actions button:first-letter{font-size:14px}.creator-center-mobile-nav{display:flex;gap:6px;overflow-x:auto;padding:9px 16px;border-bottom:1px solid var(--cc-line);background:#0b1119;scrollbar-width:none}.creator-center-mobile-nav::-webkit-scrollbar{display:none}.creator-center-mobile-nav button{flex:none;padding:8px 11px;border:1px solid #273648;border-radius:var(--radius-rect);background:#111923;color:#8492a4;font-size:8px;font-weight:850}.creator-center-mobile-nav button.active{border-color:rgba(101,212,227,.35);background:rgba(101,212,227,.12);color:#83e1ec}.creator-center-content{padding:25px 16px 48px}.creator-section-intro h2{font-size:23px}.creator-welcome{grid-template-columns:1fr;padding:22px}.creator-welcome h2{font-size:29px}.creator-welcome>aside{display:none}.creator-metric-grid,.creator-shop-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-settings-form>section{grid-template-columns:1fr;padding:17px}.creator-settings-form label,.creator-settings-form label:has(textarea),.creator-settings-form label:has(input[type=file]),.creator-switch-row{grid-column:1}.creator-action-grid{grid-template-columns:1fr}.creator-live-hero{grid-template-columns:1fr}.creator-live-hero aside{display:none}.creator-shop-grid{grid-template-columns:1fr}.creator-product-form>div{grid-template-columns:1fr}.creator-payout{align-items:flex-start;flex-direction:column}.creator-pairing-modal{padding:27px 20px}}
@media(max-width:420px){.creator-center-topbar>div>span{font-size:6px}.creator-center-top-actions button{width:38px;height:38px}.creator-metric-grid,.creator-shop-summary{grid-template-columns:1fr}.creator-welcome>div>div{display:grid}.creator-welcome a{text-align:center}.creator-dashboard-grid{gap:11px}.creator-panel{padding:17px}.creator-shop-list>article{grid-template-columns:36px minmax(0,1fr)}.creator-shop-list>article form{grid-column:1/-1}.creator-settings-form>footer{bottom:7px;display:grid;grid-template-columns:1fr 1fr}.creator-settings-form>footer a,.creator-settings-form>footer button{text-align:center}}

/* Controlled beta subscriptions: visually separate simulated money from real payouts. */
.checkout-card.is-beta{border-color:rgba(104,215,229,.42);box-shadow:0 25px 70px rgba(59,191,211,.1)}
.beta-checkout-badge{margin:-7px 0 18px;padding:10px;border:1px solid rgba(104,215,229,.3);border-radius:var(--radius-rect);background:rgba(104,215,229,.08);color:#7de2ed;font-size:9px;font-weight:900;text-align:center;letter-spacing:.6px}
.checkout-card.is-beta form+form{margin-top:9px}.beta-decline-button{width:100%;padding:11px;border:1px solid #3a4657;border-radius:var(--radius-rect);background:transparent;color:#8996a8;font-weight:800}.beta-checkout-back{display:block;margin-top:15px;color:#718095;font-size:9px;text-align:center}.checkout-card button:disabled{cursor:not-allowed;opacity:.45}
.member-memberships{display:grid;gap:7px;padding:15px 0;border-top:1px solid #273140}.member-memberships h3{margin:0 0 4px;font-size:11px}.member-memberships>a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:1px solid #2b3849;border-radius:var(--radius-rect);background:#0d141d}.member-memberships>a>span{display:grid;gap:3px}.member-memberships b{color:#dce5ee;font-size:10px}.member-memberships small{color:#718095;font-size:8px}.member-memberships strong,.member-memberships em{color:#70d8e5;font-size:7px;font-style:normal}.member-memberships em{padding:5px 7px;border-radius:var(--radius-rect);background:rgba(255,104,139,.13);color:#ff7697;font-weight:900}
.finance-beta-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;padding:19px;border:1px solid rgba(255,106,142,.38);border-radius:var(--radius-rect);background:rgba(255,106,142,.07)}.finance-beta-summary span{color:#ff7898;font-size:9px;font-weight:900;letter-spacing:.8px}.finance-beta-summary h2{margin:6px 0 4px}.finance-beta-summary p{margin:0;color:#919daf;font-size:9px}.finance-beta-summary>strong{padding:8px 10px;border-radius:var(--radius-rect);background:rgba(255,106,142,.12);color:#ff7898;font-size:8px}.finance-ledger article.is-beta{margin:0 -8px;padding-right:8px;padding-left:8px;border-radius:var(--radius-rect);background:rgba(255,106,142,.05)}.finance-ledger article.is-beta>span,.finance-ledger article.is-beta>strong{color:#ff7898}.creator-beta-finance{margin-bottom:12px;border-color:rgba(255,106,142,.38);background:rgba(255,106,142,.06)}.creator-beta-finance>div>span,.creator-beta-finance>div>h3{color:#ff7898}
@media(max-width:720px){.checkout-shell{grid-template-columns:1fr}.finance-beta-summary{align-items:flex-start;flex-direction:column}}

/* Reusable beta feedback control for the shared Livyno top bar. */
.beta-bug-trigger{display:inline-grid;place-items:center;min-width:46px;border-color:rgba(255,92,128,.55)!important;background:rgba(255,92,128,.13)!important;color:#ff7898!important;font-weight:950;letter-spacing:.7px;cursor:pointer}.beta-bug-trigger:hover{border-color:#ff7898!important;background:rgba(255,92,128,.22)!important}.beta-bug-trigger.is-compact{flex:none}
.beta-bug-backdrop{position:fixed;z-index:180;inset:0;display:grid;place-items:center;padding:20px;background:rgba(2,5,9,.82);backdrop-filter:blur(11px)}.beta-bug-modal{width:min(620px,100%);max-height:min(780px,92vh);overflow:auto;border:1px solid #43556b;border-radius:var(--radius-rect);background:linear-gradient(150deg,#172330,#0d151f);box-shadow:0 34px 110px rgba(0,0,0,.72)}.beta-bug-modal>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 22px 17px;border-bottom:1px solid #2b3b4f}.beta-bug-modal>header span{color:#ff7898;font-size:8px;font-weight:950;letter-spacing:1.2px}.beta-bug-modal h2{margin:5px 0 5px;font-size:22px}.beta-bug-modal header p{max-width:470px;margin:0;color:#8492a5;font-size:10px;line-height:1.55}.beta-bug-modal>header>button{flex:none;width:34px;height:34px;padding:0;border:1px solid #35485d;border-radius:var(--radius-rect);background:#111b26;color:#a6b2c0;font-size:20px;cursor:pointer}.beta-bug-modal>form{display:grid;gap:14px;padding:18px 22px 21px}.beta-bug-modal label{display:grid;gap:7px;color:#cbd4de;font-size:10px;font-weight:800}.beta-bug-modal select,.beta-bug-modal textarea{width:100%;padding:11px 12px;border:1px solid #35475b;border-radius:var(--radius-rect);outline:0;background:#0a1119;color:#eef4f8;font:inherit;resize:vertical}.beta-bug-modal select:focus,.beta-bug-modal textarea:focus{border-color:#68d4e2}.beta-bug-privacy{margin:0;padding:10px 12px;border-left:3px solid #65d2e1;border-radius:0 var(--radius-rect) var(--radius-rect) 0;background:rgba(99,215,237,.06);color:#8391a3;font-size:8px;line-height:1.55}.beta-bug-modal form>footer{display:flex;justify-content:flex-end;gap:9px}.beta-bug-modal form>footer button,.beta-bug-success button{padding:10px 14px;border:1px solid #35475b;border-radius:var(--radius-rect);background:#151f2a;color:#aeb9c7;font-size:9px;font-weight:900;cursor:pointer}.beta-bug-modal form>footer button.primary,.beta-bug-success button{border-color:#64cedd;background:#64cedd;color:#071117}.beta-bug-modal button:disabled{cursor:not-allowed;opacity:.48}.beta-bug-success{display:grid;justify-items:center;padding:42px 24px;text-align:center}.beta-bug-success>span{display:grid;width:52px;height:52px;place-items:center;border-radius:var(--radius-circle);background:rgba(80,220,150,.13);color:#70dca7;font-size:24px}.beta-bug-success h3{margin:16px 0 7px}.beta-bug-success p{margin:0 0 20px;color:#8492a5;font-size:10px}
.beta-report-admin>div>article{grid-template-columns:95px minmax(0,1fr) 210px}.beta-report-admin article>div p{margin:5px 0;color:#d7e0e8;font-size:10px;line-height:1.55}.beta-report-admin article>div small{display:block;margin-top:4px}.beta-report-admin article>form{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center}.beta-report-admin select{min-width:0;padding:8px;border:1px solid #35465b;border-radius:var(--radius-rect);background:#0a1119;color:#eaf1f7;font-size:8px}.beta-report-admin button{padding:9px 10px;border:0;border-radius:var(--radius-rect);background:#67d3e2;color:#071118;font-size:8px;font-weight:900}.beta-report-admin time{grid-column:1/-1;color:#718095;font-size:7px;text-align:right}.beta-report-admin article.is-new>span{color:#ff7898}.beta-report-admin article.is-resolved{opacity:.62}
@media(max-width:700px){.stream-toolbar .beta-bug-trigger{display:inline-grid}.beta-bug-backdrop{align-items:end;padding:8px}.beta-bug-modal{max-height:90vh;border-radius:var(--radius-rect)}.beta-bug-modal>header,.beta-bug-modal>form{padding-right:15px;padding-left:15px}.beta-report-admin>div>article{grid-template-columns:1fr}.beta-report-admin article>form{grid-template-columns:1fr auto}.beta-report-admin time{text-align:left}}

/* Controlled community beta: invitation and visibly separate promotional balance. */
.beta-register-invite{margin:18px 0;padding:16px;border:1px solid rgba(255,105,139,.42);border-radius:var(--radius-rect);background:linear-gradient(135deg,rgba(255,99,137,.11),rgba(91,209,225,.08))}.beta-register-invite>span,.member-beta-banner>div>span{color:#ff7898;font-size:8px;font-weight:950;letter-spacing:1.2px}.beta-register-invite h2{margin:6px 0;font-size:17px}.beta-register-invite p{margin:0;color:#aab5c3;font-size:10px;line-height:1.55}.beta-register-invite p b{color:#75dce8}.beta-register-invite small{display:block;margin-top:8px;color:#778598;font-size:8px}.member-beta-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px;padding:20px 22px;border:1px solid rgba(255,105,139,.42);border-radius:var(--radius-rect);background:linear-gradient(120deg,rgba(255,99,137,.11),rgba(86,207,224,.08)),#111923}.member-beta-banner h2{margin:5px 0;font-size:19px}.member-beta-banner p{margin:0;color:#8f9daf;font-size:10px}.member-beta-banner>div:last-child{display:grid;justify-items:end;flex:none}.member-beta-banner>div:last-child b{color:#71dce8;font-size:25px}.member-beta-banner>div:last-child small,.member-beta-banner time{color:#8795a7;font-size:8px}.member-beta-banner time{margin-top:5px}.member-summary>div.is-beta-coins span,.member-summary>div.is-beta-coins b{color:#ff7898}
@media(max-width:620px){.member-beta-banner{align-items:flex-start;flex-direction:column}.member-beta-banner>div:last-child{justify-items:start}}

/* Social member profile */
.member-social-profile{min-height:100dvh;padding:94px 24px 70px;background:linear-gradient(rgba(2,4,7,.8),rgba(2,4,7,.94)),var(--livyno-ambient) center top/cover fixed no-repeat,#030507;color:#f5f7fa}.member-profile-shell{width:min(1320px,100%);margin:auto}.member-profile-header{display:grid;grid-template-columns:250px minmax(0,1fr);align-items:center;gap:54px;padding:18px 24px 52px}.member-profile-avatar{width:230px;aspect-ratio:1;display:grid;place-items:center;padding:9px;border:3px solid #30363e;border-radius:var(--radius-circle);background:#06080b;box-shadow:0 18px 50px rgba(0,0,0,.42)}.member-profile-avatar span{width:100%;height:100%;display:grid;place-items:center;border-radius:var(--radius-circle);background:linear-gradient(145deg,#ff765d,#a43f82);color:#fff;font-size:64px;font-weight:950}.member-profile-main{position:relative;min-width:0}.member-profile-name{display:flex;align-items:baseline;gap:24px}.member-profile-name h1{margin:0;font-size:40px;letter-spacing:-1.5px}.member-profile-name>span{color:#8d97a5;font-size:21px}.member-profile-stats{display:flex;gap:34px;margin:24px 0 26px}.member-profile-stats>div{display:flex;align-items:baseline;gap:8px}.member-profile-stats dt{font-size:22px;font-weight:950}.member-profile-stats dd{margin:0;color:#d5dbe2;font-size:17px}.member-profile-actions{display:flex;align-items:center;gap:12px}.member-profile-actions>a,.member-profile-actions>button{min-height:48px;display:grid;place-items:center;padding:0 23px;border:1px solid #2b3037;border-radius:var(--radius-rect);background:#202328;color:#f5f7fa;font-weight:900}.member-profile-actions>a:hover,.member-profile-actions>button:hover{background:#30343a}.member-profile-actions .is-icon{width:48px;padding:0;border-radius:var(--radius-circle);font-size:20px}.member-profile-bio{max-width:850px;margin:26px 0 0;color:#d8dde4;font-size:17px;line-height:1.55}.member-profile-notice{position:absolute;right:0;bottom:-38px;padding:8px 12px;border-radius:var(--radius-rect);background:#65d4e3;color:#071116;font-size:11px;font-weight:900}.member-profile-tabs{position:relative;display:flex;align-items:center;gap:4px;overflow-x:auto;border-bottom:1px solid #262a31;scrollbar-width:none}.member-profile-tabs::-webkit-scrollbar{display:none}.member-profile-tabs>button{flex:none;min-height:62px;display:flex;align-items:center;gap:9px;padding:0 24px;border:0;border-bottom:3px solid transparent;background:transparent;color:#818993;font-size:16px;font-weight:850}.member-profile-tabs>button:hover{color:#dce1e7}.member-profile-tabs>button.is-active{border-bottom-color:#f3f5f7;color:#fff}.member-profile-tabs>button span{font-size:20px}.member-profile-tabs>label{margin-left:auto;display:flex;align-items:center;gap:8px;color:#747d89;font-size:0}.member-profile-tabs select{padding:10px 34px 10px 13px;border:1px solid #30353c;border-radius:var(--radius-rect);background:#171a1f;color:#fff;font-weight:750}.member-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding-top:32px}.member-content-tile{position:relative;aspect-ratio:3/4;display:block;overflow:hidden;background:#10141a}.member-content-tile img,.member-content-tile video{width:100%;height:100%;object-fit:cover}.member-content-tile:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.86))}.member-content-tile>span,.member-content-tile>strong{position:absolute;z-index:2;left:16px;right:16px}.member-content-tile>span{bottom:43px;color:#65d4e3;font-size:9px;font-weight:950;letter-spacing:1.2px}.member-content-tile>strong{bottom:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.member-content-placeholder{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(145deg,#191d27,#0b0d12);color:#66717e;font-size:50px}.member-profile-grid.is-shop{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.member-product-tile{min-height:260px;display:flex;flex-direction:column;padding:24px;border:1px solid #272e38;border-radius:var(--radius-rect);background:linear-gradient(145deg,#151a22,#0c1016)}.member-product-tile>div{width:58px;height:58px;display:grid;place-items:center;margin-bottom:28px;border-radius:var(--radius-rect);background:rgba(99,215,237,.1);color:#65d4e3;font-size:27px}.member-product-tile>span{color:#65d4e3;font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:1.2px}.member-product-tile h2{margin:8px 0 6px;font-size:21px}.member-product-tile p{margin:0;color:#8793a2;font-size:12px;line-height:1.55}.member-product-tile b{margin-top:auto;padding-top:22px;font-size:20px}.member-profile-empty{grid-column:1/-1;min-height:310px;display:grid;place-content:center;justify-items:center;gap:13px;color:#7b8592;text-align:center}.member-profile-empty>span{width:72px;height:72px;display:grid;place-items:center;border:1px solid #313944;border-radius:var(--radius-circle);font-size:34px}.member-profile-empty>b{color:#aeb7c2;font-size:16px}.member-profile-empty>a{padding:11px 17px;border-radius:var(--radius-rect);background:#65d4e3;color:#071116;font-size:12px;font-weight:900}
@media(max-width:900px){.member-social-profile{padding-top:82px}.member-profile-header{grid-template-columns:170px minmax(0,1fr);gap:30px;padding-inline:10px}.member-profile-avatar{width:160px}.member-profile-avatar span{font-size:44px}.member-profile-name{display:block}.member-profile-name h1{font-size:31px}.member-profile-name>span{font-size:16px}.member-profile-stats{gap:18px}.member-profile-stats>div{display:grid;gap:2px}.member-profile-stats dt{font-size:18px}.member-profile-stats dd{font-size:12px}.member-profile-tabs>button{padding-inline:17px}.member-profile-grid.is-shop{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.member-social-profile{padding:70px 10px 50px}.member-profile-header{display:block;padding:10px 8px 30px}.member-profile-avatar{width:116px;margin-bottom:20px}.member-profile-avatar span{font-size:32px}.member-profile-name h1{font-size:27px}.member-profile-name>span{font-size:14px}.member-profile-stats{justify-content:space-between;gap:10px;margin:20px 0}.member-profile-actions{display:grid;grid-template-columns:1fr 1fr auto}.member-profile-actions>a,.member-profile-actions>button{min-height:42px;padding:0 12px;font-size:11px}.member-profile-actions .is-icon{width:42px}.member-profile-bio{margin-top:20px;font-size:14px}.member-profile-tabs>button{min-height:54px;padding-inline:13px;font-size:12px}.member-profile-tabs>label{display:none}.member-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding-top:18px}.member-profile-grid.is-shop{grid-template-columns:1fr;gap:12px}.member-content-tile>span,.member-content-tile>strong{left:10px;right:10px}.member-content-tile>strong{font-size:12px}.member-product-tile{min-height:220px}.member-profile-empty{min-height:250px}}
.beta-registration-closed{margin-top:20px;padding:22px;border:1px solid rgba(104,215,229,.35);border-radius:var(--radius-rect);background:rgba(104,215,229,.06);text-align:center}.beta-registration-closed>span{color:#72dce8;font-size:8px;font-weight:950;letter-spacing:1.2px}.beta-registration-closed h2{margin:8px 0;font-size:19px}.beta-registration-closed p{margin:0 0 18px;color:#8e9bad;font-size:10px;line-height:1.6}.beta-registration-closed .auth-submit{display:block}
.finance-ledger+.finance-ledger{margin-top:18px}.public-post-note{margin:0;padding:12px 14px;border:1px solid rgba(99,215,237,.25);border-radius:var(--radius-rect);background:rgba(99,215,237,.07);color:#91dfe9;font-size:10px}.post-tags{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.post-tags span{padding:5px 8px;border-radius:var(--radius-rect);background:rgba(99,215,237,.09);color:#71d6e4;font-size:9px;font-weight:800}
@media(prefers-reduced-motion:reduce){.creator-center *{scroll-behavior:auto!important;transition:none!important}}

.preview-stream-heading~.cohost-stage{top:44px}
.stream-room.is-creator-room .cohost-tile.is-host.is-creator>.cohost-tile-identity{display:none}
.cohost-tile.is-linked-creator{background:linear-gradient(rgba(4,8,14,.3),rgba(4,8,14,.42)),var(--livyno-ambient) center top/100% 54% no-repeat,var(--livyno-ambient) center bottom/100% 54% no-repeat,#080d15}
.cohost-tile.is-linked-creator .linked-stream-foreground{z-index:1;object-fit:contain;background:transparent}
.cohost-tile-identity{position:absolute;z-index:7;top:8px;left:8px;display:flex;max-width:calc(100% - 16px);align-items:center;gap:3px;box-sizing:border-box;padding:3px 6px 3px 7px;overflow:hidden;border-radius:var(--radius-rect);background:rgba(5,9,14,.76);box-shadow:0 6px 18px rgba(0,0,0,.28);backdrop-filter:blur(7px)}
.cohost-tile-identity .cohost-tile-label{position:static;min-width:0;max-width:90px;overflow:hidden;padding:0;border-radius:0;background:transparent;text-overflow:ellipsis;white-space:nowrap;backdrop-filter:none}
.cohost-gift-coins{display:inline-flex;align-items:center;gap:3px;min-height:16px;padding:1px 5px;border-radius:var(--radius-rect);background:linear-gradient(135deg,#64d9e6,#35aebf);color:#031116;font-size:7px;font-weight:950;font-variant-numeric:tabular-nums;white-space:nowrap}.cohost-gift-coins i{font-size:6px;font-style:normal}
.cohost-tile-gift-flash{position:absolute;z-index:9;left:50%;top:50%;display:grid;place-items:center;min-width:82px;padding:9px 11px;border:1px solid rgba(116,222,235,.5);border-radius:var(--radius-rect);background:rgba(7,13,20,.84);box-shadow:0 12px 34px rgba(0,0,0,.42),0 0 28px rgba(99,215,237,.22);color:#eefaff;text-align:center;pointer-events:none;transform:translate(-50%,-50%);animation:cohost-tile-gift-pop 2.35s ease-out forwards}.cohost-tile-gift-flash>span{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--radius-circle);background:rgba(255,255,255,.08);font-size:23px}.cohost-tile-gift-flash>b{margin-top:5px;font-size:9px}.cohost-tile-gift-flash>small{max-width:120px;overflow:hidden;color:#7bdfea;font-size:7px;text-overflow:ellipsis;white-space:nowrap}@keyframes cohost-tile-gift-pop{0%{opacity:0;transform:translate(-50%,-38%) scale(.72)}14%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}72%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-58%) scale(.92)}}
.cohost-tile.is-mobile-controllable,.cohost-tile.is-mobile-control-preview{cursor:pointer}
.cohost-avatar-fallback{position:absolute;z-index:2;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,rgba(99,215,237,.16),transparent 32%),linear-gradient(145deg,#142130,#08111a);opacity:1;visibility:visible;transition:opacity .15s ease,visibility .15s ease}.cohost-avatar-fallback.is-hidden{opacity:0;visibility:hidden}.cohost-avatar-fallback>span{position:relative;display:grid;width:clamp(64px,24%,140px);aspect-ratio:1;place-items:center;overflow:hidden;border-radius:var(--radius-circle);background:linear-gradient(145deg,#63d7e6,#587fdd);color:#07111a;font-size:clamp(22px,5vw,52px);font-weight:950}.cohost-tile .creator-camera-feed{z-index:1;transition:opacity .15s ease}.cohost-tile .creator-camera-feed.is-video-hidden{opacity:0}
.cohost-stage:is(.is-five,.is-six,.is-seven,.is-eight,.is-nine) .cohost-tile-identity{top:4px;left:4px;max-width:calc(100% - 8px);gap:1px;padding:2px 3px}.cohost-stage:is(.is-five,.is-six,.is-seven,.is-eight,.is-nine) .cohost-tile-identity .cohost-tile-label{max-width:44px}.cohost-stage:is(.is-five,.is-six,.is-seven,.is-eight,.is-nine) .cohost-gift-coins{min-height:15px;padding-inline:3px;font-size:6px}
.creator-stream-header-media-slot{flex:none}
.creator-stream-header-media-slot .creator-stream-media-buttons button{width:28px;height:28px}
.creator-stream-media-buttons{display:flex;gap:6px}
.creator-stream-media-buttons button{position:relative;display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid rgba(255,255,255,.22);border-radius:var(--radius-circle);background:rgba(24,36,49,.9);color:#fff;box-shadow:0 6px 16px rgba(0,0,0,.32);cursor:pointer;backdrop-filter:blur(7px)}
.creator-stream-media-buttons button:hover:not(:disabled){border-color:#77dbe7;background:#223445}
.creator-stream-media-buttons button.is-off{border-color:rgba(255,95,136,.55);background:rgba(105,26,49,.9)}
.creator-stream-media-buttons button.is-off:after{content:"";position:absolute;width:18px;height:2px;border-radius:var(--radius-rect);background:#ff7897;transform:rotate(-45deg);box-shadow:0 0 0 2px rgba(24,10,17,.55)}
.creator-stream-media-buttons button:disabled{cursor:not-allowed;opacity:.38}
.creator-stream-media-buttons span{font-size:14px;line-height:1}
.preview-stream-heading .creator-stream-media-buttons button>span,
.preview-stream-heading .stream-layout-trigger>span{display:grid;place-items:center;width:1em;height:1em;line-height:1;transform:translateY(-1px)}
.creator-icon-button{position:relative;display:grid!important;place-items:center;box-sizing:border-box;overflow:hidden;padding:0!important;line-height:1!important;text-indent:0;background-position:center;background-repeat:no-repeat;background-size:20px 20px}
@media(min-width:621px) and (max-width:900px){.stream-room.is-creator-room .stream-canvas-format-switch{top:12px;right:12px;padding:3px}.stream-room.is-creator-room .stream-canvas-format-switch button{min-width:40px;height:24px;padding:0 7px;font-size:8px}}

.stream-join-request{border-color:rgba(99,215,237,.55)!important;background:rgba(99,215,237,.13)!important;color:#77dbe7!important}.stream-join-approved{display:inline-flex;align-items:center;padding:7px 10px;border-radius:var(--radius-rect);background:rgba(72,205,145,.13);color:#71dda9;font-size:8px;font-weight:900;white-space:nowrap}.stream-join-error{max-width:210px;color:#ff8ba5;font-size:7px;font-weight:800;line-height:1.25}.stream-guest-requests{position:absolute;z-index:8;top:52px;right:10px;display:grid;gap:6px;width:min(360px,calc(100% - 20px))}.stream-guest-requests article{display:grid;grid-template-columns:30px minmax(0,1fr) auto auto;align-items:center;gap:7px;padding:7px;border:1px solid rgba(99,215,237,.35);border-radius:var(--radius-rect);background:rgba(8,14,22,.92);box-shadow:0 12px 32px rgba(0,0,0,.38);backdrop-filter:blur(10px)}.stream-guest-requests article>span{display:grid;width:30px;height:30px;place-items:center;border-radius:var(--radius-circle);background:linear-gradient(145deg,#5cd3e3,#588ce0);color:#081018;font-size:9px;font-weight:950}.stream-guest-requests article>b{overflow:hidden;color:#edf5f8;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.stream-guest-requests button{padding:7px 9px;border:1px solid rgba(99,215,237,.45);border-radius:var(--radius-rect);background:rgba(99,215,237,.14);color:#74dce8;font-size:7px;font-weight:900}.stream-guest-requests button.reject{border-color:rgba(255,95,136,.4);background:rgba(255,95,136,.1);color:#ff829d}.cohost-tile.is-awaiting-media{display:grid;place-content:center;justify-items:center;padding:16px;background:radial-gradient(circle at 50% 42%,rgba(99,215,237,.14),transparent 38%),#0d1620;color:#8b9caf;text-align:center}.cohost-tile.is-awaiting-media>b{color:#d8e3eb;font-size:9px}.cohost-tile.is-awaiting-media>small{margin-top:4px;font-size:7px}.stream-room.is-creator-room .cohost-tile.is-creator>.cohost-tile-identity{display:none}.creator-stream-media-buttons button.is-connect{border-color:rgba(99,215,237,.55);background:rgba(21,74,86,.92);color:#7de1ec}.cohost-tile.is-awaiting-media .creator-stream-media-buttons.is-disconnected{padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none}.cohost-tile.is-awaiting-media .creator-stream-media-buttons.is-disconnected button:not(.is-connect){display:none}
@media(max-width:620px){.stream-guest-requests{top:48px}.stream-guest-requests article{grid-template-columns:26px minmax(0,1fr) auto auto}.stream-guest-requests article>span{width:26px;height:26px}.stream-join-approved{display:none}}

/* Keep all five creator moderator slots in one compact row. */
.community-moderator-list{grid-template-columns:repeat(5,minmax(0,1fr))}
.community-moderator-list>article{grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;gap:9px 10px;min-width:0;padding:11px}
.community-moderator-list>article>form{grid-column:1/-1}
.community-moderator-list small{white-space:nowrap}
.community-moderator-list button{width:100%;padding:8px}
.creator-live-moderator-list{grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible}
.creator-live-moderator-list article{grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;min-width:0}
.creator-live-moderator-list article>button{grid-column:1/-1;width:100%}
@media(max-width:620px){.community-moderator-list,.creator-live-moderator-list{grid-template-columns:repeat(5,minmax(0,1fr))}}
.preview-stream-heading .stream-layout-trigger{flex:none;display:grid;place-items:center;width:31px;height:31px;padding:0;border:1px solid rgba(99,215,237,.32);border-radius:var(--radius-rect);background:rgba(99,215,237,.09);color:#79dce8;font-size:17px;cursor:pointer}.preview-stream-heading .stream-layout-trigger:hover{border-color:#6bd7e5;background:rgba(99,215,237,.16);color:#e7fbff}.creator-layout-backdrop{position:fixed;z-index:120;inset:0;display:grid;place-items:center;padding:22px;background:rgba(2,5,9,.8);backdrop-filter:blur(11px)}.creator-layout-modal{width:min(760px,100%);max-height:min(760px,92vh);overflow:auto;padding:19px;border:1px solid #385068;border-radius:var(--radius-rect);background:linear-gradient(150deg,#172330,#0d151f);box-shadow:0 32px 100px rgba(0,0,0,.68)}.creator-layout-modal>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:16px;border-bottom:1px solid #2b3b4f}.creator-layout-modal>header>div>span{color:#6cd3e1;font-size:7px;font-weight:950;letter-spacing:1.1px}.creator-layout-modal h2{margin:5px 0 6px;font-size:20px}.creator-layout-modal header p{max-width:530px;margin:0;color:#8190a3;font-size:9px;line-height:1.55}.creator-layout-modal>header>button{flex:none;width:34px;height:34px;padding:0;border:1px solid #35485d;border-radius:var(--radius-rect);background:#111b26;color:#a6b2c0;font-size:20px;cursor:pointer}.creator-layout-modal .creator-layout-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:16px}.creator-layout-modal .creator-layout-options>button{min-height:62px;padding:10px}.creator-layout-modal .creator-layout-options>button>span:last-child{min-width:0;display:grid;gap:4px}.creator-layout-modal .creator-layout-options b{overflow:hidden;color:inherit;font-size:8px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.creator-layout-modal .creator-layout-options small{color:#708095;font-size:6px}.creator-layout-modal .creator-layout-options>button.is-selected small{color:#89dfe9}@media(max-width:620px){.creator-layout-backdrop{align-items:end;padding:10px}.creator-layout-modal{max-height:88vh;padding:15px;border-radius:var(--radius-rect)}.creator-layout-modal>header>div{min-width:0;flex:1}.creator-layout-modal h2{display:none}.creator-layout-modal header p{max-width:none}.creator-layout-modal .creator-video-format-options button{display:grid;place-items:center;min-height:auto;padding:0;border:0;background:transparent;box-shadow:none}.creator-layout-modal .creator-video-format-options button>b{display:none}.creator-layout-modal .creator-video-format-options i{min-width:76px;height:54px}.creator-layout-modal .creator-video-format-options button.is-selected i{border-color:rgba(99,215,237,.78);background:rgba(99,215,237,.13);color:#9df2fb}.creator-layout-modal .creator-layout-options{grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center}.creator-layout-modal .creator-layout-options>button{grid-template-columns:1fr;justify-items:center;min-height:auto;padding:0;border:0;background:transparent;box-shadow:none}.creator-layout-modal .creator-layout-options>button:hover{background:transparent}.creator-layout-modal .creator-layout-options>button.is-selected{border:0;background:transparent;box-shadow:none}.creator-layout-modal .creator-layout-options>button>span:last-child{display:none}.creator-layout-modal .creator-layout-options>button.is-selected .layout-icon{border-color:rgba(99,215,237,.78);background:rgba(99,215,237,.13);box-shadow:0 0 0 2px rgba(99,215,237,.08)}.creator-layout-modal .layout-icon{width:86px;height:54px}}
.creator-video-format-options{display:grid;gap:8px;margin-top:16px}.creator-video-format-options>span{color:#6cd3e1;font-size:7px;font-weight:950;letter-spacing:1px}.creator-video-format-options>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.creator-video-format-options button{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #2d3d50;border-radius:var(--radius-rect);background:#0c131c;color:#8998aa;cursor:pointer}.creator-video-format-options button:hover,.creator-video-format-options button.is-selected{border-color:rgba(99,215,237,.58);background:rgba(99,215,237,.1);color:#e9fbfd}.creator-video-format-options i{display:grid;place-items:center;min-width:44px;height:30px;border:1px solid #405368;border-radius:var(--radius-rect);color:#76dce8;font-size:8px;font-style:normal;font-weight:900}.creator-video-format-options b{font-size:9px}
.preview-stream-heading .stream-link-trigger{position:relative;flex:none;display:grid;place-items:center;width:31px;height:31px;padding:0;border:1px solid rgba(99,215,237,.32);border-radius:var(--radius-rect);background:rgba(99,215,237,.09);color:#79dce8;font-size:17px;font-weight:900;cursor:pointer}.preview-stream-heading .stream-link-trigger:hover{border-color:#6bd7e5;background:rgba(99,215,237,.16);color:#e7fbff}.preview-stream-heading .stream-link-trigger:disabled{cursor:not-allowed;opacity:.38}.preview-stream-heading .stream-link-trigger.has-invitation{border-color:#ff628c;color:#ff6d94}.stream-link-trigger>b{position:absolute;top:-5px;right:-5px;display:grid;place-items:center;min-width:14px;height:14px;padding:0 3px;border-radius:var(--radius-rect);background:#ff4f79;color:#fff;font-size:7px}.stream-link-modal{width:min(650px,100%)}.stream-link-modal>section{margin-top:14px;padding:14px;border:1px solid #2e4054;border-radius:var(--radius-rect);background:#0b131d}.stream-link-modal>section>span{color:#69d7e5;font-size:7px;font-weight:950;letter-spacing:1px}.stream-link-modal h3{margin:6px 0 12px;font-size:14px}.stream-link-invitation>div{display:flex;gap:8px}.stream-link-modal button:not(.danger){border-color:rgba(99,215,237,.45);background:rgba(99,215,237,.12);color:#84e3ed}.stream-link-modal button.danger{border:1px solid rgba(255,79,121,.45);background:rgba(255,79,121,.1);color:#ff7898}.stream-link-invitation button,.stream-link-connected>button{padding:9px 13px;border-radius:var(--radius-rect);font-size:8px;font-weight:900;cursor:pointer}.stream-link-connected>div,.stream-link-available>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}.stream-link-connected article,.stream-link-available article{display:flex;align-items:center;gap:9px;min-width:0;padding:9px;border:1px solid #2b3b4e;border-radius:var(--radius-rect);background:#101a25}.stream-link-modal article>i{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:var(--radius-circle);background:linear-gradient(145deg,#61d7e8,#557ee1);color:#07111b;font-size:10px;font-style:normal;font-weight:950}.stream-link-modal article>div{min-width:0;display:grid;gap:2px}.stream-link-modal article b{overflow:hidden;color:#f0f5f8;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.stream-link-modal article small{color:#738399;font-size:7px}.stream-link-available article>button{margin-left:auto;padding:7px 10px;border-radius:var(--radius-rect);font-size:7px;font-weight:900;cursor:pointer}.stream-link-available>p,.stream-link-pending p{margin:9px 0 0;color:#8492a4;font-size:9px}.stream-link-error{margin:12px 0 0;padding:9px 11px;border:1px solid rgba(255,79,121,.38);border-radius:var(--radius-rect);background:rgba(255,79,121,.08);color:#ff8aa5;font-size:8px}@media(max-width:620px){.stream-link-connected>div,.stream-link-available>div{grid-template-columns:1fr}}
.cohost-tile.is-empty.is-joinable{width:100%;height:100%;border:0;font:inherit;cursor:pointer}.cohost-tile.is-empty.is-joinable:hover:not(:disabled){background:radial-gradient(circle at 50% 42%,rgba(99,215,237,.2),transparent 38%),linear-gradient(145deg,#152432,#0c1721)}.cohost-tile.is-empty.is-joinable:hover:not(:disabled) i{border-color:#72dbe8;color:#72dbe8}.cohost-tile.is-empty.is-joinable:disabled{cursor:wait;opacity:.82}.cohost-tile.is-empty.is-joinable.has-error{outline:1px solid rgba(255,95,136,.75);background:radial-gradient(circle at 50% 42%,rgba(255,95,136,.18),transparent 38%),linear-gradient(145deg,#241422,#0c1721)}.cohost-tile.is-empty.is-joinable.has-error b,.cohost-tile.is-empty.is-joinable.has-error small{display:block!important;color:#ff9cb0!important}
.stream-duel-board{position:absolute;z-index:12;top:52px;left:50%;width:min(560px,calc(100% - 24px));padding:8px 10px;transform:translateX(-50%);border:1px solid rgba(255,86,128,.5);border-radius:var(--radius-rect);background:rgba(7,10,16,.88);box-shadow:0 12px 32px rgba(0,0,0,.38);color:#fff;backdrop-filter:blur(12px)}
.stream-duel-board>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.stream-duel-board>header span{color:#ff7899;font-size:8px;font-weight:950;letter-spacing:1.2px}.stream-duel-board>header b{font-size:14px;font-variant-numeric:tabular-nums}.stream-duel-board>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.stream-duel-board article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:5px;min-width:0;padding:6px 7px;border-radius:var(--radius-rect);background:rgba(255,255,255,.06)}.stream-duel-board article.is-winner{background:rgba(255,196,73,.18);box-shadow:inset 0 0 0 1px rgba(255,196,73,.45)}.stream-duel-board article small{color:#8190a2;font-size:7px}.stream-duel-board article strong{overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.stream-duel-board article b{color:#70deea;font-size:10px;font-variant-numeric:tabular-nums}.stream-duel-board>button{display:block;margin:7px auto 0;padding:5px 9px;border:1px solid rgba(255,99,139,.45);border-radius:var(--radius-rect);background:rgba(255,75,119,.13);color:#ff88a4;font-size:7px;font-weight:900;cursor:pointer}.stream-duel-board.is-finished{border-color:rgba(255,196,73,.5)}
@media(max-width:620px){.stream-duel-board{top:44px;padding:6px}.stream-duel-board>div{grid-template-columns:repeat(2,minmax(0,1fr))}.stream-duel-board article{padding:5px}.stream-duel-board>header{margin-bottom:4px}}
.live-duel-scoreboard{position:absolute;z-index:18;top:0;left:0;right:0;min-height:62px;color:#fff;pointer-events:none;font-variant-numeric:tabular-nums;text-shadow:0 1px 5px rgba(0,0,0,.8)}
.live-duel-score-strip{position:absolute;top:0;left:0;right:0;display:grid;grid-template-columns:minmax(52px,auto) 1fr minmax(52px,auto);align-items:center;height:18px;background:linear-gradient(90deg,#f32868 0 var(--duel-creator-share),#17bdd8 var(--duel-creator-share) 100%);box-shadow:0 2px 10px rgba(0,0,0,.32);overflow:hidden}
.live-duel-score-strip>b{position:relative;z-index:2;padding:0 9px;font-size:10px;font-weight:950;line-height:18px;letter-spacing:.3px}.live-duel-score-strip>b.is-creator{justify-self:start}.live-duel-score-strip>b.is-challenger{justify-self:end}.live-duel-score-strip>span{position:relative;display:block;height:100%;min-width:56px}.live-duel-score-strip>span:before,.live-duel-score-strip>span:after{content:"";position:absolute;top:0;bottom:0;width:50%;background:rgba(255,255,255,.12)}.live-duel-score-strip>span:before{right:50%;clip-path:polygon(0 0,100% 0,64% 100%,0 100%)}.live-duel-score-strip>span:after{left:50%;clip-path:polygon(36% 0,100% 0,100% 100%,0 100%)}.live-duel-score-strip i{position:absolute;z-index:3;top:50%;left:50%;width:38px;height:12px;transform:translate(-50%,-50%);border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.85),rgba(255,255,255,.3));box-shadow:0 0 0 1px rgba(0,0,0,.22);opacity:.76}
.live-duel-timer{position:absolute;top:13px;left:50%;display:flex;align-items:center;gap:4px;min-width:78px;justify-content:center;padding:3px 8px;transform:translateX(-50%);border-radius:999px;background:rgba(14,15,23,.72);box-shadow:0 3px 14px rgba(0,0,0,.35);font-size:15px;font-weight:950;line-height:1}.live-duel-timer span{color:#f32868;font-size:10px}.live-duel-win{position:absolute;top:24px;padding:2px 6px;border-radius:5px;background:rgba(6,8,12,.56);color:rgba(255,255,255,.82);font-size:8px;font-weight:950;letter-spacing:.25px}.live-duel-win.is-creator{left:9px}.live-duel-win.is-challenger{right:9px}.live-duel-control{position:absolute;top:43px;left:50%;transform:translateX(-50%);pointer-events:auto;padding:5px 9px;border:1px solid rgba(255,255,255,.26);border-radius:999px;background:rgba(13,16,24,.72);color:#fff;font-size:8px;font-weight:950;cursor:pointer;box-shadow:0 4px 15px rgba(0,0,0,.3)}.live-duel-control:not(.is-danger){border-color:rgba(99,215,237,.55);color:#99edf5}.live-duel-control.is-danger{border-color:rgba(255,80,121,.5);color:#ff8aa5}.live-duel-control:disabled{cursor:wait;opacity:.68}
@media(max-width:620px){.live-duel-scoreboard{top:0;min-height:58px}.live-duel-score-strip{height:16px;grid-template-columns:minmax(48px,auto) 1fr minmax(48px,auto)}.live-duel-score-strip>b{padding:0 7px;font-size:9px;line-height:16px}.live-duel-timer{top:11px;min-width:68px;padding:3px 7px;font-size:13px}.live-duel-win{top:22px;font-size:7px}.live-duel-control{top:39px;padding:4px 8px;font-size:7px}}
@media(min-width:901px){.stream-room.is-live-duel .preview-video{background:#020406!important}.stream-room.is-live-duel .cohost-stage.is-live-duel-stage{left:50%!important;right:auto!important;inset-block:0!important;width:min(100%,calc(100cqh * 9 / 8))!important;height:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:minmax(0,1fr)!important;gap:2px!important;aspect-ratio:9/8!important;background:#020406!important;transform:translateX(-50%)!important}.stream-room.is-live-duel .cohost-stage.is-live-duel-stage .cohost-tile{border:0!important;border-radius:0!important;background:#05080c!important;box-shadow:none!important}.stream-room.is-live-duel .cohost-stage.is-live-duel-stage .cohost-tile :is(.creator-camera-feed,.stream-offline-cover,.linked-stream-foreground){object-fit:cover!important;object-position:center!important}.stream-room.is-live-duel .live-duel-scoreboard{left:0;right:0;width:auto;transform:none}}
.creator-live-stop{display:inline-block;padding:10px 14px;border:0;border-radius:var(--radius-rect);background:var(--cc-pink);color:#fff;font-size:9px;font-weight:900;cursor:pointer}.creator-live-stop:disabled{cursor:wait;opacity:.7}
.stream-actions button.stream-gift-action{border-color:rgba(255,101,135,.3);background:rgba(255,101,135,.08);color:#ff8aa4}.stream-actions button.stream-share-action{border-color:rgba(95,210,225,.3);background:rgba(95,210,225,.07);color:#75d8e5;white-space:nowrap}
.watch-page>.stream-toolbar{display:grid;grid-template-columns:auto minmax(200px,1fr) auto}.watch-page>.stream-toolbar>.stream-toolbar-primary{display:flex;align-items:center;gap:7px}.watch-page>.stream-toolbar>.stream-toolbar-primary>a:first-child{color:#aeb9c7;font-weight:800}.watch-page>.stream-toolbar .stream-refresh-action{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:74px;height:24px;padding:0 12px;border:1px solid #303e51;border-radius:var(--radius-rect);background:#141d29;color:#9fdce7;font-size:8px;font-weight:900;line-height:1;text-decoration:none;white-space:nowrap}.watch-page>.stream-toolbar .stream-refresh-action:hover{border-color:#4e7489;background:#172636;color:#c2f5fb}.watch-page>.stream-toolbar>.stream-subscription-promo{width:min(440px,100%);justify-self:center;display:grid;align-content:center;gap:2px;padding:5px 14px;border:1px solid rgba(255,176,73,.48);border-radius:var(--radius-rect);background:linear-gradient(135deg,rgba(255,176,73,.16),rgba(255,92,128,.11));color:#ffd49a;font-style:normal;line-height:1.05;text-align:center;text-decoration:none}.watch-page>.stream-toolbar>.stream-subscription-promo b{color:#fff;font-size:7px;white-space:nowrap}.watch-page>.stream-toolbar>.stream-subscription-promo small{color:#ffc777;font-size:6px;white-space:nowrap}.watch-page>.stream-toolbar>a.stream-subscription-promo:hover{border-color:#ffbd68;background:linear-gradient(135deg,rgba(255,176,73,.24),rgba(255,92,128,.17))}.watch-page>.stream-toolbar>.stream-subscription-promo.is-active{border-color:rgba(80,220,150,.38);background:rgba(80,220,150,.09)}.watch-page>.stream-toolbar>.stream-subscription-promo.is-active small{color:#78dca8}@media(max-width:900px){.stream-toolbar-report{display:none!important}}@media(max-width:700px){.watch-page>.stream-toolbar{grid-template-columns:auto minmax(120px,1fr) auto;gap:8px}.watch-page>.stream-toolbar>.stream-toolbar-primary{gap:5px}.watch-page>.stream-toolbar .stream-refresh-action{min-width:62px;height:22px;padding:0 9px}.watch-page>.stream-toolbar>.stream-subscription-promo{padding:5px 8px}.watch-page>.stream-toolbar>.stream-subscription-promo small{display:none}.watch-page.live-room-page>.stream-toolbar>.stream-subscription-promo{display:none}}
.share-dialog-backdrop{position:fixed;z-index:140;inset:0;display:grid;place-items:center;padding:20px;background:rgba(2,5,9,.8);backdrop-filter:blur(10px)}.share-dialog{width:min(680px,100%);max-height:min(780px,92vh);overflow:auto;border:1px solid #385068;border-radius:var(--radius-rect);background:linear-gradient(150deg,#172330,#0d151f);box-shadow:0 32px 100px rgba(0,0,0,.68)}.share-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:19px 21px 16px;border-bottom:1px solid #2b3b4f}.share-dialog>header span{color:#6cd3e1;font-size:7px;font-weight:950;letter-spacing:1.1px}.share-dialog>header h2{margin:5px 0 5px;font-size:19px}.share-dialog>header p{margin:0;color:#8291a4;font-size:9px;line-height:1.5}.share-dialog>header>button{flex:none;width:33px;height:33px;padding:0;border:1px solid #35485d;border-radius:var(--radius-rect);background:#111b26;color:#a6b2c0;font-size:20px}.share-dialog-body{display:grid;gap:13px;padding:16px 21px 20px}.share-dialog-body>section{display:grid;gap:10px;padding:13px;border:1px solid #2d3e51;border-radius:var(--radius-rect);background:#0c141e}.share-dialog-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.share-dialog-section-title b{font-size:10px}.share-dialog-section-title small{color:#738399;font-size:7px}.share-dialog-body input{width:100%;padding:10px 11px;border:1px solid #33485e;border-radius:var(--radius-rect);background:#080f17;color:#edf4f8;font-size:9px;outline:none}.share-dialog-body input:focus{border-color:#66d3e1}.share-recipient-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:250px;overflow-y:auto}.share-recipient-list>p{grid-column:1/-1;margin:6px;color:#7e8da0;font-size:8px}.share-recipient-list>button{display:grid;grid-template-columns:30px minmax(0,1fr) 22px;align-items:center;gap:8px;padding:8px;border:1px solid #2e4054;border-radius:var(--radius-rect);background:#101a25;color:#dfe8ef;text-align:left}.share-recipient-list>button.is-selected{border-color:#66d4e2;background:rgba(99,215,237,.11)}.share-recipient-list>button i{display:grid;place-items:center;width:30px;height:30px;border-radius:var(--radius-circle);background:linear-gradient(145deg,#61d7e8,#557ee1);color:#07111b;font-size:10px;font-style:normal;font-weight:950}.share-recipient-list>button b{overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.share-recipient-list>button span{display:grid;place-items:center;width:20px;height:20px;border-radius:var(--radius-circle);background:#1b2a39;color:#76d9e5;font-size:10px}.share-send-livyno{justify-self:end;padding:9px 13px;border:1px solid rgba(99,215,237,.45);border-radius:var(--radius-rect);background:rgba(99,215,237,.12);color:#82e1eb;font-size:8px;font-weight:900}.share-send-livyno:disabled{cursor:not-allowed;opacity:.45}.share-outside>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:8px}.share-outside button{padding:10px;border:1px solid #35485d;border-radius:var(--radius-rect);background:#152231;color:#dbe5ed;font-size:8px;font-weight:850}.share-dialog-status{margin:0;padding:9px 11px;border:1px solid rgba(99,215,237,.28);border-radius:var(--radius-rect);background:rgba(99,215,237,.07);color:#7cdae6;font-size:8px}@media(max-width:620px){.share-dialog-backdrop{align-items:end;padding:8px}.share-dialog{max-height:90vh;border-radius:var(--radius-rect)}.share-dialog>header,.share-dialog-body{padding-left:15px;padding-right:15px}.share-recipient-list{grid-template-columns:1fr}.share-outside>div:last-child{grid-template-columns:1fr}}
.share-outside>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}.share-outside button.is-whatsapp{border-color:rgba(66,201,105,.4);background:rgba(66,201,105,.1);color:#72dda0}@media(max-width:620px){.share-outside>div:last-child{grid-template-columns:1fr}}

/* The camera, microphone, and settings controls use the same outer 24px square as every other creator-header icon. */
.creator-live-toolbar .creator-header-controls .creator-stream-access-heading>button,.creator-live-toolbar .creator-header-controls .creator-stream-header-media-slot .creator-stream-media-buttons button{box-sizing:border-box;width:var(--creator-header-control-height);height:var(--creator-header-control-height)}
.creator-stream-header-chat-settings .creator-stream-title-setting{display:grid;gap:6px;margin-top:10px}.creator-stream-header-chat-settings .creator-stream-title-setting>span{color:#8f9daf;font-size:10px;font-weight:700}.creator-stream-header-chat-settings .stream-room-title-editor{grid-template-columns:minmax(0,1fr) 24px;gap:6px}.creator-stream-header-chat-settings .stream-room-title-editor input,.creator-stream-header-chat-settings .stream-title-save{box-sizing:border-box;height:24px;font-size:10px}.creator-stream-header-chat-settings .stream-title-save{width:24px;padding:0}.creator-stream-header-chat-settings .creator-chat-access-setting>div{grid-template-columns:1fr 1fr}.creator-stream-header-chat-settings .creator-chat-access-setting button{box-sizing:border-box;min-width:0;min-height:24px;height:24px;padding:0 8px;font-size:9px;white-space:nowrap}
.creator-stream-header-chat-settings .creator-chat-access-setting>div>button{width:auto}.creator-settings-moderators{display:grid;gap:7px;margin-top:11px;padding-top:11px;border-top:1px solid rgba(255,255,255,.12)}.creator-settings-moderators>header{display:flex;align-items:center;justify-content:space-between}.creator-settings-moderators>header span{color:#8f9daf;font-size:10px;font-weight:700}.creator-settings-moderators>header b{color:#70d8e6;font-size:9px}.creator-settings-moderators>p{margin:0;color:#788699;font-size:8px;line-height:1.45}.creator-settings-moderators>div{display:grid;gap:6px}.creator-settings-moderators article{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px;border:1px solid #2a394c;border-radius:var(--radius-rect);background:#0c131c}.creator-settings-moderators article>span{display:grid;place-items:center;width:30px;height:30px;border-radius:var(--radius-circle);background:linear-gradient(135deg,#65d6e5,#4c6dc7);color:#08131c;font-size:9px;font-weight:950}.creator-settings-moderators article>div{display:grid;gap:2px;min-width:0}.creator-settings-moderators article b{font-size:8px}.creator-settings-moderators article small{overflow:hidden;color:#748195;font-size:6.5px;text-overflow:ellipsis;white-space:nowrap}.creator-settings-moderators article>button{height:24px;padding:0 8px;border:1px solid rgba(255,95,136,.3);border-radius:var(--radius-rect);background:rgba(255,95,136,.07);color:#ff829d;font-size:7px;font-weight:900}.creator-settings-moderators article>button:disabled{cursor:not-allowed;opacity:.5}

/* These controls live inside the settings panel, so header-icon sizing must not leak into them. */
.creator-stream-header-chat-settings .creator-settings-moderators article>button{box-sizing:border-box;width:auto;min-width:64px;height:24px;min-height:24px;padding:0 8px;font-size:7px;line-height:1;white-space:nowrap}

/* Readable desktop LIVE layout: keep chat substantial and avoid notebook-sized micro typography. */
@media(min-width:1181px){
  .stream-room{max-width:1440px}
  .stream-layout{grid-template-columns:minmax(0,1.75fr) minmax(400px,.82fr);gap:18px}
  .live-chat{height:clamp(540px,calc((100vw - 470px) * .5625),760px)}
}
@media(min-width:901px) and (max-width:1180px){
  .stream-room{padding-right:16px;padding-left:16px}
  .stream-layout{grid-template-columns:minmax(0,1fr) minmax(330px,38vw);gap:14px}
  .live-chat{height:clamp(430px,56.25vw,600px)}
}
@media(max-width:900px){
  .stream-layout{grid-template-columns:1fr}
  .live-chat{height:min(560px,65vh)}
}

/* On desktop, the chat is one grid row with the stream canvas and shares its exact height. */
@media(min-width:901px){
  .stream-layout{align-items:stretch}
  .live-chat{height:auto;min-height:0;align-self:stretch}
}

/* Keep LIVE chat compact: each visible message row is separated by exactly 5px. */
.stream-room .chat-messages{gap:5px}

/* The nine-person layout keeps the broadcast canvas clear and shows all eight guest places below the stream and chat. */
.creator-guest-tile-dock{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin-top:14px;overflow-x:auto}.creator-guest-tile-dock article{display:grid;grid-template-columns:1fr;place-items:center;gap:0;min-height:0;padding:6px;border:1px solid #2b3d51;border-radius:var(--radius-rect);background:linear-gradient(145deg,#101a25,#0b121b);text-align:center}.creator-guest-tile-dock article>i{display:grid;place-items:center;width:30px;height:30px;margin:0;border:1px solid #3b5269;border-radius:var(--radius-rect);color:#7891a8;font-size:17px;font-style:normal;font-weight:400}.creator-guest-tile-dock article>div{display:none;gap:3px;min-width:0}.creator-guest-tile-dock article b{font-size:9px}.creator-guest-tile-dock article small{color:#718197;font-size:7px}.creator-guest-tile-dock article.is-connected{border-color:rgba(89,207,224,.45);background:rgba(89,207,224,.08)}.creator-guest-tile-dock article.is-connected>i{border-color:rgba(89,207,224,.5);color:#70dce9}.creator-guest-tile-dock article.is-connected small{color:#72dca5}.creator-guest-tile-dock>.cohost-tile{min-width:0;border:1px solid rgba(89,207,224,.45);border-radius:var(--radius-rect);background:#0b121b}.creator-guest-tile-dock>.cohost-tile .cohost-tile-identity{top:4px;left:4px;max-width:calc(100% - 8px);padding:2px 3px}.creator-guest-tile-dock>.cohost-tile .cohost-tile-label{max-width:44px;font-size:6px}.creator-guest-tile-dock>.cohost-tile .cohost-gift-coins{display:inline-flex;min-height:15px;padding-inline:3px;font-size:6px}.creator-guest-tile-dock>.cohost-tile .cohost-gift-coins i{font-size:6px}.creator-guest-tile-dock>.cohost-tile .creator-stream-media-buttons span{font-size:9px}.creator-guest-tile-dock>.cohost-tile .cohost-avatar-fallback>span{width:46%;font-size:14px}@media(max-width:700px){.creator-guest-tile-dock{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px}.creator-guest-tile-dock article{min-height:52px;padding:7px}.creator-guest-tile-dock article>i{width:26px;height:26px}}
@media(min-width:701px){
  .live-chat>header{padding:14px 16px}
  .live-chat>header h2{font-size:16px}
  .live-chat>header span{padding:5px 9px;font-size:10px}
  .chat-messages{gap:14px;padding:16px 14px}
  .chat-messages article{grid-template-columns:32px minmax(0,1fr);gap:9px}
  .chat-messages .chat-avatar{width:32px;height:32px;font-size:11px}
  .chat-messages article>div{font-size:12px;line-height:1.5}
  .chat-messages article b,.chat-reply-name{font-size:11px}
  .chat-messages article small{font-size:8px}
  .chat-inline-tool{width:21px;height:21px;font-size:10px}
  .chat-composer{padding:13px}
  .chat-composer>label{font-size:10px}
  .chat-composer input{padding:11px 12px;font-size:12px}
  .chat-composer-input-wrap input{padding-right:62px}
  .chat-composer-count{right:12px;font-size:8px}
  .chat-composer button{font-size:14px}
}

/* 1920x1080 notebooks at 125% scaling expose roughly a 1536px-wide viewport. */
@media(min-width:1181px) and (max-width:1600px){
  .stream-layout{grid-template-columns:minmax(0,1.55fr) minmax(440px,.9fr);gap:18px}
  .watch-page:not(.live-room-page)>.stream-toolbar{height:76px;grid-template-columns:180px minmax(300px,1fr) auto;gap:18px;padding-left:24px;padding-right:24px}
  .watch-page:not(.live-room-page)>.stream-toolbar>a:first-child{font-size:14px}
  .watch-page:not(.live-room-page)>.stream-toolbar>.stream-subscription-promo{width:min(520px,100%);gap:4px;padding:10px 18px;border-radius:var(--radius-rect)}
  .watch-page:not(.live-room-page)>.stream-toolbar>.stream-subscription-promo b{font-size:13px}
  .watch-page:not(.live-room-page)>.stream-toolbar>.stream-subscription-promo small{font-size:10px}
  .watch-page:not(.live-room-page)>.stream-toolbar>div{gap:10px;font-size:12px}
  .watch-page:not(.live-room-page)>.stream-toolbar>div>span{font-size:12px}
  .watch-page:not(.live-room-page)>.stream-toolbar button,.watch-page:not(.live-room-page)>.stream-toolbar>div>a{min-height:40px;padding:9px 13px;font-size:11px}
  .creator-live-toolbar{--creator-header-control-height:24px;height:38px;gap:8px}
  .creator-live-toolbar>a{font-size:14px}
  .creator-live-toolbar>.stream-info{height:var(--creator-header-control-height);grid-template-columns:32px minmax(0,1fr) auto;gap:7px;padding:5px 7px}
  .creator-live-toolbar>.stream-info .stream-creator-avatar{width:32px;height:32px;font-size:9px}
  .creator-live-toolbar>.stream-info .stream-info-copy h1{font-size:13px}
  .creator-live-toolbar>.stream-info .stream-info-copy p{font-size:7px}
  .creator-live-toolbar>.stream-info .stream-actions{gap:7px}
  .creator-live-toolbar>.stream-info button{min-height:32px;padding:6px 10px;font-size:8px}
  .creator-live-toolbar>.stream-info select{min-width:112px;height:32px;padding-left:10px;font-size:8px}
  .creator-live-toolbar>.stream-info .creator-broadcast-action button{min-height:32px;padding:6px 10px;font-size:8px}
  .creator-live-toolbar>.stream-info .broadcast-action-copy b,.creator-live-toolbar>.stream-info .broadcast-action-copy small{font-size:8px}
  .preview-stream-heading{min-height:64px;gap:11px;padding:9px 13px}
  .preview-stream-heading~.cohost-stage{top:64px}
  .preview-stream-heading .live-pill{padding:9px 12px;font-size:12px}
  .stream-room-title-editor{grid-template-columns:minmax(0,1fr) 46px}
  .stream-room-title-editor input{height:46px;padding:8px 13px;font-size:15px}
  .preview-stream-heading .stream-title-save{width:46px;height:46px;font-size:19px}
  .preview-stream-heading .stream-link-trigger,.preview-stream-heading .stream-layout-trigger{width:46px;height:46px;font-size:21px}
  .preview-stream-heading .creator-stream-header-media-slot .creator-stream-media-buttons button{width:42px;height:42px}
  .preview-stream-heading .creator-stream-header-media-slot .creator-stream-media-buttons span{font-size:18px}
  .live-chat>header h2{font-size:18px}
  .live-chat>header span{font-size:11px}
  .chat-messages article>div{font-size:13px}
  .chat-messages article b,.chat-reply-name{font-size:12px}
  .chat-composer>label{font-size:11px}
  .chat-composer input{font-size:13px}
}
/* Shared uploaded profile photo, placed over the existing initials fallback. */
.profile-avatar-host { position: relative; overflow: hidden; }
.profile-avatar-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; z-index: 1; pointer-events:none; user-select:none; -webkit-user-drag:none; }
/* Profile-photo controls share one compact row in creator settings. */
.creator-profile-avatar-row>div{min-width:190px}
.creator-settings-form .creator-avatar-upload{margin-left:auto;width:min(330px,42vw);padding:10px 12px;border:1px solid #304156;border-radius:var(--radius-rect);background:#0a111a}
.creator-settings-form .creator-avatar-upload input{padding:7px;background:#111b27;cursor:pointer}
.persistent-avatar-row{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:14px}
.persistent-avatar-row .creator-avatar-large{width:58px;height:58px}
.persistent-avatar-row label{margin:0}
@media(max-width:700px){.creator-profile-avatar-row{flex-wrap:wrap}.creator-settings-form .creator-avatar-upload{margin-left:0;width:100%}.creator-profile-avatar-row>div{min-width:0}}

/* Keep public member portraits sharp and balanced even when the source is a small social avatar. */
.member-profile-header{grid-template-columns:190px minmax(0,1fr);gap:42px}
.member-profile-avatar{width:180px;padding:7px}
@media(max-width:900px){.member-profile-header{grid-template-columns:150px minmax(0,1fr);gap:28px}.member-profile-avatar{width:140px}}
@media(max-width:620px){.member-profile-header{display:block}.member-profile-avatar{width:104px;margin-bottom:18px}}

.avatar-crop-backdrop{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.82);backdrop-filter:blur(8px)}
.avatar-crop-dialog{width:min(540px,100%);padding:22px;border:1px solid #344459;border-radius:var(--radius-rect);background:#0d151f;color:#fff;box-shadow:0 28px 80px rgba(0,0,0,.65)}
.avatar-crop-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}
.avatar-crop-dialog>header span{color:#65d4e3;font-size:10px;font-weight:950;letter-spacing:1.6px}
.avatar-crop-dialog>header h2{margin:5px 0 4px;font-size:25px}.avatar-crop-dialog>header p{margin:0;color:#8e9bac;font-size:12px}
.avatar-crop-dialog>header button{width:38px;height:38px;border:1px solid #354256;border-radius:var(--radius-circle);background:#151f2b;color:#fff;font-size:22px}
.avatar-crop-stage{position:relative;width:min(320px,78vw);aspect-ratio:1;margin:auto;overflow:hidden;touch-action:none;cursor:grab;border:2px solid #65d4e3;border-radius:var(--radius-rect);background:#030609;box-shadow:0 0 0 999px rgba(0,0,0,.08)}
.avatar-crop-stage:active{cursor:grabbing}.avatar-crop-stage>div{position:absolute;top:50%;left:50%;max-width:none;pointer-events:none}
.avatar-crop-stage>i{position:absolute;inset:0;border:1px solid rgba(255,255,255,.45);box-shadow:inset 0 0 0 1px rgba(0,0,0,.4);pointer-events:none}
.avatar-crop-zoom{display:grid;grid-template-columns:auto 1fr 52px;align-items:center;gap:12px;margin:20px 0 4px;color:#aeb8c5;font-size:12px}.avatar-crop-zoom input{padding:0}.avatar-crop-zoom b{text-align:right;color:#fff}
.avatar-crop-dialog>footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.avatar-crop-dialog>footer button{min-height:42px;padding:0 17px;border:0;border-radius:var(--radius-rect);background:#65d4e3;color:#071116;font-weight:900}.avatar-crop-dialog>footer .ghost{border:1px solid #354256;background:#151f2b;color:#dce4ed}
@media(max-width:620px){.avatar-crop-dialog{padding:16px}.avatar-crop-dialog>header h2{font-size:21px}.avatar-crop-dialog>footer button{flex:1;padding-inline:10px}}
.avatar-crop-dialog{max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain}
.avatar-crop-stage{width:min(320px,42dvh,78vw)}
@media(max-height:720px){.avatar-crop-backdrop{padding:8px}.avatar-crop-dialog{padding:14px}.avatar-crop-dialog>header{margin-bottom:10px}.avatar-crop-dialog>header p{font-size:10px}.avatar-crop-zoom{margin-top:12px}.avatar-crop-dialog>footer{margin-top:12px}}

/* Optional profile facts: nothing is rendered publicly until the user chooses a value. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.profile-details-fields{container-type:inline-size;min-width:0;margin:8px 0 0;padding:16px;border:1px solid #2d3a4b;border-radius:var(--radius-rect);background:rgba(7,13,21,.45)}
.creator-settings-form .profile-details-fields{grid-column:1/-1}
.profile-details-fields legend{padding:0 7px;color:#f2f6fa;font-size:15px;font-weight:900}
.profile-details-fields>p{margin:0 0 14px;color:#8290a1;font-size:11px;line-height:1.5}
.profile-details-fields>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.profile-details-fields label{min-width:0}.profile-details-fields label>span{display:flex;align-items:center;gap:7px}
.profile-details-fields label i{width:22px;height:22px;display:grid;place-items:center;border:1px solid rgba(101,212,227,.25);border-radius:var(--radius-rect);background:rgba(101,212,227,.08);color:#65d4e3;font-size:13px;font-style:normal}
.profile-details-fields select{width:100%}
.profile-detail-chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}
.profile-detail-chips>div{display:flex;align-items:center;gap:7px;min-height:34px;padding:0 11px;border:1px solid #303945;border-radius:var(--radius-rect);background:rgba(20,25,33,.9);color:#e8edf2}
.profile-detail-chips dt,.profile-detail-chips dd{margin:0}.profile-detail-chips dt>span:not(.sr-only){color:#65d4e3;font-size:15px}.profile-detail-chips dd{font-size:12px;font-weight:800}
.member-profile-details{margin-top:18px}.member-profile-details+.member-profile-stats{margin-top:20px}
.dynamic-profile-details{width:min(1280px,calc(100% - 48px));margin:0 auto 24px}
@container(max-width:900px){.profile-details-fields>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container(max-width:480px){.profile-details-fields>div{grid-template-columns:1fr}}
@media(max-width:620px){.profile-detail-chips{gap:6px}.profile-detail-chips>div{min-height:31px;padding-inline:9px}.profile-detail-chips dd{font-size:11px}.dynamic-profile-details{width:calc(100% - 24px)}}

/* Creator Center uses one horizontal header instead of a permanent left rail. */
.creator-center{display:block;min-height:100vh}
.creator-center-main{min-width:0}
.creator-center-topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 22px;min-height:0;padding:11px 104px 10px 24px}
.creator-center-heading{display:flex;align-items:center;gap:22px;min-width:0}
.creator-center-heading .creator-center-brand{flex:none;gap:8px;padding:0}
.creator-center-heading .creator-center-brand>span{width:34px;height:34px;border-radius:var(--radius-rect);font-size:11px}
.creator-center-heading .creator-center-brand b{font-size:15px}
.creator-center-heading .creator-center-brand small{font-size:7px}
.creator-center-section-title{min-width:0;padding-left:20px;border-left:1px solid var(--cc-line)}
.creator-center-section-title>span{color:var(--cc-cyan);font-size:6px;font-weight:950;letter-spacing:1.3px}
.creator-center-section-title h1{margin:2px 0 0;font-size:17px;white-space:nowrap}
.creator-center-top-actions{justify-self:end}
.creator-center-top-nav{grid-column:1/-1;display:flex;align-items:center;gap:6px;min-width:0;overflow-x:auto;padding:2px 0 1px;scrollbar-width:none}
.creator-center-top-nav::-webkit-scrollbar{display:none}
.creator-center-top-nav button{flex:none;display:flex;align-items:center;gap:6px;min-height:34px;padding:4px 10px 4px 5px;border:1px solid transparent;border-radius:var(--radius-rect);background:transparent;color:#8f9daf;font-size:8px;font-weight:850;cursor:pointer;white-space:nowrap}
.creator-center-top-nav button i{display:grid;place-items:center;width:24px;height:24px;border-radius:var(--radius-rect);background:#121c27;color:#718196;font-style:normal}
.creator-center-top-nav button:hover{background:#121b26;color:#edf4f8}
.creator-center-top-nav button.active{border-color:rgba(101,212,227,.25);background:linear-gradient(90deg,rgba(101,212,227,.14),rgba(101,212,227,.05));color:#86e4ef}
.creator-center-top-nav button.active i{background:rgba(101,212,227,.16);color:#91edf6}
@media(max-width:980px){
  .creator-center{display:block}
  .creator-center-topbar{padding-right:84px}
  .creator-center-top-actions a{display:none}
}
@media(max-width:700px){
  .creator-center-topbar{position:sticky;display:grid;min-height:0;padding:9px 68px 8px 12px}
  .creator-center-heading{gap:11px}
  .creator-center-heading .creator-center-brand>div{display:none}
  .creator-center-section-title{padding-left:11px}
  .creator-center-section-title h1{font-size:16px}
  .creator-center-top-actions button{width:34px;height:34px;padding:0;font-size:0}
  .creator-center-top-actions button:first-letter{font-size:14px}
  .creator-center-top-nav{margin-right:-56px}
  .creator-center-top-nav button{min-height:32px;padding-right:9px}
  .creator-center-top-nav button i{width:22px;height:22px}
}

/* The active Creator Center section belongs to the Livyno brand block. */
.creator-center-topbar{grid-template-columns:180px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:16px}
.creator-center-heading{grid-row:1/3;align-self:stretch;display:grid;align-content:center;gap:5px;padding-right:12px;border-right:1px solid var(--cc-line)}
.creator-center-heading .creator-center-brand{align-self:end}
.creator-center-heading>h1{align-self:start;margin:0 0 0 42px;color:#eef4f8;font-size:17px;line-height:1.15;white-space:nowrap}
.creator-center-section-title{display:none}
.creator-center-top-actions{grid-column:2/-1;grid-row:1}
.creator-center-top-nav{grid-column:2/-1;grid-row:2}
@media(max-width:700px){
  .creator-center-topbar{grid-template-columns:82px minmax(0,1fr);grid-template-rows:auto auto;padding-right:68px}
  .creator-center-heading{padding-right:10px}
  .creator-center-heading>h1{margin-left:0;font-size:12px;text-align:center}
  .creator-center-top-actions{grid-column:2;grid-row:1}
  .creator-center-top-nav{grid-column:2;grid-row:2;margin-right:-56px}
}
.global-account-menu{z-index:160}
.creator-center-heading .creator-center-brand>.brand-mark{position:relative;display:block;width:30px;height:30px;border:2px solid var(--cc-cyan);border-radius:var(--radius-rect);background:transparent;box-shadow:0 0 20px rgba(101,212,227,.2);transform:rotate(45deg)}
.creator-center-heading .creator-center-brand b>span{color:var(--cc-cyan)}
.creator-center-top-nav{grid-row:1/3;align-self:center}
.creator-center-top-nav .creator-center-device-link{border-color:rgba(101,212,227,.35);background:rgba(101,212,227,.09);color:#82e2ed}
.creator-center-top-nav .creator-center-device-link i{background:rgba(101,212,227,.16);color:#91edf6}
@media(max-width:700px){.creator-center-top-nav{grid-row:1/3}}

.creator-shop-product-thumb{position:relative!important;overflow:hidden}.creator-shop-product-thumb img{object-fit:cover}.creator-product-form label>small{display:block;margin-top:7px;color:#7f8c9f;font-size:10px;line-height:1.45}.member-product-tile{width:100%;color:inherit;text-align:left;cursor:pointer}.member-product-image{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;margin-bottom:18px;border-radius:var(--radius-rect);background:#080b10}.member-product-image img{object-fit:cover}.member-product-modal-backdrop{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:24px;background:rgba(0,0,0,.78);backdrop-filter:blur(10px)}.member-product-modal{position:relative;width:min(980px,100%);max-height:90dvh;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr);gap:28px;overflow:auto;padding:28px;border:1px solid #364252;border-radius:var(--radius-rect);background:#10161f;box-shadow:0 30px 90px rgba(0,0,0,.6)}.member-product-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.member-product-gallery>div{position:relative;aspect-ratio:1;overflow:hidden;border-radius:var(--radius-rect);background:#080b10}.member-product-gallery img{object-fit:cover}.member-product-modal aside{display:flex;flex-direction:column;padding:16px 0}.member-product-modal aside>span{color:#65d4e3;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:1.2px}.member-product-modal aside h2{margin:10px 0;font-size:28px}.member-product-modal aside p{color:#9ba6b4;line-height:1.6}.member-product-modal aside b{margin-top:auto;padding-top:24px;font-size:25px}.member-product-modal-close{position:absolute;z-index:2;top:12px;right:12px;width:42px;height:42px;border:1px solid #3a4656;border-radius:var(--radius-circle);background:#18212c;color:#fff;font-size:26px;cursor:pointer}
@media(max-width:700px){.member-product-modal{grid-template-columns:1fr;padding:18px}.member-product-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.member-product-modal aside{padding:0}.member-product-modal aside h2{font-size:23px}}
.creator-content-upload-panel{max-width:920px;margin-top:20px;padding:24px;border:1px solid #2b384a;border-radius:var(--radius-rect);background:linear-gradient(145deg,#111a25,#0d141d);box-shadow:0 18px 40px rgba(0,0,0,.2)}.creator-content-upload-panel .studio-form{max-width:none;margin:0}@media(max-width:700px){.creator-content-upload-panel{padding:16px}}
.creator-content-manager-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(390px,.85fr);align-items:stretch;gap:18px;margin-top:20px}.creator-content-manager-layout .creator-content-upload-panel{max-width:none;margin:0}.creator-content-manager-layout .creator-content-upload-panel>h3,.creator-media-library>header h3{margin:0;font-size:18px}.creator-content-manager-layout .studio-form{margin-top:22px}.creator-media-library{min-height:520px;padding:24px;border:1px solid #2b384a;border-radius:var(--radius-rect);background:#101822}.creator-media-library>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.creator-media-library>header nav{display:flex;gap:7px;padding:4px;border:1px solid #2d3a4c;border-radius:var(--radius-rect);background:#0a1018}.creator-media-library>header button{padding:9px 17px;border:0;border-radius:var(--radius-rect);background:transparent;color:#8491a4;font-size:11px;font-weight:850}.creator-media-library>header button.active{background:#1b3440;color:#7de0ec}.creator-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.creator-media-grid article{display:grid;grid-template-columns:86px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;border:1px solid #293648;border-radius:var(--radius-rect);background:#0c131c}.creator-media-thumb{position:relative;width:86px;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border-radius:var(--radius-rect);background:#080c12}.creator-media-thumb img{object-fit:cover}.creator-video-thumb{color:#ff6687;font-size:25px;background:linear-gradient(145deg,#19212c,#090d13)}.creator-media-grid article>div{display:grid;gap:6px;min-width:0}.creator-media-grid article>div b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.creator-media-grid article>div small{color:#7f8c9f;font-size:9px}.creator-media-grid article>button{padding:8px 10px;border:1px solid #334258;border-radius:var(--radius-rect);background:#17212d;color:#72d5e3;font-size:9px;font-weight:850}.creator-edit-post-backdrop{position:fixed;z-index:1100;inset:0;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.78);backdrop-filter:blur(9px)}.creator-edit-post{width:min(620px,100%);display:grid;gap:16px;padding:26px;border:1px solid #354359;border-radius:var(--radius-rect);background:#111923;box-shadow:0 30px 90px rgba(0,0,0,.65)}.creator-edit-post>header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.creator-edit-post>header span{color:#66d2e1;font-size:9px;font-weight:950;letter-spacing:1.3px}.creator-edit-post>header h3{margin:7px 0 0;font-size:21px}.creator-edit-post>header button{width:40px;height:40px;border:1px solid #364459;border-radius:var(--radius-circle);background:#18212d;color:#fff;font-size:23px}.creator-edit-post>label{display:grid;gap:7px;color:#c7d0dc;font-size:10px;font-weight:800}.creator-edit-post input,.creator-edit-post textarea{width:100%;padding:13px;border:1px solid #303e52;border-radius:var(--radius-rect);background:#0b1119;color:#fff;font:inherit;resize:vertical}.creator-edit-post>footer{display:grid;grid-template-columns:1fr 1.5fr;gap:10px}.creator-edit-post>footer button{min-height:46px;border:1px solid #344257;border-radius:var(--radius-rect);background:#151e29;color:#d4dce7;font-weight:850}.creator-edit-post>footer .auth-submit{background:linear-gradient(135deg,#ff6687,#e84f78);color:#fff}@media(max-width:1180px){.creator-content-manager-layout{grid-template-columns:1fr}.creator-media-library{min-height:0}}@media(max-width:700px){.creator-media-library{padding:16px}.creator-media-library>header{align-items:flex-start;flex-direction:column}.creator-media-grid{grid-template-columns:1fr}.creator-media-grid article{grid-template-columns:72px minmax(0,1fr) auto}.creator-media-thumb{width:72px}}
@media(min-width:981px){.creator-content-manager-layout{grid-template-columns:minmax(0,1.55fr) minmax(390px,.8fr)}.creator-media-library{min-height:520px}}
.creator-media-thumb video{width:100%;height:100%;object-fit:cover}
.creator-media-actions{display:grid;gap:6px}.creator-media-actions button{min-width:62px;padding:8px 10px;border:1px solid #334258;border-radius:var(--radius-rect);background:#17212d;color:#72d5e3;font-size:9px;font-weight:850;cursor:pointer}.creator-media-actions button.is-delete{border-color:#6f3041;background:#25151d;color:#ff7895}.creator-media-actions button:disabled{cursor:wait;opacity:.55}
.creator-media-actions form{display:grid}.creator-media-actions form button{width:100%}.creator-shop-manager{align-items:stretch}.creator-content-manager-layout>.creator-media-library,.creator-shop-manager>.creator-media-library{margin-top:0}.creator-product-library{min-height:0;height:100%}.creator-product-library .creator-media-grid{grid-template-columns:1fr}.creator-product-library .creator-media-grid article>div small{white-space:normal;line-height:1.45}
.member-content-tile{width:100%;padding:0;border:0;color:inherit;text-align:left;cursor:pointer}.member-gallery-modal-backdrop{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:24px;background:rgba(0,0,0,.84);backdrop-filter:blur(10px)}.member-gallery-modal{position:relative;width:min(880px,100%);max-height:94dvh;overflow:auto;border:1px solid #334253;border-radius:var(--radius-rect);background:#0d141d;box-shadow:0 30px 90px rgba(0,0,0,.7)}.member-gallery-stage{position:relative;width:100%;height:min(72dvh,760px);overflow:hidden;border-radius:var(--radius-rect) var(--radius-rect) 0 0;background:#05080c}.member-gallery-stage img{object-fit:contain}.member-gallery-arrow{position:absolute;z-index:2;top:50%;width:54px;height:54px;translate:0 -50%;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-circle);background:rgba(8,13,19,.78);color:#fff;font-size:42px;line-height:1;cursor:pointer}.member-gallery-arrow.is-prev{left:18px}.member-gallery-arrow.is-next{right:18px}.member-gallery-modal>footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 26px}.member-gallery-modal>footer h2{margin:0;font-size:24px}.member-gallery-modal>footer p{margin:6px 0 0;color:#98a5b5}.member-gallery-modal>footer nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.member-gallery-modal>footer nav button{width:9px;height:9px;padding:0;border:0;border-radius:var(--radius-circle);background:#536171}.member-gallery-modal>footer nav button.is-active{width:24px;border-radius:var(--radius-rect);background:#65d4e3}@media(max-width:700px){.member-gallery-modal-backdrop{padding:8px}.member-gallery-modal{border-radius:var(--radius-rect)}.member-gallery-stage{height:72dvh;border-radius:var(--radius-rect) var(--radius-rect) 0 0}.member-gallery-arrow{width:44px;height:44px;font-size:34px}.member-gallery-arrow.is-prev{left:10px}.member-gallery-arrow.is-next{right:10px}.member-gallery-modal>footer{display:block;padding:16px}.member-gallery-modal>footer nav{justify-content:flex-start;margin-top:14px}}
.member-gallery-card-button{width:100%;padding:0;color:inherit;text-align:left;cursor:pointer;font:inherit}

/* A real product photo must fill the card; the compact square is reserved for the no-image placeholder. */
.member-product-tile>.member-product-image{
  position:relative;
  width:100%;
  height:auto;
  aspect-ratio:4/3;
  display:block;
  overflow:hidden;
  margin-bottom:18px;
  border-radius:var(--radius-rect);
  background:#080b10;
  color:inherit;
  font-size:inherit;
}

/* Profile products use the same card proportions and density as the public shop. */
.member-profile-grid.is-shop{
  grid-template-columns:repeat(8,minmax(100px,1fr));
  gap:14px 10px;
}
@media(max-width:1180px){.member-profile-grid.is-shop{grid-template-columns:repeat(6,minmax(100px,1fr))}}
@media(max-width:900px){.member-profile-grid.is-shop{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}}
@media(max-width:620px){.member-profile-grid.is-shop{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}

/* Creator Center desktop readability pass.
   The second 1920x1080 notebook exposes roughly a 1536px CSS viewport at
   Windows/browser scaling, so the administration must remain readable
   without relying on browser zoom. */
@media (min-width:701px) and (max-width:1700px){
  .creator-center-content{width:min(1500px,100%);padding:30px clamp(24px,2.6vw,44px) 68px}

  .creator-center-topbar{grid-template-columns:215px minmax(0,1fr) auto;gap:12px 18px;padding:13px 104px 12px 24px}
  .creator-center-heading{gap:7px;padding-right:16px}
  .creator-center-heading .creator-center-brand{gap:10px}
  .creator-center-heading .creator-center-brand>.brand-mark{width:36px;height:36px;border-radius:var(--radius-rect)}
  .creator-center-heading .creator-center-brand b{font-size:19px}
  .creator-center-heading .creator-center-brand small{font-size:11px}
  .creator-center-heading>h1{margin-left:46px;font-size:19px}
  .creator-center-top-nav{gap:7px}
  .creator-center-top-nav button{min-height:42px;padding:6px 12px 6px 6px;font-size:12px}
  .creator-center-top-nav button i{width:30px;height:30px;font-size:13px}
  .creator-center-top-actions a,.creator-center-top-actions button{min-height:40px;padding:10px 14px;font-size:11px}

  .creator-section-intro{max-width:850px;margin-bottom:25px}
  .creator-section-intro>span{font-size:11px}
  .creator-section-intro h2{font-size:32px}
  .creator-section-intro p{font-size:14px;line-height:1.6}
  .creator-welcome.is-compact h2 strong,.creator-welcome.is-compact h2 span{font-size:25px}
  .creator-welcome.is-compact>aside small{font-size:11px}
  .creator-welcome.is-compact>aside b{font-size:16px}

  .creator-metric-grid>button,.creator-metric-grid>article{padding:18px 20px}
  .creator-metric-grid span{font-size:12px}
  .creator-metric-grid b{font-size:25px}
  .creator-metric-grid small{font-size:11px}
  .creator-metric-grid.is-inline .creator-metric-pairs small{font-size:11px}
  .creator-metric-grid.is-inline b{font-size:22px}
  .creator-metric-grid.is-inline>button>em{font-size:11px}

  .creator-panel{padding:23px}
  .creator-panel header span,.creator-payout>div>span{font-size:10px}
  .creator-panel h3{font-size:19px}
  .creator-panel header button,.creator-tasks>button,.creator-balance>button{min-height:38px;padding:9px 12px;font-size:11px}
  .creator-chart footer{font-size:10px}
  .creator-tasks header>b,.creator-balance header>b{font-size:21px}
  .creator-tasks li,.creator-balance dt,.creator-balance dd{font-size:12px}
  .creator-funnel p,.creator-payout p{font-size:12px}
  .creator-payout a{min-height:40px;padding:11px 15px;font-size:11px}

  .creator-settings-form>section{gap:18px;padding:25px}
  .creator-settings-form h3{font-size:18px}
  .creator-settings-form header p{font-size:12px}
  .creator-avatar-large,.creator-section-icon{width:52px;height:52px;font-size:14px}
  .creator-settings-form label{gap:9px;font-size:12px}
  .creator-settings-form input,.creator-settings-form textarea,.creator-settings-form select{min-height:46px;padding:13px 14px;font-size:14px}
  .creator-settings-form label>small{font-size:10px;line-height:1.45}
  .creator-switch-row b{font-size:12px}
  .creator-settings-form>footer a,.creator-settings-form>footer button{min-height:42px;padding:11px 16px;font-size:11px}

  .creator-action-card{grid-template-columns:50px minmax(0,1fr) auto;min-height:108px;padding:20px}
  .creator-action-card>span{width:50px;height:50px;font-size:20px}
  .creator-action-card h3{font-size:15px}
  .creator-action-card p{font-size:12px}
  .creator-live-hero>div>span{font-size:11px}
  .creator-live-hero h2{font-size:29px}
  .creator-live-hero p,.creator-live-hero a{font-size:12px}

  .creator-message-feed header b{font-size:13px}
  .creator-message-feed time,.creator-message-feed p{font-size:12px}
  .creator-empty-state b{font-size:15px}
  .creator-empty-state p,.creator-empty-state a{font-size:12px}
  .creator-message-compose h3,.creator-shop-list h3,.creator-product-form h3{font-size:17px}
  .creator-message-compose label,.creator-product-form label{font-size:12px}
  .creator-message-compose textarea,.creator-product-form input,.creator-product-form textarea,.creator-product-form select{min-height:45px;padding:12px 13px;font-size:13px}
  .creator-message-compose button,.creator-product-form>button,.creator-shop-list article button{min-height:40px;font-size:11px}
  .creator-message-compose>p,.creator-message-compose>a{font-size:12px}
  .creator-shop-summary span{font-size:11px}
  .creator-shop-summary b{font-size:24px}
  .creator-shop-list>article b{font-size:13px}
  .creator-shop-list>article small{font-size:10px}
  .creator-shop-grid h3{font-size:14px}
  .creator-shop-grid p,.creator-shop-grid article button,.creator-preview-note,.creator-add-product{font-size:11px}

  .creator-pairing-modal h2{font-size:24px}
  .creator-pairing-modal>p,.creator-pairing-state b,.creator-pairing-state small,.creator-pairing-modal>button:last-child{font-size:12px}

  .creator-inline-workspace>header span{font-size:11px}
  .creator-inline-workspace>header h2{font-size:27px}
  .creator-inline-workspace>header>button,.creator-content-manager span,.creator-content-manager button{font-size:12px}
  .creator-content-manager b{font-size:28px}
  .creator-workspace-notice{font-size:12px}
  .creator-settings-menu button{min-height:43px;font-size:12px}
  .creator-settings-card h3{font-size:20px}
  .creator-settings-card header p,.creator-payout-settings>div{font-size:12px}

  .creator-center .studio-form>label,.creator-center .studio-form legend{font-size:13px}
  .creator-center .studio-form input:not([type="radio"]),.creator-center .studio-form textarea,.creator-center .studio-form select{min-height:47px;padding:14px;font-size:14px}
  .creator-center .studio-form fieldset small,.creator-center .upload-placeholder span{font-size:11px}
  .creator-center .stream-preview-note b{font-size:13px}
  .creator-center .stream-preview-note p{font-size:11px}
  .creator-center .auth-submit,.creator-center .ghost-button{min-height:44px;font-size:12px}

  .creator-library-heading h3,.creator-content-manager-layout .creator-content-upload-panel>h3,.creator-media-library>header h3{font-size:21px}
  .creator-library-heading p,.creator-library-back,.creator-library-add{font-size:12px}
  .creator-library-summary strong{font-size:14px}
  .creator-library-summary span{font-size:12px}
  .creator-library-item strong,.creator-media-grid article>div b{font-size:13px}
  .creator-library-item>div:last-child span,.creator-library-item>div:last-of-type small,.creator-media-grid article>div small{font-size:11px}
  .creator-library-pagination>span,.creator-library-pagination button,.creator-media-library>header button,.creator-media-actions button,.creator-media-grid article>button{font-size:11px}
  .creator-bundle-detail h4{font-size:14px}
  .creator-bundle-detail p,.creator-bundle-items span,.creator-bundle-delete{font-size:11px}

  .creator-payout-account span,.creator-payout-breakdown article small,.creator-payout-breakdown article>span,.creator-payout-totals>.payout-net small{font-size:10px}
  .creator-payout-account b,.creator-payout-breakdown article b,.creator-payout-breakdown article>strong,.creator-payout-share>span,.creator-payout-totals>div>span,.creator-payout-totals>div>b{font-size:12px}
  .creator-payout-breakdown h4,.creator-payout-breakdown>header h4{font-size:16px}
  .creator-payout-breakdown header p,.creator-payout-breakdown>header p,.creator-payout-breakdown>header>span{font-size:11px}
  .creator-payout-breakdown footer span{font-size:12px}
  .creator-payout-breakdown footer small{font-size:10px}
  .creator-payout-totals>.payout-net span{font-size:13px}

  .creator-application-status>span{font-size:11px}
  .creator-application-status p{font-size:13px}
  .creator-application-form label{font-size:12px}
  .creator-application-form input,.creator-application-form textarea,.creator-application-form select{min-height:46px;font-size:13px}
  .creator-application-form button{min-height:43px;font-size:12px}

  .finance-beta-summary span,.finance-beta-summary p,.finance-beta-summary>strong{font-size:11px}
}

@media (min-width:1181px) and (max-width:1600px){
  .creator-center-topbar{padding-right:92px}
  .creator-center-content{padding-inline:30px}
  .creator-center-top-nav{padding-block:4px}
}

/* Keep every Creator Center destination visible without undoing the larger,
   readable controls used on the second notebook. */
@media (min-width:701px){
  .creator-center-topbar{grid-template-columns:180px minmax(0,1fr);column-gap:12px;padding-right:84px}
  .creator-center-heading{padding-right:10px}
  .creator-center-top-nav{
    display:grid;
    grid-template-columns:repeat(9,minmax(0,1fr));
    gap:4px;
    width:100%;
    margin:0;
    overflow:visible;
    padding-block:3px;
  }
  .creator-center-top-nav button{
    min-width:0;
    min-height:34px;
    justify-content:center;
    gap:4px;
    padding:4px;
    font-size:clamp(8px,.58vw,10px);
  }
  .creator-center-top-nav button span{min-width:0;overflow:visible;text-overflow:clip;white-space:nowrap}
  .creator-center-top-nav button i{flex:none;width:24px;height:24px;font-size:10px}
  .creator-center-top-nav .creator-center-device-link{grid-column:span 2}
}

/* Public creator directory: the search lives in the shared compact subnav. */
.creators-directory-page{min-height:100vh}
.creator-search-subnav{width:min(1380px,calc(100% - 48px));min-height:36px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:8px;margin:auto}
.creator-search-subnav>span{color:#65d4e3;font-size:21px;line-height:1}
.creator-search-subnav input{width:100%;height:32px;padding:0 12px;border:1px solid #2e3b4d;border-radius:var(--radius-rect);background:#0b1119;color:#eef4f8;font-size:12px;outline:0}
.creator-search-subnav input:focus{border-color:#65d4e3;box-shadow:0 0 0 3px rgba(101,212,227,.1)}
.creator-search-subnav button,.creator-search-subnav a{display:grid;place-items:center;min-height:32px;padding:0 14px;border:1px solid rgba(101,212,227,.45);border-radius:var(--radius-rect);background:rgba(101,212,227,.14);color:#82e5ef;font-size:11px;font-weight:850;text-decoration:none;cursor:pointer}
.creator-search-subnav a{border-color:#303d4e;background:#111923;color:#aab5c3}
.creators-directory-main{width:min(1380px,calc(100% - 48px));margin:0 auto;padding:22px 0 70px}
.creators-directory-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid #273344}
.creators-directory-heading h1{margin:0;font-size:30px;letter-spacing:-.7px}
.creators-directory-heading span{color:#7fdce8;font-size:13px;font-weight:850}
.creators-directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.creators-directory-grid>a{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:96px;padding:11px 12px;border:1px solid #293648;border-radius:var(--radius-rect);background:linear-gradient(145deg,#121b26,#0d141d);color:#eef4f8;text-decoration:none;transition:.16s ease}
.creators-directory-grid>a:hover{transform:translateY(-2px);border-color:rgba(101,212,227,.5);background:#14212c}
.creators-directory-grid .profile-avatar-host{display:grid;place-items:center;width:72px;height:72px;overflow:hidden;border:2px solid rgba(101,212,227,.55);border-radius:var(--radius-circle);background:#1c3040;color:#8ee6f0;font-size:17px;font-weight:950}
.creators-directory-grid>a>div{display:grid;gap:5px;min-width:0}
.creators-directory-grid b,.creators-directory-grid small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.creators-directory-grid b{font-size:14px}
.creators-directory-grid small{color:#8593a5;font-size:11px}
.creators-directory-grid i{color:#65d4e3;font-size:18px;font-style:normal}
.creators-directory-empty{padding:48px 24px;border:1px dashed #33465a;border-radius:var(--radius-rect);background:#0f1721;color:#eef4f8;text-align:center}
.creators-directory-empty p{margin:7px 0 0;color:#8290a3}
.creators-content-results{margin-top:32px}
.creators-content-results h2{font-size:24px}
.creators-content-results>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.creators-content-results a{display:grid;gap:6px;padding:15px;border:1px solid #293648;border-radius:var(--radius-rect);background:#111923;color:#eef4f8;text-decoration:none}
.creators-content-results span{color:#8290a3;font-size:11px}
@media(max-width:900px){.creators-directory-grid,.creators-content-results>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.creator-search-subnav{width:calc(100% - 24px);grid-template-columns:auto minmax(0,1fr) auto;gap:7px}.creator-search-subnav input{font-size:13px}.creator-search-subnav button{padding-inline:12px}.creator-search-subnav a{grid-column:2/-1}.creators-directory-main{width:calc(100% - 24px);padding-top:24px}.creators-directory-heading h1{font-size:24px}.creators-directory-grid,.creators-content-results>div{grid-template-columns:1fr}.creators-directory-grid>a{grid-template-columns:60px minmax(0,1fr) auto;min-height:90px}.creators-directory-grid .profile-avatar-host{width:60px;height:60px}}
.message-center.is-conversation{display:flex;flex-direction:column;gap:14px;width:100%}.message-conversation-switcher{display:flex;gap:8px;margin:0 0 14px;padding:2px 0 5px;overflow-x:auto}.message-conversation-chip{display:flex;flex:0 0 auto;align-items:center;border:1px solid #2d3b4e;border-radius:var(--radius-rect);background:#101720;color:#9aa8ba;overflow:hidden}.message-conversation-chip>a{padding:9px 11px 9px 13px;color:inherit;font-size:10px;font-weight:800}.message-conversation-chip>form{display:flex;align-items:center;margin:0;border-left:1px solid #35465b}.message-conversation-chip button{width:31px;height:28px;padding:0;border:0;background:transparent;color:#718095;font-size:17px;line-height:1;cursor:pointer}.message-conversation-chip button:hover{color:#ff6b88}.message-conversation-chip.is-active{border-color:rgba(99,215,237,.45);background:rgba(99,215,237,.09);color:#72d8e5}.message-conversation-chip.is-active>form{border-left-color:rgba(99,215,237,.3)}.direct-message-composer{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 54px 62px;gap:9px;width:100%;padding:10px;border:1px solid #293648;border-radius:var(--radius-rect);background:#101720}.direct-message-composer textarea{min-height:54px;max-height:150px;padding:15px 17px;border:1px solid #35465b;border-radius:var(--radius-rect);background:#0b121b;color:#eef4fa;font:inherit;resize:vertical}.direct-message-composer button{display:grid;place-items:center;border:1px solid #35465b;border-radius:var(--radius-rect);cursor:pointer}.direct-message-emoji-wrap{position:relative}.direct-message-emoji-button{width:100%;height:100%;background:#162231;color:#ffbd45;font-size:23px}.direct-message-send{background:#67d3e2;color:#071118;font-size:24px}.direct-message-send:disabled{cursor:not-allowed;opacity:.42}.direct-message-emoji-picker{position:absolute;z-index:20;right:0;bottom:calc(100% + 9px);display:grid;grid-template-columns:repeat(4,38px);gap:5px;padding:8px;border:1px solid #35465b;border-radius:var(--radius-rect);background:#111923;box-shadow:0 14px 36px rgba(0,0,0,.45)}.direct-message-emoji-picker button{width:38px;height:38px;background:#0b121b;font-size:20px}.message-center.is-conversation .direct-message-list{width:100%;max-height:62vh;min-height:330px;overflow-y:auto;scrollbar-color:#ff4f7d #111923}.message-center.is-conversation .direct-message-list article{width:min(78%,900px)}.direct-message-list article header b span{padding:0 5px;color:#69d3e2}.direct-message-notice{transition:opacity .2s ease}
@media(max-width:620px){.direct-message-composer{grid-template-columns:minmax(0,1fr) 48px 54px;padding:7px}.direct-message-composer textarea{padding:13px}.message-center.is-conversation .direct-message-list article{width:94%;max-width:94%}.direct-message-list article header{align-items:flex-start;flex-direction:column;gap:4px}.direct-message-emoji-picker{grid-template-columns:repeat(3,38px)}}
.message-center.is-conversation .direct-message-list article{width:100%;max-width:none}
.message-conversation-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.message-conversation-bar .message-conversation-switcher{flex:1;margin:0}.message-conversation-bar>strong{flex:0 0 auto;padding:9px 13px;border:1px solid rgba(99,215,237,.3);border-radius:var(--radius-rect);background:rgba(99,215,237,.08);color:#72d8e5;font-size:10px}.messages-page .account-tool-wrap{padding-top:18px}
@media(max-width:620px){.message-conversation-bar{align-items:stretch;flex-direction:column}.message-conversation-bar>strong{align-self:flex-end}.messages-page .account-tool-wrap{padding-top:12px}}
.message-nav-link{position:relative;display:inline-flex!important;align-items:center;gap:9px}.message-unread-dot,.message-conversation-chip.has-unread>a>span{display:block;width:10px;height:10px;border-radius:var(--radius-circle);background:#65d7e8;box-shadow:0 0 0 4px rgba(101,215,232,.13),0 0 15px rgba(101,215,232,.8)}.message-conversation-chip.has-unread{border-color:#65d7e8;color:#dffbff}.message-conversation-chip.has-unread>a>span{display:inline-block;width:8px;height:8px;margin-left:9px;vertical-align:1px}
.messages-page{padding-top:62px}@media(max-width:980px){.messages-page{padding-top:58px}}@media(max-width:760px){.messages-page{padding-top:52px}}
.community-admin-heading h1{display:flex;align-items:baseline;gap:12px;margin:0 0 8px;color:#f4f7fb;font-size:20px;line-height:1.2}.community-admin-heading h1>span{color:var(--cyan);font-size:10px;font-weight:900;letter-spacing:1.8px;white-space:nowrap}.community-admin-heading p{font-size:10px;line-height:1.45}
@media(max-width:620px){.community-admin-heading h1{flex-wrap:wrap;gap:7px 10px;font-size:18px}.community-admin-heading h1>span{font-size:9px}.community-admin-heading p{font-size:9px}}
.creator-section-intro{max-width:none}.creator-section-intro h2{display:flex;align-items:baseline;gap:12px;margin:0 0 8px;color:#f4f7fb;font-size:20px;line-height:1.2;letter-spacing:0}.creator-section-intro h2>span{color:var(--cc-cyan);font-size:10px;font-weight:900;letter-spacing:1.8px;white-space:nowrap}.creator-section-intro p{font-size:10px;line-height:1.45}
@media(max-width:700px){.creator-section-intro h2{flex-wrap:wrap;gap:7px 10px;font-size:18px}.creator-section-intro h2>span{font-size:9px}.creator-section-intro p{font-size:9px}}
.creator-earnings-tabs{display:flex;gap:8px;margin:18px 0;padding:5px;border:1px solid #293648;border-radius:var(--radius-rect);background:#0a1018}.creator-earnings-tabs button{flex:1;min-height:42px;padding:10px 14px;border:1px solid transparent;border-radius:var(--radius-rect);background:transparent;color:#8491a4;font-size:10px;font-weight:850;cursor:pointer}.creator-earnings-tabs button:hover{background:#131d28;color:#dce7f2}.creator-earnings-tabs button.active{border-color:rgba(99,215,237,.28);background:#1a2633;color:#75d9e7;box-shadow:0 7px 18px rgba(0,0,0,.18)}.creator-earnings-tabs button span{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:7px;padding:0 6px;border-radius:var(--radius-rect);background:#263546;color:#a7b5c4;font-size:8px}.creator-earnings-tabs button.active span{background:rgba(99,215,237,.14);color:#8de7f1}
.creator-metric-grid.earnings-summary>article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px}.creator-metric-grid.earnings-summary span,.creator-metric-grid.earnings-summary b{margin:0;font-size:12px;line-height:1.25;letter-spacing:0}.creator-metric-grid.earnings-summary span{white-space:nowrap}.creator-metric-grid.earnings-summary b{flex:none;white-space:nowrap}
.creator-shop-summary article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px}.creator-shop-summary span,.creator-shop-summary b{margin:0;font-size:12px;line-height:1.25;letter-spacing:0}.creator-shop-summary span{white-space:nowrap}.creator-shop-summary b{flex:none;white-space:nowrap}
.payout-card-panel{display:flex;flex-direction:column}.payout-method-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:14px;padding:4px;border:1px solid #2d3b4d;border-radius:var(--radius-rect);background:#0b121b}.payout-method-switch button{padding:10px;border:1px solid transparent;border-radius:var(--radius-rect);background:transparent;color:#8795a7;font-size:9px;font-weight:900;cursor:pointer}.payout-method-switch button.active{border-color:rgba(99,215,237,.3);background:#1a2835;color:#78dce8}.payout-card-preview{display:grid;gap:5px;margin:10px 0 16px;padding:17px;border:1px solid #33445a;border-radius:var(--radius-rect);background:linear-gradient(135deg,#172535,#101923)}.payout-card-preview>span{color:#75d9e7;font-size:8px;font-weight:900;letter-spacing:1.2px}.payout-card-preview>b{font-size:18px;letter-spacing:1px}.payout-card-preview>small{color:#8392a5;font-size:9px}.payout-card-panel>button:disabled{margin-top:auto;cursor:not-allowed;opacity:.5}.payout-card-confirm{display:flex!important;align-items:center;gap:8px;margin-top:14px;padding:11px;border:1px solid #2d3b4d;border-radius:var(--radius-rect);background:#101923}.payout-card-confirm input{width:auto!important;margin:0}
.payout-account-state{display:grid;gap:8px}.payout-account-state>b{display:block}
@media(max-width:620px){.creator-earnings-tabs{overflow-x:auto}.creator-earnings-tabs button{flex:none;white-space:nowrap}.finance-account-grid{grid-template-columns:1fr}}

/* Per-account light appearance. Media itself keeps its natural colours. */
html[data-theme="light"] body{background:#edf2f6;color:#17202b}
html[data-theme="light"] .site-shell,html[data-theme="light"] .profile-page,html[data-theme="light"] .auth-page,html[data-theme="light"] .member-page,html[data-theme="light"] .account-tool-page,html[data-theme="light"] .legal-page,html[data-theme="light"] .admin-page,html[data-theme="light"] .workflow-page,html[data-theme="light"] .creator-dynamic-page,html[data-theme="light"] .videos-gallery-page,html[data-theme="light"] .video-detail-page,html[data-theme="light"] .community-admin-page,html[data-theme="light"] .studio-page,html[data-theme="light"] .checkout-page{background-color:#edf2f6!important;background-image:linear-gradient(110deg,rgba(245,248,251,.9),rgba(236,243,248,.75) 55%,rgba(245,248,251,.92)),var(--livyno-ambient)!important}
html[data-theme="light"] .topbar,html[data-theme="light"] .sidebar,html[data-theme="light"] .creator-center-topbar,html[data-theme="light"] .creator-center-mobile-nav{background:rgba(250,252,254,.94);border-color:#cbd5df;color:#17202b}
html[data-theme="light"] .creator-center-content,html[data-theme="light"] .community-admin-wrap{color:#17202b}
html[data-theme="light"] .creator-panel,html[data-theme="light"] .creator-metric-grid>article,html[data-theme="light"] .creator-metric-grid>button,html[data-theme="light"] .creator-settings-form>section,html[data-theme="light"] .creator-shop-list,html[data-theme="light"] .creator-product-form,html[data-theme="light"] .creator-media-library,html[data-theme="light"] .creator-content-upload-panel,html[data-theme="light"] .finance-account-grid>section,html[data-theme="light"] .finance-ledger,html[data-theme="light"] .community-user-card,html[data-theme="light"] .admin-audit-card,html[data-theme="light"] .account-tool-card,html[data-theme="light"] .auth-card,html[data-theme="light"] .legal-card,html[data-theme="light"] .checkout-card{background:#fff;border-color:#cbd5df;color:#17202b;box-shadow:0 12px 30px rgba(40,61,81,.08)}
html[data-theme="light"] .creator-section-intro h2,html[data-theme="light"] .creator-panel h3,html[data-theme="light"] .creator-settings-form h3,html[data-theme="light"] .community-admin-heading h1,html[data-theme="light"] .community-user-card h2,html[data-theme="light"] .finance-account-grid h2,html[data-theme="light"] .finance-ledger h2{color:#17202b}
html[data-theme="light"] .creator-section-intro p,html[data-theme="light"] .creator-panel p,html[data-theme="light"] .creator-settings-form header p,html[data-theme="light"] .community-admin-heading p,html[data-theme="light"] .community-user-card p,html[data-theme="light"] .finance-account-grid p{color:#607085}
html[data-theme="light"] .creator-settings-form input,html[data-theme="light"] .creator-settings-form textarea,html[data-theme="light"] .creator-settings-form select,html[data-theme="light"] .creator-product-form input,html[data-theme="light"] .creator-product-form textarea,html[data-theme="light"] .creator-product-form select,html[data-theme="light"] .community-member-tools input,html[data-theme="light"] .community-member-tools select{background:#f7f9fb;border-color:#c8d3de;color:#17202b}
html[data-theme="light"] .creator-earnings-tabs,html[data-theme="light"] .payout-method-switch{background:#e9eff4;border-color:#c5d0da}
html[data-theme="light"] .creator-earnings-tabs button.active,html[data-theme="light"] .payout-method-switch button.active{background:#fff;color:#147f96;box-shadow:0 5px 15px rgba(40,61,81,.1)}
html[data-theme="light"] .payout-card-preview,html[data-theme="light"] .payout-account-state,html[data-theme="light"] .payout-card-confirm,html[data-theme="light"] .creator-switch-row{background:#f3f7fa;border-color:#c7d2dc;color:#17202b}
html[data-theme="light"] .global-account-dock>.global-account-avatar{background:rgba(255,255,255,.97);color:#17202b;box-shadow:0 12px 30px rgba(40,61,81,.18)}
html[data-theme="light"] .global-account-menu{background:linear-gradient(155deg,rgba(255,255,255,.99),rgba(241,246,250,.99));border-color:#b9ccd8;box-shadow:0 22px 55px rgba(40,61,81,.2)}
html[data-theme="light"] .global-account-menu a{color:#243342}html[data-theme="light"] .global-account-menu a:hover{background:#e7f2f5;color:#147f96}
html[data-theme="light"] .global-theme-choice button{color:#607085}html[data-theme="light"] .global-theme-choice button.active{background:#fff;color:#147f96}
/* Roomier account-level appearance control inside the creator profile. */
.creator-theme-settings .global-theme-choice {
  width: min(100%, 360px);
  margin-top: 4px;
  padding: 5px;
  border: 1px solid var(--line);
  border-radius: var(--radius-rect);
}

.creator-theme-settings .global-theme-choice button {
  min-height: 44px;
  font-size: 15px;
}

/* Keep mobile pairing compact even on scaled desktop displays. */
.creator-pairing-modal.is-mobile-pairing {
  width: min(380px, 100%);
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
  padding: 22px 24px;
  border-radius: var(--radius-rect);
}

.creator-pairing-modal.is-mobile-pairing .creator-pairing-close {
  top: 10px;
  right: 10px;
  width: 28px;
  height: 28px;
}

.creator-pairing-modal.is-mobile-pairing h2 {
  font-size: 19px;
}

.creator-pairing-modal.is-mobile-pairing > p {
  max-width: 330px;
  margin: 7px auto 12px;
  font-size: 10px;
  line-height: 1.5;
}

.creator-pairing-modal.is-mobile-pairing .creator-pairing-qr {
  width: 176px;
  height: 176px;
  margin-bottom: 11px;
  padding: 7px;
  border-radius: var(--radius-rect);
}

.creator-pairing-modal.is-mobile-pairing .creator-pairing-state {
  gap: 3px;
  padding: 10px 12px;
  border-radius: var(--radius-rect);
}

.creator-pairing-modal.is-mobile-pairing .creator-pairing-state b {
  font-size: 10px;
}

.creator-pairing-modal.is-mobile-pairing .creator-pairing-state small {
  font-size: 9px;
}

@media (max-width: 520px) {
  .creator-pairing-backdrop {
    padding: 10px;
  }

  .creator-pairing-modal.is-mobile-pairing {
    max-height: calc(100dvh - 20px);
    padding: 20px 16px;
  }
}

.creator-connected-devices {
  display: grid;
  gap: 8px;
  margin: 12px 0;
}

.creator-connected-devices article {
  display: grid;
  grid-template-columns: 34px 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border: 1px solid #2e4053;
  border-radius: var(--radius-rect);
  background: #0b121b;
  text-align: left;
}

.creator-connected-devices article > span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: var(--radius-rect);
  background: rgba(101, 212, 227, .1);
  color: var(--cc-cyan);
}

.creator-connected-devices article > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.creator-connected-devices article b {
  overflow: hidden;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.creator-connected-devices article small,
.creator-connected-empty {
  color: #8291a3;
  font-size: 9px;
}

.creator-connected-devices article button {
  padding: 7px 10px;
  border: 1px solid rgba(255, 103, 137, .35);
  border-radius: var(--radius-rect);
  background: rgba(255, 103, 137, .09);
  color: #ff7896;
  font-size: 9px;
  font-weight: 850;
  cursor: pointer;
}

.creator-connected-devices article button:disabled {
  cursor: wait;
  opacity: .6;
}

.creator-connected-empty {
  padding: 18px 12px;
  border: 1px dashed #2e4053;
  border-radius: var(--radius-rect);
}

.creator-pairing-modal .creator-pairing-secondary {
  margin-top: 5px;
  padding: 9px 15px;
  border: 0;
  border-radius: var(--radius-rect);
  background: var(--cc-pink);
  color: #fff;
  font-size: 10px;
  font-weight: 900;
  cursor: pointer;
}

.creator-pairing-modal .creator-pairing-link,
.creator-pairing-success .creator-pairing-link {
  margin-top: 8px;
  padding: 4px;
  border: 0;
  background: transparent;
  color: #8da0b4;
  font-size: 9px;
  font-weight: 750;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}

@media (max-width: 420px) {
  .creator-connected-devices article {
    grid-template-columns: 30px 1fr;
  }

  .creator-connected-devices article button {
    grid-column: 2;
    justify-self: start;
  }
}

.auth-birthdate-input {
  display: grid;
  grid-template-columns: minmax(44px, 1fr) auto minmax(44px, 1fr) auto minmax(76px, 1.5fr);
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  border: 1px solid #303d50;
  border-radius: var(--radius-rect);
  background: #0d131c;
}

.auth-birthdate-input:focus-within {
  border-color: #62cfdf;
}

.auth-form .auth-birthdate-input input:not([type="checkbox"]) {
  min-width: 0;
  padding: 13px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  text-align: center;
  font-variant-numeric: tabular-nums;
}

.auth-birthdate-input span {
  color: #8e9bad;
  font-size: 18px;
  font-weight: 900;
}

@media (max-width: 420px) {
  .auth-birthdate-input {
    gap: 5px;
    padding: 0 10px;
  }
}

.create-hub-panel {
  max-width: 760px;
}

.create-mode-switch {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 7px;
  margin-bottom: 14px;
  padding: 5px;
  border: 1px solid #2d3b4d;
  border-radius: var(--radius-rect);
  background: #0b1119;
}

.create-mode-switch :is(button, a) {
  display: grid;
  place-items: center;
  min-height: 42px;
  padding: 8px;
  border: 0;
  border-radius: var(--radius-rect);
  background: transparent;
  color: #8492a4;
  font: inherit;
  font-size: 11px;
  font-weight: 900;
  cursor: pointer;
}

.create-mode-switch button.is-active {
  background: #20303d;
  color: #72d9e7;
}

.create-mode-switch a {
  color: #ff7898;
}

.create-capture-stage {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid #2d3b4d;
  border-radius: var(--radius-rect);
  background: #0b1119;
}

.create-camera-preview {
  min-height: 210px;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 10px;
  overflow: hidden;
  border-radius: var(--radius-rect);
  background: radial-gradient(circle at 50% 35%, rgba(93, 207, 225, 0.15), transparent 32%), linear-gradient(145deg, #172333, #080d14);
  color: #dce7ef;
}

.create-camera-preview span {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border: 1px solid rgba(105, 213, 228, 0.42);
  border-radius: var(--radius-circle);
  color: #70d7e5;
  font-size: 30px;
}

.create-camera-preview b {
  font-size: 13px;
}

.create-capture-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.create-capture-actions button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 10px;
  border: 1px solid #34475c;
  border-radius: var(--radius-rect);
  background: #172331;
  color: #dce7ef;
  font-size: 10px;
  font-weight: 850;
}

.create-capture-actions button:first-child {
  border-color: rgba(255, 102, 137, 0.42);
  background: rgba(255, 102, 137, 0.1);
}

.create-capture-actions i {
  color: #ff7696;
  font-size: 16px;
  font-style: normal;
}

.create-hidden-input {
  position: absolute;
  width: 1px !important;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

.create-capture-stage .selected-media-summary {
  display: grid;
  gap: 3px;
  padding: 10px 12px;
  border-radius: var(--radius-rect);
  background: rgba(96, 206, 221, 0.08);
}

.create-capture-stage .selected-media-summary strong {
  color: #72d8e5;
  font-size: 10px;
}

.create-capture-stage .selected-media-summary small,
.create-media-limits {
  color: #758398;
  font-size: 8px;
  line-height: 1.5;
}

@media (max-width: 620px) {
  .create-hub-page {
    padding: 0;
    background: #070b11;
  }

  .create-hub-panel {
    min-height: 100dvh;
    padding: 18px 14px 28px;
    border: 0;
    border-radius: 0;
  }

  .create-hub-panel .workflow-back {
    margin-bottom: 18px;
  }

  .create-hub-panel h1 {
    font-size: 27px;
  }

  .create-camera-preview {
    min-height: min(52dvh, 440px);
  }
}

/* Mobile creator LIVE is an immersive camera surface, not a stacked desktop dashboard. */
@media (max-width: 900px) and (pointer: coarse) {
  html[data-livyno-embedded="true"] .livyno-global-topbar,
  html[data-livyno-embedded="true"] .site-footer { display: none !important; }
  body:has(.stream-room.is-creator-room) .global-account-dock,
  body:has(.stream-room.is-creator-room) .global-account-menu { display: none !important; }
  body:has(.stream-room.is-creator-room) { overflow: hidden; background: #030507; }
  body:has(.stream-room.is-creator-room) > footer,
  body:has(.stream-room.is-creator-room) .site-footer { display: none !important; }

  .creator-live-toolbar {
    position: fixed; z-index: 40; inset: auto 0 0; height: auto; min-height: 74px;
    padding: 10px 12px max(10px, env(safe-area-inset-bottom)); border: 0;
    background: linear-gradient(0deg, rgba(2,4,7,.98), rgba(2,4,7,.82) 62%, transparent);
    pointer-events: none;
  }
  .creator-live-toolbar > a {
    position: fixed; z-index: 2; top: max(12px, env(safe-area-inset-top)); right: 12px;
    display: grid; place-items: center; width: 30px; height: 30px; overflow: hidden; padding: 0;
    border: 1px solid rgba(255,255,255,.3); border-radius: var(--radius-circle); background: rgba(6,9,14,.68);
    color: transparent; font-size: 0; pointer-events: auto; backdrop-filter: blur(10px);
  }
  .creator-live-toolbar > a::after { position: relative; top: -1px; content: "×"; color: #fff; font-size: 20px; font-weight: 300; line-height: 1; }
  .creator-live-toolbar > .stream-info { display: block; width: 100%; height: auto; margin: 0; padding: 0; border: 0; background: none; pointer-events: none; }
  .creator-live-toolbar .stream-creator-avatar,
  .creator-live-toolbar .stream-info-copy,
  .creator-live-toolbar > button { display: none !important; }
  .creator-live-toolbar .stream-actions.creator-stream-actions { display: block; pointer-events: auto; }
  .creator-live-toolbar .creator-broadcast-action.is-inline { display: grid; grid-template-columns: minmax(112px,.72fr) minmax(0,1.4fr); gap: 8px; width: 100%; }
  .creator-live-toolbar .creator-stream-access-quick,
  .creator-live-toolbar .creator-broadcast-action.is-inline > button { display: flex !important; min-width: 0; min-height: 48px; }
  .creator-live-toolbar .creator-stream-access-quick select {
    width: 100%; min-width: 0; height: 48px; padding: 0 30px 0 13px;
    border-color: rgba(255,255,255,.24); border-radius: var(--radius-rect); background: rgba(17,24,33,.88);
    color: #fff; font-size: 12px;
  }
  .creator-live-toolbar .creator-broadcast-action.is-inline > button,
  .creator-live-toolbar .creator-broadcast-action.is-inline > button.restart {
    align-items: center; justify-content: center; min-height: 48px; padding: 10px 14px; border: 0;
    border-radius: var(--radius-rect); background: linear-gradient(135deg,#ff476f,#ed2456);
    box-shadow: 0 10px 28px rgba(237,36,86,.32); color: #fff; font-size: 13px; font-weight: 950;
  }
  .creator-live-toolbar .creator-broadcast-action.is-inline > button.restart::before { content: "●"; margin-right: 7px; font-size: 10px; }
  .creator-live-toolbar .stream-share-action,
  .creator-live-toolbar .stream-join-error { display: none !important; }

  .stream-room.is-creator-room { width: 100%; height: 100dvh; max-width: none; margin: 0; padding: 0; overflow: hidden; background: #020406; }
  .is-creator-room .stream-layout,
  .is-creator-room .stream-main,
  .is-creator-room .preview-player,
  .is-creator-room .preview-video { width: 100%; height: 100%; min-height: 0; }
  .is-creator-room .stream-layout { position: relative; display: block; }
  .is-creator-room .stream-main .preview-video { aspect-ratio: auto; border: 0; border-radius: 0; background: #05080c; }
  .is-creator-room .preview-stage-light { z-index: 1; background: linear-gradient(180deg,rgba(0,0,0,.52),transparent 24%,transparent 58%,rgba(0,0,0,.52)); }

  .is-creator-room .preview-stream-heading {
    z-index: 10; top: max(8px,env(safe-area-inset-top)); right: 58px; display: grid;
    grid-template-columns: auto minmax(0,1fr); min-height: 52px; gap: 8px; padding: 6px 0 6px 12px;
    border: 0; background: none; backdrop-filter: none;
  }
  .is-creator-room .preview-stream-heading .live-pill {
    align-self: start; padding: 7px 10px; border-radius: var(--radius-rect); background: rgba(16,22,31,.72);
    font-size: 20px; backdrop-filter: blur(9px);
  }
  .is-creator-room .preview-stream-heading .creator-broadcast-toggle {
    width: auto; min-width: 0; padding: 0; border: 0; border-radius: 0; background: transparent;
    box-shadow: none; color: #fff; font-family: inherit; text-align: left; cursor: pointer; backdrop-filter: none;
  }
  .is-creator-room .preview-stream-heading .creator-broadcast-toggle:disabled { cursor: wait; opacity: .72; }
  .is-creator-room .preview-stream-heading .creator-stream-access-heading { display: flex; align-items: flex-start; align-self: start; min-width: 0; height: 30px; gap: 7px; white-space: nowrap; transform: translateY(-3px); }
  .is-creator-room .preview-stream-heading .creator-stream-access-heading button { padding: 2px 0; border: 0; background: none; color: rgba(255,255,255,.62); font: inherit; font-size: 12px; font-weight: 800; text-shadow: 0 1px 8px rgba(0,0,0,.85); cursor: pointer; }
  .is-creator-room .preview-stream-heading .creator-stream-access-heading button:hover,
  .is-creator-room .preview-stream-heading .creator-stream-access-heading button:focus-visible { color: #fff; outline: none; }
  .is-creator-room .preview-stream-heading .creator-stream-access-heading button.is-active { color: #70d8e6; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; }
  .is-creator-room .preview-stream-heading .creator-stream-access-heading span { color: rgba(255,255,255,.35); font-size: 11px; }
  .is-creator-room .preview-stream-heading .creator-stream-access-heading button:disabled { cursor: not-allowed; opacity: .58; }
  .is-creator-room .preview-stream-heading .creator-stream-access-heading :is(.creator-livyno-navigation-trigger,.creator-chat-settings-trigger) {
    display: grid; place-items: center; width: 30px; height: 30px; padding: 0;
    border: 1px solid rgba(255,255,255,.2); border-radius: var(--radius-circle); background: rgba(10,15,22,.56);
    color: rgba(255,255,255,.78); font-family: inherit; font-size: 16px; line-height: 1; text-decoration: none; backdrop-filter: blur(8px);
  }
  .is-creator-room .preview-stream-heading .creator-stream-access-heading .creator-livyno-navigation-trigger { font-size: 15px; }
  .is-creator-room .preview-stream-heading .creator-stream-access-heading .creator-livyno-navigation-trigger.is-open { border-color: rgba(112,216,230,.62); color: #70d8e6; }
  .is-creator-room .preview-stream-heading .creator-stream-access-heading .creator-chat-settings-trigger.is-open { border-color: rgba(112,216,230,.62); color: #70d8e6; transform: none; }
  .is-creator-room .stream-guest-requests { position: fixed; top: calc(max(8px, env(safe-area-inset-top)) + 100px); right: auto; left: 50%; width: min(370px, calc(100% - 32px)); transform: translateX(-50%); }
  .is-creator-room .stream-guest-requests article > b { font-size: 16px; }
  .is-creator-room .stream-guest-requests article > button { font-size: 16px; }
  .is-creator-room .creator-chat-settings-panel {
    position: absolute; z-index: 9; top: max(62px,calc(env(safe-area-inset-top) + 58px)); left: 50%;
    width: min(340px,calc(100% - 74px)); padding: 13px 14px; border: 1px solid rgba(255,255,255,.18);
    border-radius: 0 0 var(--radius-rect) var(--radius-rect); background: rgba(10,15,22,.94); box-shadow: 0 18px 42px rgba(0,0,0,.48);
    color: #fff; transform: translateX(-50%); backdrop-filter: blur(16px); animation: creator-chat-settings-drop .18s ease-out;
  }
  .is-creator-room .creator-chat-settings-panel header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
  .is-creator-room .creator-chat-settings-panel header b { font-size: 13px; }
  .is-creator-room .creator-chat-settings-panel header button { width: 26px; height: 26px; padding: 0; border: 0; background: none; color: #aab5c4; font-size: 20px; }
  .is-creator-room .creator-chat-settings-panel p { margin: 8px 0 0; color: #8290a2; font-size: 10px; }
  .is-creator-room .creator-chat-access-setting { display: grid; gap: 9px; margin-top: 11px; padding-top: 11px; border-top: 1px solid rgba(255,255,255,.12); }
  .is-creator-room .creator-chat-access-setting > span { color: #8f9daf; font-size: 10px; font-weight: 700; }
  .is-creator-room .creator-chat-access-setting > div { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
  .is-creator-room .creator-chat-access-setting button { min-height: 38px; padding: 8px 10px; border: 1px solid rgba(255,255,255,.16); border-radius: var(--radius-rect); background: rgba(255,255,255,.05); color: #aab6c5; font: inherit; font-size: 10px; font-weight: 850; }
  .is-creator-room .creator-chat-access-setting button.is-active { border-color: rgba(112,216,230,.55); background: rgba(112,216,230,.12); color: #70d8e6; }
  .is-creator-room .creator-chat-access-setting button:disabled { cursor: not-allowed; opacity: .58; }
  .is-creator-room .creator-livyno-browser {
    position: absolute; z-index: 12; top: max(62px,calc(env(safe-area-inset-top) + 58px)); bottom: 12px; left: 50%;
    display: grid; grid-template-rows: 46px minmax(0,1fr); width: min(760px,calc(100% - 24px)); overflow: hidden;
    border: 1px solid rgba(255,255,255,.2); border-radius: 0 0 var(--radius-rect) var(--radius-rect); background: #070b11;
    box-shadow: 0 24px 70px rgba(0,0,0,.62); transform: translateX(-50%); animation: creator-livyno-browser-drop .2s ease-out;
  }
  .is-creator-room .creator-livyno-browser > header { display: grid; grid-template-columns:auto minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 0 10px 0 13px; border-bottom: 1px solid rgba(255,255,255,.12); background: #101720; }
  .is-creator-room .creator-livyno-browser > header b { font-size: 14px; }
  .is-creator-room .creator-livyno-browser > header nav { display: flex; gap: 3px; min-width: 0; overflow-x: auto; scrollbar-width: none; }
  .is-creator-room .creator-livyno-browser > header nav::-webkit-scrollbar { display: none; }
  .is-creator-room .creator-livyno-browser > header nav button { flex: none; height: 30px; padding: 0 8px; border: 0; border-radius: var(--radius-rect); background: none; color: #8997a9; font: inherit; font-size: 9px; font-weight: 800; white-space: nowrap; }
  .is-creator-room .creator-livyno-browser > header nav button.is-active { background: rgba(112,216,230,.12); color: #70d8e6; }
  .is-creator-room .creator-livyno-browser > header .creator-livyno-browser-close { display: grid; flex: 0 0 30px; place-items: center; width: 30px; min-width: 30px; height: 30px; padding: 0; border: 1px solid rgba(255,255,255,.2); border-radius: var(--radius-circle); background: rgba(10,15,22,.56); color: rgba(255,255,255,.78); backdrop-filter: blur(8px); }
  .is-creator-room .creator-livyno-browser > header .creator-livyno-browser-close span { display: block; font-size: 19px; line-height: 1; transform: translateY(-1px); }
  .is-creator-room .creator-livyno-browser iframe { grid-area: 2/1; width: 100%; height: 100%; border: 0; background: #080d14; opacity: 1; transition: opacity .12s ease; }
  .is-creator-room .creator-livyno-browser iframe.is-loading { opacity: 0; pointer-events: none; }
  .is-creator-room .creator-livyno-browser-loading { z-index: 1; grid-area: 2/1; display: grid; place-content: center; justify-items: center; gap: 10px; background: #080d14; color: #8f9daf; font-size: 10px; }
  .is-creator-room .creator-livyno-browser-loading i { width: 24px; height: 24px; border: 2px solid rgba(112,216,230,.22); border-top-color: #70d8e6; border-radius: var(--radius-circle); animation: creator-livyno-browser-spin .7s linear infinite; }
  @keyframes creator-chat-settings-drop { from { opacity: 0; transform: translate(-50%,-10px); } to { opacity: 1; transform: translate(-50%,0); } }
  @keyframes creator-livyno-browser-drop { from { opacity: 0; transform: translate(-50%,-14px); } to { opacity: 1; transform: translate(-50%,0); } }
  @keyframes creator-livyno-browser-spin { to { transform: rotate(360deg); } }
  .is-creator-room .preview-stream-heading .stream-room-title-editor { display: none !important; }
  .creator-live-toolbar .creator-broadcast-action.is-inline { grid-template-columns: 1fr; }
  .creator-live-toolbar .creator-broadcast-action.is-inline .creator-stream-access-quick { display: none !important; }
  .creator-live-toolbar .creator-broadcast-action.is-inline > button { display: none !important; }
  .is-creator-room .stream-room-title-editor { grid-template-columns: minmax(0,1fr) 34px; gap: 4px; }
  .is-creator-room .stream-room-title-editor input {
    height: 34px; padding: 5px 9px; border-color: rgba(255,255,255,.2); background: rgba(6,10,16,.58);
    font-size: 11px; backdrop-filter: blur(8px);
  }
  .is-creator-room .preview-stream-heading .stream-title-save { width: 34px; height: 34px; background: rgba(6,10,16,.66); font-size: 14px; }
  .is-creator-room .preview-stream-heading .creator-stream-header-media-slot {
    position: fixed; z-index: 12; top: calc(max(74px, env(safe-area-inset-top) + 64px)); right: 12px;
  }
  .is-creator-room .preview-stream-heading .creator-stream-header-media-slot .creator-stream-media-buttons { flex-direction: column; gap: 10px; }
  .is-creator-room .preview-stream-heading .creator-stream-header-media-slot .creator-stream-media-buttons button,
  .is-creator-room .preview-stream-heading .stream-link-trigger,
  .is-creator-room .preview-stream-heading .stream-layout-trigger {
    width: 44px; height: 44px; border: 1px solid rgba(255,255,255,.28); border-radius: var(--radius-circle);
    background: rgba(8,12,18,.7); box-shadow: 0 7px 18px rgba(0,0,0,.28); color: #fff; backdrop-filter: blur(10px);
  }
  .is-creator-room .preview-stream-heading .stream-link-trigger {
    position: fixed; z-index: 12; top: calc(max(74px, env(safe-area-inset-top) + 64px) + 162px); right: 12px;
  }
  .is-creator-room .preview-stream-heading .stream-layout-trigger {
    position: fixed; z-index: 12; top: calc(max(74px, env(safe-area-inset-top) + 64px) + 216px); right: 12px;
  }
  .stream-room.is-creator-room:has(.cohost-stage:not(.is-solo)) .preview-stream-heading .creator-stream-header-media-slot,
  .stream-room.is-creator-room:has(.cohost-stage:not(.is-solo)) .preview-stream-heading .stream-link-trigger,
  .stream-room.is-creator-room:has(.cohost-stage:not(.is-solo)) .preview-stream-heading .stream-layout-trigger {
    right: calc(50vw + 12px);
  }
  .is-creator-room .preview-stream-heading ~ .cohost-stage { top: 0; }
  .is-creator-room .cohost-tile .creator-camera-feed,
  .is-creator-room .cohost-tile .stream-offline-cover { object-fit: cover; }
  .is-creator-room .creator-live-moderators { display: none; }

  .is-creator-room > .stream-layout > .live-chat {
    position: absolute; z-index: 9; left: 0; right: 64px; bottom: 76px; width: auto;
    height: min(52dvh,440px); overflow: visible; border: 0; border-radius: 0;
    background: transparent; pointer-events: none;
  }
  .is-creator-room .live-chat > header,
  .is-creator-room .chat-community-note { display: none; }
  .is-creator-room .chat-messages {
    order: 1; justify-content: initial; gap: 7px; padding: 8px 12px 4px; overflow-x: hidden; overflow-y: auto;
    mask-image: linear-gradient(transparent,#000 18%); overscroll-behavior: contain; pointer-events: auto;
  }
  .is-creator-room .chat-messages:before { content: ""; margin-top: auto; }
  .is-creator-room .chat-messages article { grid-template-columns: 24px minmax(0,1fr); gap: 6px; }
  .is-creator-room .chat-messages .chat-avatar { width: 24px; height: 24px; font-size: 8px; }
  .is-creator-room .chat-messages article b,
  .is-creator-room .chat-reply-name,
  .is-creator-room .chat-message-text { color: #fff; font-size: 10px; text-shadow: 0 1px 3px #000; }
  .is-creator-room .chat-composer { order: 2; width: 100%; padding: 5px 12px 0; border: 0; background: none; pointer-events: auto; }
  .is-creator-room .chat-composer > label,
  .is-creator-room .chat-composer > small { display: none; }
  .is-creator-room .chat-composer > div { grid-template-columns: minmax(0,1fr) 38px 38px; gap: 5px; }
  .is-creator-room .chat-composer input {
    height: 40px; padding: 0 14px; border-color: rgba(255,255,255,.28); border-radius: var(--radius-rect);
    background: rgba(10,14,20,.68); color: #fff; font-size: 12px; backdrop-filter: blur(9px);
  }
  .is-creator-room .chat-composer button { width: 38px; height: 38px; border-radius: var(--radius-rect); background: rgba(18,25,34,.82); color: #fff; }
  .is-creator-room .chat-composer button[type="submit"] { background: #55cfdf; color: #071015; }
  .is-creator-room .chat-empty-state,
  .is-creator-room .chat-error-state { color: rgba(255,255,255,.78); font-size: 10px; text-shadow: 0 1px 3px #000; }
  .stream-room.is-creator-room.is-format-portrait .cohost-stage:is(.is-trio,.is-five,.is-seven,.is-eight,.is-nine) ~ .live-chat .chat-empty-state,
  .stream-room.is-creator-room.is-format-portrait .cohost-stage:is(.is-trio,.is-five,.is-seven,.is-eight,.is-nine) ~ .live-chat .chat-error-state { width: calc(100% - 64px); max-width: 250px; margin-right: 64px; margin-left: 0; padding-right: 8px; text-align: center; }
  .stream-room.is-creator-room.is-format-portrait:has(.cohost-stage:is(.is-trio,.is-five,.is-seven,.is-eight,.is-nine)) > .stream-layout > .live-chat .chat-empty-state,
  .stream-room.is-creator-room.is-format-portrait:has(.cohost-stage:is(.is-trio,.is-five,.is-seven,.is-eight,.is-nine)) > .stream-layout > .live-chat .chat-error-state { box-sizing:border-box;width:calc(100% - 64px);max-width:250px;margin-right:64px;margin-left:0;padding-right:8px;text-align:center; }
  .is-creator-room .stream-duel-board { top: 74px; right: 62px; width: calc(100% - 74px); }
}

/* Mobile viewers use the same immersive LIVE surface as creators: chat overlays the video. */
@media (max-width: 900px) and (pointer: coarse) {
  body:has(.stream-room.is-viewer-room) { overflow: hidden; background: #020406; }
  body:has(.stream-room.is-viewer-room) > footer,
  body:has(.stream-room.is-viewer-room) .site-footer { display: none !important; }

  .stream-room.is-viewer-room {
    width: 100%; height: calc(100dvh - 44px); max-width: none; margin: 0; padding: 0; overflow: hidden;
    background: #020406;
  }
  .is-viewer-room .stream-layout,
  .is-viewer-room .stream-main,
  .is-viewer-room .preview-player,
  .is-viewer-room .preview-video { width: 100%; height: 100%; min-height: 0; }
  .is-viewer-room .stream-layout { position: relative; display: block; }
  .is-viewer-room .stream-main .preview-video { aspect-ratio: auto; border: 0; border-radius: 0; background: #05080c; }
  .is-viewer-room .preview-stage-light {
    z-index: 1; background: linear-gradient(180deg,rgba(0,0,0,.48),transparent 24%,transparent 56%,rgba(0,0,0,.62));
  }
    height: auto; min-height: 54px; padding: 8px 58px 8px 10px; border: 0;
    background: linear-gradient(180deg,rgba(3,6,10,.76),rgba(3,6,10,.12)); backdrop-filter: none;
  }
  .is-viewer-room .cohost-tile .creator-camera-feed,
  .is-viewer-room .cohost-tile .stream-offline-cover { object-fit: cover; }
  .is-viewer-room .guest-preview-timer { top: 62px; }

  .is-viewer-room > .stream-layout > .live-chat {
    position: absolute; z-index: 9; left: 0; right: 56px; bottom: max(8px,env(safe-area-inset-bottom)); width: auto;
    height: min(52dvh,440px); overflow: visible; border: 0; border-radius: 0;
    background: transparent; pointer-events: none;
  }
  .is-viewer-room .live-chat > header,
  .is-viewer-room .chat-community-note { display: none; }
  .is-viewer-room .chat-messages {
    order: 1; justify-content: initial; gap: 7px; padding: 8px 10px 4px; overflow-x: hidden; overflow-y: auto;
    mask-image: linear-gradient(transparent,#000 18%); overscroll-behavior: contain; pointer-events: auto;
  }
  .is-viewer-room .chat-messages:before { content: ""; margin-top: auto; }
  .is-viewer-room .chat-messages article { grid-template-columns: 24px minmax(0,1fr); gap: 6px; }
  .is-viewer-room .chat-messages .chat-avatar { width: 24px; height: 24px; font-size: 8px; }
  .is-viewer-room .chat-messages article b,
  .is-viewer-room .chat-reply-name,
  .is-viewer-room .chat-message-text { color: #fff; font-size: 10px; text-shadow: 0 1px 3px #000; }
  .is-viewer-room .chat-composer { order: 2; width: 100%; padding: 5px 10px 0; border: 0; background: none; pointer-events: auto; }
  .is-viewer-room .chat-composer > label,
  .is-viewer-room .chat-composer > small { display: none; }
  .is-viewer-room .chat-composer > div { grid-template-columns: minmax(0,1fr) 38px 38px; gap: 5px; }
  .is-viewer-room .chat-composer input {
    height: 40px; padding: 0 14px; border-color: rgba(255,255,255,.28); border-radius: var(--radius-rect);
    background: rgba(10,14,20,.7); color: #fff; font-size: 12px; backdrop-filter: blur(9px);
  }
  .is-viewer-room .chat-composer button { width: 38px; height: 38px; border-radius: var(--radius-rect); background: rgba(18,25,34,.84); color: #fff; }
  .is-viewer-room .chat-composer button[type="submit"] { background: #55cfdf; color: #071015; }
  .is-viewer-room .chat-empty-state,
  .is-viewer-room .chat-error-state { color: rgba(255,255,255,.8); font-size: 10px; text-shadow: 0 1px 3px #000; }
}

/* Tablet LIVE chat: compact composer, with the emoji control inside the field, and larger readable activity. */
@media (max-width: 900px) {
  .stream-room:is(.is-creator-room,.is-viewer-room) .chat-messages { gap: 14px; }
  .stream-room:is(.is-creator-room,.is-viewer-room) .chat-messages article {
    grid-template-columns: 30px minmax(0,1fr); gap: 10px;
  }
  .stream-room:is(.is-creator-room,.is-viewer-room) .chat-messages .chat-avatar {
    width: 30px; height: 30px; font-size: 10px;
  }
  .stream-room:is(.is-creator-room,.is-viewer-room) .chat-messages article b,
  .stream-room:is(.is-creator-room,.is-viewer-room) .chat-reply-name,
  .stream-room:is(.is-creator-room,.is-viewer-room) .chat-reply-target,
  .stream-room:is(.is-creator-room,.is-viewer-room) .chat-message-text {
    font-size: 20px;
  }
  .stream-room:is(.is-creator-room,.is-viewer-room) .chat-inline-tool {
    width: 30px; height: 30px; border-radius: var(--radius-rect); font-size: 15px;
  }
  .stream-room:is(.is-creator-room,.is-viewer-room) .chat-composer > div:first-of-type {
    position: relative; width: 50%; min-width: min(320px,100%);
    grid-template-columns: minmax(0,1fr) 44px; gap: 7px;
  }
  .stream-room:is(.is-creator-room,.is-viewer-room) .chat-composer input {
    grid-column: 1; grid-row: 1; height: 56px; padding: 0 56px 0 18px; font-size: 24px;
  }
  .stream-room:is(.is-creator-room,.is-viewer-room) .chat-composer .emoji-toggle {
    z-index: 2; grid-column: 1; grid-row: 1; align-self: center; justify-self: end;
    width: 40px; height: 40px; border: 0; background: transparent; font-size: 24px;
  }
  .stream-room:is(.is-creator-room,.is-viewer-room) .chat-composer button[type="submit"] {
    grid-column: 2; grid-row: 1; width: 44px; height: 44px; font-size: 20px;
  }
  .stream-room:is(.is-creator-room,.is-viewer-room) .chat-gift-icon {
    width: 44px; height: 44px; font-size: 24px;
  }
  .stream-room:is(.is-creator-room,.is-viewer-room) .chat-messages article.chat-gift-activity {
    grid-template-columns: 44px minmax(0,1fr);
  }
  .stream-room:is(.is-creator-room,.is-viewer-room) .chat-gift-activity > div { font-size: 16px; }
  .stream-room:is(.is-creator-room,.is-viewer-room) .chat-gift-activity > div > small { font-size: 14px; }
}

/* Every multi-person LIVE layout shares one compact stage, with chat below. */
@media (max-width: 900px) {
  .stream-room.is-format-portrait:has(.cohost-stage:not(.is-solo)) {
    --livyno-group-stage-width: min(100vw,calc(112.5dvh - 180px));
    --livyno-group-stage-height: min(88.8889vw,calc(100dvh - 160px));
  }

  .stream-room.is-format-portrait .cohost-stage:not(.is-solo) {
    top: 0;
    bottom: auto;
    left: 50%;
    right: auto;
    width: var(--livyno-group-stage-width);
    height: var(--livyno-group-stage-height);
    transform: translateX(-50%);
  }

  .stream-room.is-format-portrait .cohost-stage:not(.is-solo) .creator-camera-feed {
    object-fit: cover;
    object-position: center;
    background: #05080c;
  }

  .stream-room.is-format-portrait .cohost-stage:is(.is-duo,.is-duo-stack) { grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: minmax(0,1fr); }
  .stream-room.is-format-portrait .cohost-stage:is(.is-trio,.is-trio-bottom) { grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: repeat(2,minmax(0,1fr)); }
  .stream-room.is-format-portrait .cohost-stage.is-quad { grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: repeat(3,minmax(0,1fr)); }
  .stream-room.is-format-portrait .cohost-stage.is-five { grid-template-columns: repeat(4,minmax(0,1fr)); grid-template-rows: repeat(2,minmax(0,1fr)); }
  .stream-room.is-format-portrait .cohost-stage:is(.is-six,.is-seven) { grid-template-columns: repeat(4,minmax(0,1fr)); grid-template-rows: repeat(3,minmax(0,1fr)); }
  .stream-room.is-format-portrait .cohost-stage:is(.is-eight,.is-nine) { grid-template-columns: repeat(4,minmax(0,1fr)); grid-template-rows: repeat(4,minmax(0,1fr)); }

  .stream-room.is-format-portrait .cohost-stage:is(.is-duo,.is-duo-stack) .cohost-tile.is-host { grid-column: 1; grid-row: 1; }
  .stream-room.is-format-portrait .cohost-stage:is(.is-trio,.is-trio-bottom) .cohost-tile.is-host { grid-column: 1; grid-row: 1 / 3; }
  .stream-room.is-format-portrait .cohost-stage.is-quad .cohost-tile.is-host { grid-column: 1; grid-row: 1 / 4; }
  .stream-room.is-format-portrait .cohost-stage.is-five .cohost-tile.is-host { grid-column: 1 / 3; grid-row: 1 / 3; }
  .stream-room.is-format-portrait .cohost-stage:is(.is-six,.is-seven) .cohost-tile.is-host { grid-column: 1 / 3; grid-row: 1 / 4; }
  .stream-room.is-format-portrait .cohost-stage:is(.is-eight,.is-nine) .cohost-tile.is-host { grid-column: 1 / 3; grid-row: 1 / 5; }

  /* 16:9 keeps the creator at full width and packs guests into rows below. */
  .stream-room.is-format-landscape:has(.cohost-stage:is(.is-duo,.is-duo-stack,.is-trio,.is-trio-bottom,.is-quad,.is-five)) {
    --livyno-group-stage-width: min(100vw,calc((100dvh - 160px) * 16 / 11));
    --livyno-group-stage-height: calc(var(--livyno-group-stage-width) * 11 / 16);
  }
  .stream-room.is-format-landscape:has(.cohost-stage:is(.is-six,.is-seven,.is-eight,.is-nine)) {
    --livyno-group-stage-width: min(100vw,calc((100dvh - 160px) * 16 / 13));
    --livyno-group-stage-height: calc(var(--livyno-group-stage-width) * 13 / 16);
  }
  .stream-room.is-format-landscape .cohost-stage:not(.is-solo) {
    top: 0; bottom: auto; left: 50%; right: auto;
    width: var(--livyno-group-stage-width); height: var(--livyno-group-stage-height);
    transform: translateX(-50%);
  }
  .stream-room.is-format-landscape .cohost-stage:not(.is-solo) .creator-camera-feed { object-fit: cover; object-position: center; background: #05080c; }
  .stream-room.is-format-landscape .cohost-stage:is(.is-duo,.is-duo-stack) { grid-template-columns: 1fr; grid-template-rows: 9fr 2fr; }
  .stream-room.is-format-landscape .cohost-stage:is(.is-trio,.is-trio-bottom) { grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: 9fr 2fr; }
  .stream-room.is-format-landscape .cohost-stage.is-quad { grid-template-columns: repeat(3,minmax(0,1fr)); grid-template-rows: 9fr 2fr; }
  .stream-room.is-format-landscape .cohost-stage.is-five { grid-template-columns: repeat(4,minmax(0,1fr)); grid-template-rows: 9fr 2fr; }
  .stream-room.is-format-landscape .cohost-stage:is(.is-six,.is-seven,.is-eight,.is-nine) { grid-template-columns: repeat(4,minmax(0,1fr)); grid-template-rows: 9fr 2fr 2fr; }
  .stream-room.is-format-landscape .cohost-stage:not(.is-solo) .cohost-tile.is-host { grid-column: 1 / -1; grid-row: 1; }

  .is-creator-room:has(.cohost-stage:not(.is-solo)) > .stream-layout > .live-chat {
    top: var(--livyno-group-stage-height);
    bottom: 76px;
    height: auto;
    max-height: none;
  }

  .is-viewer-room:has(.cohost-stage:not(.is-solo)) > .stream-layout > .live-chat {
    top: var(--livyno-group-stage-height);
    bottom: max(8px,env(safe-area-inset-bottom));
    height: auto;
    max-height: none;
  }
}

/* A portrait LIVE source must stay fully visible in the wide desktop stage. */
@media (min-width: 901px) {
  .stream-room .cohost-tile .creator-camera-feed {
    object-fit: contain;
    object-position: center;
    background: #05080c;
  }

  /* Keep the same true 9:16 group composition on wide tablets and desktop. */
  .stream-room.is-format-portrait .cohost-stage:not(.is-solo) {
    top: 0;
    bottom: auto;
    left: 50%;
    right: auto;
    width: auto;
    height: 100%;
    aspect-ratio: 9 / 8;
    transform: translateX(-50%);
  }
  .stream-room.is-format-portrait .cohost-stage:not(.is-solo) .creator-camera-feed { object-fit: cover; }
  .stream-room.is-format-portrait .cohost-stage:is(.is-duo,.is-duo-stack) { grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: minmax(0,1fr); }
  .stream-room.is-format-portrait .cohost-stage:is(.is-trio,.is-trio-bottom) { grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: repeat(2,minmax(0,1fr)); }
  .stream-room.is-format-portrait .cohost-stage.is-quad { grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: repeat(3,minmax(0,1fr)); }
  .stream-room.is-format-portrait .cohost-stage.is-five { grid-template-columns: repeat(4,minmax(0,1fr)); grid-template-rows: repeat(2,minmax(0,1fr)); }
  .stream-room.is-format-portrait .cohost-stage:is(.is-six,.is-seven) { grid-template-columns: repeat(4,minmax(0,1fr)); grid-template-rows: repeat(3,minmax(0,1fr)); }
  .stream-room.is-format-portrait .cohost-stage:is(.is-eight,.is-nine) { grid-template-columns: repeat(4,minmax(0,1fr)); grid-template-rows: repeat(4,minmax(0,1fr)); }
  .stream-room.is-format-portrait .cohost-stage:is(.is-duo,.is-duo-stack) .cohost-tile.is-host { grid-column: 1; grid-row: 1; }
  .stream-room.is-format-portrait .cohost-stage:is(.is-trio,.is-trio-bottom) .cohost-tile.is-host { grid-column: 1; grid-row: 1 / 3; }
  .stream-room.is-format-portrait .cohost-stage.is-quad .cohost-tile.is-host { grid-column: 1; grid-row: 1 / 4; }
  .stream-room.is-format-portrait .cohost-stage.is-five .cohost-tile.is-host { grid-column: 1 / 3; grid-row: 1 / 3; }
  .stream-room.is-format-portrait .cohost-stage:is(.is-six,.is-seven) .cohost-tile.is-host { grid-column: 1 / 3; grid-row: 1 / 4; }
  .stream-room.is-format-portrait .cohost-stage:is(.is-eight,.is-nine) .cohost-tile.is-host { grid-column: 1 / 3; grid-row: 1 / 5; }
}

/* A duel keeps two 9:16 feeds side by side. From three people up, the creator
   owns the large tile and every guest uses a square tile. */
.stream-room .cohost-stage:not(.is-solo) {
  top: 0 !important;
  bottom: auto !important;
  left: 50% !important;
  right: auto !important;
  gap: 2px;
  transform: translateX(-50%) !important;
}
.stream-room .cohost-stage:is(.is-duo,.is-duo-stack) {
  --livyno-square-grid-ratio: 1.125;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  grid-template-rows: minmax(0,1fr) !important;
}
.stream-room .cohost-stage:is(.is-trio,.is-trio-bottom) {
  --livyno-square-grid-ratio: 1.5;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  grid-template-rows: repeat(2,minmax(0,1fr)) !important;
}
.stream-room .cohost-stage:is(.is-quad,.is-five) {
  --livyno-square-grid-ratio: 2;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  grid-template-rows: repeat(2,minmax(0,1fr)) !important;
}
.stream-room .cohost-stage:is(.is-six,.is-seven,.is-eight,.is-nine) {
  --livyno-square-grid-ratio: 1.333333;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  grid-template-rows: repeat(3,minmax(0,1fr)) !important;
}
.stream-room .cohost-stage:not(.is-solo) .cohost-tile.is-host {
  grid-column: 1 / 3 !important;
  grid-row: 1 / 3 !important;
}
.stream-room .cohost-stage:is(.is-duo,.is-duo-stack) .cohost-tile.is-host {
  grid-column: auto !important;
  grid-row: auto !important;
}
.stream-room .cohost-stage:not(.is-solo) .cohost-tile .creator-camera-feed,
.stream-room .cohost-stage:not(.is-solo) .cohost-tile .stream-offline-cover,
.stream-room .cohost-stage:not(.is-solo) .cohost-tile .linked-stream-foreground {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}
.stream-room .cohost-stage:not(.is-solo,.is-duo,.is-duo-stack) .cohost-tile.is-host .creator-camera-feed,
.stream-room .cohost-stage:not(.is-solo,.is-duo,.is-duo-stack) .cohost-tile.is-host .linked-stream-foreground {
  object-fit: contain !important;
  background: #05080c !important;
}

/* The layout picker mirrors the real square grid. Legacy stacked choices keep
   working, but now resolve to the same predictable square geometry. */
.layout-icon:is(.is-duo,.is-duo-stack) { grid-template-columns: repeat(2,1fr); grid-template-rows: 1fr; }
.layout-icon:is(.is-trio,.is-trio-bottom) { grid-template-columns: repeat(3,1fr); grid-template-rows: repeat(2,1fr); }
.layout-icon:is(.is-trio,.is-trio-bottom) i:first-child,
.layout-icon:is(.is-five,.is-six,.is-seven,.is-eight,.is-nine,.is-quad) i:first-child { grid-column: 1 / 3; grid-row: 1 / 3; }
.layout-icon:is(.is-duo,.is-duo-stack) i:first-child { grid-column: auto; grid-row: auto; }
.layout-icon.is-quad,.layout-icon.is-five { grid-template-columns: repeat(4,1fr); grid-template-rows: repeat(2,1fr); }
.layout-icon.is-six,.layout-icon.is-seven,.layout-icon.is-eight,.layout-icon.is-nine { grid-template-columns: repeat(4,1fr); grid-template-rows: repeat(3,1fr); }

@media (max-width: 900px) {
  .stream-room:has(.cohost-stage:is(.is-duo,.is-duo-stack)) {
    --livyno-group-stage-height: min(88.8889vw,calc(100dvh - 160px));
    --livyno-group-stage-width: calc(var(--livyno-group-stage-height) * 1.125);
  }
  .stream-room:has(.cohost-stage:is(.is-trio,.is-trio-bottom)) {
    --livyno-group-stage-height: min(66.6667vw,calc(100dvh - 160px));
    --livyno-group-stage-width: calc(var(--livyno-group-stage-height) * 1.5);
  }
  .stream-room:has(.cohost-stage:is(.is-quad,.is-five)) {
    --livyno-group-stage-height: min(50vw,calc(100dvh - 160px));
    --livyno-group-stage-width: calc(var(--livyno-group-stage-height) * 2);
  }
  .stream-room:has(.cohost-stage:is(.is-six,.is-seven,.is-eight,.is-nine)) {
    --livyno-group-stage-height: min(75vw,calc(100dvh - 160px));
    --livyno-group-stage-width: calc(var(--livyno-group-stage-height) * 1.333333);
  }
  .stream-room .cohost-stage:not(.is-solo) {
    width: var(--livyno-group-stage-width) !important;
    height: var(--livyno-group-stage-height) !important;
    aspect-ratio: auto !important;
  }
}

@media (min-width: 901px) {
  .stream-room .preview-video { container-type: size; }
  .stream-room .cohost-stage:not(.is-solo) {
    --livyno-stage-header-offset: 48px;
    top: var(--livyno-stage-header-offset) !important;
    width: min(100cqw,calc((100cqh - var(--livyno-stage-header-offset)) * var(--livyno-square-grid-ratio))) !important;
    height: min(calc(100cqh - var(--livyno-stage-header-offset)),calc(100cqw / var(--livyno-square-grid-ratio))) !important;
    aspect-ratio: auto !important;
  }
  .stream-room.is-creator-room .preview-stream-heading ~ .cohost-stage:not(.is-solo) { --livyno-stage-header-offset: 44px; }
}

@media (min-width: 1181px) and (max-width: 1600px) {
  .stream-room.is-creator-room .preview-stream-heading ~ .cohost-stage:not(.is-solo) { --livyno-stage-header-offset: 64px; }
}

/* Tablet-safe sizing: rely on the widely supported aspect-ratio property
   instead of CSS variable multiplication used by newer desktop browsers. */
.stream-room .cohost-stage:not(.is-solo) {
  width: 100% !important;
  height: auto !important;
}
.stream-room .cohost-stage:is(.is-duo,.is-duo-stack) { aspect-ratio: 9 / 8 !important; }
.stream-room .cohost-stage:is(.is-trio,.is-trio-bottom) { aspect-ratio: 3 / 2 !important; }
.stream-room .cohost-stage:is(.is-quad,.is-five) { aspect-ratio: 2 / 1 !important; }
.stream-room .cohost-stage:is(.is-six,.is-seven,.is-eight,.is-nine) { aspect-ratio: 4 / 3 !important; }

/* Final group composition: one tall creator on the left and two columns of
   square guest tiles on the right. Unused cells intentionally stay black. */
.stream-room .cohost-stage:is(.is-trio,.is-trio-bottom,.is-quad,.is-five,.is-six,.is-seven,.is-eight,.is-nine) {
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  grid-template-rows: repeat(4,minmax(0,1fr)) !important;
  aspect-ratio: 1 / 1 !important;
}
.stream-room .cohost-stage:is(.is-trio,.is-trio-bottom,.is-quad,.is-five,.is-six,.is-seven,.is-eight,.is-nine) .cohost-tile.is-host {
  grid-column: 1 / 3 !important;
  grid-row: 1 / 5 !important;
}
.stream-room .cohost-stage:is(.is-trio,.is-trio-bottom,.is-quad,.is-five,.is-six,.is-seven,.is-eight,.is-nine) .cohost-tile.is-host .creator-camera-feed,
.stream-room .cohost-stage:is(.is-trio,.is-trio-bottom,.is-quad,.is-five,.is-six,.is-seven,.is-eight,.is-nine) .cohost-tile.is-host .linked-stream-foreground {
  object-position: center top !important;
}

@media (max-width: 900px) {
  .stream-room .cohost-stage:is(.is-trio,.is-trio-bottom,.is-quad,.is-five,.is-six,.is-seven,.is-eight,.is-nine) {
    width: 100% !important;
    height: auto !important;
  }
  .stream-room .cohost-stage:not(.is-solo) {
    top: 55px !important;
  }
}

.stream-room:is(.is-creator-room,.is-viewer-room) .cohost-stage:not(.is-solo) {
  --livyno-stage-header-offset: 0px;
  top: 0 !important;
  height: 100% !important;
}

@media (min-width: 901px) {
  .stream-room .cohost-stage:is(.is-trio,.is-trio-bottom,.is-quad,.is-five,.is-six,.is-seven,.is-eight,.is-nine) {
    width: auto !important;
    max-width: 100% !important;
    height: calc(100% - var(--livyno-stage-header-offset)) !important;
  }
}
@media (min-width: 901px) {
  .stream-room.is-creator-room > .stream-layout > .live-chat { position: relative; }
  .stream-room.is-creator-room .creator-chat-settings-panel-mobile { display: none !important; }
  .stream-room.is-creator-room .chat-header-actions .desktop-chat-settings-trigger {
    display: grid !important;
    border-color: #35475c;
    border-radius: 5px;
    background: #172230;
    color: #9cabbc;
    font-size: 15px;
    line-height: 1;
  }
  .stream-room.is-creator-room .chat-header-actions .desktop-chat-settings-trigger:hover,
  .stream-room.is-creator-room .chat-header-actions .desktop-chat-settings-trigger.is-open {
    border-color: rgba(112,216,230,.62);
    background: rgba(112,216,230,.1);
    color: #70d8e6;
  }
  .stream-room.is-creator-room .chat-header-actions .desktop-chat-settings-trigger.is-open { transform: rotate(24deg); }
  .stream-room.is-creator-room .live-chat > .desktop-chat-settings-panel {
    position: absolute;
    z-index: 15;
    top: 48px;
    right: 0;
    left: 0;
    display: block !important;
    box-sizing: border-box;
    padding: 13px 14px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 0 0 5px 5px;
    background: rgba(10,15,22,.97);
    color: #fff;
    box-shadow: 0 18px 42px rgba(0,0,0,.48);
    backdrop-filter: blur(16px);
  }
  .stream-room.is-creator-room .desktop-chat-settings-panel > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
  .stream-room.is-creator-room .desktop-chat-settings-panel > header b { font-size: 13px; }
  .stream-room.is-creator-room .desktop-chat-settings-panel > header button {
    width: 26px;
    height: 26px;
    padding: 0;
    border: 0;
    border-radius: 5px;
    background: none;
    color: #aab5c4;
    font-size: 20px;
  }
  .stream-room.is-creator-room .desktop-chat-settings-panel .creator-chat-access-setting { display: grid; gap: 9px; margin-top: 11px; padding-top: 11px; border-top: 1px solid rgba(255,255,255,.12); }
  .stream-room.is-creator-room .desktop-chat-settings-panel .creator-chat-access-setting > span { color: #8f9daf; font-size: 10px; font-weight: 700; }
  .stream-room.is-creator-room .desktop-chat-settings-panel .creator-chat-access-setting > div { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
  .stream-room.is-creator-room .desktop-chat-settings-panel .creator-chat-access-setting button {
    min-height: 38px;
    padding: 8px 10px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 5px;
    background: rgba(255,255,255,.05);
    color: #aab6c5;
    font: inherit;
    font-size: 10px;
    font-weight: 850;
  }
  .stream-room.is-creator-room .desktop-chat-settings-panel .creator-chat-access-setting button.is-active { border-color: rgba(112,216,230,.55); background: rgba(112,216,230,.12); color: #70d8e6; }
  .stream-room.is-creator-room .cohost-stage.is-nine {
    --livyno-nine-creator-width: calc(50cqw - 1px);
    --livyno-nine-creator-height: calc(88.8889cqw - 1.7778px);
    --livyno-nine-guest-size: calc(22.222225cqw - 1.94445px);
    top: 0 !important;
    width: calc(var(--livyno-nine-creator-width) + var(--livyno-nine-guest-size) + var(--livyno-nine-guest-size) + 4px) !important;
    height: var(--livyno-nine-creator-height) !important;
    grid-template-columns: var(--livyno-nine-creator-width) repeat(2,var(--livyno-nine-guest-size)) !important;
    grid-template-rows: repeat(4,var(--livyno-nine-guest-size)) !important;
    aspect-ratio: auto !important;
  }

  .stream-room.is-creator-room .cohost-stage.is-nine .cohost-tile.is-host {
    grid-column: 1 !important;
    grid-row: 1 / 5 !important;
  }

}

/* Keep every portrait creator layout tied to the uncropped 9:16 host stream.
   Guest cells stay square and add rows dynamically as the guest count grows. */
.stream-room.is-creator-room.is-format-portrait .cohost-stage:is(.is-trio,.is-five,.is-seven,.is-eight,.is-nine) {
  width: 94.444444% !important;
  height: auto !important;
  aspect-ratio: 17 / 16 !important;
}

.stream-room.is-creator-room.is-format-portrait .cohost-stage.is-trio {
  grid-template-columns: 9fr 8fr !important;
  grid-template-rows: repeat(2,minmax(0,1fr)) !important;
}

.stream-room.is-creator-room.is-format-portrait .cohost-stage.is-five {
  grid-template-columns: 9fr 4fr 4fr !important;
  grid-template-rows: repeat(4,minmax(0,1fr)) !important;
}

.stream-room.is-creator-room.is-format-portrait .cohost-stage.is-seven {
  grid-template-columns: 9fr 4fr 4fr !important;
  grid-template-rows: repeat(4,minmax(0,1fr)) !important;
}

.stream-room.is-creator-room.is-format-portrait .cohost-stage:is(.is-eight,.is-nine) {
  grid-template-columns: 9fr 4fr 4fr !important;
  grid-template-rows: repeat(4,minmax(0,1fr)) !important;
}

.stream-room.is-creator-room.is-format-portrait .cohost-stage:is(.is-trio,.is-five,.is-seven,.is-eight,.is-nine) .cohost-tile.is-host {
  grid-column: 1 !important;
  grid-row: 1 / -1 !important;
}

/* Landscape creator layouts keep the uncropped 16:9 host across the top.
   Square guests fill only the rows below it; unused guest cells stay black. */
.stream-room:is(.is-creator-room,.is-viewer-room).is-format-landscape .cohost-stage:is(.is-trio,.is-five,.is-seven,.is-eight,.is-nine) {
  width: 100% !important;
  height: auto !important;
}

.stream-room:is(.is-creator-room,.is-viewer-room).is-format-landscape .cohost-stage.is-trio {
  aspect-ratio: 16 / 17 !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  grid-template-rows: 9fr 8fr !important;
}

.stream-room:is(.is-creator-room,.is-viewer-room).is-format-landscape .cohost-stage.is-five {
  aspect-ratio: 16 / 13 !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  grid-template-rows: 9fr 4fr !important;
}

.stream-room:is(.is-creator-room,.is-viewer-room).is-format-landscape .cohost-stage:is(.is-seven,.is-eight,.is-nine) {
  aspect-ratio: 16 / 17 !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  grid-template-rows: 9fr 4fr 4fr !important;
}

.stream-room:is(.is-creator-room,.is-viewer-room).is-format-landscape .cohost-stage:is(.is-trio,.is-five,.is-seven,.is-eight,.is-nine) .cohost-tile.is-host {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
}

@media (min-width: 901px) {
  .stream-main .preview-video,
  .live-chat {
    border-radius: 5px;
  }

  .stream-room:is(.is-creator-room,.is-viewer-room).is-format-landscape:has(.cohost-stage:is(.is-duo,.is-duo-stack)) .preview-video {
    overflow: hidden;
    aspect-ratio: 16 / 9;
  }

  .stream-room:is(.is-creator-room,.is-viewer-room).is-format-landscape .cohost-stage:is(.is-duo,.is-duo-stack) {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: auto !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    grid-template-rows: minmax(0,1fr) !important;
  }

  .stream-room:is(.is-creator-room,.is-viewer-room).is-format-landscape .cohost-stage:is(.is-duo,.is-duo-stack) .creator-camera-feed,
  .stream-room:is(.is-creator-room,.is-viewer-room).is-format-landscape .cohost-stage:is(.is-duo,.is-duo-stack) .linked-stream-foreground {
    object-fit: contain !important;
    object-position: center !important;
    background: #05080c !important;
  }

  .stream-room.is-viewer-room.is-format-landscape:has(.cohost-stage:not(.is-solo)) .stream-layout {
    gap: 16px;
  }

  .stream-room.is-viewer-room.is-format-landscape:has(.cohost-stage:not(.is-solo)) .preview-video {
    height: auto;
    overflow: hidden;
    aspect-ratio: auto;
    container-type: normal;
  }
  .stream-room.is-viewer-room.is-format-landscape .cohost-stage:not(.is-solo) {
    position: relative;
    top: 0 !important;
    right: auto;
    bottom: auto;
    left: auto;
    margin-top: 0;
    overflow: hidden;
    border-radius: 5px;
    transform: none;
  }

  .stream-room.is-viewer-room.is-format-landscape:has(.cohost-stage:is(.is-duo,.is-duo-stack)) .preview-video {
    position: relative;
    display: block;
    height: auto;
    aspect-ratio: 16 / 9;
  }

  .stream-room.is-viewer-room.is-format-landscape .cohost-stage:is(.is-duo,.is-duo-stack) {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    transform: none !important;
  }
}

@media (max-width: 900px) {
  .stream-room.is-creator-room.is-format-landscape:has(.cohost-stage:not(.is-solo)) .preview-stream-heading .creator-stream-header-media-slot,
  .stream-room.is-creator-room.is-format-landscape:has(.cohost-stage:not(.is-solo)) .preview-stream-heading .stream-link-trigger,
  .stream-room.is-creator-room.is-format-landscape:has(.cohost-stage:not(.is-solo)) .preview-stream-heading .stream-layout-trigger {
    right: 12px;
  }

  .stream-room:is(.is-creator-room,.is-viewer-room).is-format-landscape:has(.cohost-stage:is(.is-trio,.is-seven,.is-eight,.is-nine)) {
    --livyno-group-stage-height: calc(55px + 106.25vw);
  }

  .stream-room:is(.is-creator-room,.is-viewer-room).is-format-landscape:has(.cohost-stage.is-five) {
    --livyno-group-stage-height: calc(55px + 81.25vw);
  }
}

@media (min-width: 621px) and (max-width: 900px) {
  .stream-room:is(.is-creator-room,.is-viewer-room) .chat-composer > div:first-of-type {
    width: 100%;
    min-width: 0;
    grid-template-columns: minmax(0,50%) 44px 44px;
    align-items: center;
  }

  .stream-room:is(.is-creator-room,.is-viewer-room) .chat-composer .chat-composer-input-wrap {
    grid-column: 1;
    grid-row: 1;
    height: 44px;
  }

  .stream-room:is(.is-creator-room,.is-viewer-room) .chat-composer .chat-composer-input-wrap > input,
  .stream-room:is(.is-creator-room,.is-viewer-room) .chat-composer .emoji-toggle,
  .stream-room:is(.is-creator-room,.is-viewer-room) .chat-composer button[type="submit"] {
    height: 44px;
    border-radius: var(--radius-rect);
  }

  .stream-room:is(.is-creator-room,.is-viewer-room) .chat-composer .emoji-toggle {
    grid-column: 2;
    grid-row: 1;
    width: 44px;
    border: 1px solid #394a5f;
    background: rgba(18,25,34,.84);
  }

  .stream-room:is(.is-creator-room,.is-viewer-room) .chat-composer button[type="submit"] {
    grid-column: 3;
    grid-row: 1;
  }

  .stream-room:is(.is-creator-room,.is-viewer-room) .cohost-tile.is-guest .cohost-avatar-fallback > span {
    width: clamp(128px,48%,180px);
    font-size: clamp(44px,9vw,72px);
  }

  .stream-room:is(.is-creator-room,.is-viewer-room) .cohost-tile.is-guest .cohost-tile-identity {
    top: 8px;
    left: 8px;
    max-width: calc(100% - 16px);
    gap: 4px;
    padding: 4px 6px;
  }

  .stream-room:is(.is-creator-room,.is-viewer-room) .cohost-tile.is-guest .cohost-tile-identity .cohost-tile-label {
    max-width: 88px;
    font-size: 12px;
  }

  .stream-room:is(.is-creator-room,.is-viewer-room) .cohost-tile.is-guest .cohost-gift-coins {
    min-height: 30px;
    padding: 2px 6px;
    font-size: 12px;
  }

  .stream-room:is(.is-creator-room,.is-viewer-room) .cohost-tile.is-guest .cohost-gift-coins i {
    font-size: 10px;
  }
}

.stream-room:is(.is-creator-room,.is-viewer-room) .chat-reply-icon {
  display: block;
  width: 11px;
  height: 11px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.stream-room:is(.is-creator-room,.is-viewer-room) .chat-inline-tool.chat-gift-tool {
  font-size: 15px;
}

.stream-room:is(.is-creator-room,.is-viewer-room) .livyno-gift-icon {
  display: block;
  width: 17px;
  height: 17px;
  object-fit: contain;
  object-position: center;
  pointer-events: none;
  user-select: none;
}

@media (min-width: 901px) {
  .stream-room:is(.is-creator-room,.is-viewer-room) :is(
    .chat-header-actions > button,
    .chat-inline-tool,
    .chat-composer .emoji-toggle,
    .chat-composer button[type="submit"],
    .chat-reply-box button,
    .stream-info .stream-actions button,
    .stream-title-save
  ) {
    border-radius: 5px;
  }

  .stream-room:is(.is-creator-room,.is-viewer-room) .chat-message-author > .chat-inline-tool {
    box-sizing: border-box;
    align-self: center;
    width: 19px;
    height: 19px;
  }

  .stream-room:is(.is-creator-room,.is-viewer-room) :is(.chat-reply-tool,.chat-gift-tool) {
    display: grid;
    place-items: center;
  }

  .stream-room:is(.is-creator-room,.is-viewer-room) .chat-gift-tool .livyno-gift-icon {
    width: 17px;
    height: 17px;
  }

  .stream-room:is(.is-creator-room,.is-viewer-room) .stream-gift-action .livyno-gift-icon {
    width: 17px;
    height: 17px;
    transform: translateY(-1px);
  }
}

@media (min-width: 621px) and (max-width: 900px) {
  .stream-room:is(.is-creator-room,.is-viewer-room) .chat-message-author {
    align-items: center;
  }

  .stream-room:is(.is-creator-room,.is-viewer-room) :is(.chat-message-author,.chat-message-text) {
    vertical-align: top;
  }

  .stream-room:is(.is-creator-room,.is-viewer-room) .chat-inline-tool.chat-reply-tool {
    display: grid;
    place-items: center;
  }

  .stream-room:is(.is-creator-room,.is-viewer-room) .chat-inline-tool.chat-gift-tool {
    display: grid;
    place-items: center;
  }

  .stream-room:is(.is-creator-room,.is-viewer-room) :is(.chat-moderation-tool,.chat-feature-tool) {
    font-size: 22px;
  }

  .stream-room:is(.is-creator-room,.is-viewer-room) .chat-reply-icon {
    width: 22px;
    height: 22px;
  }
}

/* The globe opens the public web as clean content inside LIVE Studio. */
html[data-livyno-embedded="true"] :is(.livyno-global-topbar,.site-footer){display:none!important}
.stream-room.is-creator-room .creator-livyno-browser{position:fixed;z-index:60;inset:46px 12px 12px;display:grid;grid-template-rows:minmax(0,1fr);overflow:hidden;border:1px solid #2e435a;border-radius:var(--radius-rect);background:#080d14;box-shadow:0 24px 70px rgba(0,0,0,.62)}.stream-room.is-creator-room .creator-livyno-browser>header{display:none}.stream-room.is-creator-room .creator-livyno-browser iframe{grid-area:1/1;width:100%;height:100%;border:0;background:#080d14;opacity:1}.stream-room.is-creator-room .creator-livyno-browser iframe.is-loading{opacity:0;pointer-events:none}.stream-room.is-creator-room .creator-livyno-browser-loading{z-index:1;grid-area:1/1;display:grid;place-content:center;justify-items:center;gap:10px;background:#080d14;color:#8f9daf;font-size:10px}.stream-room.is-creator-room .creator-livyno-browser-loading i{width:24px;height:24px;border:2px solid rgba(112,216,230,.22);border-top-color:#70d8e6;border-radius:var(--radius-circle);animation:creator-livyno-browser-spin .7s linear infinite}
.stream-room.is-creator-room .creator-livyno-browser{grid-template-rows:36px minmax(0,1fr)}.stream-room.is-creator-room .creator-livyno-browser>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 8px 0 11px;border-bottom:1px solid #27384a;background:#101923}.stream-room.is-creator-room .creator-livyno-browser>header>b{font-size:10px}.stream-room.is-creator-room .creator-livyno-browser>header nav{display:flex;align-items:center;gap:3px;min-width:0;overflow-x:auto;scrollbar-width:none}.stream-room.is-creator-room .creator-livyno-browser>header nav::-webkit-scrollbar{display:none}.stream-room.is-creator-room .creator-livyno-browser>header nav button{flex:none;height:24px;padding:0 7px;border:0;border-radius:var(--radius-rect);background:transparent;color:#95a4b6;font:800 8px/1 inherit;white-space:nowrap;cursor:pointer}.stream-room.is-creator-room .creator-livyno-browser>header nav button:hover,.stream-room.is-creator-room .creator-livyno-browser>header nav button.is-active{background:rgba(112,216,230,.12);color:#70d8e6}.stream-room.is-creator-room .creator-livyno-browser>header nav button.is-admin{color:#ff9bb0}.stream-room.is-creator-room .creator-livyno-browser>header nav button.is-admin.is-active{background:rgba(255,111,145,.12);color:#ff91aa}.stream-room.is-creator-room .creator-livyno-browser-close{display:grid;place-items:center;width:24px;height:24px;padding:0;border:1px solid #34495e;border-radius:var(--radius-rect);background:#13202c;color:#a8bccb;font-size:16px;line-height:1;cursor:pointer}.stream-room.is-creator-room .creator-livyno-browser iframe{grid-area:2/1}.stream-room.is-creator-room .creator-livyno-browser-loading{grid-area:2/1}
.stream-room.is-creator-room .creator-livyno-browser.is-duel-picker{grid-template-rows:minmax(0,1fr)}
.stream-room.is-creator-room .creator-livyno-browser.is-duel-picker>header{display:none!important}
.stream-room.is-creator-room .creator-livyno-browser.is-duel-picker iframe,.stream-room.is-creator-room .creator-livyno-browser.is-duel-picker .creator-livyno-browser-loading{grid-area:1/1}
.stream-room.is-creator-room .creator-livyno-browser-close.is-floating{position:absolute;z-index:3;top:8px;right:8px;display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid #34495e;border-radius:var(--radius-rect);background:#13202c;color:#a8bccb;font-size:18px;line-height:1;cursor:pointer}

.stream-room.is-live-duel .stream-canvas-format-switch{display:none!important}

/* Desktop LIVE pages use one shared room surface. The stream, chat, and guest
   dock are sized together instead of letting the public watch page shrink them. */
@media(min-width:901px){
  body:has(.watch-page.live-room-page){overflow-x:hidden;overflow-y:auto;background:#020406}
  .watch-page.live-room-page{--live-room-css-version:"2026-08-20-25";--live-room-toolbar-height:38px;--live-room-panel-gap:4px;--live-room-scrollbar-buffer:10px;display:grid;grid-template-rows:auto minmax(0,1fr);height:auto;min-height:calc(100dvh + var(--live-room-scrollbar-buffer));overflow:visible;background:#020406}
  .watch-page.live-room-page>.stream-toolbar{
    --creator-header-control-height:24px;
    box-sizing:border-box;
    height:var(--live-room-toolbar-height);
    min-height:var(--live-room-toolbar-height);
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:8px;
    padding:0 24px;
    font-size:8px;
  }
  .watch-page.live-room-page>.stream-toolbar>a:first-child{
    font-size:8px;
  }
  .watch-page.live-room-page>.stream-toolbar>.stream-toolbar-primary>a:first-child{
    color:#aeb9c7;
    height:auto;
    min-height:0;
    padding:0;
    border:0;
    background:transparent;
    font-size:8px;
    font-weight:800;
  }
  .watch-page.live-room-page>.stream-toolbar .stream-refresh-action{
    box-sizing:border-box;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:auto;
    height:var(--creator-header-control-height);
    min-width:82px;
    padding:0 12px;
    border:1px solid #303e51;
    border-radius:var(--radius-rect);
    background:#141d29;
    color:#9fdce7;
    font-size:8px;
    font-weight:900;
    line-height:1;
    text-decoration:none;
    white-space:nowrap;
  }
  .watch-page.live-room-page>.stream-toolbar>.stream-subscription-promo{
    box-sizing:border-box;
    width:min(440px,100%);
    height:var(--creator-header-control-height);
    min-height:var(--creator-header-control-height);
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    padding:0 12px;
    font-size:8px;
  }
  .watch-page.live-room-page>.stream-toolbar>.stream-subscription-promo b{
    font-size:8px;
    line-height:1;
  }
  .watch-page.live-room-page>.stream-toolbar>.stream-subscription-promo small{
    display:inline;
    font-size:8px;
    line-height:1;
  }
  .watch-page.live-room-page>.stream-toolbar>.stream-subscription-promo small:before{
    content:"· ";
  }
  .watch-page.live-room-page>.stream-toolbar>div{
    gap:7px;
    min-width:0;
    font-size:8px;
  }
  .watch-page.live-room-page>.stream-toolbar>div>span{
    font-size:8px;
  }
  .watch-page.live-room-page>.stream-toolbar button,
  .watch-page.live-room-page>.stream-toolbar>div>a,
  .watch-page.live-room-page>.stream-toolbar .stream-toolbar-viewer-count,
  .watch-page.live-room-page>.stream-toolbar .beta-bug-trigger{
    box-sizing:border-box;
    height:var(--creator-header-control-height);
    min-height:var(--creator-header-control-height);
    padding:0 12px;
    font-size:8px;
    line-height:1;
  }
}

.mobile-preview-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0,rgba(85,216,232,.16),transparent 34%),#080b10}
.mobile-preview-frame{width:min(390px,calc(100vw - 28px),calc(46vh - 22px));height:auto;aspect-ratio:390/844;display:grid;grid-template-rows:34px minmax(0,1fr);overflow:hidden;border:1px solid #2d3f52;border-radius:28px;background:#030507;box-shadow:0 30px 90px rgba(0,0,0,.6),0 0 0 8px #101722}
.mobile-preview-frame>header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;border-bottom:1px solid #1f2b38;background:#080d14;color:#e8fbff}
.mobile-preview-frame>header span{justify-self:start;width:38px;height:5px;border-radius:var(--radius-rect);background:#27384a}
.mobile-preview-frame>header b{font-size:11px;letter-spacing:.3px}
.mobile-preview-frame>header i{justify-self:end;width:7px;height:7px;border-radius:var(--radius-circle);background:#67d8e5;box-shadow:0 0 12px rgba(103,216,229,.6)}
.mobile-preview-frame iframe{width:100%;height:100%;border:0;background:#030507;pointer-events:auto;touch-action:auto}
.mobile-preview-page + .site-footer{display:none}
@media(max-width:430px){.mobile-preview-page{padding:0}.mobile-preview-frame{width:100vw;height:100vh;border:0;border-radius:0;box-shadow:none}.mobile-preview-frame>header{display:none}}
.stream-offline-cover{pointer-events:none}

/* The BUG action belongs to the compact creator header just like every other control. */
.creator-live-toolbar>.beta-bug-trigger{box-sizing:border-box;flex:none;height:24px;min-height:24px;padding:0 12px;line-height:1}
.creator-header-controls>.creator-chat-header-actions{padding-left:0;border-left:0}.creator-header-controls>.creator-header-divider{display:block;flex:none;width:1px;height:16px;background:#2c3b4e}

/* Viewer gift action sits on the stream canvas so gifts are not hidden in chat tools. */
.stream-canvas-bottom-actions{position:absolute;z-index:18;right:16px;bottom:16px;display:flex;align-items:center;gap:8px}
.stream-canvas-bottom-actions :is(.stream-canvas-gift-button,.stream-canvas-join-button,.stream-canvas-mic-button,.stream-canvas-shop-button){display:grid;place-items:center;width:54px;height:54px;padding:0;border:1px solid rgba(255,119,151,.62);border-radius:var(--radius-rect);background:linear-gradient(135deg,rgba(31,13,24,.92),rgba(18,31,43,.9));box-shadow:0 14px 34px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.05) inset,0 0 30px rgba(255,111,145,.18);color:#fff;backdrop-filter:blur(12px);cursor:pointer}
.stream-canvas-bottom-actions :is(.stream-canvas-gift-button,.stream-canvas-join-button,.stream-canvas-mic-button,.stream-canvas-shop-button):hover,.stream-canvas-bottom-actions :is(.stream-canvas-gift-button,.stream-canvas-join-button,.stream-canvas-mic-button,.stream-canvas-shop-button):focus-visible,.stream-canvas-join-button.is-pending{border-color:#ff8fa8;background:linear-gradient(135deg,rgba(66,20,38,.96),rgba(24,48,61,.94));box-shadow:0 17px 38px rgba(0,0,0,.5),0 0 0 2px rgba(255,143,168,.18),0 0 32px rgba(255,111,145,.24);outline:0;transform:translateY(-1px)}

.stream-canvas-bottom-actions img{display:block;width:24px;height:24px;object-fit:contain}
.stream-canvas-bottom-actions .livyno-gift-icon{width:20px;height:20px}
.stream-room.is-creator-room .chat-power.creator-icon-button{display:grid!important;place-items:center!important;width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;padding:0!important;border:1px solid rgba(255,119,151,.62)!important;border-radius:var(--radius-rect)!important;background:linear-gradient(135deg,rgba(31,13,24,.92),rgba(18,31,43,.9))!important;box-shadow:0 14px 34px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.05) inset,0 0 30px rgba(255,111,145,.18)!important;color:transparent!important;text-shadow:none!important;backdrop-filter:blur(12px)!important;overflow:hidden!important;transform:none!important}
.stream-room.is-creator-room .chat-power.creator-icon-button:hover:not(:disabled),.stream-room.is-creator-room .chat-power.creator-icon-button:focus-visible{border-color:#ff8fa8!important;background:linear-gradient(135deg,rgba(66,20,38,.96),rgba(24,48,61,.94))!important;box-shadow:0 17px 38px rgba(0,0,0,.5),0 0 0 2px rgba(255,143,168,.18),0 0 32px rgba(255,111,145,.24)!important;outline:0!important;transform:translateY(-1px)!important}
.stream-room.is-creator-room .chat-power.creator-icon-button .chat-power-icon{display:block;width:24px;height:24px;object-fit:contain;pointer-events:none;user-select:none}

/* Home feed and public web pages. */

.livyno-feed-shell {
  --feed-pink: #ff4e78;
  --feed-cyan: #55d8e8;
  position: relative;
  height: 100dvh;
  min-height: 640px;
  overflow: hidden;
  isolation: isolate;
  background:
    radial-gradient(circle at 82% 18%, rgba(85, 216, 232, 0.14), transparent 28%),
    radial-gradient(circle at 72% 82%, rgba(255, 78, 120, 0.16), transparent 32%),
    #05070a;
  color: #f7f9fb;
}

.livyno-feed-shell::before {
  position: absolute;
  z-index: -2;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(5, 7, 10, 0.92) 0 16%, rgba(5, 7, 10, 0.58) 31%, rgba(5, 7, 10, 0.12) 72%, rgba(5, 7, 10, 0.06) 100%),
    url("/livyno-ambient-wave.png") center 88% / cover no-repeat;
  opacity: 0.78;
  content: "";
}

.livyno-feed-shell::after {
  position: absolute;
  z-index: -1;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.024) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.024) 1px, transparent 1px);
  background-size: 54px 54px;
  mask-image: linear-gradient(90deg, transparent 36%, #000 74%);
  content: "";
}

.livyno-feed-shell + .site-footer {
  display: block;
}

.livyno-feed-sidebar {
  position: fixed;
  z-index: 30;
  inset: 0 auto 0 0;
  width: 330px;
  display: flex;
  flex-direction: column;
  padding: 28px 26px 24px;
  border-right: 1px solid rgba(255, 255, 255, 0.055);
  background: linear-gradient(90deg, rgba(5, 7, 10, 0.98) 72%, rgba(5, 7, 10, 0.82), rgba(5, 7, 10, 0.38));
  backdrop-filter: blur(18px);
}

.livyno-feed-brand {
  display: flex;
  align-items: center;
  gap: 12px;
  width: max-content;
  color: #fff;
  font-size: 30px;
  letter-spacing: -1.8px;
}

.livyno-feed-brand strong > span {
  color: var(--feed-cyan);
}

.livyno-feed-search {
  display: flex;
  align-items: center;
  gap: 12px;
  height: 56px;
  margin: 31px 0 25px;
  padding: 0 16px;
  border: 1px solid #272b31;
  border-radius: var(--radius-rect);
  background: #181b20;
}

.livyno-feed-search span {
  color: #aab1ba;
  font-size: 31px;
  line-height: 1;
  transform: rotate(-15deg);
}

.livyno-feed-search input {
  min-width: 0;
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: #fff;
  font-size: 16px;
}

.livyno-feed-search input::placeholder {
  color: #8e959e;
}

.livyno-feed-register {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  align-items: center;
  gap: 11px;
  margin-top: 8px;
  padding: 9px 12px;
  border: 1px solid rgba(255, 98, 137, 0.42);
  border-radius: var(--radius-rect);
  background: rgba(255, 98, 137, 0.1);
  color: #ff82a0;
}

.livyno-feed-register:hover {
  border-color: #ff6f91;
  background: rgba(255, 98, 137, 0.17);
}

.livyno-feed-register span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: var(--radius-rect);
  background: rgba(255, 98, 137, 0.14);
  font-size: 22px;
}

.livyno-feed-register b {
  font-size: 15px;
}

.livyno-feed-nav {
  display: grid;
  gap: 7px;
}

.livyno-feed-nav > a {
  position: relative;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  align-items: center;
  min-height: 62px;
  padding: 0 12px;
  border-radius: var(--radius-rect);
  color: #edf0f4;
}

.livyno-feed-nav > a:hover {
  background: #15191f;
}

.livyno-feed-nav > a.is-active {
  color: var(--feed-pink);
}

.livyno-feed-navicon {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
}

.livyno-feed-navicon.is-live {
  border: 3px solid var(--feed-pink);
  border-radius: var(--radius-circle);
  font-size: 23px;
  box-shadow: inset 0 0 0 3px #05070a;
}

.livyno-feed-nav b {
  font-size: 18px;
}

.livyno-feed-nav em {
  min-width: 28px;
  padding: 4px 8px;
  border-radius: var(--radius-rect);
  background: var(--feed-pink);
  color: #fff;
  font-size: 11px;
  font-style: normal;
  text-align: center;
}

.livyno-feed-sidebottom {
  display: grid;
  gap: 8px;
  margin-top: auto;
  color: #68717d;
  font-size: 10px;
}

.livyno-feed-sidebottom a:hover {
  color: #fff;
}

.livyno-feed-toptools {
  position: fixed;
  z-index: 35;
  top: 28px;
  right: 28px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 9px 10px;
  border: 1px solid #272b31;
  border-radius: var(--radius-rect);
  background: rgba(26, 29, 34, 0.94);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.28);
}

.livyno-feed-toptools > a,
.livyno-feed-toptools > button {
  display: grid;
  place-items: center;
  width: 37px;
  height: 37px;
  border: 0;
  border-radius: var(--radius-circle);
  background: transparent;
  color: #e9edf2;
  font-size: 20px;
}

.livyno-feed-toptools > a:hover,
.livyno-feed-toptools > button:hover {
  background: #2b3037;
}

.livyno-feed-toptools > button.is-active {
  background: rgba(85, 216, 232, 0.16);
  color: var(--feed-cyan);
  box-shadow: inset 0 0 0 1px rgba(85, 216, 232, 0.35);
}

.livyno-feed-toptools > span {
  width: 1px;
  height: 25px;
  background: #3b4047;
}

.livyno-feed-toptools .livyno-feed-user {
  background: linear-gradient(145deg, #ff765d, #a43f82);
  color: #fff;
  font-size: 10px;
  font-weight: 900;
  box-shadow: 0 0 0 4px #31353b;
}

.livyno-feed-stream {
  position: relative;
  z-index: 5;
  height: 100dvh;
  min-height: 640px;
  margin-left: 330px;
  overflow-y: auto;
  scroll-snap-type: y mandatory;
  scrollbar-width: none;
  overscroll-behavior-y: auto;
}

.livyno-feed-stream::-webkit-scrollbar {
  display: none;
}

.livyno-feed-item {
  height: 100dvh;
  min-height: 640px;
  display: grid;
  place-items: center;
  padding: 22px 150px 22px 40px;
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

.livyno-feed-stage {
  position: relative;
  display: flex;
  align-items: flex-end;
  gap: 16px;
  height: min(calc(100dvh - 132px), 820px);
  min-height: 413px;
  transform: translateY(-54px);
}

.livyno-feed-media {
  position: relative;
  height: calc(100% - 17px);
  margin-bottom: 17px;
  aspect-ratio: 9 / 16;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.17);
  border-radius: var(--media-output-radius, var(--radius-rect));
  background: linear-gradient(155deg, #353d4a, #14181e 56%, #1f121b);
  box-shadow:
    0 26px 90px rgba(0, 0, 0, 0.68),
    0 0 0 1px rgba(85, 216, 232, 0.06),
    0 0 70px rgba(255, 78, 120, 0.08);
}

.livyno-feed-stage.media-landscape {
  height: 413px;
}

.livyno-feed-media.is-landscape {
  aspect-ratio: 16 / 9;
}

.livyno-feed-media.is-landscape video {
  object-fit: contain;
}

@media (min-width: 761px) {
  .livyno-feed-media.is-landscape + .livyno-feed-actions {
    position: absolute;
    z-index: 6;
    top: 0;
    right: 12px;
    height: calc(100% - 17px);
    justify-content: space-between;
    gap: 0;
    padding-bottom: 0;
  }
}

.livyno-feed-backdrop-copy {
  position: fixed;
  z-index: 2;
  top: 47%;
  left: 360px;
  width: 330px;
  transform: translateY(-50%);
  pointer-events: none;
  text-shadow: 0 10px 35px rgba(0, 0, 0, 0.72);
}

.livyno-feed-backdrop-copy span,
.livyno-feed-backdrop-copy strong {
  display: block;
  font-size: clamp(29px, 2.25vw, 43px);
  line-height: 1.02;
  letter-spacing: -1.8px;
}

.livyno-feed-backdrop-copy span {
  color: #f8fafc;
  font-weight: 850;
}

.livyno-feed-backdrop-copy strong {
  margin-top: 7px;
  background: linear-gradient(90deg, #ff7481, #f0a3a8 42%, #58dbe9);
  background-clip: text;
  color: transparent;
  font-weight: 950;
}

.livyno-feed-desktop-story {
  position: fixed;
  z-index: 12;
  top: 19%;
  right: clamp(82px, 6.5vw, 140px);
  width: clamp(250px, 18vw, 340px);
  padding: 26px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: var(--radius-rect);
  background: linear-gradient(145deg, rgba(20, 25, 32, 0.8), rgba(10, 13, 18, 0.52));
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.38);
  backdrop-filter: blur(22px);
}

.livyno-feed-story-kicker {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #94eef7;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 1.8px;
}

.livyno-feed-story-kicker i {
  width: 7px;
  height: 7px;
  border-radius: var(--radius-circle);
  background: var(--feed-pink);
  box-shadow: 0 0 16px var(--feed-pink);
  animation: livyno-feed-pulse 1.2s infinite;
}

.livyno-feed-desktop-story h2 {
  margin: 17px 0 12px;
  font-size: clamp(28px, 2.2vw, 41px);
  line-height: 0.98;
  letter-spacing: -1.7px;
}

.livyno-feed-desktop-story p {
  margin: 0;
  color: #aeb6c1;
  font-size: 13px;
  line-height: 1.55;
}

.livyno-feed-story-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 19px 0 22px;
}

.livyno-feed-story-pills span {
  padding: 7px 10px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: var(--radius-rect);
  background: rgba(255, 255, 255, 0.055);
  color: #dce1e8;
  font-size: 9px;
  font-weight: 800;
}

.livyno-feed-desktop-story > a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 46px;
  padding: 0 15px;
  border-radius: var(--radius-rect);
  background: linear-gradient(100deg, var(--feed-pink), #ff7f6f);
  color: #fff;
  font-size: 11px;
  font-weight: 900;
  box-shadow: 0 12px 30px rgba(255, 78, 120, 0.22);
}

.livyno-feed-desktop-story > a b {
  font-size: 18px;
}

.livyno-feed-desktop-hint {
  position: fixed;
  z-index: 11;
  right: clamp(92px, 7.3vw, 156px);
  bottom: 8%;
  display: grid;
  grid-template-columns: 34px 34px minmax(0, 1fr);
  align-items: center;
  gap: 7px;
  color: #7f8996;
}

.livyno-feed-desktop-hint > span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-rect);
  background: rgba(13, 17, 22, 0.7);
  color: #dbe1e8;
}

.livyno-feed-desktop-hint p {
  margin: 0 0 0 6px;
  font-size: 9px;
  line-height: 1.4;
}

.livyno-feed-media video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #101319;
  cursor: pointer;
}

.livyno-feed-paused {
  position: absolute;
  z-index: 4;
  top: 50%;
  left: 50%;
  display: grid;
  place-items: center;
  width: 70px;
  height: 70px;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: var(--radius-circle);
  background: rgba(8, 11, 16, 0.62);
  color: #fff;
  font-size: 27px;
  text-indent: 4px;
  backdrop-filter: blur(12px);
  pointer-events: none;
}

.livyno-feed-item:nth-child(3) .livyno-feed-media video {
  filter: hue-rotate(155deg) saturate(0.85);
}

.livyno-feed-item:nth-child(4) .livyno-feed-media video {
  filter: hue-rotate(295deg) saturate(1.2);
}

.livyno-feed-tint {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(5, 7, 10, 0.02) 40%, rgba(5, 7, 10, 0.18) 64%, rgba(5, 7, 10, 0.9) 100%);
  pointer-events: none;
}

.livyno-feed-livebar {
  position: absolute;
  top: 18px;
  left: 18px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.livyno-feed-livebar strong,
.livyno-feed-livebar span {
  padding: 7px 10px;
  border-radius: var(--radius-rect);
  background: rgba(7, 9, 13, 0.72);
  backdrop-filter: blur(12px);
  font-size: 10px;
}

.livyno-feed-livebar strong {
  background: var(--feed-pink);
}

.livyno-feed-livebar i {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 5px;
  border-radius: var(--radius-circle);
  background: #fff;
  animation: livyno-feed-pulse 1.2s infinite;
}

.livyno-feed-liveprompt {
  position: absolute;
  z-index: 4;
  top: 48%;
  left: 50%;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) 34px;
  align-items: center;
  gap: 10px;
  width: calc(100% - 36px);
  padding: 13px 15px;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(255, 255, 255, 0.42);
  border-radius: var(--radius-rect);
  background: rgba(20, 22, 28, 0.38);
  color: #fff;
  backdrop-filter: blur(12px);
  text-align: center;
}

.livyno-feed-liveprompt:hover {
  border-color: var(--feed-cyan);
  background: rgba(20, 22, 28, 0.62);
}

.livyno-feed-liveprompt > span {
  font-size: 24px;
}

.livyno-feed-liveprompt > strong {
  font-size: 15px;
  line-height: 1.25;
}

.livyno-feed-liveprompt > b {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: var(--radius-circle);
  background: #fff;
  color: #11151a;
  font-size: 11px;
}

.livyno-feed-sound {
  position: absolute;
  top: 18px;
  right: 18px;
  z-index: 4;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: var(--radius-rect);
  background: rgba(7, 9, 13, 0.58);
  color: #fff;
  font-size: 15px;
  backdrop-filter: blur(9px);
}

.livyno-feed-sound span {
  line-height: 1;
}

.livyno-feed-copy {
  position: absolute;
  z-index: 3;
  right: 22px;
  bottom: 22px;
  left: 22px;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.8);
}

.livyno-feed-live-now {
  display: block;
  width: max-content;
  margin-bottom: 10px;
  padding: 7px 10px;
  border-radius: var(--radius-rect);
  background: var(--feed-pink);
  font-size: 11px;
  text-shadow: none;
}

.livyno-feed-copy > a {
  font-size: 17px;
  font-weight: 900;
}

.livyno-feed-copy h1 {
  margin: 8px 0 6px;
  font-size: 25px;
  line-height: 1.08;
  letter-spacing: -0.7px;
}

.livyno-feed-copy p {
  max-width: 430px;
  margin: 0;
  color: #eef1f4;
  font-size: 13px;
  line-height: 1.5;
}

.livyno-feed-copy > span {
  display: block;
  margin-top: 12px;
  font-size: 11px;
  font-weight: 700;
}

.livyno-feed-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding-bottom: 17px;
}

.livyno-feed-actions > a,
.livyno-feed-actions > button {
  display: grid;
  justify-items: center;
  gap: 5px;
  width: 66px;
  border: 0;
  background: transparent;
  color: #eef2f6;
}

.livyno-feed-actions > a > span,
.livyno-feed-actions > button > span {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border-radius: var(--radius-circle);
  background: #1c2026;
  font-size: 25px;
  box-shadow: 0 9px 25px rgba(0, 0, 0, 0.28);
}

.livyno-feed-actions b {
  font-size: 10px;
}

.livyno-feed-actions > button.is-selected > span {
  background: var(--feed-pink);
  color: #fff;
}

.livyno-feed-actions > button.is-saved > span {
  color: #ffcf5b;
}

.livyno-feed-actions .livyno-feed-avatar {
  position: relative;
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  margin-bottom: 6px;
  border: 3px solid #fff;
  border-radius: var(--radius-circle);
  background: linear-gradient(145deg, #6d334d, #281827);
  font-size: 15px;
  font-weight: 950;
}

.livyno-feed-avatar-wrap {
  position: relative;
  width: 66px;
  min-height: 66px;
  display: grid;
  place-items: start center;
  margin-bottom: 2px;
}

.livyno-feed-avatar-wrap > button {
  position: absolute;
  right: 20px;
  bottom: 0;
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  padding: 0;
  border: 2px solid #05070a;
  border-radius: var(--radius-circle);
  background: var(--feed-pink);
  color: #fff;
  font-size: 16px;
  font-weight: 900;
}

.livyno-feed-avatar-wrap > button.is-followed {
  background: var(--feed-cyan);
  color: #071015;
  font-size: 12px;
}

.livyno-feed-avatar.accent-violet { background: linear-gradient(145deg, #7a59aa, #342445); }
.livyno-feed-avatar.accent-blue { background: linear-gradient(145deg, #4179a8, #223245); }
.livyno-feed-avatar.accent-amber { background: linear-gradient(145deg, #bd844c, #4a2c1d); }

.livyno-feed-pager {
  position: fixed;
  z-index: 25;
  top: 50%;
  right: 26px;
  display: grid;
  gap: 12px;
  transform: translateY(-50%);
}

.livyno-feed-pager button {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border: 1px solid #292d33;
  border-radius: var(--radius-circle);
  background: #15181d;
  color: #fff;
  font-size: 25px;
}

.livyno-feed-pager button:hover:not(:disabled) {
  border-color: #59606b;
  background: #23272d;
}

.livyno-feed-pager button:disabled {
  opacity: 0.26;
}

.livyno-feed-comments-layer {
  position: fixed;
  z-index: 80;
  inset: 0;
  display: flex;
  justify-content: flex-end;
  background: rgba(1, 3, 6, 0.52);
  backdrop-filter: blur(5px);
}

.livyno-feed-comments {
  width: min(430px, 100%);
  height: 100%;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  border-left: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(13, 17, 23, 0.97);
  box-shadow: -30px 0 90px rgba(0, 0, 0, 0.5);
}

.livyno-feed-comments > header {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 28px 26px 22px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.livyno-feed-comments > header span {
  color: var(--feed-cyan);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 1.7px;
}

.livyno-feed-comments > header h2 {
  margin: 7px 0 0;
  font-size: 22px;
}

.livyno-feed-comments > header button {
  width: 38px;
  height: 38px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: var(--radius-circle);
  background: #1b2028;
  color: #fff;
  font-size: 24px;
}

.livyno-feed-comment-list {
  overflow-y: auto;
  padding: 12px 26px 24px;
}

.livyno-feed-comment-list article {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 12px;
  padding: 15px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.055);
}

.livyno-feed-comment-list article > i {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: var(--radius-circle);
  background: linear-gradient(145deg, #2a5865, #71314e);
  color: #fff;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
}

.livyno-feed-comment-list strong {
  font-size: 11px;
}

.livyno-feed-comment-list p {
  margin: 5px 0;
  color: #e8ecf1;
  font-size: 13px;
  line-height: 1.45;
}

.livyno-feed-comment-list small {
  color: #687382;
  font-size: 9px;
}

.livyno-feed-comments > form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 9px;
  padding: 18px 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.09);
  background: #0c1016;
}

.livyno-feed-comments > form input {
  min-width: 0;
  padding: 12px 14px;
  border: 1px solid #2b3440;
  border-radius: var(--radius-rect);
  outline: 0;
  background: #161c24;
  color: #fff;
}

.livyno-feed-comments > form input:focus {
  border-color: var(--feed-cyan);
}

.livyno-feed-comments > form button {
  padding: 0 16px;
  border: 0;
  border-radius: var(--radius-rect);
  background: var(--feed-pink);
  color: #fff;
  font-size: 11px;
  font-weight: 900;
}

.livyno-feed-comments > form button:disabled {
  opacity: 0.4;
}

.livyno-feed-toast {
  position: fixed;
  z-index: 100;
  bottom: 32px;
  left: 50%;
  padding: 12px 17px;
  transform: translateX(-50%);
  border: 1px solid rgba(85, 216, 232, 0.28);
  border-radius: var(--radius-rect);
  background: rgba(15, 21, 28, 0.94);
  color: #f5f7fa;
  box-shadow: 0 16px 50px rgba(0, 0, 0, 0.42);
  font-size: 11px;
  font-weight: 800;
  backdrop-filter: blur(15px);
}

.livyno-feed-shell.is-focus-mode .livyno-feed-sidebar,
.livyno-feed-shell.is-focus-mode .livyno-feed-backdrop-copy,
.livyno-feed-shell.is-focus-mode .livyno-feed-desktop-story,
.livyno-feed-shell.is-focus-mode .livyno-feed-desktop-hint {
  display: none;
}

.livyno-feed-shell.is-focus-mode .livyno-feed-stream {
  margin-left: 0;
}

.livyno-feed-mobile-nav {
  display: none;
}

@keyframes livyno-feed-pulse {
  50% { opacity: 0.35; transform: scale(0.75); }
}

/* Společná veřejná horní lišta a reálný discovery feed. */
.livyno-global-topbar {
  position: fixed;
  z-index: 70;
  inset: 0 0 auto;
  min-height: 62px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 24px;
  row-gap: 0;
  padding: 0 clamp(18px, 3vw, 52px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
  background: rgba(2, 3, 5, 0.97);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.34);
  backdrop-filter: blur(18px);
}

.livyno-global-brand {
  display: flex;
  align-items: center;
  gap: 11px;
  color: #fff;
}

.livyno-global-brand .brand-mark {
  flex: none;
  width: 30px;
  height: 30px;
}

.livyno-global-brand strong {
  font-size: 23px;
  letter-spacing: -1.4px;
}

.livyno-global-brand strong span {
  color: var(--feed-cyan, var(--cyan, #55d8e8));
}

.livyno-global-topbar nav,
.livyno-global-account {
  display: flex;
  align-items: center;
  gap: 6px;
}

.livyno-global-topbar nav {
  min-width: 0;
}

.livyno-global-account.is-authenticated {
  width: 180px;
}

.livyno-global-topbar nav a,
.livyno-global-account a {
  padding: 7px 11px;
  border-radius: var(--radius-rect);
  color: #aeb6c1;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.livyno-global-topbar nav a:hover,
.livyno-global-topbar nav a.is-active,
.livyno-global-account a:hover {
  background: #15191f;
  color: #fff;
}

.livyno-global-topbar nav a.is-active {
  color: var(--feed-cyan);
}

.livyno-global-account a.is-primary {
  background: linear-gradient(135deg, var(--feed-pink), #ff6c8d);
  color: #fff;
  box-shadow: 0 8px 24px rgba(255, 78, 120, 0.2);
}

.livyno-global-topbar.has-secondary {
  grid-template-rows: 62px 30px;
}

.livyno-global-subnav {
  grid-column: 1 / -1;
  grid-row: 2;
  align-self: stretch;
  display: flex;
  align-items: center;
  margin-inline: calc(clamp(18px, 3vw, 52px) * -1);
  padding: 0 clamp(18px, 3vw, 52px);
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  background: #05070a;
}

.livyno-global-subnav nav {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
}

.livyno-global-subnav nav::-webkit-scrollbar { display: none; }

.livyno-global-subnav button {
  flex: none;
  min-height: 24px;
  padding: 3px 10px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #aeb6c1;
  font-size: 9px;
  font-weight: 850;
  cursor: pointer;
  white-space: nowrap;
}

.livyno-global-subnav button:hover,
.livyno-global-subnav button.is-active {
  background: transparent;
  color: var(--feed-cyan, #55d8e8);
}

.livyno-feed-shell.has-global-topbar .livyno-feed-stream {
  height: calc(100dvh - 62px);
  min-height: 562px;
  margin-top: 62px;
  margin-left: 0;
}

.livyno-feed-shell.has-global-topbar .livyno-feed-item {
  height: calc(100dvh - 62px);
  min-height: 562px;
  padding-top: 18px;
  padding-bottom: 18px;
}

.livyno-feed-shell.has-global-topbar .livyno-feed-stage {
  height: min(calc(100dvh - 132px), 820px);
  transform: none;
}

@media (min-width: 981px) {
  .livyno-feed-shell.has-global-topbar .livyno-feed-item {
    place-items: start center;
  }
}

.livyno-feed-shell.has-global-topbar .livyno-feed-backdrop-copy {
  left: clamp(34px, 6vw, 120px);
}

.livyno-feed-shell.has-global-topbar .livyno-feed-desktop-story {
  left: clamp(34px, 6vw, 120px);
}

.livyno-feed-media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #101319;
}

.livyno-gallery-arrow {
  position: absolute;
  z-index: 6;
  top: 50%;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  padding: 0 0 4px;
  transform: translateY(-50%);
  border: 1px solid rgba(255, 255, 255, 0.26);
  border-radius: var(--radius-circle);
  background: rgba(5, 7, 10, 0.64);
  color: #fff;
  font-size: 28px;
  backdrop-filter: blur(10px);
}

.livyno-gallery-arrow.is-left { left: 12px; }
.livyno-gallery-arrow.is-right { right: 12px; }

.livyno-gallery-dots {
  position: absolute;
  z-index: 6;
  top: 18px;
  left: 50%;
  display: flex;
  gap: 5px;
  transform: translateX(-50%);
}

.livyno-gallery-dots i {
  width: 6px;
  height: 6px;
  border-radius: var(--radius-circle);
  background: rgba(255, 255, 255, 0.42);
}

.livyno-gallery-dots i.is-active {
  width: 18px;
  border-radius: var(--radius-rect);
  background: #fff;
}

.livyno-gallery-counter {
  position: absolute;
  z-index: 6;
  top: 16px;
  right: 16px;
  padding: 6px 9px;
  border-radius: var(--radius-rect);
  background: rgba(5, 7, 10, 0.64);
  font-size: 10px;
  font-weight: 800;
}

.livyno-feed-guest-gate {
  position: absolute;
  z-index: 7;
  top: 43%;
  left: 50%;
  display: grid;
  gap: 4px;
  width: calc(100% - 44px);
  padding: 15px 18px;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: var(--radius-rect);
  background: rgba(7, 9, 13, 0.68);
  color: #fff;
  text-align: center;
  backdrop-filter: blur(14px);
}

.livyno-feed-guest-gate strong { font-size: 16px; }
.livyno-feed-guest-gate span { color: #cbd2db; font-size: 11px; }

.livyno-feed-empty {
  position: relative;
  z-index: 6;
  width: 100%;
  min-width: 0;
  min-height: 100dvh;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 12px;
  padding: 120px 24px 40px;
  text-align: center;
}

.livyno-feed-shell.is-empty .livyno-feed-backdrop-copy,
.livyno-feed-shell.is-empty .livyno-feed-desktop-story {
  display: none;
}

.livyno-feed-empty > span { color: var(--feed-cyan); font-size: 48px; }
.livyno-feed-empty h1 { max-width: min(760px, calc(100vw - 32px)); margin: 0; overflow-wrap: anywhere; font-size: clamp(28px, 5vw, 52px); }
.livyno-feed-empty p { max-width: min(520px, calc(100vw - 32px)); margin: 0; overflow-wrap: anywhere; color: #aeb6c1; }
.livyno-feed-empty a {
  max-width: calc(100vw - 32px);
  margin-top: 12px;
  padding: 13px 19px;
  border-radius: var(--radius-rect);
  background: var(--feed-pink);
  color: #fff;
  font-weight: 900;
}

.livyno-feed-no-comments {
  margin: auto;
  color: #8d96a3;
  text-align: center;
}

@media (max-width: 1450px) {
  .livyno-feed-desktop-story,
  .livyno-feed-desktop-hint {
    display: none;
  }

  .livyno-feed-backdrop-copy {
    top: 20%;
    right: 86px;
    left: auto;
    width: 260px;
    transform: none;
  }

  .livyno-feed-backdrop-copy span,
  .livyno-feed-backdrop-copy strong {
    font-size: 32px;
  }
}

@media (max-width: 1150px) {
  .livyno-feed-sidebar {
    width: 100px;
    overflow-y: auto;
    padding-block: 16px;
    padding-inline: 17px;
    scrollbar-width: none;
  }

  .livyno-feed-brand strong,
  .livyno-feed-search input,
  .livyno-feed-nav b,
  .livyno-feed-nav em,
  .livyno-feed-sidebottom {
    display: none;
  }

  .livyno-feed-search {
    justify-content: center;
    height: 48px;
    margin: 14px 0 10px;
    padding: 0;
  }

  .livyno-feed-nav {
    gap: 2px;
  }

  .livyno-feed-nav > a {
    grid-template-columns: 1fr;
    justify-items: center;
    min-height: 48px;
    padding: 0;
  }

  .livyno-feed-navicon {
    width: 34px;
    height: 34px;
    font-size: 27px;
  }

  .livyno-feed-stream {
    margin-left: 100px;
  }

  .livyno-feed-item {
    padding-right: 120px;
  }
}

@media (max-width: 980px) {
  .livyno-feed-shell::before {
    display: none;
  }

  .livyno-feed-shell,
  .livyno-feed-stream,
  .livyno-feed-item {
    min-height: 520px;
  }

  .livyno-feed-sidebar,
  .livyno-feed-toptools,
  .livyno-feed-pager,
  .livyno-feed-backdrop-copy {
    display: none;
  }

  .livyno-feed-stream {
    margin: 0;
  }

  .livyno-feed-item {
    padding: 0;
  }

  .livyno-feed-stage {
    width: 100%;
    height: calc(100dvh - 64px);
    min-height: 0;
    max-height: none;
    gap: 0;
    transform: none;
  }

  .livyno-feed-stage.media-landscape {
    height: calc(100dvh - 64px);
  }

  .livyno-feed-media,
  .livyno-feed-media.is-landscape {
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    border: 0;
    border-radius: 0;
    aspect-ratio: auto;
    background: #05070a;
  }

  .livyno-feed-media video,
  .livyno-feed-media img,
  .livyno-feed-media.is-landscape video {
    object-fit: cover;
  }

  .livyno-feed-actions {
    position: absolute;
    z-index: 5;
    right: 7px;
    bottom: 92px;
  }

  .livyno-feed-actions > a,
  .livyno-feed-actions > button {
    width: 57px;
  }

  .livyno-feed-actions > a > span,
  .livyno-feed-actions > button > span {
    width: 47px;
    height: 47px;
  }

  .livyno-feed-actions .livyno-feed-avatar {
    width: 50px;
    height: 50px;
  }

  .livyno-feed-avatar-wrap {
    width: 57px;
    min-height: 58px;
  }

  .livyno-feed-avatar-wrap > button {
    right: 15px;
  }

  .livyno-feed-copy {
    right: 74px;
    bottom: 25px;
    left: 16px;
  }

  .livyno-feed-copy h1 {
    font-size: 22px;
  }

  .livyno-feed-copy p {
    font-size: 12px;
  }

  .livyno-feed-liveprompt {
    width: calc(100% - 110px);
    margin-left: -22px;
  }

  .livyno-feed-liveprompt > strong {
    font-size: 12px;
  }

  .livyno-feed-mobile-nav {
    position: fixed;
    z-index: 40;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    align-items: center;
    height: 64px;
    border-top: 1px solid #272b31;
    background: rgba(5, 7, 10, 0.96);
    backdrop-filter: blur(15px);
  }

  .livyno-feed-mobile-nav > a {
    display: grid;
    place-items: center;
    gap: 2px;
    color: #929aa5;
    font-size: 8px;
  }

  .livyno-feed-mobile-nav > a span {
    font-size: 21px;
  }

  .livyno-feed-mobile-nav > a.is-active {
    color: #fff;
  }

  .livyno-feed-mobile-nav .livyno-feed-create {
    justify-self: center;
    width: 45px;
    height: 30px;
    border-radius: var(--radius-rect);
    background: linear-gradient(90deg, var(--feed-cyan) 0 12%, #fff 12% 88%, var(--feed-pink) 88%);
    color: #05070a;
    font-size: 22px;
    font-weight: 900;
  }

  .livyno-feed-comments {
    height: calc(100% - 64px);
    margin-top: auto;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    border-left: 0;
    border-radius: var(--radius-rect) var(--radius-rect) 0 0;
  }

  .livyno-feed-toast {
    bottom: 78px;
  }
}

.video-detail-page {
  --feed-pink: #ff4e78;
  --feed-cyan: #55d8e8;
  min-height: 100dvh;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(340px, 38vw);
  gap: 22px;
  padding: 16px;
  overflow: hidden;
  background:
    radial-gradient(circle at 42% 48%, rgba(255, 78, 120, 0.09), transparent 28%),
    #030507;
  color: #f5f7fa;
}

.video-detail-mobile-topnav,
.video-detail-mobile-bottomnav {
  display: none;
}

.video-detail-overlay {
  position: fixed;
  z-index: 100;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 22px;
  background: rgba(2, 4, 7, 0.7);
  backdrop-filter: blur(7px);
}

.video-detail-page.is-modal {
  position: relative;
  width: min(1080px, calc(100vw - 160px));
  height: min(880px, calc(100dvh - 72px));
  min-height: 0;
  grid-template-columns: minmax(0, 56%) minmax(420px, 44%);
  gap: 8px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: var(--radius-rect);
  background-color: rgba(3, 5, 7, 0.97) !important;
  box-shadow:
    0 34px 100px rgba(0, 0, 0, 0.72),
    0 0 42px rgba(255, 78, 120, 0.08);
}

.video-detail-page.is-modal .video-detail-toolbar {
  position: static;
  align-self: start;
  flex-direction: column;
  flex: none;
  margin-top: 10px;
}

.video-detail-page.is-modal .video-detail-player {
  height: min(calc(100% - 20px), 800px);
}

.video-detail-page.is-modal .video-detail-actions {
  height: min(calc(100% - 20px), 800px);
  align-content: space-between;
}

.video-detail-page.is-modal .video-detail-panel {
  height: auto;
  min-height: 0;
}

.video-detail-page.is-modal .video-detail-stage {
  min-height: 0;
  justify-content: flex-start;
  gap: 10px;
  padding-left: 0;
}

.video-detail-toolbar {
  position: fixed;
  z-index: 20;
  top: 20px;
  left: 20px;
  display: flex;
  gap: 10px;
}

.video-detail-toolbar > * {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  padding: 0;
  border: 0;
  border-radius: var(--radius-circle);
  background: #1b1f25;
  color: #fff;
  font-size: 25px;
}

.video-detail-stage {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  padding-left: 72px;
}

.video-detail-player {
  position: relative;
  height: min(calc(100dvh - 32px), 900px);
  aspect-ratio: 9 / 16;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: var(--media-output-radius, var(--radius-rect));
  background: #11151a;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.55);
}

.video-detail-player video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video-detail-gallery-images {
  position: absolute;
  inset: 0;
}

.video-detail-gallery-image {
  object-fit: contain;
  background: #05080c;
  opacity: 0;
  pointer-events: none;
  transition: opacity 80ms linear;
}

.video-detail-gallery-image.is-active {
  z-index: 1;
  opacity: 1;
}

.video-detail-gallery-arrow {
  position: absolute;
  z-index: 6;
  top: 50%;
  width: 46px;
  height: 46px;
  padding: 0;
  translate: 0 -50%;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: var(--radius-circle);
  background: rgba(8, 12, 18, 0.78);
  color: #fff;
  font-size: 34px;
  line-height: 1;
  cursor: pointer;
}

.video-detail-gallery-arrow.is-prev { left: 12px; }
.video-detail-gallery-arrow.is-next { right: 12px; }

.video-detail-gallery-dots {
  position: absolute;
  z-index: 7;
  top: 16px;
  left: 50%;
  display: flex;
  gap: 6px;
  translate: -50% 0;
}

.video-detail-gallery-dots button {
  width: 7px;
  height: 7px;
  padding: 0;
  border: 0;
  border-radius: var(--radius-circle);
  background: rgba(255, 255, 255, 0.5);
}

.video-detail-gallery-dots button.is-active {
  width: 20px;
  border-radius: var(--radius-rect);
  background: var(--feed-cyan);
}

.video-detail-related img {
  width: 100%;
  aspect-ratio: 9 / 12;
  object-fit: cover;
}

@media (max-width: 980px) {
  .video-detail-overlay.is-gallery { display: grid; padding: 0; }
  .video-detail-overlay.is-gallery .video-detail-page.is-modal {
    width: 100%;
    height: 100dvh;
    grid-template-columns: 1fr;
    overflow-y: auto;
    border: 0;
    border-radius: 0;
  }
}

.video-detail-sound {
  position: absolute;
  z-index: 5;
  top: 12px;
  left: 12px;
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  padding: 0;
  border: 0;
  border-radius: var(--radius-circle);
  background: #1b1f25;
  color: #fff;
  font-size: 25px;
  line-height: 1;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
  cursor: pointer;
}

.video-detail-copy {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: grid;
  gap: 7px;
  padding: 80px 18px 24px;
  background: linear-gradient(transparent, rgba(3, 5, 7, 0.92));
}

.video-detail-copy b {
  font-size: 18px;
}

.video-detail-copy span {
  color: #d6dae0;
  font-size: 13px;
  line-height: 1.5;
}

.video-detail-actions {
  display: grid;
  justify-items: center;
  gap: 13px;
}

.video-detail-actions > button {
  display: grid;
  justify-items: center;
  gap: 5px;
  width: 64px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #eef2f6;
}

.video-detail-actions > button > span {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border-radius: var(--radius-circle);
  background: #1c2026;
  font-size: 24px;
}

.video-detail-actions > button b {
  font-size: 10px;
}

.video-detail-actions > button.is-active > span {
  background: var(--feed-pink);
}

.video-detail-actions > button.is-saved > span {
  color: #ffcf5b;
}

.video-detail-avatar {
  position: relative;
  width: 62px;
  height: 68px;
}

.video-detail-avatar > span {
  display: grid;
  place-items: center;
  width: 60px;
  height: 60px;
  border: 3px solid #fff;
  border-radius: var(--radius-circle);
  background: linear-gradient(145deg, #713849, #2d2232);
  font-weight: 950;
}

.video-detail-avatar > button {
  position: absolute;
  right: -2px;
  bottom: -1px;
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 3px solid #fff;
  border-radius: var(--radius-circle);
  background: linear-gradient(145deg, #ff6689, var(--feed-pink));
  color: #fff;
  font-size: 21px;
  font-weight: 900;
  line-height: 1;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.32);
  box-shadow:
    0 0 0 4px #030507,
    0 0 18px rgba(255, 78, 120, 0.72);
}

.video-detail-panel {
  min-width: 0;
  height: calc(100dvh - 32px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: var(--radius-rect);
  background: #171a1f;
}

.video-detail-panel > header {
  display: grid;
  grid-template-columns: auto auto 1fr;
  align-items: end;
  gap: 20px;
  padding: 18px 20px 0;
  border-bottom: 1px solid #34383f;
}

.video-detail-panel > header button {
  padding: 0 0 14px;
  border: 0;
  border-bottom: 3px solid transparent;
  background: none;
  color: #9299a2;
  font-weight: 850;
}

.video-detail-panel > header button.is-active {
  border-bottom-color: #fff;
  color: #fff;
}

.video-detail-panel > header .video-detail-panel-close {
  justify-self: end;
  align-self: center;
  width: 52px;
  height: 52px;
  margin-bottom: 8px;
  padding: 0;
  border: 0;
  border-radius: var(--radius-circle);
  background: #1b1f25;
  color: #fff;
  font-size: 25px;
  line-height: 1;
}

.video-detail-panel > header button.video-detail-panel-close {
  border-bottom: 0;
  background: #1b1f25;
  color: #fff;
}

.video-detail-page.is-modal .video-detail-panel > header {
  gap: 10px;
  padding: 10px 10px 0 16px;
}

.video-detail-page.is-modal .video-detail-panel > header > button:not(.video-detail-panel-close) {
  white-space: nowrap;
}

.video-detail-comment-count {
  padding: 20px 24px 5px;
  font-size: 13px;
}

.video-detail-comments {
  min-height: 0;
  flex: 1;
  overflow-y: auto;
  padding: 12px 22px;
  scrollbar-width: thin;
  scrollbar-color: var(--feed-pink) #101319;
}

.video-detail-comments::-webkit-scrollbar,
.video-detail-related::-webkit-scrollbar {
  width: 9px;
}

.video-detail-comments::-webkit-scrollbar-track,
.video-detail-related::-webkit-scrollbar-track {
  border-radius: var(--radius-rect);
  background: #101319;
  box-shadow: inset 0 0 0 1px rgba(85, 216, 232, 0.12);
}

.video-detail-comments::-webkit-scrollbar-thumb,
.video-detail-related::-webkit-scrollbar-thumb {
  min-height: 44px;
  border: 2px solid #101319;
  border-radius: var(--radius-rect);
  background: linear-gradient(180deg, var(--feed-pink), #d84070 58%, var(--feed-cyan));
}

.video-detail-comments::-webkit-scrollbar-thumb:hover,
.video-detail-related::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #ff7897, var(--feed-pink) 62%, #70e5f1);
}

.video-detail-comments::-webkit-scrollbar-button,
.video-detail-related::-webkit-scrollbar-button {
  display: none;
}

.video-detail-comments article {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 10px;
  padding: 14px 0;
}

.video-detail-comments article > span {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: var(--radius-circle);
  background: #30445d;
  font-size: 10px;
  font-weight: 900;
}

.video-detail-comments p {
  margin: 7px 0;
  line-height: 1.45;
}

.video-detail-comments .video-detail-comments-state {
  margin: 24px 0;
  padding: 18px;
  border: 1px dashed rgba(101, 215, 237, 0.25);
  border-radius: var(--radius-rect);
  color: #9da9b8;
  text-align: center;
}

.video-detail-comments .video-detail-comments-state.is-error {
  border-color: rgba(255, 94, 134, 0.34);
  color: #ff91a9;
}

.video-detail-comments small,
.video-detail-comments em {
  color: #858c95;
  font-size: 10px;
  font-style: normal;
}

.video-detail-composer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 46px;
  gap: 8px;
  padding: 14px;
  border-top: 1px solid #30343a;
}

.video-detail-composer input {
  min-width: 0;
  padding: 13px 16px;
  border: 1px solid #3a3f47;
  border-radius: var(--radius-rect);
  outline: 0;
  background: #262a30;
  color: #fff;
}

.video-detail-composer button {
  border: 0;
  border-radius: var(--radius-circle);
  background: var(--feed-pink);
  color: #fff;
  font-size: 20px;
}

.video-detail-composer button:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}

.video-detail-related {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  overflow-y: auto;
  padding: 16px;
  scrollbar-width: thin;
  scrollbar-color: var(--feed-pink) #101319;
}

.video-detail-related a {
  overflow: hidden;
  border-radius: var(--radius-rect);
  background: #22262c;
}

.video-detail-related video {
  width: 100%;
  aspect-ratio: 9 / 12;
  object-fit: cover;
}

.video-detail-related span {
  display: grid;
  gap: 3px;
  padding: 10px;
}

.video-detail-related small {
  color: #89919a;
}

@media (max-width: 980px) {
  .video-detail-page {
    grid-template-columns: 1fr;
    overflow: auto;
  }

  .video-detail-stage {
    min-height: 100dvh;
    padding: 72px 0 20px;
  }

  .video-detail-player {
    height: min(78dvh, 760px);
  }

  .video-detail-panel {
    height: 70dvh;
  }
}

@media (min-width: 981px) and (max-width: 1180px) {
  .video-detail-page.is-modal {
    width: min(674px, calc(100vw - 80px));
    height: min(820px, calc(100dvh - 32px));
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 6px;
    padding: 10px;
  }

  .video-detail-page.is-modal .video-detail-player,
  .video-detail-page.is-modal .video-detail-actions {
    height: min(calc(100% - 10px), 580px);
  }

  .video-detail-page.is-modal .video-detail-stage {
    gap: 7px;
  }
}

@media (max-width: 980px) {
  .video-detail-overlay {
    display: none;
  }

  .video-detail-overlay.is-standalone {
    position: relative;
    display: block;
    min-height: 100dvh;
    padding: 0;
    background: #030507;
    backdrop-filter: none;
  }

  .video-detail-overlay.is-standalone .video-detail-page.is-modal {
    width: 100%;
    height: auto;
    min-height: 100dvh;
    grid-template-columns: 1fr;
    padding: 0;
    border: 0;
    border-radius: 0;
  }
}

@media (max-width: 620px) {
  .video-detail-mobile-topnav {
    position: fixed;
    z-index: 30;
    top: 0;
    right: 0;
    left: 0;
    display: grid;
    grid-template-columns: auto auto auto auto;
    align-items: center;
    justify-content: center;
    gap: 20px;
    min-height: 68px;
    padding: max(8px, env(safe-area-inset-top)) 14px 8px;
    background: linear-gradient(rgba(2, 4, 7, .68), transparent);
    color: #fff;
    text-shadow: 0 2px 9px rgba(0, 0, 0, .9);
  }

  .video-detail-mobile-topnav a {
    position: relative;
    padding: 10px 0 12px;
    color: rgba(255,255,255,.72);
    font-size: 15px;
    font-weight: 850;
  }

  .video-detail-mobile-topnav a.is-active { color: #fff; }
  .video-detail-mobile-topnav a.is-active::after { position:absolute;right:18%;bottom:4px;left:18%;height:3px;border-radius:var(--radius-rect);background:#fff;content:""; }
  .video-detail-mobile-topnav .is-live { color:#fff;font-size:13px; }
  .video-detail-mobile-topnav .is-search { font-size:32px;line-height:20px; }

  .video-detail-page {
    padding: 0;
  }

  .video-detail-stage {
    align-items: flex-end;
    gap: 0;
    padding: 0;
  }

  .video-detail-player {
    width: 100%;
    height: 100dvh;
    border: 0;
    border-radius: 0;
    aspect-ratio: auto;
  }

  .video-detail-actions {
    position: absolute;
    z-index: 8;
    right: 7px;
    bottom: 92px;
  }

  .video-detail-copy { right:76px;bottom:62px;padding:90px 16px 25px; }
  .video-detail-copy b { font-size:18px; }
  .video-detail-copy span { display:-webkit-box;overflow:hidden;font-size:13px;-webkit-box-orient:vertical;-webkit-line-clamp:3; }

  .video-detail-mobile-bottomnav {
    position: fixed;
    z-index: 31;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    align-items: center;
    min-height: 64px;
    padding-bottom: env(safe-area-inset-bottom);
    border-top: 1px solid rgba(255,255,255,.12);
    background: rgba(3,5,7,.96);
    backdrop-filter: blur(14px);
  }

  .video-detail-mobile-bottomnav a { display:grid;place-items:center;gap:2px;color:#9ba3ae;font-size:9px;font-weight:750; }
  .video-detail-mobile-bottomnav a span { font-size:24px;line-height:1; }
  .video-detail-mobile-bottomnav a.is-active { color:#fff; }
  .video-detail-mobile-bottomnav .is-create { justify-self:center;width:48px;height:34px;border-radius:var(--radius-rect);background:linear-gradient(90deg,var(--feed-cyan) 0 13%,#fff 13% 87%,var(--feed-pink) 87%);color:#05070a;font-size:27px;font-weight:950; }

  .video-detail-panel {
    height: 82dvh;
    border-radius: var(--radius-rect) var(--radius-rect) 0 0;
  }

  .video-detail-toolbar {
    top: 12px;
    left: 12px;
  }

  .video-detail-toolbar > * {
    width: 44px;
    height: 44px;
  }

  .video-detail-sound {
    width: 44px;
    height: 44px;
  }
}

.videos-gallery-page {
  --feed-pink: #ff4e78;
  --feed-cyan: #55d8e8;
  min-height: 100dvh;
  display: block;
  padding-top: 62px;
  background:
    radial-gradient(circle at 82% 14%, rgba(85, 216, 232, 0.1), transparent 25%),
    #05070a;
  color: #f7f9fb;
}

.videos-gallery-main {
  min-width: 0;
  padding: 28px clamp(22px, 3vw, 54px) 60px;
}

.videos-gallery-categories {
  position: sticky;
  z-index: 12;
  top: 78px;
  display: flex;
  gap: 10px;
  overflow-x: auto;
  padding: 0 0 22px;
  background: linear-gradient(#05070a 72%, transparent);
  scrollbar-width: none;
}

.videos-gallery-categories button {
  flex: none;
  padding: 11px 18px;
  border: 1px solid transparent;
  border-radius: var(--radius-rect);
  background: transparent;
  color: #bdc3cc;
  font-weight: 800;
}

.videos-gallery-categories button:hover,
.videos-gallery-categories button.is-active {
  border-color: rgba(255, 255, 255, 0.1);
  background: #20242a;
  color: #fff;
}

.videos-gallery-grid {
  display: grid;
  grid-template-columns: repeat(8, minmax(100px, 1fr));
  gap: 14px 10px;
}

.videos-gallery-card {
  position: relative;
  display: block;
  min-width: 0;
  aspect-ratio: 9 / 14;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: var(--media-output-radius, var(--radius-rect));
  background: #11151b;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.3);
}

.videos-gallery-card video,
.videos-gallery-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.videos-gallery-page.has-shop-subnav { padding-top: 92px; }

.videos-gallery-empty {
  min-height: 360px;
  display: grid;
  place-content: center;
  gap: 10px;
  color: #818b98;
  text-align: center;
}

.videos-gallery-empty b {
  color: #d7dde5;
  font-size: 18px;
}

.videos-gallery-empty p {
  margin: 0;
  font-size: 13px;
}

.videos-gallery-card::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(4, 6, 9, 0.55), transparent 25%, transparent 65%, rgba(4, 6, 9, 0.82));
  pointer-events: none;
  content: "";
}

.videos-gallery-creator,
.videos-gallery-views,
.videos-gallery-card > strong {
  position: absolute;
  z-index: 2;
}

.videos-gallery-creator {
  top: 12px;
  left: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  max-width: calc(100% - 24px);
}

.videos-gallery-creator i {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  flex: none;
  border: 2px solid #fff;
  border-radius: var(--radius-circle);
  background: #6d334d;
  font-size: 9px;
  font-style: normal;
  font-weight: 950;
}

.videos-gallery-creator b {
  overflow: hidden;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.videos-gallery-views {
  right: 12px;
  bottom: 12px;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 9px;
  border-radius: var(--radius-rect);
  background: rgba(5, 7, 10, 0.7);
  font-size: 12px;
  backdrop-filter: blur(8px);
}

.videos-gallery-views i {
  color: var(--feed-pink);
  font-style: normal;
}

.videos-gallery-card > strong {
  right: 92px;
  bottom: 15px;
  left: 12px;
  overflow: hidden;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.videos-gallery-photo-count {
  position: absolute;
  z-index: 2;
  top: 12px;
  right: 12px;
  padding: 6px 9px;
  border-radius: var(--radius-rect);
  background: rgba(8, 11, 16, 0.76);
  color: #fff;
  font-size: 11px;
  font-weight: 850;
}

.online-creators-page .videos-gallery-main {
  display: grid;
  align-content: start;
  gap: 28px;
}

.online-creators-page.is-studio-embedded {
  min-height: 100%;
  padding-top: 0;
  background:
    radial-gradient(circle at 82% 14%, rgba(85, 216, 232, 0.1), transparent 25%),
    #05070a;
}

.online-creators-page.is-studio-embedded .videos-gallery-main {
  padding: 18px;
}

.online-creators-header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 0 24px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.online-creators-header span {
  color: var(--feed-cyan);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0.18em;
}

.online-creators-header > strong,
.online-creator-status {
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}

.online-creators-header > strong {
  color: #8792a1;
  font-size: 11px;
  font-weight: 750;
}

.online-creators-header i,
.online-creator-status i {
  width: 8px;
  height: 8px;
  border-radius: var(--radius-circle);
  background: #54e49b;
  box-shadow: 0 0 12px rgba(84, 228, 155, 0.75);
}

.online-creators-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(138px, 1fr));
  gap: 12px;
}

.online-creator-card {
  display: grid;
  justify-items: center;
  align-content: start;
  gap: 9px;
  min-height: 162px;
  padding: 15px 10px 12px;
  border: 1px solid #222c39;
  border-radius: var(--radius-rect);
  background:
    radial-gradient(circle at 50% 0%, rgba(95, 213, 230, 0.14), transparent 46%),
    linear-gradient(145deg, #131b26, #0e141d);
  color: #f5f8fb;
  text-align: center;
  text-decoration: none;
  transition: border-color 160ms ease, transform 160ms ease;
}

.online-creator-card:hover {
  transform: translateY(-2px);
  border-color: rgba(85, 216, 232, 0.42);
}

.online-creator-avatar {
  display: grid;
  place-items: center;
  width: 68px;
  height: 68px;
  border: 2px solid rgba(85, 216, 232, 0.35);
  border-radius: var(--radius-circle);
  background: linear-gradient(145deg, #713d57, #2c2639);
  font-size: 18px;
  font-weight: 950;
}

.online-creator-copy {
  display: grid;
  justify-items: center;
  min-width: 0;
  max-width: 100%;
  gap: 4px;
}

.online-creator-copy b,
.online-creator-copy small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.online-creator-copy b { max-width: 100%; font-size: 13px; }
.online-creator-copy small { color: #7f8da0; font-size: 11px; }
.online-creator-status { justify-content: center; color: #70e8aa; font-size: 10px; font-weight: 850; }
.online-creator-status i { width: 7px; height: 7px; }

.online-creator-card.is-duel-picker button {
  width: 100%;
  margin-top: 2px;
  padding: 8px 7px;
  border: 1px solid rgba(99, 215, 237, 0.46);
  border-radius: var(--radius-rect);
  background: rgba(99, 215, 237, 0.12);
  color: #88e8f2;
  font-size: 8px;
  font-weight: 950;
  cursor: pointer;
}

.online-creator-card.is-duel-picker button:disabled {
  cursor: wait;
  opacity: 0.62;
}

.online-creators-duel-hint,
.online-creators-duel-error {
  margin: -18px 0 2px;
  padding: 10px 12px;
  border-radius: var(--radius-rect);
  font-size: 11px;
  line-height: 1.45;
}

.online-creators-duel-hint {
  border: 1px solid rgba(99, 215, 237, 0.24);
  background: rgba(99, 215, 237, 0.08);
  color: #9edee8;
}

.online-creators-duel-error {
  border: 1px solid rgba(255, 79, 121, 0.34);
  background: rgba(255, 79, 121, 0.08);
  color: #ff8aa5;
}

.online-creators-empty {
  display: grid;
  place-items: center;
  min-height: 360px;
  padding: 44px 20px;
  border: 1px dashed #283647;
  border-radius: var(--radius-rect);
  background: rgba(17, 23, 33, 0.66);
  text-align: center;
}

.online-creators-empty > span { color: #54e49b; font-size: 45px; }
.online-creators-empty h2 { margin: 15px 0 8px; font-size: 21px; }
.online-creators-empty p { max-width: 470px; margin: 0; color: #7f8da0; font-size: 13px; line-height: 1.6; }

@media (max-width: 700px) {
  .online-creators-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .online-creator-card { min-height: 150px; padding: 13px 8px 10px; }
  .online-creator-avatar { width: 58px; height: 58px; }
}

.shop-product-visual {
  position: relative;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 42%, rgba(255, 78, 120, 0.28), transparent 30%),
    linear-gradient(145deg, rgba(85, 216, 232, 0.2), rgba(13, 16, 23, 0.2)),
    var(--livyno-ambient);
  background-position: center;
  background-size: cover;
}

.shop-product-visual img {
  object-fit: cover;
}

.shop-product-visual span {
  display: grid;
  place-items: center;
  width: 72px;
  height: 72px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: var(--radius-rect);
  background: rgba(6, 8, 12, 0.68);
  color: #fff;
  font-size: 38px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(10px);
}

.shop-gallery-card {
  aspect-ratio: 9 / 14;
  min-height: 0;
  display: grid;
  grid-template-rows: minmax(0, 59%) minmax(0, 41%);
  width: 100%;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-rect);
  background: #11151b;
  color: inherit;
  text-align: left;
  overflow: hidden;
}

.shop-gallery-card::after {
  display: none;
}

.shop-product-open {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: var(--radius-rect) var(--radius-rect) 0 0;
  background: transparent;
  overflow: hidden;
  cursor: pointer;
}

.shop-product-open .shop-product-visual { height: 100%; }

.shop-product-info {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  min-height: 0;
  gap: 6px;
  padding: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  background: #14181e;
}

.shop-product-info > strong {
  min-height: 0;
  display: -webkit-box;
  overflow: hidden;
  font-size: 13px;
  line-height: 1.25;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.shop-product-info > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 7px;
}

.shop-product-info > div b {
  font-size: 14px;
}

.shop-product-card-actions {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-left: auto;
}

.shop-product-card-actions button {
  min-height: 30px;
  padding: 6px 8px;
  border: 1px solid rgba(85, 216, 232, 0.34);
  border-radius: var(--radius-rect);
  background: #202934;
  color: #65ddec;
  font-size: 10px;
  font-weight: 900;
  cursor: pointer;
}

.shop-product-card-actions button:last-child {
  border-color: transparent;
  background: var(--feed-pink);
  color: #fff;
}

.shop-product-card-actions button:disabled { opacity: 0.45; cursor: not-allowed; }

.shop-subnav-content {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.livyno-global-subnav .shop-cart-trigger {
  flex: none;
  color: #c7d0dc;
}

.livyno-global-subnav .shop-cart-trigger b {
  display: inline-grid;
  place-items: center;
  min-width: 19px;
  height: 19px;
  margin-left: 5px;
  padding-inline: 5px;
  border-radius: var(--radius-rect);
  background: var(--feed-pink);
  color: #fff;
  font-size: 10px;
}

.shop-detail-overlay {
  position: fixed;
  z-index: 130;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 28px;
  background: rgba(2, 4, 7, 0.78);
  backdrop-filter: blur(9px);
}

.shop-detail-modal {
  position: relative;
  width: min(880px, calc(100vw - 96px));
  height: min(700px, calc(100dvh - 72px));
  display: grid;
  grid-template-columns: minmax(300px, 42%) minmax(0, 58%);
  gap: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: var(--radius-rect);
  background: #11161e;
  box-shadow: 0 36px 110px rgba(0, 0, 0, 0.72), 0 0 48px rgba(255, 78, 120, 0.08);
}

.shop-detail-gallery {
  min-width: 0;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 14px;
  padding: 22px;
  background:
    radial-gradient(circle at 50% 38%, rgba(85, 216, 232, 0.12), transparent 32%),
    #05080d;
}

.shop-detail-stage {
  position: relative;
  width: min(100%, 350px);
  max-height: 610px;
  aspect-ratio: 9 / 16;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: var(--radius-rect);
  background: #080b10;
  box-shadow: 0 20px 54px rgba(0, 0, 0, 0.42);
}

.shop-detail-stage > img {
  opacity: 0;
  object-fit: cover;
  object-position: center;
  transition: opacity 140ms ease;
  pointer-events: none;
}

.shop-detail-stage > img.is-active { opacity: 1; }

.shop-detail-stage > span {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  color: #55d8e8;
  font-size: 70px;
}

.shop-detail-arrow {
  position: absolute;
  z-index: 3;
  top: 50%;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: var(--radius-circle);
  background: rgba(11, 15, 21, 0.82);
  color: #fff;
  font-size: 30px;
  transform: translateY(-50%);
  cursor: pointer;
  backdrop-filter: blur(8px);
}

.shop-detail-arrow.is-prev { left: 10px; }
.shop-detail-arrow.is-next { right: 10px; }

.shop-detail-dots {
  display: flex;
  justify-content: center;
  gap: 8px;
}

.shop-detail-dots button {
  width: 8px;
  height: 8px;
  padding: 0;
  border: 0;
  border-radius: var(--radius-rect);
  background: #566170;
  cursor: pointer;
  transition: width 140ms ease, background 140ms ease;
}

.shop-detail-dots button.is-active { width: 24px; background: #55d8e8; }

.shop-detail-panel {
  position: relative;
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding: 34px 34px 30px;
  overflow-y: auto;
  border-left: 1px solid rgba(255, 255, 255, 0.11);
  background: #171c23;
}

.shop-detail-close,
.shop-cart-panel > header > button {
  position: absolute;
  z-index: 4;
  top: 18px;
  right: 18px;
  width: 46px;
  height: 46px;
  padding: 0;
  border: 0;
  border-radius: var(--radius-circle);
  background: #222832;
  color: #fff;
  font-size: 31px;
  font-weight: 700;
  cursor: pointer;
}

.shop-detail-seller {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 12px;
  padding-right: 54px;
  color: #f5f7fa;
  text-decoration: none;
}

.shop-detail-seller > span {
  display: grid;
  place-items: center;
  width: 62px;
  height: 62px;
  overflow: hidden;
  border: 3px solid #fff;
  border-radius: var(--radius-circle);
  background: #6b3049;
  font-size: 18px;
  font-weight: 900;
}

.shop-detail-seller > div { display: grid; gap: 3px; }
.shop-detail-seller b { font-size: 17px; }
.shop-detail-seller small { color: #8793a3; font-size: 12px; }

.shop-detail-kind {
  margin-top: 34px;
  color: #55d8e8;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.shop-detail-panel h2 {
  margin: 10px 0 12px;
  font-size: clamp(25px, 3vw, 38px);
  line-height: 1.1;
}

.shop-detail-panel > p {
  margin: 0;
  overflow: auto;
  color: #aab3c0;
  font-size: 14px;
  line-height: 1.65;
}

.shop-detail-buy {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 11px;
  margin-top: auto;
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  background: #171c23;
}

.shop-detail-buy > div { display: grid; gap: 5px; }
.shop-detail-buy strong { font-size: 25px; }
.shop-detail-buy small { color: #7f8b9b; font-size: 11px; }

.shop-detail-buy > button {
  min-height: 48px;
  padding: 0 19px;
  border: 0;
  border-radius: var(--radius-rect);
  background: var(--feed-pink);
  color: #fff;
  font-weight: 900;
  cursor: pointer;
}

.shop-detail-buy > button:disabled { opacity: 0.45; cursor: not-allowed; }
.shop-detail-buy > button.is-secondary { grid-column: 1 / -1; background: #24303c; color: #67ddec; }

.shop-cart-overlay { place-items: center; }

.shop-cart-panel {
  position: relative;
  width: min(620px, calc(100vw - 48px));
  max-height: min(720px, calc(100dvh - 64px));
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: var(--radius-rect);
  background: #151a21;
  box-shadow: 0 36px 110px rgba(0, 0, 0, 0.72);
}

.shop-cart-panel > header { position: relative; padding: 26px 82px 20px 28px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.shop-cart-panel > header small { color: #55d8e8; font-size: 10px; font-weight: 900; letter-spacing: 0.14em; }
.shop-cart-panel > header h2 { margin: 5px 0 0; font-size: 28px; }
.shop-cart-lines { min-height: 180px; overflow: auto; padding: 16px 22px; }

.shop-cart-lines article {
  display: grid;
  grid-template-columns: 66px minmax(0, 1fr) auto;
  align-items: center;
  gap: 13px;
  padding: 13px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.shop-cart-image { position: relative; width: 66px; height: 82px; overflow: hidden; border-radius: var(--radius-rect); background: #080b10; }
.shop-cart-image img { object-fit: cover; }
.shop-cart-image span { display: grid; place-items: center; width: 100%; height: 100%; color: #55d8e8; font-size: 30px; }
.shop-cart-lines article > div:nth-child(2) { display: grid; gap: 5px; }
.shop-cart-lines article > div:nth-child(2) small { color: #8c98a7; }

.shop-cart-quantity { display: flex; align-items: center; gap: 9px; }
.shop-cart-quantity button { width: 30px; height: 30px; padding: 0; border: 0; border-radius: var(--radius-circle); background: #252d38; color: #fff; font-size: 18px; cursor: pointer; }
.shop-cart-remove {
  grid-column: 2 / -1;
  justify-self: start;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(255, 108, 141, 0.42);
  border-radius: var(--radius-rect);
  background: rgba(255, 108, 141, 0.1);
  color: #ff86a1;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
}
.shop-cart-remove:hover { border-color: #ff6c8d; background: rgba(255, 108, 141, 0.18); color: #fff; }
.shop-cart-empty { display: grid; place-items: center; min-height: 180px; margin: 0; color: #8994a3; }
.shop-cart-panel > footer { display: grid; gap: 18px; padding: 20px 28px 24px; border-top: 1px solid rgba(255, 255, 255, 0.1); }
.shop-cart-total { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.shop-cart-total strong { font-size: 24px; }
.shop-cart-continue {
  width: 100%;
  min-height: 48px;
  padding: 0 20px;
  border: 0;
  border-radius: var(--radius-rect);
  background: var(--feed-pink);
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
}
.shop-cart-continue:hover { filter: brightness(1.08); }
.shop-cart-continue:disabled { opacity: 0.42; cursor: not-allowed; }

@media (max-width: 760px) {
  .shop-detail-overlay { padding: 0; align-items: start; overflow: auto; }
  .shop-detail-modal {
    width: 100%;
    height: auto;
    min-height: 100dvh;
    grid-template-columns: 1fr;
    border: 0;
    border-radius: 0;
  }
  .shop-detail-gallery { min-height: 66dvh; padding: 14px 44px 18px; }
  .shop-detail-stage { width: min(100%, 330px); max-height: 61dvh; }
  .shop-detail-panel { min-height: 360px; padding: 26px 20px 24px; border-top: 1px solid rgba(255, 255, 255, 0.11); border-left: 0; }
  .shop-detail-close { position: fixed; top: 12px; right: 12px; }
  .shop-detail-kind { margin-top: 24px; }
  .shop-detail-buy { margin-top: 28px; }
  .shop-subnav-content { gap: 8px; }
  .livyno-global-subnav .shop-cart-trigger { padding-inline: 5px; }
  .shop-cart-panel { width: 100%; max-height: 100dvh; min-height: 100dvh; border: 0; border-radius: 0; }
}

@media (max-height: 720px) and (min-width: 761px) {
  .shop-detail-overlay { padding: 12px; }
  .shop-detail-modal { height: calc(100dvh - 24px); }
  .shop-detail-gallery { padding: 12px 18px; }
  .shop-detail-stage { max-height: calc(100dvh - 66px); }
  .shop-detail-panel { padding: 18px 24px 16px; }
  .shop-detail-seller > span { width: 48px; height: 48px; }
  .shop-detail-kind { margin-top: 14px; }
  .shop-detail-panel h2 { margin: 6px 0 8px; font-size: 27px; }
  .shop-detail-panel > p { font-size: 12px; line-height: 1.45; }
  .shop-detail-buy { padding-top: 12px; }
  .shop-detail-buy > button { min-height: 40px; }
}

@media (max-width: 1180px) {
  .videos-gallery-grid {
    grid-template-columns: repeat(6, minmax(100px, 1fr));
  }

}

@media (max-width: 760px) {
  .videos-gallery-page {
    padding-top: 58px;
  }

  .videos-gallery-main {
    padding: 14px 12px 82px;
  }

  .videos-gallery-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
  }

  .shop-gallery-page .videos-gallery-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .videos-gallery-creator {
    top: 8px;
    left: 8px;
  }

  .videos-gallery-creator b,
  .videos-gallery-card > strong {
    display: none;
  }

  .videos-gallery-views {
    right: 8px;
    bottom: 8px;
    font-size: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .livyno-feed-stream {
    scroll-behavior: auto;
  }

  .livyno-feed-livebar i {
    animation: none;
  }
}

@media (max-width: 980px) {
  .videos-gallery-page { padding-top: 58px; }
  .videos-gallery-page.has-shop-subnav { padding-top: 86px; }
  .livyno-global-account.is-authenticated { width: 155px; }

  .livyno-global-topbar {
    gap: 14px;
    min-height: 58px;
    padding-inline: 16px;
  }

  .livyno-global-topbar.has-secondary { grid-template-rows: 58px 28px; }
  .livyno-global-subnav { margin-inline: -16px; padding-inline: 16px; }
  .livyno-global-subnav button { min-height: 22px; padding: 3px 9px; font-size: 9px; }

  .livyno-global-topbar nav { overflow-x: auto; scrollbar-width: none; }
  .livyno-global-topbar nav::-webkit-scrollbar { display: none; }
  .livyno-global-topbar nav a { padding-inline: 9px; font-size: 11px; }
  .livyno-global-account a:not(.is-primary) { display: none; }
  .livyno-global-account a.is-primary { padding: 9px 11px; font-size: 10px; }
  .livyno-global-brand strong { display: none; }
  .livyno-feed-shell.has-global-topbar .livyno-feed-stream { height: calc(100dvh - 58px); margin-top: 58px; }
  .livyno-feed-shell.has-global-topbar .livyno-feed-item { height: calc(100dvh - 58px); }
}

@media (max-width: 760px) {
  .videos-gallery-page { padding-top: 52px; }
  .videos-gallery-page.has-shop-subnav { padding-top: 80px; }
  .livyno-global-account.is-authenticated {
    width: 0;
    min-width: 0;
    pointer-events: none;
  }

  .livyno-global-account:not(.is-authenticated) {
    display: none;
  }

  body:has(.livyno-global-topbar) .global-account-dock {
    top: 58px;
    right: 10px;
  }

  body:has(.livyno-global-topbar.has-secondary) .global-account-dock {
    top: 86px;
  }

  .livyno-global-topbar {
    z-index: 60;
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 52px;
    gap: 8px;
    padding-inline: 10px;
  }

  .livyno-global-topbar.has-secondary { grid-template-rows: 52px 28px; }
  .livyno-global-subnav { margin-inline: -10px; padding-inline: 10px; }

  .livyno-global-brand .brand-mark { width: 28px; height: 28px; border-width: 2px; }
  .livyno-global-topbar nav a { padding: 8px 7px; font-size: 9px; }
  .livyno-global-topbar nav {
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    overscroll-behavior-inline: contain;
  }
  .livyno-global-topbar nav::-webkit-scrollbar { display: none; }
  .livyno-global-topbar nav a { flex: 0 0 auto; }
  .livyno-global-account a.is-primary { padding: 8px 9px; font-size: 0; }
  .livyno-global-account a.is-primary::after { content: "Přidat se"; font-size: 9px; }
  .livyno-feed-shell.has-global-topbar .livyno-feed-stream {
    height: calc(100dvh - 122px);
    min-height: 398px;
    margin-top: 58px;
  }
  .livyno-feed-shell.has-global-topbar .livyno-feed-item { height: calc(100dvh - 122px); min-height: 398px; }
  .livyno-feed-shell.has-global-topbar .livyno-feed-stage,
  .livyno-feed-shell.has-global-topbar .livyno-feed-stage.media-landscape { height: calc(100dvh - 122px); }
  .livyno-gallery-arrow { display: none; }
  .livyno-gallery-dots { top: 12px; }
  .livyno-gallery-counter { top: 10px; right: 12px; }
  .livyno-feed-guest-gate { width: calc(100% - 116px); margin-left: -22px; }
  .livyno-feed-empty { padding-top: 90px; padding-bottom: 90px; }

  .livyno-feed-shell + .site-footer {
    display: block;
    padding-bottom: 64px;
  }

  .livyno-feed-shell + .site-footer .site-footer-inner {
    grid-template-columns: 1fr 1fr;
    gap: 30px 22px;
    width: calc(100% - 32px);
    padding: 38px 0 30px;
  }

  .livyno-feed-shell + .site-footer .site-footer-intro {
    grid-column: 1 / -1;
  }

  .livyno-feed-shell + .site-footer .site-footer-column:last-child {
    grid-column: 1 / -1;
  }

  .livyno-feed-shell + .site-footer .site-footer-bottom {
    align-items: flex-start;
    flex-direction: column;
    width: calc(100% - 32px);
  }
}

/* The creator directory uses the shared subnav as one compact search row. */
.livyno-global-topbar:has(.creator-search-subnav) {
  grid-template-rows: 62px 36px;
}

.livyno-global-subnav:has(.creator-search-subnav) {
  min-height: 36px;
}

.livyno-global-subnav .creator-search-subnav button {
  min-height: 32px;
  padding: 0 14px;
  border: 1px solid rgba(85, 216, 232, 0.45);
  border-radius: var(--radius-rect);
  background: rgba(85, 216, 232, 0.14);
  color: #82e5ef;
  font-size: 11px;
}

.livyno-global-subnav .creator-search-subnav button:hover {
  border-color: #55d8e8;
  background: rgba(85, 216, 232, 0.22);
  color: #fff;
}

.creators-directory-page {
  padding-top: 98px;
}

@media (max-width: 900px) {
  .livyno-global-topbar:has(.creator-search-subnav) { grid-template-rows: 58px 36px; }
  .creators-directory-page { padding-top: 94px; }
}

@media (max-width: 620px) {
  .livyno-global-topbar:has(.creator-search-subnav) { grid-template-rows: 52px 36px; }
  .creators-directory-page { padding-top: 88px; }
}

/* Mobilni prehravac je samostatny rezim. Desktopove rozmery karet se sem nepropaguji. */
@media (max-width: 980px) {
  .livyno-feed-shell.has-global-topbar {
    --mobile-feed-top: 58px;
    --mobile-feed-bottom: 64px;
    min-height: 0;
  }

  .livyno-feed-shell.has-global-topbar .livyno-feed-stream {
    height: calc(100dvh - var(--mobile-feed-top) - var(--mobile-feed-bottom));
    min-height: 0;
    margin-top: var(--mobile-feed-top);
  }

  .livyno-feed-shell.has-global-topbar .livyno-feed-item {
    position: relative;
    height: calc(100dvh - var(--mobile-feed-top) - var(--mobile-feed-bottom));
    min-height: 0;
    padding: 0;
    overflow: hidden;
    isolation: isolate;
    contain: layout paint;
  }

  .livyno-feed-shell.has-global-topbar .livyno-feed-stage,
  .livyno-feed-shell.has-global-topbar .livyno-feed-stage.media-landscape {
    width: 100%;
    height: 100%;
  }

  .livyno-feed-media.is-portrait video,
  .livyno-feed-media.is-portrait img {
    object-fit: cover;
  }

  .livyno-feed-media.is-landscape video,
  .livyno-feed-media.is-landscape img {
    object-fit: contain;
  }

  .video-detail-player.is-portrait video,
  .video-detail-player.is-portrait .video-detail-gallery-image {
    object-fit: cover;
  }

  .video-detail-player.is-landscape video,
  .video-detail-player.is-landscape .video-detail-gallery-image {
    object-fit: contain;
  }
}

@media (max-width: 760px) {
  .livyno-feed-shell.has-global-topbar {
    --mobile-feed-top: 58px;
  }
}

/* The LIVE browser supplies its own compact header, so embedded pages must not
   reserve space for the hidden public header. */
html[data-livyno-embedded="true"] .livyno-feed-shell.has-global-topbar {
  --mobile-feed-top: 0px;
}

html[data-livyno-embedded="true"] .livyno-feed-shell.has-global-topbar .livyno-feed-stream {
  margin-top: 0;
}

html[data-mobile-preview="true"] .livyno-feed-shell.is-authenticated + .site-footer {
  display: none;
}

html[data-mobile-preview="true"] .stream-room.is-creator-room :is(button,a,input,select,textarea) {
  position: relative;
  z-index: 80;
  pointer-events: auto;
}

html[data-mobile-preview="true"] .creator-live-toolbar :is(button,a,input,select,textarea),
html[data-mobile-preview="true"] .preview-stream-heading :is(button,a,input,select,textarea) {
  position: relative;
  z-index: 80;
  pointer-events: auto;
}

html[data-mobile-preview="true"] .stream-room.is-creator-room :is(.creator-live-toolbar,.preview-stream-heading,.creator-stream-header-media-slot,.creator-stream-media-buttons,.creator-stream-access-heading,.creator-header-controls,.creator-live-toolbar-tools,.chat-header-actions) {
  pointer-events: auto;
}

html[data-mobile-preview="true"] :is(.creator-live-toolbar,.preview-stream-heading,.creator-stream-header-media-slot,.creator-stream-media-buttons,.creator-stream-access-heading,.creator-header-controls,.creator-live-toolbar-tools,.chat-header-actions) {
  pointer-events: auto;
}

html[data-mobile-preview="true"] .stream-room.is-creator-room :is(.preview-video,.cohost-stage,.cohost-tile,.stream-offline-cover,.creator-camera-feed,.linked-stream-foreground) {
  pointer-events: none;
}

html[data-mobile-preview="true"] .stream-room.is-creator-room :is(button,a,select) {
  cursor: pointer;
}

@media (max-width: 760px) {
  .livyno-feed-shell.is-authenticated + .site-footer {
    display: none;
  }
}

html[data-livyno-embedded="true"] .videos-gallery-page,
html[data-livyno-embedded="true"] .videos-gallery-page.has-shop-subnav,
html[data-livyno-embedded="true"] .creators-directory-page {
  padding-top: 0;
}

/* Web light theme overrides. */

/*
 * Livyno light appearance
 * Neutral surfaces, charcoal typography and high-contrast brand accents.
 * Video, photography and LIVE overlays intentionally keep their native colours.
 */
html[data-theme="light"] {
  --ink: #181a1d;
  --muted: #626870;
  --line: #d7dadd;
  --panel: #ffffff;
  --panel2: #f4f5f6;
  --bg: #eff0f1;
  --cyan: #08788b;
  --blue: #315ca8;
  --pink: #c83f62;
  --light-orange: #b85a18;
  --light-shadow: 0 16px 38px rgba(20, 24, 28, 0.09);
  --light-shadow-soft: 0 8px 24px rgba(20, 24, 28, 0.07);
  color-scheme: light;
}

html[data-theme="light"] body {
  background: #eff0f1;
  color: #181a1d;
}

html[data-theme="light"] :is(button, input, textarea, select) {
  color-scheme: light;
}

html[data-theme="light"] :is(input, textarea, select)::placeholder {
  color: #858a91;
}

html[data-theme="light"] :is(
  .site-shell,
  .profile-page,
  .auth-page,
  .member-page,
  .account-tool-page,
  .legal-page,
  .admin-page,
  .workflow-page,
  .creator-dynamic-page,
  .videos-gallery-page,
  .community-admin-page,
  .studio-page,
  .checkout-page
) {
  background-color: #eff0f1 !important;
  background-image:
    radial-gradient(circle at 88% 8%, rgba(184, 90, 24, 0.07), transparent 25%),
    linear-gradient(145deg, #f8f8f8 0%, #eff0f1 55%, #e9eaeb 100%) !important;
  color: #181a1d;
}

/* Shared navigation and controls */
html[data-theme="light"] :is(
  .topbar,
  .profile-topbar,
  .livyno-global-topbar,
  .livyno-global-subnav,
  .creator-center-topbar,
  .creator-center-mobile-nav
) {
  border-color: #d8dade;
  background: rgba(255, 255, 255, 0.94);
  color: #181a1d;
  box-shadow: 0 8px 26px rgba(18, 22, 26, 0.06);
}

html[data-theme="light"] :is(.brand, .profile-brand, .livyno-global-brand, .creator-center-brand) {
  color: #151719;
}

html[data-theme="light"] :is(.search, .profile-search, .livyno-feed-search) {
  border-color: #d5d8dc;
  background: #f4f5f6;
  color: #5e646b;
}

html[data-theme="light"] :is(.search, .profile-search, .livyno-feed-search):focus-within {
  border-color: #08788b;
  box-shadow: 0 0 0 3px rgba(8, 120, 139, 0.12);
}

html[data-theme="light"] :is(.search, .profile-search, .livyno-feed-search) input {
  color: #181a1d;
}

html[data-theme="light"] :is(.ghost-button, .icon-button, .back-button) {
  border-color: #cfd3d7;
  background: #ffffff;
  color: #262a2e;
  box-shadow: var(--light-shadow-soft);
}

html[data-theme="light"] :is(.ghost-button, .icon-button):hover {
  border-color: #aeb4ba;
  background: #f0f1f2;
  color: #111315;
}

html[data-theme="light"] .primary-button {
  background: #181a1d;
  color: #ffffff;
  box-shadow: 0 10px 24px rgba(17, 19, 21, 0.18);
}

html[data-theme="light"] .primary-button:hover {
  background: #303337;
}

html[data-theme="light"] :is(.creator-link, .hero-actions > a) {
  color: #454a50;
}

html[data-theme="light"] .global-account-dock > .global-account-avatar {
  border-color: #d3d7da;
  background: rgba(255, 255, 255, 0.98);
  color: #17191b;
  box-shadow: 0 12px 28px rgba(23, 28, 32, 0.16);
}

html[data-theme="light"] .global-account-drag-handle {
  border-color: #ffffff;
  background: linear-gradient(145deg, #14869a, #075f70);
  color: #ffffff;
}

html[data-theme="light"] .global-account-menu {
  border-color: #cfd4d8;
  background: rgba(255, 255, 255, 0.99);
  box-shadow: 0 24px 58px rgba(24, 28, 32, 0.18);
}

html[data-theme="light"] .global-account-menu a {
  color: #292d31;
}

html[data-theme="light"] .global-account-menu a:hover {
  border-color: #d8dcdf;
  background: #f0f1f2;
  color: #075f70;
}

html[data-theme="light"] .global-account-menu a span,
html[data-theme="light"] .global-theme-choice button.active {
  color: #08788b;
}

html[data-theme="light"] .global-theme-choice {
  border-color: #d8dbde;
  background: #f4f5f6;
}

html[data-theme="light"] .global-theme-choice button {
  color: #666c73;
}

html[data-theme="light"] .global-theme-choice button.active {
  border-color: #c9ced2;
  background: #ffffff;
  box-shadow: 0 3px 10px rgba(20, 24, 28, 0.08);
}

/* Landing, profiles and shared cards */
html[data-theme="light"] .sidebar {
  border-color: #d8dade;
  background: #f7f7f8;
}

html[data-theme="light"] .side-nav a {
  color: #5d636a;
}

html[data-theme="light"] .side-nav a:hover,
html[data-theme="light"] .side-nav a.active {
  background: #e5e7e9;
  color: #17191b;
}

html[data-theme="light"] :is(
  .side-card,
  .live-card,
  .creator-card,
  .profile-stats,
  .about-card,
  .social-card,
  .account-tool-card,
  .auth-card,
  .legal-card,
  .checkout-card,
  .admin-audit-card,
  .community-user-card,
  .creator-inline-workspace,
  .creator-content-manager article
) {
  border-color: #d5d8dc;
  background: #ffffff;
  color: #181a1d;
  box-shadow: var(--light-shadow-soft);
}

html[data-theme="light"] :is(.hero-copy > p, .bio, .about-card p, .live-info p, .creator-type, .creator-name p) {
  color: #626870;
}

html[data-theme="light"] :is(.floating-stat, .mini-card) {
  border-color: rgba(255, 255, 255, 0.72);
  background: rgba(255, 255, 255, 0.9);
  color: #181a1d;
  box-shadow: var(--light-shadow);
}

html[data-theme="light"] :is(.floating-stat small, .mini-card small) {
  color: #626870;
}

html[data-theme="light"] :is(.creator-body button, .creator-body .profile-button) {
  border-color: #cfd3d7;
  background: #f2f3f4;
  color: #25292d;
}

html[data-theme="light"] :is(.creator-body button, .creator-body .profile-button):hover {
  border-color: #08788b;
  background: #ffffff;
  color: #075f70;
}

html[data-theme="light"] .large-avatar,
html[data-theme="light"] .profile-avatar,
html[data-theme="light"] .status-dot {
  border-color: #ffffff;
}

html[data-theme="light"] .identity-block {
  color: #181a1d;
}

html[data-theme="light"] :is(.handle, .profile-meta, .profile-stats span, .profile-tabs a) {
  color: #666c73;
}

html[data-theme="light"] .profile-tabs {
  border-color: #d5d8dc;
}

html[data-theme="light"] .profile-tabs a.active {
  color: #111315;
}

html[data-theme="light"] .profile-stats div,
html[data-theme="light"] .profile-stats.profile-stats-side div {
  border-color: #e0e2e4;
}

html[data-theme="light"] :is(.account-tool-card, .auth-card, .legal-card, .checkout-card) :is(input, textarea, select),
html[data-theme="light"] :is(.studio-form, .workflow-page, .admin-page) :is(input, textarea, select) {
  border-color: #cfd3d7;
  background: #f6f6f7;
  color: #181a1d;
}

html[data-theme="light"] :is(.account-tool-card, .auth-card, .legal-card, .checkout-card) :is(input, textarea, select):focus,
html[data-theme="light"] :is(.studio-form, .workflow-page, .admin-page) :is(input, textarea, select):focus {
  border-color: #08788b;
  box-shadow: 0 0 0 3px rgba(8, 120, 139, 0.12);
}

/* Creator administration */
html[data-theme="light"] .creator-center {
  --cc-bg: #eff0f1;
  --cc-panel: #ffffff;
  --cc-panel-2: #f4f5f6;
  --cc-line: #d6dade;
  --cc-text: #181a1d;
  --cc-muted: #656b72;
  --cc-cyan: #08788b;
  --cc-pink: #c83f62;
  background: linear-gradient(145deg, #f7f7f8, #eff0f1 58%, #e9eaeb);
}

html[data-theme="light"] .creator-center-sidebar {
  border-color: #d6dade;
  background: rgba(248, 248, 249, 0.98);
  box-shadow: 12px 0 36px rgba(24, 28, 32, 0.05);
}

html[data-theme="light"] .creator-center-account {
  background: #ffffff;
  box-shadow: var(--light-shadow-soft);
}

html[data-theme="light"] .creator-center-account > span,
html[data-theme="light"] :is(.creator-avatar-large, .creator-section-icon) {
  border-color: rgba(8, 120, 139, 0.28);
  background: #e5f0f2;
  color: #075f70;
}

html[data-theme="light"] .creator-center-sidebar nav button {
  color: #5f656c;
}

html[data-theme="light"] .creator-center-sidebar nav button i {
  background: #e9ebed;
  color: #555c63;
}

html[data-theme="light"] .creator-center-sidebar nav button:hover {
  background: #e7e9eb;
  color: #17191b;
}

html[data-theme="light"] .creator-center-sidebar nav button.active {
  border-color: rgba(8, 120, 139, 0.2);
  background: rgba(8, 120, 139, 0.1);
  color: #075f70;
}

html[data-theme="light"] .creator-center-sidebar nav button.active i {
  background: #ffffff;
  color: #075f70;
}

html[data-theme="light"] .creator-center-top-nav button {
  border-color: transparent;
  background: transparent;
  color: #50565d;
}

html[data-theme="light"] .creator-center-top-nav button i {
  border: 1px solid #d1d5d8;
  background: #eceeef;
  color: #555d65;
  box-shadow: 0 4px 12px rgba(20, 24, 28, 0.06);
}

html[data-theme="light"] .creator-center-top-nav button:hover {
  border-color: #d4d8db;
  background: #f3f4f5;
  color: #181a1d;
}

html[data-theme="light"] .creator-center-top-nav button:hover i {
  border-color: #bcc2c7;
  background: #ffffff;
  color: #30363c;
}

html[data-theme="light"] .creator-center-top-nav button.active {
  border-color: rgba(8, 120, 139, 0.26);
  background: linear-gradient(90deg, rgba(8, 120, 139, 0.11), rgba(8, 120, 139, 0.04));
  color: #075f70;
  box-shadow: 0 6px 16px rgba(8, 120, 139, 0.08);
}

html[data-theme="light"] .creator-center-top-nav button.active i {
  border-color: rgba(8, 120, 139, 0.2);
  background: #dceef1;
  color: #08788b;
  box-shadow: none;
}

@media (max-width: 900px) {
  html[data-theme="light"] .creator-center-mobile-nav button {
    border-color: #d1d5d8;
    background: #f2f3f4;
    color: #50565d;
  }

  html[data-theme="light"] .creator-center-mobile-nav button.active {
    border-color: rgba(8, 120, 139, 0.3);
    background: #e1eff1;
    color: #075f70;
  }
}

html[data-theme="light"] .creator-center-top-actions a,
html[data-theme="light"] .creator-center-top-actions button,
html[data-theme="light"] :is(.creator-panel header button, .creator-tasks > button, .creator-balance > button, .creator-payout a) {
  border-color: #ccd1d5;
  background: #f3f4f5;
  color: #34393e;
}

html[data-theme="light"] .creator-center-top-actions button,
html[data-theme="light"] .creator-payout a {
  color: #075f70;
}

html[data-theme="light"] :is(
  .creator-welcome,
  .creator-live-hero,
  .creator-panel,
  .creator-metric-grid > article,
  .creator-metric-grid > button,
  .creator-settings-form > section,
  .creator-action-card,
  .creator-message-feed,
  .creator-message-compose,
  .creator-shop-list,
  .creator-product-form,
  .creator-shop-summary article,
  .creator-media-library,
  .creator-content-upload-panel,
  .finance-account-grid > section,
  .finance-ledger
) {
  border-color: #d5d8dc;
  background: #ffffff;
  color: #181a1d;
  box-shadow: var(--light-shadow-soft);
}

html[data-theme="light"] .creator-media-library > header nav {
  border-color: #d1d5d8;
  background: #eceeef;
}

html[data-theme="light"] .creator-media-library > header button {
  color: #5c6269;
}

html[data-theme="light"] .creator-media-library > header button:hover {
  background: #ffffff;
  color: #181a1d;
}

html[data-theme="light"] .creator-media-library > header button.active {
  background: #ffffff;
  color: #075f70;
  box-shadow: 0 4px 12px rgba(20, 24, 28, 0.09);
}

html[data-theme="light"] .creator-media-grid article {
  border-color: #d2d6da;
  background: #f7f7f8;
  color: #181a1d;
  box-shadow: 0 6px 18px rgba(20, 24, 28, 0.06);
}

html[data-theme="light"] .creator-media-grid article:hover {
  border-color: #b8bec3;
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(20, 24, 28, 0.1);
}

html[data-theme="light"] .creator-media-grid article > div b {
  color: #181a1d;
}

html[data-theme="light"] .creator-media-grid article > div small {
  color: #626870;
}

html[data-theme="light"] .creator-media-actions button,
html[data-theme="light"] .creator-media-grid article > button {
  border-color: #c8ced2;
  background: #eceeef;
  color: #075f70;
}

html[data-theme="light"] .creator-media-actions button:hover,
html[data-theme="light"] .creator-media-grid article > button:hover {
  border-color: #08788b;
  background: #ffffff;
}

html[data-theme="light"] .creator-media-actions button.is-delete {
  border-color: rgba(174, 54, 79, 0.36);
  background: rgba(174, 54, 79, 0.08);
  color: #a42f49;
}

html[data-theme="light"] .creator-media-actions button.is-delete:hover {
  border-color: rgba(174, 54, 79, 0.55);
  background: rgba(174, 54, 79, 0.13);
}

html[data-theme="light"] .creator-edit-post {
  border-color: #cfd3d7;
  background: #ffffff;
  color: #181a1d;
  box-shadow: 0 30px 90px rgba(20, 24, 28, 0.3);
}

html[data-theme="light"] .creator-edit-post > header button {
  border-color: #cbd0d4;
  background: #eceeef;
  color: #22262a;
}

html[data-theme="light"] .creator-edit-post > label {
  color: #3f444a;
}

html[data-theme="light"] .creator-edit-post :is(input, textarea) {
  border-color: #cbd0d4;
  background: #f4f5f6;
  color: #181a1d;
}

html[data-theme="light"] .creator-edit-post > footer button {
  border-color: #cbd0d4;
  background: #eceeef;
  color: #292d31;
}

html[data-theme="light"] .profile-details-fields {
  border-color: #d1d5d8;
  background: #f4f5f6;
  color: #181a1d;
}

html[data-theme="light"] .profile-details-fields legend {
  color: #181a1d;
}

html[data-theme="light"] .profile-details-fields > p {
  color: #626870;
}

html[data-theme="light"] .profile-details-fields label > span {
  color: #3f444a;
}

html[data-theme="light"] .profile-details-fields label i {
  border-color: rgba(8, 120, 139, 0.28);
  background: #e2eef0;
  color: #075f70;
}

html[data-theme="light"] .profile-details-fields select {
  border-color: #cbd0d4;
  background: #ffffff;
  color: #181a1d;
}

html[data-theme="light"] .creator-settings-form .creator-avatar-upload {
  border-color: #d0d4d8;
  background: #f4f5f6;
  color: #34393e;
}

html[data-theme="light"] .creator-settings-form .creator-avatar-upload input {
  border-color: #cbd0d4;
  background: #ffffff;
  color: #181a1d;
}

html[data-theme="light"] .creator-settings-form .creator-avatar-upload small {
  color: #626870;
}

html[data-theme="light"] .creator-settings-menu {
  border-color: #d1d5d8;
  background: #eceeef;
}

html[data-theme="light"] .creator-settings-menu button {
  color: #5b6168;
}

html[data-theme="light"] .creator-settings-menu button:hover {
  background: #ffffff;
  color: #181a1d;
}

html[data-theme="light"] .creator-settings-menu button.active {
  border-color: rgba(8, 120, 139, 0.28);
  background: #ffffff;
  color: #075f70;
  box-shadow: 0 5px 14px rgba(20, 24, 28, 0.09);
}

html[data-theme="light"] .creator-settings-card {
  border-color: #d1d5d8;
  background: #ffffff;
  color: #181a1d;
  box-shadow: var(--light-shadow-soft);
}

html[data-theme="light"] .creator-settings-card .studio-form > header,
html[data-theme="light"] .creator-payout-settings > header,
html[data-theme="light"] .creator-payout-settings > div {
  border-color: #dfe1e3;
}

html[data-theme="light"] .creator-settings-card header p,
html[data-theme="light"] .creator-payout-settings > div span {
  color: #626870;
}

html[data-theme="light"] .community-audit-summary > span,
html[data-theme="light"] .community-overview article {
  border-color: #d2d6da;
  background: #f4f5f6;
  color: #181a1d;
}

html[data-theme="light"] .community-audit-summary small,
html[data-theme="light"] :is(.community-overview span, .community-overview small) {
  color: #626870;
}

html[data-theme="light"] .community-audit-summary em {
  color: #08788b;
}

html[data-theme="light"] .community-member-tools {
  border-color: #d2d6da;
  background: #f4f5f6;
}

html[data-theme="light"] .community-member-tools label {
  color: #4e545a;
}

html[data-theme="light"] .community-member-tools :is(input, select) {
  border-color: #c8cdd1;
  background: #ffffff;
  color: #181a1d;
}

html[data-theme="light"] .community-member-tools > a {
  color: #555b62;
}

html[data-theme="light"] .studio-activity-list article {
  border-color: #dfe1e3;
}

html[data-theme="light"] :is(.studio-activity-list small, .studio-activity-list time, .community-no-results) {
  color: #626870;
}

html[data-theme="light"] :is(.community-moderator-card, .admin-metrics article) {
  border-color: #d2d6da;
  background: #ffffff;
  color: #181a1d;
  box-shadow: var(--light-shadow-soft);
}

html[data-theme="light"] :is(.community-moderator-card header p, .community-user-card header p, .admin-metrics span, .admin-section-heading p, .admin-audit-card header p) {
  color: #626870;
}

html[data-theme="light"] :is(.community-add-moderator, .community-moderator-list > article, .community-user-list > article) {
  border-color: #d5d8dc;
  background: #f5f6f7;
  color: #181a1d;
}

html[data-theme="light"] :is(.community-add-moderator label, .community-sanction-form label, .community-moderator-list small, .community-user-identity small, .community-sanction small) {
  color: #626870;
}

html[data-theme="light"] :is(.community-add-moderator, .community-sanction-form) :is(input, select) {
  border-color: #c8cdd1;
  background: #ffffff;
  color: #181a1d;
}

html[data-theme="light"] .community-sanction {
  background: rgba(184, 90, 24, 0.07);
}

html[data-theme="light"] .community-sanction.is-ban {
  background: rgba(174, 54, 79, 0.07);
}

html[data-theme="light"] .community-sanction button,
html[data-theme="light"] .community-protected-user {
  border-color: #cbd0d4;
  background: #eceeef;
  color: #34393e;
}

html[data-theme="light"] .community-boundary-note {
  background: rgba(8, 120, 139, 0.07);
  color: #555b62;
}

html[data-theme="light"] .admin-audit-card > header,
html[data-theme="light"] .admin-audit-card > div > article {
  border-color: #dfe1e3;
}

html[data-theme="light"] :is(.admin-audit-card article small, .admin-audit-card article time, .admin-audit-card > div > p) {
  color: #626870;
}

html[data-theme="light"] .creator-welcome {
  background:
    radial-gradient(circle at 91% 12%, rgba(184, 90, 24, 0.1), transparent 30%),
    #ffffff;
}

html[data-theme="light"] .creator-welcome h2 strong,
html[data-theme="light"] :is(.creator-switch-row b, .creator-message-feed header b) {
  color: #181a1d;
}

html[data-theme="light"] .creator-welcome > aside {
  border-color: #d7dade;
  background: #f4f5f6;
}

html[data-theme="light"] .creator-welcome a:not(:first-child) {
  border-color: #cfd3d7;
  background: #f2f3f4;
  color: #25292d;
}

html[data-theme="light"] .creator-metric-grid > button:hover,
html[data-theme="light"] .creator-action-card:hover {
  border-color: #aeb5ba;
  background: #f6f6f7;
}

html[data-theme="light"] :is(.creator-settings-form input, .creator-settings-form textarea, .creator-settings-form select, .creator-message-compose textarea, .creator-product-form input, .creator-product-form textarea, .creator-product-form select) {
  border-color: #cfd3d7;
  background: #f6f6f7;
  color: #181a1d;
}

html[data-theme="light"] .creator-switch-row,
html[data-theme="light"] .payout-card-preview,
html[data-theme="light"] .payout-account-state,
html[data-theme="light"] .payout-card-confirm {
  border-color: #d5d8dc;
  background: #f4f5f6;
  color: #181a1d;
}

html[data-theme="light"] .creator-settings-form > footer {
  border-color: #cdd2d6;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 16px 34px rgba(24, 28, 32, 0.13);
}

html[data-theme="light"] .creator-settings-form > footer a {
  border-color: #cfd3d7;
  background: #f2f3f4;
  color: #30353a;
}

html[data-theme="light"] .creator-message-feed > article,
html[data-theme="light"] .creator-shop-list > article {
  border-color: #dde0e3;
  background: #f5f6f7;
}

html[data-theme="light"] .creator-message-feed > article.is-mine {
  border-color: rgba(8, 120, 139, 0.25);
  background: rgba(8, 120, 139, 0.08);
}

html[data-theme="light"] .creator-action-card > span {
  background: #e5f0f2;
  color: #075f70;
}

html[data-theme="light"] :is(.creator-earnings-tabs, .payout-method-switch) {
  border-color: #d2d6da;
  background: #e8eaec;
}

html[data-theme="light"] :is(.creator-earnings-tabs button, .payout-method-switch button) {
  color: #5d636a;
}

html[data-theme="light"] :is(.creator-earnings-tabs button.active, .payout-method-switch button.active) {
  border-color: #cbd0d4;
  background: #ffffff;
  color: #075f70;
  box-shadow: 0 5px 15px rgba(20, 24, 28, 0.1);
}

/* Public discovery and LIVE chrome */
html[data-theme="light"] .livyno-feed-shell,
html[data-theme="light"] .videos-gallery-page {
  --feed-cyan: #08788b;
  --feed-pink: #c83f62;
  background: #eff0f1;
  color: #181a1d;
}

html[data-theme="light"] .livyno-feed-shell::before {
  background:
    linear-gradient(90deg, rgba(247, 247, 248, 0.98) 0 17%, rgba(239, 240, 241, 0.72) 33%, rgba(239, 240, 241, 0.08) 72%),
    url("/livyno-ambient-wave.png") center 88% / cover no-repeat;
  opacity: 0.28;
}

html[data-theme="light"] .livyno-feed-shell::after {
  background-image:
    linear-gradient(rgba(21, 24, 27, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(21, 24, 27, 0.025) 1px, transparent 1px);
}

html[data-theme="light"] .livyno-feed-sidebar {
  border-color: #d8dade;
  background: linear-gradient(90deg, rgba(250, 250, 250, 0.99) 76%, rgba(246, 246, 247, 0.94), rgba(246, 246, 247, 0.55));
}

html[data-theme="light"] .livyno-feed-brand,
html[data-theme="light"] .livyno-feed-nav > a {
  color: #1a1c1f;
}

html[data-theme="light"] .livyno-feed-nav > a:hover {
  background: #e5e7e9;
}

html[data-theme="light"] .livyno-feed-navicon.is-live {
  box-shadow: inset 0 0 0 3px #f7f7f8;
}

html[data-theme="light"] .livyno-feed-sidebottom {
  color: #70767d;
}

html[data-theme="light"] .livyno-feed-sidebottom a:hover {
  color: #111315;
}

html[data-theme="light"] .livyno-feed-toptools {
  border-color: #d4d8db;
  background: rgba(255, 255, 255, 0.96);
  color: #24282c;
  box-shadow: var(--light-shadow);
}

/* Text rendered directly over media must stay light in both appearances. */
html[data-theme="light"] .livyno-feed-media .livyno-feed-copy,
html[data-theme="light"] .livyno-feed-media .livyno-feed-copy > a,
html[data-theme="light"] .livyno-feed-media .livyno-feed-copy h1,
html[data-theme="light"] .livyno-feed-media .livyno-feed-copy p,
html[data-theme="light"] .livyno-feed-media .livyno-feed-copy > span,
html[data-theme="light"] .video-detail-player .video-detail-copy,
html[data-theme="light"] .video-detail-player .video-detail-copy b,
html[data-theme="light"] .video-detail-player .video-detail-copy span {
  color: #ffffff;
}

html[data-theme="light"] .livyno-feed-media .livyno-feed-copy,
html[data-theme="light"] .video-detail-player .video-detail-copy {
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.92);
}

html[data-theme="light"] .livyno-feed-actions > a,
html[data-theme="light"] .livyno-feed-actions > button,
html[data-theme="light"] .video-detail-actions > button {
  color: #30353a;
}

html[data-theme="light"] .livyno-feed-actions > a > span,
html[data-theme="light"] .livyno-feed-actions > button > span,
html[data-theme="light"] .video-detail-actions > button > span {
  background: #1c2026;
  color: #eef2f6;
}

html[data-theme="light"] .livyno-feed-actions > button.is-selected > span,
html[data-theme="light"] .video-detail-actions > button.is-active > span {
  background: var(--feed-pink);
  color: #ffffff;
}

html[data-theme="light"] .livyno-feed-actions > button.is-saved > span,
html[data-theme="light"] .video-detail-actions > button.is-saved > span {
  color: #ffcf5b;
}

html[data-theme="light"] :is(.livyno-global-topbar nav a, .livyno-global-account a, .livyno-global-subnav button) {
  color: #555b62;
}

html[data-theme="light"] :is(.livyno-global-topbar nav a:hover, .livyno-global-topbar nav a.is-active, .livyno-global-account a:hover, .livyno-global-subnav button:hover, .livyno-global-subnav button.is-active) {
  background: #eceeef;
  color: #16181a;
}

html[data-theme="light"] .livyno-global-account a.is-primary {
  background: #181a1d;
  color: #ffffff;
}

html[data-theme="light"] .livyno-feed-comments-layer {
  background: rgba(22, 25, 28, 0.34);
}

html[data-theme="light"] .livyno-feed-comments {
  border-color: #d0d4d8;
  background: #ffffff;
  color: #181a1d;
  box-shadow: 0 28px 80px rgba(20, 24, 28, 0.22);
}

html[data-theme="light"] .livyno-feed-comments > header,
html[data-theme="light"] .livyno-feed-comments > form {
  border-color: #dfe1e3;
}

html[data-theme="light"] .livyno-feed-comment-list article > i {
  background: #e6e8ea;
  color: #34393e;
}

html[data-theme="light"] .livyno-feed-comment-list p,
html[data-theme="light"] .livyno-feed-comment-list small {
  color: #60666d;
}

html[data-theme="light"] .livyno-feed-comments > form input {
  border-color: #cfd3d7;
  background: #f3f4f5;
  color: #181a1d;
}

/* Creator directory: one continuous light surface instead of dark islands. */
html[data-theme="light"] .creator-search-subnav > span {
  color: #08788b;
}

html[data-theme="light"] .creator-search-subnav input {
  border-color: #c9cdd1;
  background: #f4f5f6;
  color: #181a1d;
  box-shadow: inset 0 1px 2px rgba(20, 24, 28, 0.04);
}

html[data-theme="light"] .creator-search-subnav input:focus {
  border-color: #08788b;
  background: #ffffff;
  box-shadow: 0 0 0 3px rgba(8, 120, 139, 0.12);
}

html[data-theme="light"] .livyno-global-subnav .creator-search-subnav button {
  border-color: #181a1d;
  background: #181a1d;
  color: #ffffff;
}

html[data-theme="light"] .livyno-global-subnav .creator-search-subnav button:hover {
  border-color: #34383c;
  background: #34383c;
  color: #ffffff;
}

html[data-theme="light"] .creator-search-subnav a {
  border-color: #cbd0d4;
  background: #eceeef;
  color: #41474d;
}

html[data-theme="light"] .creators-directory-heading {
  border-color: #d5d8dc;
}

html[data-theme="light"] .creators-directory-heading span {
  color: #075f70;
}

html[data-theme="light"] .creators-directory-grid > a,
html[data-theme="light"] .creators-content-results a,
html[data-theme="light"] .creators-directory-empty {
  border-color: #d1d5d8;
  background: #f8f8f9;
  color: #181a1d;
  box-shadow: 0 8px 22px rgba(20, 24, 28, 0.07);
}

html[data-theme="light"] .creators-directory-grid > a:hover,
html[data-theme="light"] .creators-content-results a:hover {
  border-color: #9da5ab;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(20, 24, 28, 0.11);
}

html[data-theme="light"] .creators-directory-grid .profile-avatar-host {
  border-color: rgba(8, 120, 139, 0.46);
  background: #dfeaec;
  color: #075f70;
}

html[data-theme="light"] .creators-directory-grid small,
html[data-theme="light"] .creators-content-results span,
html[data-theme="light"] .creators-directory-empty p {
  color: #666c73;
}

html[data-theme="light"] .creators-directory-grid i {
  color: #08788b;
}

/* Account tools, authentication and utility workflows */
html[data-theme="light"] :is(.account-tool-topbar, .member-topbar, .legal-topbar) {
  border-color: #d7dade;
  background: rgba(255, 255, 255, 0.96);
  color: #181a1d;
  box-shadow: 0 8px 26px rgba(18, 22, 26, 0.06);
}

html[data-theme="light"] :is(.account-tool-topbar, .member-topbar, .legal-topbar) nav {
  color: #555b62;
}

html[data-theme="light"] :is(.auth-panel, .workflow-panel) {
  border-color: #d1d5d8;
  background: #ffffff;
  color: #181a1d;
  box-shadow: var(--light-shadow);
}

html[data-theme="light"] :is(.auth-intro, .auth-switch, .auth-note, .auth-check, .account-tool-wrap > header p) {
  color: #626870;
}

html[data-theme="light"] .auth-form > label:not(.auth-check),
html[data-theme="light"] .studio-form > label,
html[data-theme="light"] .studio-form legend {
  color: #34393e;
}

html[data-theme="light"] .auth-form input:not([type="checkbox"]),
html[data-theme="light"] .studio-form input:not([type="radio"]),
html[data-theme="light"] .studio-form textarea,
html[data-theme="light"] .studio-form select,
html[data-theme="light"] .direct-message-form textarea,
html[data-theme="light"] .platform-search-form input {
  border-color: #cbd0d4;
  background: #f4f5f6;
  color: #181a1d;
}

html[data-theme="light"] :is(.direct-message-list, .direct-message-form, .notification-list, .search-results > section) {
  border-color: #d4d8db;
  background: #ffffff;
  color: #181a1d;
  box-shadow: var(--light-shadow-soft);
}

html[data-theme="light"] .direct-message-list article {
  border-color: #d6dade;
  background: #f1f2f3;
  color: #181a1d;
}

html[data-theme="light"] .direct-message-list article.is-mine {
  border-color: rgba(8, 120, 139, 0.3);
  background: #e4f0f2;
}

html[data-theme="light"] .direct-message-list p,
html[data-theme="light"] .direct-message-form label,
html[data-theme="light"] .notification-list p,
html[data-theme="light"] .notification-list time,
html[data-theme="light"] .account-empty-note {
  color: #626870;
}

html[data-theme="light"] .message-conversation-chip {
  border-color: #d1d5d8;
  background: #f3f4f5;
  color: #555b62;
}

html[data-theme="light"] .message-conversation-chip > form {
  border-color: #d5d9dc;
}

html[data-theme="light"] .message-conversation-chip.is-active {
  border-color: rgba(8, 120, 139, 0.38);
  background: #e4f0f2;
  color: #075f70;
}

html[data-theme="light"] .direct-message-composer {
  border-color: #d1d5d8;
  background: #ffffff;
  box-shadow: var(--light-shadow-soft);
}

html[data-theme="light"] .direct-message-composer textarea {
  border-color: #cbd0d4;
  background: #f4f5f6;
  color: #181a1d;
}

html[data-theme="light"] .direct-message-emoji-button,
html[data-theme="light"] .direct-message-emoji-picker button {
  border-color: #d1d5d8;
  background: #f0f1f2;
}

html[data-theme="light"] .direct-message-emoji-picker {
  border-color: #cfd3d7;
  background: #ffffff;
  box-shadow: var(--light-shadow);
}

html[data-theme="light"] .notification-list article,
html[data-theme="light"] .search-results section > a {
  border-color: #d8dbde;
  background: #f6f6f7;
  color: #181a1d;
}

html[data-theme="light"] .notification-list article.is-unread {
  border-color: rgba(8, 120, 139, 0.32);
  background: #eaf3f4;
}

html[data-theme="light"] :is(.notification-list article > span, .notification-list a, .workflow-back, .auth-switch a, .auth-row a) {
  color: #075f70;
}

html[data-theme="light"] .studio-form fieldset {
  border-color: #d0d4d8;
  background: #fafafa;
}

html[data-theme="light"] .studio-form fieldset label,
html[data-theme="light"] .upload-placeholder {
  border-color: #cdd2d6;
  background: #f0f2f3;
  color: #075f70;
}

html[data-theme="light"] :is(.studio-form fieldset small, .upload-placeholder span, .stream-preview-note p) {
  color: #626870;
}

html[data-theme="light"] .stream-preview-note {
  background: rgba(8, 120, 139, 0.08);
}

html[data-theme="light"] .creator-application-status,
html[data-theme="light"] :is(.creator-application-form, .compliance-form) {
  border-color: #d3d7da;
  background: #ffffff;
  color: #181a1d;
  box-shadow: var(--light-shadow-soft);
}

html[data-theme="light"] :is(.creator-application-status p, .creator-application-form label, .compliance-form label) {
  color: #555b62;
}

html[data-theme="light"] :is(.creator-application-form, .compliance-form) :is(input, textarea, select) {
  border-color: #cbd0d4;
  background: #f4f5f6;
  color: #181a1d;
}

/* Legal content */
html[data-theme="light"] .legal-index h1,
html[data-theme="light"] :is(.legal-content h2, .legal-content h3) {
  color: #181a1d;
}

html[data-theme="light"] :is(.legal-index > p, .legal-content p) {
  color: #5f656c;
}

html[data-theme="light"] .legal-index nav a {
  border-color: #d1d5d8;
  color: #555b62;
}

html[data-theme="light"] .legal-index nav a:hover {
  border-color: #08788b;
  background: rgba(8, 120, 139, 0.07);
  color: #075f70;
}

html[data-theme="light"] .legal-content > section {
  border-color: #d4d8db;
  background: #ffffff;
  box-shadow: var(--light-shadow-soft);
}

html[data-theme="light"] .legal-contact {
  border-color: rgba(8, 120, 139, 0.28);
  background: #e8f2f3;
  color: #075f70;
}

/* Public member profile. Media tiles intentionally remain dark. */
html[data-theme="light"] .member-social-profile {
  background-color: #eff0f1 !important;
  background-image:
    radial-gradient(circle at 86% 5%, rgba(184, 90, 24, 0.07), transparent 24%),
    linear-gradient(145deg, #f8f8f8, #eff0f1 58%, #e9eaeb) !important;
  color: #181a1d;
}

html[data-theme="light"] .member-profile-avatar {
  border-color: #d0d4d8;
  background: #ffffff;
  box-shadow: var(--light-shadow);
}

html[data-theme="light"] .member-profile-name > span,
html[data-theme="light"] .member-profile-stats dd,
html[data-theme="light"] .member-profile-bio {
  color: #5d636a;
}

html[data-theme="light"] .member-profile-actions > a,
html[data-theme="light"] .member-profile-actions > button {
  border-color: #ccd1d5;
  background: #ffffff;
  color: #181a1d;
  box-shadow: var(--light-shadow-soft);
}

html[data-theme="light"] .member-profile-actions > a:hover,
html[data-theme="light"] .member-profile-actions > button:hover {
  border-color: #aeb4ba;
  background: #eceeef;
}

html[data-theme="light"] .profile-detail-chips > div {
  border-color: #d1d5d8;
  background: #f4f5f6;
  color: #2b2f33;
}

html[data-theme="light"] .member-profile-tabs {
  border-color: #d0d4d8;
}

html[data-theme="light"] .member-profile-tabs > button {
  color: #646a71;
}

html[data-theme="light"] .member-profile-tabs > button:hover,
html[data-theme="light"] .member-profile-tabs > button.is-active {
  color: #181a1d;
}

html[data-theme="light"] .member-profile-tabs > button.is-active {
  border-bottom-color: #181a1d;
}

html[data-theme="light"] .member-profile-tabs > label {
  color: #626870;
}

html[data-theme="light"] .member-profile-tabs select {
  border-color: #cbd0d4;
  background: #ffffff;
  color: #181a1d;
}

html[data-theme="light"] .member-product-tile {
  border-color: #d4d8db;
  background: #ffffff;
  color: #181a1d;
  box-shadow: var(--light-shadow-soft);
}

html[data-theme="light"] .member-product-tile > div {
  background: #e5f0f2;
  color: #075f70;
}

html[data-theme="light"] .member-product-tile p,
html[data-theme="light"] .member-profile-empty {
  color: #626870;
}

html[data-theme="light"] .member-profile-empty > span {
  border-color: #d1d5d8;
  background: #ffffff;
}

html[data-theme="light"] .member-profile-empty > b {
  color: #34393e;
}

/* Legacy studio pages still reachable outside the current creator centre. */
html[data-theme="light"] .studio-sidebar {
  border-color: #d4d8db;
  background: #f7f7f8;
}

html[data-theme="light"] .studio-sidebar nav a,
html[data-theme="light"] .studio-exit,
html[data-theme="light"] .studio-label {
  color: #5e646b;
}

html[data-theme="light"] .studio-sidebar nav a:hover,
html[data-theme="light"] .studio-sidebar nav a.active {
  background: #e5e7e9;
  color: #181a1d;
}

html[data-theme="light"] :is(.studio-stats article, .studio-card, .studio-actions > a) {
  border-color: #d4d8db;
  background: #ffffff;
  color: #181a1d;
  box-shadow: var(--light-shadow-soft);
}

html[data-theme="light"] :is(.studio-stats span, .studio-stats small, .studio-actions p, .studio-empty, .earnings-total small, .earnings-total p, .studio-checklist ul) {
  color: #626870;
}

html[data-theme="light"] .studio-checklist li {
  border-color: #d8dbde;
  background: #f6f6f7;
}

/* Video gallery keeps image overlays dark, while surrounding chrome is light. */
html[data-theme="light"] .videos-gallery-categories {
  background: linear-gradient(#eff0f1 72%, transparent);
}

html[data-theme="light"] .videos-gallery-categories button {
  color: #555b62;
}

html[data-theme="light"] .videos-gallery-categories button:hover,
html[data-theme="light"] .videos-gallery-categories button.is-active {
  border-color: #d2d6da;
  background: #ffffff;
  color: #17191b;
  box-shadow: var(--light-shadow-soft);
}

html[data-theme="light"] .videos-gallery-card {
  border-color: #d3d6d9;
  color: #ffffff;
  box-shadow: 0 14px 32px rgba(20, 24, 28, 0.14);
}

html[data-theme="light"] .videos-gallery-empty b,
html[data-theme="light"] .online-creators-empty h2 {
  color: #181a1d;
}

html[data-theme="light"] .online-creators-header {
  border-color: #d5d8dc;
}

html[data-theme="light"] .online-creators-header span {
  color: #075f70;
}

html[data-theme="light"] .online-creator-card,
html[data-theme="light"] .online-creators-empty {
  border-color: #d5d8dc;
  background: #ffffff;
  color: #181a1d;
  box-shadow: var(--light-shadow-soft);
}

html[data-theme="light"] .online-creator-card {
  background:
    radial-gradient(circle at 50% 0%, rgba(7, 95, 112, 0.1), transparent 48%),
    #ffffff;
}

html[data-theme="light"] .online-creator-copy small,
html[data-theme="light"] .online-creators-empty p {
  color: #626870;
}

html[data-theme="light"] .online-creator-status {
  color: #287344;
}

html[data-theme="light"] .online-creators-duel-hint {
  border-color: rgba(7, 95, 112, 0.22);
  background: rgba(7, 95, 112, 0.08);
  color: #075f70;
}

html[data-theme="light"] .online-creators-duel-error {
  border-color: rgba(193, 40, 78, 0.26);
  background: rgba(193, 40, 78, 0.08);
  color: #9c1f44;
}

html[data-theme="light"] .online-creator-card.is-duel-picker button {
  border-color: rgba(7, 95, 112, 0.28);
  background: rgba(7, 95, 112, 0.08);
  color: #075f70;
}

/* Video detail: player remains dark, information panel becomes light. */
html[data-theme="light"] .video-detail-page {
  background: #eff0f1;
  color: #181a1d;
}

html[data-theme="light"] .video-detail-panel {
  border-color: #d4d8db;
  background: #ffffff;
  color: #181a1d;
}

html[data-theme="light"] .video-detail-panel > header,
html[data-theme="light"] .video-detail-composer {
  border-color: #dfe1e3;
}

html[data-theme="light"] .video-detail-panel > header button {
  color: #5a6067;
}

html[data-theme="light"] .video-detail-panel > header button.is-active {
  color: #075f70;
}

html[data-theme="light"] .video-detail-comments article > span,
html[data-theme="light"] .video-detail-related a {
  background: #f2f3f4;
  color: #181a1d;
}

html[data-theme="light"] .video-detail-comments p,
html[data-theme="light"] .video-detail-comments small,
html[data-theme="light"] .video-detail-comments em,
html[data-theme="light"] .video-detail-related small {
  color: #60666d;
}

html[data-theme="light"] .video-detail-composer input {
  border-color: #cfd3d7;
  background: #f3f4f5;
  color: #181a1d;
}

/* Shop is deliberately light even when layered over media. */
html[data-theme="light"] .shop-gallery-card {
  border-color: #d4d7da;
  background: #ffffff;
  color: #181a1d;
  box-shadow: var(--light-shadow-soft);
}

html[data-theme="light"] .shop-product-info {
  border-color: #e0e2e4;
  background: #ffffff;
}

html[data-theme="light"] .shop-product-card-actions button {
  border-color: #c7cdd1;
  background: #eeeeef;
  color: #075f70;
}

html[data-theme="light"] .shop-product-card-actions button:last-child,
html[data-theme="light"] .shop-detail-buy > button,
html[data-theme="light"] .shop-cart-continue {
  background: #181a1d;
  color: #ffffff;
}

html[data-theme="light"] .livyno-global-subnav .shop-cart-trigger,
html[data-theme="light"] .shop-detail-kind,
html[data-theme="light"] .shop-cart-panel > header small {
  color: #9d4813;
}

html[data-theme="light"] .livyno-global-subnav .shop-cart-trigger b {
  background: #b85a18;
}

html[data-theme="light"] .shop-detail-overlay {
  background: rgba(27, 30, 33, 0.46);
}

html[data-theme="light"] :is(.shop-detail-modal, .shop-cart-panel) {
  border-color: #d1d5d8;
  background: #ffffff;
  color: #181a1d;
  box-shadow: 0 36px 100px rgba(19, 23, 27, 0.28);
}

html[data-theme="light"] .shop-detail-gallery {
  background: #eceeef;
}

html[data-theme="light"] .shop-detail-stage {
  border-color: #cfd3d7;
  box-shadow: 0 18px 42px rgba(20, 24, 28, 0.17);
}

html[data-theme="light"] .shop-detail-panel,
html[data-theme="light"] .shop-detail-buy {
  border-color: #dfe1e3;
  background: #ffffff;
}

html[data-theme="light"] :is(.shop-detail-close, .shop-cart-panel > header > button) {
  background: #e9ebed;
  color: #22262a;
}

html[data-theme="light"] .shop-detail-seller {
  color: #181a1d;
}

html[data-theme="light"] .shop-detail-panel > p,
html[data-theme="light"] .shop-detail-seller small,
html[data-theme="light"] .shop-detail-buy small,
html[data-theme="light"] .shop-cart-lines article > div:nth-child(2) small,
html[data-theme="light"] .shop-cart-empty {
  color: #626870;
}

html[data-theme="light"] .shop-detail-buy > button.is-secondary {
  border: 1px solid #cbd0d4;
  background: #f0f1f2;
  color: #075f70;
}

html[data-theme="light"] .shop-cart-panel > header,
html[data-theme="light"] .shop-cart-lines article,
html[data-theme="light"] .shop-cart-panel > footer {
  border-color: #e0e2e4;
}

html[data-theme="light"] .shop-cart-quantity button {
  background: #e7e9eb;
  color: #181a1d;
}

html[data-theme="light"] .shop-cart-remove {
  border-color: rgba(174, 54, 79, 0.34);
  background: rgba(174, 54, 79, 0.08);
  color: #9d2f48;
}

@media (max-width: 760px) {
  html[data-theme="light"] .livyno-feed-mobile-nav {
    border-color: #d3d7da;
    background: rgba(255, 255, 255, 0.97);
    color: #30353a;
    box-shadow: 0 -10px 30px rgba(20, 24, 28, 0.1);
  }

  html[data-theme="light"] .shop-detail-panel {
    border-color: #d8dcdf;
  }
}

html[data-theme="light"] .auth-birthdate-input {
  border-color: #cbd1d5;
  background: #fff;
}

html[data-theme="light"] .auth-form .auth-birthdate-input input:not([type="checkbox"]) {
  border: 0;
  background: transparent;
  color: #171a1d;
}

html[data-theme="light"] .auth-birthdate-input span {
  color: #70777d;
}

html[data-theme="light"] :is(.create-mode-switch, .create-capture-stage) {
  border-color: #d4d9dd;
  background: #f4f6f7;
}

html[data-theme="light"] .create-mode-switch button.is-active {
  background: #deecef;
  color: #08788b;
}

html[data-theme="light"] .create-camera-preview {
  background: radial-gradient(circle at 50% 35%, rgba(8, 120, 139, 0.12), transparent 32%), linear-gradient(145deg, #e8edf0, #dce3e7);
  color: #252a2e;
}

html[data-theme="light"] .create-capture-actions button {
  border-color: #cbd2d7;
  background: #fff;
  color: #252a2e;
}

html[data-theme="light"] .create-capture-actions button:first-child {
  border-color: rgba(174, 54, 79, 0.34);
  background: rgba(174, 54, 79, 0.08);
}

@media (max-width: 700px) {
  html[data-theme="light"] body:has(.stream-room.is-creator-room),
  html[data-theme="light"] .stream-room.is-creator-room {
    color: #fff;
    background: #030507;
  }
}

/* Desktop LIVE layout. */

/* Web-only LIVE layout overrides. Shared tokens stay in globals.css; this file
   keeps desktop/web room geometry separate from the mobile immersive surface. */

@media (pointer: fine) {
  body:has(.watch-page.live-room-page) {
    overflow-x: hidden;
    overflow-y: auto;
    background: #020406;
  }

  .watch-page.live-room-page {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    min-height: 100dvh;
    overflow: visible;
    background: #020406;
  }

  .watch-page.live-room-page .stream-room {
    width: 100%;
    max-width: 1500px;
    height: auto;
    min-height: 0;
    margin: 0 auto;
    padding: 4px 24px 24px;
    overflow: visible;
    background: transparent;
  }

  .watch-page.live-room-page .stream-layout {
    position: static;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, 24vw);
    align-items: stretch;
    gap: 4px;
    width: 100%;
    height: auto;
    min-height: 0;
  }

  .watch-page.live-room-page .stream-main,
  .watch-page.live-room-page .stream-main > .preview-player {
    width: 100%;
    height: auto;
    min-height: 0;
  }

  .watch-page.live-room-page .stream-main > .preview-player {
    max-width: none;
    margin: 0;
    padding: 0;
  }

  .watch-page.live-room-page .stream-main .preview-video {
    width: 100%;
    height: auto;
    min-height: 0;
    overflow: hidden;
    border: 1px solid #2b384a;
    border-radius: var(--radius-rect);
    aspect-ratio: 16 / 9;
    background: #05080c;
  }

  .watch-page.live-room-page .stream-layout > .live-chat {
    position: relative;
    inset: auto;
    z-index: auto;
    display: flex;
    flex-direction: column;
    width: auto;
    height: auto;
    max-height: none;
    min-height: 0;
    overflow: hidden;
    border: 1px solid #293648;
    border-radius: var(--radius-rect);
    background: #0f151e;
    pointer-events: auto;
    contain: layout paint;
  }

  .watch-page.live-room-page .live-chat > header {
    display: flex;
  }

  .watch-page.live-room-page .chat-community-note {
    display: grid;
  }

  .watch-page.live-room-page .chat-messages {
    order: 1;
    flex: 1;
    min-height: 0;
    justify-content: initial;
    overflow-x: hidden;
    overflow-y: auto;
    mask-image: none;
    pointer-events: auto;
  }

  .watch-page.live-room-page .chat-messages > :first-child {
    margin-top: auto;
  }

  .watch-page.live-room-page .chat-messages::before {
    content: none;
  }

  .watch-page.live-room-page .chat-composer {
    order: 2;
    width: auto;
    padding: 11px;
    border-top: 1px solid #273343;
    background: #111923;
    pointer-events: auto;
  }

  .watch-page.live-room-page .chat-composer > div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 32px 32px 32px;
    gap: 6px;
  }

  .watch-page.live-room-page .chat-composer input {
    height: 32px;
    border-color: #334155;
    background: #0b1119;
    color: #edf3f8;
    font-size: 9px;
    backdrop-filter: none;
  }

  .watch-page.live-room-page .chat-composer button {
    width: 32px;
    height: 32px;
  }

  .watch-page.live-room-page .stream-room > .creator-guest-tile-dock {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 4px;
    width: 100%;
    margin: 4px 0 0;
    overflow: visible;
  }

  .watch-page.live-room-page .creator-guest-tile-dock > article,
  .watch-page.live-room-page .creator-guest-tile-dock > .cohost-tile {
    width: 100%;
    height: auto;
    min-height: 0;
    aspect-ratio: 1 / 1;
  }
}

/* Readable 1920x1080 notebooks at 125% scaling, shared by creator and viewer. */
@media (pointer: fine) and (min-width: 1181px) and (max-width: 1600px) {
  .watch-page.live-room-page > .stream-toolbar,
  .watch-page.live-room-page .creator-live-toolbar {
    --creator-header-control-height: 34px;
    --live-room-toolbar-height: 48px;
    height: 48px;
    min-height: 48px;
    gap: 10px;
    padding: 0 24px;
    font-size: 11px;
  }

  .watch-page.live-room-page > .stream-toolbar > a:first-child,
  .watch-page.live-room-page > .stream-toolbar > .stream-toolbar-primary > a:first-child,
  .watch-page.live-room-page > .stream-toolbar > .stream-subscription-promo,
  .watch-page.live-room-page > .stream-toolbar > .stream-subscription-promo b,
  .watch-page.live-room-page > .stream-toolbar > .stream-subscription-promo small,
  .watch-page.live-room-page > .stream-toolbar > div,
  .watch-page.live-room-page > .stream-toolbar > div > span {
    font-size: 11px;
  }

  .watch-page.live-room-page > .stream-toolbar > .stream-subscription-promo {
    width: min(520px, 100%);
    height: var(--creator-header-control-height);
    min-height: var(--creator-header-control-height);
    padding: 0 14px;
  }

  .watch-page.live-room-page > .stream-toolbar button,
  .watch-page.live-room-page > .stream-toolbar > div > a,
  .watch-page.live-room-page > .stream-toolbar .stream-toolbar-viewer-count,
  .watch-page.live-room-page > .stream-toolbar .beta-bug-trigger,
  .watch-page.live-room-page .creator-live-toolbar > .beta-bug-trigger {
    height: var(--creator-header-control-height);
    min-height: var(--creator-header-control-height);
    padding: 0 14px;
    font-size: 11px;
  }

  .watch-page.live-room-page .creator-header-controls .creator-stream-access-heading button,
  .watch-page.live-room-page .creator-header-controls > .stream-link-trigger,
  .watch-page.live-room-page .creator-header-controls > .stream-layout-trigger,
  .watch-page.live-room-page .creator-header-controls .creator-chat-header-actions button,
  .watch-page.live-room-page .creator-header-controls .stream-title-save,
  .watch-page.live-room-page .creator-header-controls .creator-stream-media-buttons button,
  .watch-page.live-room-page .creator-live-toolbar-tools .creator-toolbar-navigation button,
  .watch-page.live-room-page .creator-live-toolbar-tools > .stream-link-trigger,
  .watch-page.live-room-page .creator-live-toolbar-tools > .stream-layout-trigger,
  .watch-page.live-room-page .creator-live-toolbar-tools .chat-header-actions button,
  .watch-page.live-room-page .creator-live-toolbar-tools .creator-stream-media-buttons button {
    width: var(--creator-header-control-height);
    height: var(--creator-header-control-height);
    font-size: 18px;
  }

  .watch-page.live-room-page .creator-header-controls .stream-room-title-editor input {
    height: var(--creator-header-control-height);
    font-size: 12px;
  }

  .watch-page.live-room-page .creator-header-controls .live-pill {
    height: var(--creator-header-control-height);
    padding: 0 14px;
    font-size: 11px;
  }
}

@media (pointer: fine) and (max-width: 1100px) {
  .watch-page.live-room-page .stream-layout {
    grid-template-columns: minmax(0, 1fr) minmax(320px, 38vw);
    gap: 4px;
  }
}

.creator-icon-livyno{background-image:url("/icons/studio/livyno.png")!important}.creator-icon-livyno:hover:not(:disabled),.creator-icon-livyno.is-open{background-image:url("/icons/studio/livyno-hover.png")!important}
.creator-icon-refresh{background-image:url("/icons/studio/refresh.png")!important}.creator-icon-refresh:hover:not(:disabled),.creator-icon-refresh.is-refreshing,.creator-icon-refresh.is-done{background-image:url("/icons/studio/refresh-hover.png")!important}
.creator-icon-settings{background-image:url("/icons/studio/settings.png")!important}.creator-icon-settings:hover:not(:disabled),.creator-icon-settings.is-open{background-image:url("/icons/studio/settings-hover.png")!important}
.creator-icon-duel{background-image:url("/icons/studio/duel.png")!important}.creator-icon-duel:hover:not(:disabled),.creator-icon-duel.has-invitation{background-image:url("/icons/studio/duel-hover.png")!important}
.creator-icon-exit{background-image:url("/icons/studio/exit.png")!important}.creator-icon-exit:hover:not(:disabled){background-image:url("/icons/studio/exit-hover.png")!important}
.creator-icon-grid{background-image:url("/icons/studio/grid.png")!important}.creator-icon-grid:hover:not(:disabled),.creator-icon-grid.is-open{background-image:url("/icons/studio/grid-hover.png")!important}
.creator-icon-camera{background-image:url("/icons/studio/camera.png")!important}.creator-icon-camera:hover:not(:disabled){background-image:url("/icons/studio/camera-hover.png")!important}.creator-icon-camera.is-off{background-image:url("/icons/studio/camera-off.png")!important}.creator-icon-camera.is-off:hover:not(:disabled){background-image:url("/icons/studio/camera-off-hover.png")!important}
.creator-icon-camera-switch{background-image:url("/icons/studio/camera-switch.png")!important}.creator-icon-camera-switch:hover:not(:disabled){background-image:url("/icons/studio/camera-switch-hover.png")!important}
.creator-icon-mic{background-image:url("/icons/studio/mic.png")!important}.creator-icon-mic:hover:not(:disabled){background-image:url("/icons/studio/mic-hover.png")!important}.creator-icon-mic.is-off{background-image:url("/icons/studio/mic-off.png")!important}.creator-icon-mic.is-off:hover:not(:disabled){background-image:url("/icons/studio/mic-off-hover.png")!important}
.creator-icon-lock{background-image:url("/icons/studio/lock.png")!important}.creator-icon-lock:hover:not(:disabled){background-image:url("/icons/studio/lock-hover.png")!important}
.creator-icon-power-on{background-image:url("/icons/studio/power-on.png")!important}.creator-icon-power-on:hover:not(:disabled){background-image:url("/icons/studio/power-on-hover.png")!important}
.creator-icon-power-off{background-image:url("/icons/studio/power-off.png")!important}.creator-icon-power-off:hover:not(:disabled){background-image:url("/icons/studio/power-off-hover.png")!important}

/* Livyno Studio flat controls: one visual layer, PNG icons only. */
.stream-room.is-creator-room .preview-stage-light{display:none!important}


/* Live chat user portraits follow the same compact Livyno ring as the canvas profile badge. */
.stream-room:is(.is-creator-room,.is-viewer-room) .chat-message-row>.chat-avatar,
.stream-featured-comment>.chat-avatar,
.chat-moderation-actions>header>.chat-avatar{
  box-sizing:border-box;
  display:grid;
  place-items:center;
  overflow:hidden;
  padding:2px;
  border:2px solid #3b91aa;
  border-radius:var(--radius-circle);
  background:#65d4e3;
  box-shadow:0 0 0 1px rgba(101,212,227,.35),0 5px 14px rgba(0,0,0,.32);
  color:#061019;
  font-weight:950;
}
.stream-room:is(.is-creator-room,.is-viewer-room) .chat-message-row>.chat-avatar{
  width:26px;
  height:26px;
  font-size:8px;
}
.stream-featured-comment>.chat-avatar,
.chat-moderation-actions>header>.chat-avatar{
  width:42px;
  height:42px;
  font-size:13px;
}
.stream-room:is(.is-creator-room,.is-viewer-room) .chat-message-row>.chat-avatar .profile-avatar-image,
.stream-featured-comment>.chat-avatar .profile-avatar-image,
.chat-moderation-actions>header>.chat-avatar .profile-avatar-image{
  inset:3px;
  width:calc(100% - 6px);
  height:calc(100% - 6px);
  border-radius:var(--radius-circle);
}
.stream-room:is(.is-creator-room,.is-viewer-room) .chat-message-row>button.chat-avatar{
  cursor:pointer;
}
.stream-room:is(.is-creator-room,.is-viewer-room) .chat-message-row>button.chat-avatar:hover,
.stream-room:is(.is-creator-room,.is-viewer-room) .chat-message-row>button.chat-avatar:focus-visible{
  outline:2px solid rgba(101,212,227,.55);
  outline-offset:2px;
}
.stream-room:is(.is-creator-room,.is-viewer-room) .chat-message-row>button.chat-avatar:disabled{
  cursor:default;
  opacity:1;
}

@media(max-width:900px){
  .stream-room:is(.is-creator-room,.is-viewer-room) .chat-message-row>.chat-avatar{
    width:30px;
    height:30px;
    font-size:10px;
  }
}
.stream-room.is-creator-room :is(.creator-live-toolbar,.preview-stream-heading){box-shadow:none!important;backdrop-filter:none!important}
.stream-room.is-creator-room .preview-stream-heading .creator-stream-access-heading{align-items:center!important;height:auto!important;gap:6px!important;transform:none!important}
.stream-room.is-creator-room .preview-stream-heading .creator-icon-button::before,
.stream-room.is-creator-room .preview-stream-heading .creator-icon-button::after{display:none!important;content:none!important}
.stream-room.is-creator-room .preview-stream-heading :is(.creator-icon-button:hover:not(:disabled),.creator-icon-button.is-open,.creator-icon-button.is-active){border-color:#67d7e7!important;background-color:#17293a!important;transform:none!important}
.creator-live-toolbar .creator-icon-livyno{background:#101a25 url("/icons/studio/livyno.png") center/22px 22px no-repeat!important}.creator-live-toolbar .creator-icon-livyno:hover:not(:disabled),.creator-live-toolbar .creator-icon-livyno.is-open{background:#17293a url("/icons/studio/livyno-hover.png") center/22px 22px no-repeat!important}
.creator-live-toolbar .creator-icon-refresh{background:#101a25 url("/icons/studio/refresh.png") center/22px 22px no-repeat!important}.creator-live-toolbar .creator-icon-refresh:hover:not(:disabled),.creator-live-toolbar .creator-icon-refresh.is-refreshing,.creator-live-toolbar .creator-icon-refresh.is-done{background:#17293a url("/icons/studio/refresh-hover.png") center/22px 22px no-repeat!important}
.creator-live-toolbar .creator-icon-settings{background:#101a25 url("/icons/studio/settings.png") center/22px 22px no-repeat!important}.creator-live-toolbar .creator-icon-settings:hover:not(:disabled),.creator-live-toolbar .creator-icon-settings.is-open{background:#17293a url("/icons/studio/settings-hover.png") center/22px 22px no-repeat!important}
.creator-live-toolbar .creator-icon-duel{background:#101a25 url("/icons/studio/duel.png") center/22px 22px no-repeat!important}.creator-live-toolbar .creator-icon-duel:hover:not(:disabled),.creator-live-toolbar .creator-icon-duel.has-invitation{background:#17293a url("/icons/studio/duel-hover.png") center/22px 22px no-repeat!important}
.creator-live-toolbar .creator-icon-exit{background:#101a25 url("/icons/studio/exit.png") center/22px 22px no-repeat!important}.creator-live-toolbar .creator-icon-exit:hover:not(:disabled){background:#17293a url("/icons/studio/exit-hover.png") center/22px 22px no-repeat!important}
.creator-live-toolbar .creator-icon-grid{background:#101a25 url("/icons/studio/grid.png") center/22px 22px no-repeat!important}.creator-live-toolbar .creator-icon-grid:hover:not(:disabled),.creator-live-toolbar .creator-icon-grid.is-open{background:#17293a url("/icons/studio/grid-hover.png") center/22px 22px no-repeat!important}
.creator-live-toolbar .creator-icon-camera{background:#101a25 url("/icons/studio/camera.png") center/22px 22px no-repeat!important}.creator-live-toolbar .creator-icon-camera:hover:not(:disabled){background:#17293a url("/icons/studio/camera-hover.png") center/22px 22px no-repeat!important}.creator-live-toolbar .creator-icon-camera.is-off{background:#4b1626 url("/icons/studio/camera-off.png") center/22px 22px no-repeat!important}.creator-live-toolbar .creator-icon-camera.is-off:hover:not(:disabled){background:#5a1b2d url("/icons/studio/camera-off-hover.png") center/22px 22px no-repeat!important}
.creator-live-toolbar .creator-icon-mic{background:#101a25 url("/icons/studio/mic.png") center/22px 22px no-repeat!important}.creator-live-toolbar .creator-icon-mic:hover:not(:disabled){background:#17293a url("/icons/studio/mic-hover.png") center/22px 22px no-repeat!important}.creator-live-toolbar .creator-icon-mic.is-off{background:#4b1626 url("/icons/studio/mic-off.png") center/22px 22px no-repeat!important}.creator-live-toolbar .creator-icon-mic.is-off:hover:not(:disabled){background:#5a1b2d url("/icons/studio/mic-off-hover.png") center/22px 22px no-repeat!important}
.creator-live-toolbar .creator-icon-lock{background:#101a25 url("/icons/studio/lock.png") center/22px 22px no-repeat!important}.creator-live-toolbar .creator-icon-lock:hover:not(:disabled){background:#17293a url("/icons/studio/lock-hover.png") center/22px 22px no-repeat!important}
.creator-live-toolbar .creator-icon-power-on{background:#101a25 url("/icons/studio/power-on.png") center/22px 22px no-repeat!important}.creator-live-toolbar .creator-icon-power-on:hover:not(:disabled){background:#17293a url("/icons/studio/power-on-hover.png") center/22px 22px no-repeat!important}
.creator-live-toolbar .creator-icon-power-off{background:#4b1626 url("/icons/studio/power-off.png") center/22px 22px no-repeat!important}.creator-live-toolbar .creator-icon-power-off:hover:not(:disabled){background:#5a1b2d url("/icons/studio/power-off-hover.png") center/22px 22px no-repeat!important}
.stream-room:is(.is-creator-room,.is-viewer-room) .chat-composer .chat-composer-open,html[data-mobile-preview="true"] .stream-room:is(.is-creator-room,.is-viewer-room) .chat-composer .chat-composer-open{flex-basis:clamp(96px,31vw,124px)!important;max-width:34vw!important}.stream-room:is(.is-creator-room,.is-viewer-room) .chat-composer-actions,html[data-mobile-preview="true"] .stream-room:is(.is-creator-room,.is-viewer-room) .chat-composer-actions{gap:5px!important}}
/* Unified mobile/tablet LIVE bottom composer row. */
.chat-composer-open,.chat-composer-actions{display:none}
@media (pointer:coarse),(max-width:1180px){.stream-room:is(.is-creator-room,.is-viewer-room) .stream-canvas-bottom-actions,html[data-mobile-preview="true"] .stream-room:is(.is-creator-room,.is-viewer-room) .stream-canvas-bottom-actions{display:none!important}.stream-room:is(.is-creator-room,.is-viewer-room)>.stream-layout>.live-chat,html[data-mobile-preview="true"] .stream-room:is(.is-creator-room,.is-viewer-room)>.stream-layout>.live-chat{right:0!important}.stream-room:is(.is-creator-room,.is-viewer-room) .chat-composer,html[data-mobile-preview="true"] .stream-room:is(.is-creator-room,.is-viewer-room) .chat-composer{box-sizing:border-box!important;width:100%!important;padding:6px 8px max(8px,env(safe-area-inset-bottom))!important;pointer-events:auto!important}.stream-room:is(.is-creator-room,.is-viewer-room) .chat-composer>.chat-composer-row,html[data-mobile-preview="true"] .stream-room:is(.is-creator-room,.is-viewer-room) .chat-composer>.chat-composer-row{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;box-sizing:border-box!important;width:100%!important;height:48px!important;min-height:48px!important;max-height:48px!important;min-width:0!important;gap:6px!important}.stream-room:is(.is-creator-room,.is-viewer-room) .chat-composer .chat-composer-open,html[data-mobile-preview="true"] .stream-room:is(.is-creator-room,.is-viewer-room) .chat-composer .chat-composer-open{display:block!important;flex:0 1 clamp(112px,34vw,240px)!important;width:auto!important;max-width:38vw!important;min-width:0!important;height:48px!important;min-height:48px!important;max-height:48px!important;padding:0 14px!important;line-height:48px!important}.stream-room:is(.is-creator-room,.is-viewer-room) .chat-composer .chat-composer-input-wrap,.stream-room:is(.is-creator-room,.is-viewer-room) .chat-composer .emoji-toggle,.stream-room:is(.is-creator-room,.is-viewer-room) .chat-composer .chat-send-button,.stream-room:is(.is-creator-room,.is-viewer-room) .chat-composer .chat-composer-count,html[data-mobile-preview="true"] .stream-room:is(.is-creator-room,.is-viewer-room) .chat-composer .chat-composer-input-wrap,html[data-mobile-preview="true"] .stream-room:is(.is-creator-room,.is-viewer-room) .chat-composer .emoji-toggle,html[data-mobile-preview="true"] .stream-room:is(.is-creator-room,.is-viewer-room) .chat-composer .chat-send-button,html[data-mobile-preview="true"] .stream-room:is(.is-creator-room,.is-viewer-room) .chat-composer .chat-composer-count{display:none!important}.stream-room:is(.is-creator-room,.is-viewer-room) .chat-composer-actions,html[data-mobile-preview="true"] .stream-room:is(.is-creator-room,.is-viewer-room) .chat-composer-actions{display:flex!important;flex:0 0 auto!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;margin-left:auto!important;height:48px!important;min-height:48px!important;max-height:48px!important;min-width:0!important}.stream-room.is-creator-room .chat-composer .chat-power.creator-icon-button,html[data-mobile-preview="true"] .stream-room.is-creator-room .chat-composer .chat-power.creator-icon-button{margin-left:auto!important}.stream-room.is-creator-room .chat-composer .chat-power.creator-icon-button~.chat-composer-actions,html[data-mobile-preview="true"] .stream-room.is-creator-room .chat-composer .chat-power.creator-icon-button~.chat-composer-actions{margin-left:0!important}.stream-room:is(.is-creator-room,.is-viewer-room) .chat-composer-actions :is(.stream-canvas-gift-button,.stream-canvas-join-button,.stream-canvas-mic-button,.stream-canvas-shop-button),.stream-room.is-creator-room .chat-composer .chat-power.creator-icon-button,html[data-mobile-preview="true"] .stream-room:is(.is-creator-room,.is-viewer-room) .chat-composer-actions :is(.stream-canvas-gift-button,.stream-canvas-join-button,.stream-canvas-mic-button,.stream-canvas-shop-button),html[data-mobile-preview="true"] .stream-room.is-creator-room .chat-composer .chat-power.creator-icon-button{display:grid!important;place-items:center!important;box-sizing:border-box!important;padding:0!important}.stream-room:is(.is-creator-room,.is-viewer-room) .chat-composer-actions .live-footer-button-icon,.stream-room.is-creator-room .chat-composer .chat-power-icon,html[data-mobile-preview="true"] .stream-room:is(.is-creator-room,.is-viewer-room) .chat-composer-actions .live-footer-button-icon,html[data-mobile-preview="true"] .stream-room.is-creator-room .chat-composer .chat-power-icon{width:100%!important;height:100%!important;object-fit:contain!important}}
@media (pointer:coarse) and (max-width:380px),(max-width:380px){.stream-room:is(.is-creator-room,.is-viewer-room) .chat-composer>.chat-composer-row,html[data-mobile-preview="true"] .stream-room:is(.is-creator-room,.is-viewer-room) .chat-composer>.chat-composer-row{gap:5px!important}.stream-room:is(.is-creator-room,.is-viewer-room) .chat-composer .chat-composer-open,html[data-mobile-preview="true"] .stream-room:is(.is-creator-room,.is-viewer-room) .chat-composer .chat-composer-open{flex-basis:clamp(96px,31vw,124px)!important;max-width:34vw!important}.stream-room:is(.is-creator-room,.is-viewer-room) .chat-composer-actions,html[data-mobile-preview="true"] .stream-room:is(.is-creator-room,.is-viewer-room) .chat-composer-actions{gap:5px!important}}
.creator-center-top-nav .creator-center-logout-link{flex:none;display:flex;align-items:center;gap:6px;min-height:34px;padding:4px 10px 4px 5px;border:1px solid transparent;border-radius:var(--radius-rect);background:transparent;color:#ff8aa2;font-size:8px;font-weight:850;cursor:pointer;text-decoration:none;white-space:nowrap}.creator-center-top-nav .creator-center-logout-link i{display:grid;place-items:center;width:24px;height:24px;border-radius:var(--radius-rect);background:rgba(255,95,136,.12);color:#ff7897;font-style:normal}.creator-center-top-nav .creator-center-logout-link:hover,.creator-center-top-nav .creator-center-logout-link:focus-visible{border-color:rgba(255,95,136,.32);background:rgba(255,95,136,.1);color:#ffd9e1}
.creator-metric-grid.is-inline{grid-template-columns:repeat(4,minmax(0,1fr))}.creator-metric-grid.is-inline>.creator-overview-logout-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:13px;min-width:0;padding:13px 15px;border:1px solid var(--cc-line);border-radius:var(--radius-rect);background:var(--cc-panel);color:var(--cc-text);text-align:left;text-decoration:none;transition:.16s ease}.creator-metric-grid.is-inline>.creator-overview-logout-card:hover,.creator-metric-grid.is-inline>.creator-overview-logout-card:focus-visible{transform:translateY(-2px);border-color:rgba(255,95,136,.38);background:#1c1722;color:#fff}.creator-metric-grid.is-inline>.creator-overview-logout-card>span{display:block;min-width:0}.creator-metric-grid.is-inline>.creator-overview-logout-card small{display:block;color:var(--cc-muted);font-size:8px;font-weight:800;white-space:nowrap}.creator-metric-grid.is-inline>.creator-overview-logout-card b{display:block;margin:0;overflow:hidden;color:#ff9caf;font-size:18px;text-overflow:ellipsis;white-space:nowrap}.creator-metric-grid.is-inline>.creator-overview-logout-card em{color:#ff8aa2;font-size:7px;font-style:normal;white-space:nowrap}@media(max-width:700px){.creator-metric-grid.is-inline{grid-template-columns:1fr}}