*{box-sizing:border-box}html,body,#root{height:100%}:root{--bg: #F8FAFC;--bg2: #FFFFFF;--card: #FFFFFF;--text: #0F172A;--muted: #64748B;--border: #E2E8F0;--primary: #9892ef;--primaryHover: #9892ef;--info: #0EA5E9;--danger: #cb3131;--r-lg: 22px;--r-md: 16px;--shadow: 0 20px 40px rgba(15, 23, 42, .08), 0 2px 6px rgba(15, 23, 42, .04);--shadow2: 0 8px 18px rgba(15, 23, 42, .06)}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background-image:url(/bg.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}body:after{content:"";position:fixed;inset:0;background:#ffffffb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:-1}.wrap,.wrap2,.page{position:relative;min-height:100vh}.wrap:before,.wrap2:before,.page:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0}.wrap>*,.wrap2>*,.page>*{position:relative;z-index:1}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}.siteHeader{position:sticky;top:0;z-index:50;background:#f8fafcd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.siteHeaderInner{max-width:1200px;margin:0 auto;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{font-weight:800;letter-spacing:-.02em;color:var(--primary);font-size:18px}.siteNav{display:flex;align-items:center;gap:18px}.navLink{color:#0f172ab8;font-weight:600;font-size:14px;padding:8px 10px;border-radius:12px;transition:.15s ease}.navLink:hover{background:#0f172a0d;text-decoration:none;color:#0f172aeb}.navLinkActive{color:#0f172aeb;background:#4f46e514}.navRight{display:flex;align-items:center;gap:10px}.navBtn{padding:8px 12px;border-radius:12px;border:1px solid var(--border);background:#9892ef;color:#fff;font-weight:700;cursor:pointer;transition:.15s ease}.navBtn:hover{background:#9892ef;transform:translateY(-1px)}.wrap{min-height:100vh;display:grid;place-items:center;margin-top:12px}.wrap2{min-height:100vh;padding:2% 20% 5%;color:var(--text)}.card{width:min(520px,100%);padding:28px;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow)}.authHeader{text-align:center;margin-top:4px;margin-bottom:10px}.authTitle{margin:6px 0 4px;font-size:22px;font-weight:800;letter-spacing:-.02em}.authSubtitle{margin:0;color:var(--muted);font-size:14px}.logoRow{display:flex;justify-content:center;margin-bottom:8px}.logo{width:150px;height:100px;object-fit:contain}.logged{margin:14px 0;padding:10px 12px;border-radius:var(--r-md);background:#4f46e514;border:1px solid rgba(79,70,229,.18)}.form{margin-top:16px;display:grid;gap:12px}.label{font-size:13px;font-weight:700;color:var(--muted);margin-bottom:6px}.input{width:100%;padding:12px 14px;border-radius:var(--r-md);border:1px solid var(--border);background:#fff;color:var(--text);outline:none;transition:.16s ease;box-shadow:0 1px 2px #0f172a0a}.input::placeholder{color:#64748ba6}.input:focus{border-color:#4f46e573;box-shadow:0 0 0 4px #4f46e51f}.btn{width:100%;padding:11px 14px;border-radius:var(--r-md);border:1px solid transparent;cursor:pointer;font-weight:700;letter-spacing:.01em;transition:.16s ease;color:#fff;background:var(--primary);box-shadow:0 10px 18px #4f46e52e}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.btn:not(:disabled):hover{background:var(--primaryHover);transform:translateY(-1px)}.btn2{width:100%;padding:11px 14px;border-radius:var(--r-md);border:1px solid var(--border);cursor:pointer;font-weight:700;letter-spacing:.01em;transition:.16s ease;color:#fff;background:#9892ef;box-shadow:var(--shadow2)}.btn2:hover{background:#9892ef;transform:translateY(-1px)}.btn4{padding:11px 14px;border-radius:var(--r-md);border:1px solid var(--border);cursor:pointer;font-weight:700;letter-spacing:.01em;transition:.16s ease;color:#fff;background:#9892ef;box-shadow:var(--shadow2)}.btn4:hover{background:#9892ef;transform:translateY(-1px)}.btnReport{padding:11px 14px;border-radius:var(--r-md);border:2px solid #d41d1d;cursor:pointer;font-weight:700;letter-spacing:.01em;transition:.16s ease;color:var(--text);background:#fff;box-shadow:var(--shadow2)}.btnReport:hover{background:#f8fafc;transform:translateY(-1px)}.btn3{padding:11px 14px;border-radius:var(--r-md);border:1px solid transparent;cursor:pointer;font-weight:700;transition:.16s ease;color:#fff;background:var(--info);box-shadow:0 10px 18px #0ea5e929}.btn3:hover{filter:brightness(.95);transform:translateY(-1px)}.btn4,.btn-salir{padding:11px 14px;border-radius:var(--r-md);border:1px solid var(--border);cursor:pointer;font-weight:700;transition:.16s ease;color:#fff;background:#9892ef;box-shadow:var(--shadow2)}.btn4:hover,.btn-salir:hover{background:#9892ef;transform:translateY(-1px)}.btn-salir{padding:12px 28px;margin-top:10px}.status-dot{width:10px;height:10px;border-radius:999px;display:inline-block;margin-left:6px;background:#22c55e;box-shadow:0 0 0 3px #22c55e2e}.error{margin-top:10px;padding:10px 12px;border-radius:var(--r-md);border:1px solid rgba(239,68,68,.25);background:#ef444414;color:#991b1b}.small-muted{margin-top:14px;color:var(--muted);font-size:14px}:root{--header-h: 14px}.wrap.withHeader{min-height:calc(100vh - var(--header-h));padding-top:calc(28px + var(--header-h));place-items:start center}.brandRow{display:inline-flex;align-items:center;gap:10px}.brandLogo{width:200px;height:auto;object-fit:contain}.navUser{color:#0f172ab8;font-weight:600;font-size:13px;white-space:nowrap}.navBtnDanger{border-color:#ef444440;background:#ef444414;color:#b91c1cf2}.navBtnDanger:hover{background:#ef44441f}.page{min-height:100vh}.pageInner{max-width:1200px;margin:0 auto;padding:22px}.page.withHeader{padding-top:var(--header-h, 64px)}.sectionTop{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-top:8px;margin-bottom:14px}.sectionTitle{margin:0;font-size:34px;line-height:1.1;font-weight:800;letter-spacing:-.03em}.sectionSub{margin-top:6px;color:var(--muted);font-size:14px}.actionsRow{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.panel{border:1px solid var(--border);background:#ffffffd1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:14px;box-shadow:var(--shadow2)}.panelTitle{font-weight:800;margin-bottom:10px;color:#0f172aeb}.formRow{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.checkboxRow{display:flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none;color:#0f172ad1;font-weight:600;font-size:14px}.inputLg{width:100%;max-width:520px}.roomGrid{margin-top:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}@media(max-width:900px){.roomGrid{grid-template-columns:1fr}}.roomCard{border:1px solid var(--border);border-radius:16px;padding:14px;background:#ffffffe6;box-shadow:var(--shadow2)}.roomTop{display:flex;justify-content:space-between;gap:12px}.roomTitle{font-size:18px;font-weight:800;letter-spacing:-.01em}.roomSlug{color:var(--muted);font-size:13px;margin-top:2px}.roomStreamer{margin-top:8px;font-size:13px;color:#0f172ad1}.roomStreamer a{color:var(--primary);font-weight:700}.roomStatus{text-align:right}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;border:1px solid var(--border);background:#fff;color:#0f172ad9}.badgeMuted{color:#0f172abf;background:#0f172a08}.badgeLive{border-color:#22c55e40;background:#22c55e1a;color:#15803df2}.roomActions{margin-top:12px;display:flex;justify-content:flex-end;gap:10px}.btnDanger{background:#ef44441a;color:#b91c1cf2;border:1px solid rgba(239,68,68,.25);box-shadow:none}.btnDanger:hover{background:#ef444424}.toolbar .inputLg{flex:1;max-width:none}.btnSm{padding:10px 14px;border-radius:14px;font-weight:700}.btnPrimaryOutline{border:1px solid rgba(79,70,229,.25);background:#4f46e50f;color:#4338caf2}.btnPrimaryOutline:hover{background:#4f46e51a}.modalOverlay{position:fixed;inset:0;background:#0f172a59;display:grid;place-items:center;z-index:100;padding:22px}.modalCard{width:min(680px,100%);background:#ffffffeb;border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modalHeader{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.modalTitle{font-size:16px;font-weight:900;letter-spacing:-.01em}.modalBody{padding:16px 18px}.modalFooter{padding:14px 18px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--border)}.kbdHint{font-size:12px;color:var(--muted)}.page .input{background:#ffffffeb;border:1px solid rgba(15,23,42,.12);color:#0f172aeb;box-shadow:0 8px 22px #0206170f}.page .input::placeholder{color:#0f172a73}.page .input:focus{border-color:#4f46e559;box-shadow:0 10px 28px #02061714,0 0 0 4px #4f46e51f;transform:translateY(-1px)}.toolbar .inputLg{flex:1;width:auto;max-width:none;min-width:280px}.toolbar{display:flex;gap:12px;align-items:center;margin-top:14px}.toolbar .inputLg{flex:1 1 auto;min-width:260px;max-width:none;width:auto}.toolbar>button,.toolbar>a,.toolbar .btn2,.toolbar .btn{flex:0 0 auto;width:auto!important;white-space:nowrap}@media(max-width:720px){.toolbar{flex-direction:column;align-items:stretch}.toolbar>button,.toolbar .btn2,.toolbar .btn{width:100%!important}}.btnSecondary{background:#9892ef;border:1px solid rgba(15,23,42,.1);color:#fff}.btnSecondary:hover{background:#9892ef}.roomCard .btn{padding:10px 14px;border-radius:14px}.streamerPanel{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:18px;background:#ffffffa6;border:1px solid rgba(15,23,42,.08);box-shadow:0 10px 30px #0206170f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.roomsTop{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}.btnDangerSoft{background:transparent!important;border:1px solid rgba(239,68,68,.35)!important;color:#dc2626!important}.roomsTop{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}@media(max-width:980px){.roomsTop{grid-template-columns:1fr}}.sectionTitle{margin:0;font-size:44px;line-height:1.05;letter-spacing:-.02em}.sectionSubtitle{margin-top:10px;color:#0f172a99;font-size:16px}.streamerPanel{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:18px;background:#ffffffb3;border:1px solid rgba(15,23,42,.08);box-shadow:0 12px 34px #0206170f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.streamerPanelSticky{position:sticky;top:110px}.panelTitle{font-size:14px;font-weight:800;color:#0f172ab3;margin:0 0 2px}.panelRow{display:flex;flex-direction:column;gap:10px}.btnBlock{width:100%!important;display:inline-flex;justify-content:center;align-items:center}.btnPrimary{background:linear-gradient(90deg,#9892ef,#9892ef)!important;color:#fff!important;border:0!important;box-shadow:0 14px 34px #4f46e533}.btnPrimary:hover{filter:brightness(1.02)}.btnGhost{background:#9892ef!important;border:1px solid rgba(13,17,26,.1)!important;color:#fff!important;box-shadow:0 10px 24px #0206170d}.btnGhost:hover{background:#9892ef!important}.btnDangerSoft{background:transparent!important;border:1px solid rgba(239,68,68,.35)!important;color:#dc2626!important;box-shadow:none!important}.btnDangerSoft:hover{background:#ef44440f!important}.roomsGrid{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}@media(max-width:980px){.roomsGrid{grid-template-columns:1fr}}.roomCard{border:1px solid rgba(15,23,42,.1);border-radius:18px;padding:16px;background:#ffffffc7;box-shadow:0 12px 32px #0206170f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.roomHeader{display:flex;justify-content:space-between;gap:12px}.roomTitle{font-size:18px;font-weight:900;color:#0f172aeb}.roomSlug{margin-top:2px;color:#0f172a8c}.roomMeta{margin-top:10px;font-size:13px;color:#0f172abf}.roomActions{margin-top:14px;display:flex;justify-content:flex-end;gap:10px}.badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;border:1px solid rgba(15,23,42,.1);background:#0f172a0a;color:#0f172ab3}.createRoomCard{margin-top:14px;padding:16px;border-radius:18px;background:#ffffffb3;border:1px solid rgba(15,23,42,.08);box-shadow:0 12px 34px #0206170f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pageEyebrow{font-size:14px;font-weight:700;color:#0f172a8c;margin-bottom:6px}.subSectionTitle{margin:0 0 12px;font-size:18px;font-weight:900;letter-spacing:-.01em;color:#0f172aeb}.profileCard{width:min(980px,100%);padding:22px}.profileHeader{border-radius:18px;padding:18px;border:1px solid rgba(15,23,42,.1);background:linear-gradient(180deg,#ffffffeb,#ffffffc7);box-shadow:0 18px 45px #0206170f;display:flex;gap:16px;align-items:center}.profileHeader.hasBanner{background-size:cover;background-position:center;position:relative;overflow:hidden}.profileHeader.hasBanner:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ffffffc7,#ffffffe0);pointer-events:none}.profileHeader.hasBanner>*{position:relative;z-index:1}.profileAvatar{width:72px;height:72px;border-radius:50px;border:1px solid rgba(15,23,42,.12);background:#0f172a0a;display:grid;place-items:center;overflow:hidden;flex:0 0 auto;box-shadow:0 10px 28px #0206170f}.profileAvatar img{width:100%;height:100%;object-fit:cover}.profileAvatar span{font-weight:900;font-size:22px;color:#0f172ad9}.profileInfo{flex:1 1 auto;min-width:220px}.profileName{margin:0;font-size:34px;line-height:1.05;letter-spacing:-.03em}.profileSlug{margin-top:4px;color:#0f172a8c;font-weight:700}.profileBio{margin-top:10px;color:#0f172acc;line-height:1.4}.profileActions{display:flex;flex-direction:column;gap:10px;min-width:240px;flex:0 0 auto}@media(max-width:860px){.profileHeader{flex-direction:column;align-items:stretch}.profileActions{min-width:0;width:100%;flex-direction:row;flex-wrap:wrap}.profileActions .btn2{width:auto!important;flex:1 1 220px}}.socialsRow{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}.btn2Small{padding:9px 12px;border-radius:14px;font-weight:800}.badgeOk{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:900;border:1px solid rgba(34,197,94,.2);background:#22c55e1a;color:#15803df2}.tabsRow{margin-top:18px;display:flex;gap:10px;align-items:center;padding:6px;border-radius:16px;background:#0f172a08;border:1px solid rgba(15,23,42,.06)}.tabsRow .btn2{width:auto!important}.tabsRight{margin-left:auto;display:flex;align-items:center;gap:10px}.mediaGrid{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.mediaCard{cursor:pointer;border-radius:16px;border:1px solid rgba(15,23,42,.1);background:#fffc;box-shadow:0 12px 30px #0206170f;padding:12px;position:relative;min-height:150px;transition:.16s ease}.mediaCard:hover{transform:translateY(-2px);box-shadow:0 18px 46px #02061717}.productsGrid{margin-top:10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.productCard{border:1px solid rgba(15,23,42,.1);background:#ffffffdb;border-radius:18px;padding:14px;box-shadow:0 12px 30px #0206170f;transition:.16s ease}.productCard:hover{transform:translateY(-2px);box-shadow:0 18px 46px #02061717}.productTitle{font-weight:900;letter-spacing:-.01em;margin-bottom:6px}.productDesc{color:#0f172ac7;font-size:13px;line-height:1.35;min-height:36px}.roomShell{max-width:1200px;margin:0 auto}.roomTopBar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-top:6px}.roomKicker{font-size:13px;font-weight:800;color:#0f172a8c;margin-bottom:6px}.roomTitleBig{font-size:44px;line-height:1.05;letter-spacing:-.02em;font-weight:900}.roomMetaLine{margin-top:10px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.roomStatusPill,.roomTimePill{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:900;border:1px solid rgba(15,23,42,.1);background:#ffffffc7;box-shadow:0 10px 24px #0206170d}.dot{width:10px;height:10px;border-radius:999px;background:#94a3b8e6}.dot.on{background:#22c55e;box-shadow:0 0 0 3px #22c55e2e}.roomOwnerLink{font-weight:900;color:#4338caf2;text-decoration:none}.roomOwnerLink:hover{text-decoration:underline}.roomTopActions{display:flex;gap:10px;align-items:center}.roomControls{margin-top:16px;padding:12px;border-radius:18px;border:1px solid rgba(15,23,42,.08);background:#ffffffb3;box-shadow:0 12px 34px #0206170f;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.roomPass{max-width:320px}.btnRoom{width:auto!important;white-space:nowrap}.btnDangerLike{background:#ef44441a!important;color:#b91c1cf2!important;border:1px solid rgba(239,68,68,.25)!important;box-shadow:none!important}.roomGrid3{margin-top:16px;display:grid;gap:12px}.roomGrid3.pub{grid-template-columns:1fr 1fr 360px}.roomGrid3.view{grid-template-columns:1fr 360px}@media(max-width:1100px){.roomGrid3.pub{grid-template-columns:1fr 1fr}.roomGrid3.view{grid-template-columns:1fr}}@media(max-width:820px){.roomGrid3.pub{grid-template-columns:1fr}}.roomPanel{border-radius:18px;border:1px solid rgba(15,23,42,.1);background:#ffffffc7;box-shadow:0 12px 32px #0206170f;padding:14px;min-height:420px;display:flex;flex-direction:column}.roomPanelTitle{font-weight:900;font-size:16px;margin-bottom:12px;color:#0f172ae6}.videoFrame{flex:1;border-radius:16px;overflow:hidden;background:#0b1220;border:1px solid rgba(15,23,42,.12);display:flex}.videoFrame video{width:100%;height:100%;object-fit:cover}.chatPanel{min-height:420px}.chatBox{flex:1;overflow-y:auto;padding:10px;border-radius:16px;border:1px solid rgba(15,23,42,.1);background:#0f172a0a}.chatEmpty{color:#0f172a99;font-weight:700}.chatMsg{padding:8px 10px;border-radius:12px;border:1px solid rgba(15,23,42,.08);background:#ffffffbf;margin-bottom:8px}.chatMeta{font-size:12px;color:#0f172a99;display:flex;justify-content:space-between;gap:10px}.chatMeta b{color:#0f172ae0}.chatText{margin-top:6px;white-space:pre-wrap;color:#0f172ae0}.chatComposer{display:flex;gap:10px;margin-top:10px;align-items:center}@media(max-width:560px){.chatComposer{flex-direction:column;align-items:stretch}.chatComposer button{width:100%!important}}.chatComposer .input{flex:1 1 auto;min-width:0}.chatHint{margin-top:6px;font-size:12px;color:#0f172a99;font-weight:700}.btn2:disabled,.btn4:disabled,.btn3:disabled{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important}.chatInput{font-size:14px}.chatInput::placeholder{font-size:12px;color:#0f172a73;font-weight:600}.chatInputDisabled{background:#0f172a14!important;border:1px solid rgba(15,23,42,.12)!important;color:#0f172a73!important;cursor:not-allowed;box-shadow:none!important}.chatInputDisabled:focus{box-shadow:none!important;transform:none!important}.myProductsCard{margin-top:14px;max-width:980px}.myProductsHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}.myProductsTitle{margin:0 0 6px;font-size:24px;font-weight:900;letter-spacing:-.02em}.myProductsSubtitle{color:#0f172ab3;font-size:14px}.myProductsCounter{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.myProductsCounterLabel{font-size:12px;color:#0f172a99;font-weight:800}.myProductsCounterPill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:900;border:1px solid rgba(34,197,94,.25);background:#22c55e1a;color:#15803df2}.myProductsCounterPill.isFull{border-color:#f59e0b4d;background:#f59e0b1a;color:#b45309f2}.myProductsError{margin-bottom:12px}.myProductsPanel{border:1px solid rgba(15,23,42,.1);background:#ffffffb3;border-radius:18px;padding:14px;box-shadow:var(--shadow2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.myProductsCol12{grid-column:span 12}.myProductsCol8{grid-column:span 8}.myProductsCol4{grid-column:span 4}@media(max-width:900px){.myProductsCol8,.myProductsCol4{grid-column:span 12}}.myProductsLabel{font-weight:900;margin-bottom:6px;color:#0f172acc}.myProductsHint{margin-top:8px;margin-bottom:8px;font-size:13px;color:#0f172ab3}.myProductsHint.muted{color:#0f172a8c}.myProductsRow{display:flex;gap:10px}.myProductsInput{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(15,23,42,.12);background:#ffffffeb;color:#0f172aeb;box-shadow:0 8px 22px #0206170d;outline:none;transition:.16s ease}.myProductsInput:focus{border-color:#4f46e559;box-shadow:0 10px 28px #02061714,0 0 0 4px #4f46e51f}.myProductsSelect{width:92px;padding:10px 12px;border-radius:12px;border:1px solid rgba(15,23,42,.12);background:#ffffffeb;color:#0f172aeb}.myProductsFile{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(15,23,42,.12);background:#9892ef;color:#fff}.myProductsWarn{border:1px solid rgba(245,158,11,.3);background:#f59e0b1a;padding:14px;border-radius:14px;font-weight:800;color:#b45309f2;margin-bottom:12px}.myProductsList{margin-top:16px}.myProductsEmpty{opacity:.7}@media(max-width:900px){.myProductsCards{grid-template-columns:1fr}}.myProductsItemCard{border:1px solid rgba(15,23,42,.1);border-radius:18px;padding:14px;background:#ffffffc7;box-shadow:0 12px 32px #0206170f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.myProductsItemTop{display:flex;justify-content:space-between;align-items:center;gap:10px}.myProductsItemTitle{font-weight:900;font-size:16px;color:#0f172aeb}.myProductsStatus{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:900;border:1px solid rgba(15,23,42,.1);background:#0f172a0a;color:#0f172abf}.myProductsStatus.active{border-color:#22c55e40;background:#22c55e1a;color:#15803df2}.myProductsStatus.inactive{border-color:#94a3b84d;background:#94a3b81f;color:#334155d9}.myProductsItemDesc{margin-top:8px;color:#0f172abf;font-size:14px}.myProductsItemDesc.muted{color:#0f172a8c}.myProductsItemMeta{margin-top:10px;display:flex;justify-content:space-between;gap:10px;align-items:baseline}.myProductsSize{color:#0f172a99;font-size:13px}.myProductsItemBtns{margin-top:12px;display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.myProductsCard{width:min(1100px,100%);margin:14px auto 0;padding:22px}.myProductsHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.myProductsTitle{margin:0;font-size:26px;font-weight:900}.myProductsSubtitle{margin-top:6px;opacity:.75;line-height:1.3}.myProductsCounter{display:flex;flex-direction:column;align-items:flex-end;gap:6px;white-space:nowrap}.myProductsCounterLabel{font-size:12px;opacity:.65;font-weight:800}.myProductsCounterPill{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;border:1px solid rgba(16,185,129,.25);background:#10b9811a;font-weight:900}.myProductsCounterPill.isFull{border-color:#ef444440;background:#ef44441a}.myProductsPanel{margin-top:14px;border:1px solid rgba(15,23,42,.1);background:#ffffffa6;border-radius:18px;padding:16px;box-shadow:0 12px 30px #0206170f}.myProductsGrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;align-items:end}.myProductsCol12{grid-column:span 12;min-width:0}.myProductsCol8{grid-column:span 8;min-width:0}.myProductsCol4{grid-column:span 4;min-width:0}@media(max-width:920px){.myProductsCol8,.myProductsCol4{grid-column:span 12}}.myProductsLabel{font-size:13px;font-weight:900;margin-bottom:6px;opacity:.8}.myProductsHint{margin-top:8px;font-size:12px;opacity:.75}.myProductsHint.muted{opacity:.55}.myProductsInput,.myProductsSelect,.myProductsFile{width:100%;min-width:0;border-radius:14px;border:1px solid rgba(15,23,42,.12);background:#ffffffeb;color:#0f172aeb;padding:10px 12px;outline:none;box-shadow:0 8px 22px #0206170d;transition:.16s ease}.myProductsInput:focus,.myProductsSelect:focus,.myProductsFile:focus{border-color:#6366f159;box-shadow:0 10px 28px #02061714,0 0 0 4px #6366f11f;transform:translateY(-1px)}.myProductsRow{display:flex;gap:10px;align-items:center}.myProductsRow .myProductsInput{flex:0 0 140px;width:140px;text-align:right;font-variant-numeric:tabular-nums}.myProductsRow .myProductsSelect{flex:0 0 110px;width:110px}.myProductsFile{padding:8px 10px;cursor:pointer}.myProductsFile::-webkit-file-upload-button{border:1px solid rgba(15,23,42,.14);background:#0f172a0f;color:#0f172ad9;padding:8px 10px;border-radius:12px;margin-right:10px;cursor:pointer}.myProductsFile::file-selector-button{border:1px solid rgba(15,23,42,.14);background:#0f172a0f;color:#0f172ad9;padding:8px 10px;border-radius:12px;margin-right:10px;cursor:pointer}.myProductsActions{display:flex;justify-content:flex-end}.myProductsList{margin-top:18px}.myProductsListTitle{margin:0 0 10px}.myProductsCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(max-width:920px){.myProductsCards{grid-template-columns:1fr}}.myProductsItemCard{border:1px solid rgba(15,23,42,.1);background:#ffffffa6;border-radius:18px;padding:14px;box-shadow:0 12px 30px #0206170f}.myProductsItemTop{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.myProductsItemTitle{font-weight:900;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.myProductsStatus{font-size:12px;font-weight:900;padding:6px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.35);background:#94a3b81a;white-space:nowrap}.myProductsStatus.active{border-color:#10b98140;background:#10b9811a}.myProductsStatus.inactive{border-color:#94a3b859;background:#94a3b81a}.myProductsItemDesc{margin-top:8px;opacity:.8}.myProductsItemDesc.muted{opacity:.55}.myProductsItemMeta{display:flex;justify-content:space-between;gap:10px;margin-top:10px;opacity:.85}.myProductsPrice{font-weight:900}.myProductsSize{opacity:.7}.myProductsItemBtns{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.meMediaCard{border:1px solid rgba(15,23,42,.1);border-radius:18px;padding:22px;background:#ffffffbf;box-shadow:0 14px 40px #0206170f;max-width:980px;margin:18px auto 0}.meMediaHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.meMediaUser{opacity:.7}.meMediaRow{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:10px}.meMediaGrid2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}.meMediaField{display:flex;flex-direction:column;gap:6px}.meMediaInput,.meMediaFile{width:100%;border-radius:14px;border:1px solid rgba(15,23,42,.12);padding:10px 12px;background:#fff;box-shadow:0 8px 20px #0206170d;transition:.15s}.meMediaInput:focus,.meMediaFile:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.meMediaPrice{width:180px;min-width:160px}.meMediaCheck{display:flex;gap:8px;align-items:center;font-weight:600}.meMediaBtn{margin-top:22px}.meMediaHint{opacity:.75;margin-bottom:6px}.meMediaSection{margin-top:22px}.meMediaOk{color:#16a34a;font-weight:700}.meMediaError{color:#dc143c;margin-top:10px}.meMediaListHeader{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.meMediaEmpty{opacity:.7;padding:10px 2px}.meMediaMediaGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.meMediaMediaCard{border:1px solid rgba(15,23,42,.1);border-radius:16px;padding:14px;background:#ffffffb3;box-shadow:0 10px 26px #0206170f}.meMediaMediaTop{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.meMediaMediaTitle{font-weight:900;line-height:1.2}.meMediaLockPill{font-size:12px;font-weight:800;padding:6px 10px;border-radius:999px;border:1px solid rgba(15,23,42,.1);background:#fff;white-space:nowrap}.meMediaLockPill.locked{background:#6366f11a;border-color:#6366f140}.meMediaLockPill.public{background:#22c55e1a;border-color:#22c55e40}.meMediaMediaCaption{margin-top:8px;font-size:13px;opacity:.8}.meMediaMediaCaption.muted{opacity:.55}.meMediaPreview{margin-top:10px}.meMediaPreview img,.meMediaPreview video{width:100%;border-radius:14px;display:block;background:#0b1220}.meMediaMediaActions{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}@media(max-width:1024px){.meMediaMediaGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.meMediaGrid2,.meMediaMediaGrid{grid-template-columns:1fr}}.siteHeaderInner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px}.siteNav{display:flex;gap:28px;margin-left:-40px;justify-content:center;flex-wrap:nowrap;white-space:nowrap}.navLink{font-weight:500;font-size:15px}.authPage{width:100%;flex:1 1 auto;min-height:calc(100vh - 130px);display:flex;align-items:center;justify-content:center;padding:24px}.subBadge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;font-weight:800;font-size:16px;line-height:1;background:#2ecc7124;border:1px solid rgba(46,204,113,.35);color:#2ecc71f2;width:fit-content;white-space:nowrap}.subBadgeIcon{display:inline-flex;align-items:center;justify-content:center;font-size:14px}.profileActions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}html,body{overflow-x:hidden}.navToggle{display:none;border:1px solid var(--border);background:#fff;border-radius:12px;padding:8px 10px;font-weight:900;cursor:pointer;line-height:1}.mobileMenu{display:none}@media(max-width:860px){.brandLogo{width:150px}.siteNav{display:none}.navToggle{display:inline-flex;align-items:center;justify-content:center}.mobileMenu{display:grid;gap:6px;padding:10px 14px 14px;border-bottom:1px solid var(--border);background:#f8fafcf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobileLink{padding:10px 12px;border-radius:14px;font-weight:800;color:#0f172ad9;border:1px solid rgba(15,23,42,.08);background:#ffffffd9;text-decoration:none}.mobileLink:hover{background:#0f172a0a}.wrap.withHeader{min-height:calc(100vh - 64px);padding:18px;place-items:center}}.creatorsPage{overflow-x:hidden}.creatorsGrid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.creatorsGrid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.creatorsActions{display:flex;gap:10px;flex-wrap:wrap}.creatorsTitle{margin:0;font-size:34px;letter-spacing:-.5px;line-height:1.05}.creatorsLead{font-size:15px;max-width:860px}@media(max-width:900px){.wrap2{padding:24px 16px!important}.creatorsGrid3,.creatorsGrid2{grid-template-columns:1fr}.creatorsTitle{font-size:26px}.creatorsActions{flex-direction:column;align-items:stretch}.creatorsActions .btn2{width:100%!important}}@media(max-width:720px){.mktGrid3,.mktGrid2{grid-template-columns:1fr!important}.mktHero{padding:18px!important}.mktHero h1{font-size:26px!important;line-height:1.12}.mktCtas{flex-direction:column;align-items:stretch}.mktCtas .btn2{width:100%!important}}@media(max-width:980px){.mktGrid3{grid-template-columns:1fr!important}}.plansGrid{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.planTop{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.planCtas{margin-top:16px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.planCtaLink{text-decoration:none}@media(max-width:720px){.plansGrid{grid-template-columns:1fr!important}.planTop{flex-direction:column;align-items:stretch}.planCtas{flex-direction:column}.planCtas .btn2{width:100%}.plansInfoGrid{grid-template-columns:1fr!important}}.siteHeaderInner{display:flex;align-items:center;justify-content:space-between}@media(min-width:821px){.page.withHeader{height:100vh;overflow:hidden}.pageInner{height:100%;display:flex;flex-direction:column;min-height:0}.roomShell{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.roomGrid3{flex:1 1 auto;min-height:0;grid-template-rows:minmax(0,1fr);overflow:hidden}.roomPanel{min-height:0}.chatPanel{display:flex;flex-direction:column;min-height:0}.chatBox{flex:1 1 auto;min-height:0;overflow-y:auto}}.premiumBox{margin-top:18px;padding:16px;border-radius:18px;border:1px solid rgba(15,23,42,.1);background:#ffffffb8;box-shadow:0 14px 40px #02061714}.premiumBoxHeader{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.premiumTitle{font-size:18px;font-weight:900;letter-spacing:-.2px}.premiumHint{margin-top:4px;font-size:13px;opacity:.75}.profileHeader{display:flex;gap:18px;align-items:center;padding:18px}.profileInfo{flex:1;min-width:0}.profileActions{display:flex;gap:10px}@media(max-width:640px){.profileHeader{flex-direction:column;align-items:center;text-align:center;padding:16px 12px}.profileAvatar{width:84px;height:84px}.profileName{font-size:20px}.profileSlug{font-size:13px}.profileBio{font-size:14px}.profileActions{width:100%;justify-content:center}.profileActions .btn2{width:100%}}.skeleton{position:relative;overflow:hidden;background:#0f172a0f}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);animation:skeletonShimmer .8s infinite}@keyframes skeletonShimmer{to{transform:translate(100%)}}.skeletonMediaCard{border-radius:16px;height:160px}.skeletonCard{position:relative;overflow:hidden}.skeletonCard:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,#fff0,#ffffff8c,#fff0);animation:shimmer .8s infinite}@keyframes shimmer{to{transform:translate(100%)}}.skeletonLine{height:12px;border-radius:999px;background:#0f172a14;margin-bottom:10px}.skeletonRow{display:flex;justify-content:space-between;align-items:center;margin-top:14px;gap:10px}.skeletonPill{width:72px;height:26px;border-radius:999px;background:#0f172a14}.skeletonBtn{width:92px;height:34px;border-radius:14px;background:#0f172a14}.skeletonBtn.primary{width:110px}.w35{width:35%}.w40{width:40%}.w60{width:60%}.w70{width:70%}.w80{width:80%}.w90{width:90%}@keyframes flockyShimmer{0%{transform:translate(-60%)}50%{transform:translate(60%)}to{transform:translate(60%)}}.flockyFakePreview{width:100%;height:120px;border-radius:12px;position:relative;overflow:hidden;border:1px solid rgba(15,23,42,.1);background:radial-gradient(120px 90px at 20% 20%,rgba(139,92,246,.28),transparent 60%),radial-gradient(140px 90px at 80% 10%,rgba(56,189,248,.2),transparent 55%),radial-gradient(160px 110px at 50% 90%,rgba(99,102,241,.18),transparent 60%),linear-gradient(135deg,#ffffff1a,#ffffff0a)}.flockyFakePreview:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,#fff0 35%,#ffffff24,#fff0 65%);transform:translate(-60%);animation:flockyShimmer .5s ease-in-out infinite;pointer-events:none;mix-blend-mode:screen}.flockyFakePreview:after{content:"";position:absolute;inset:0;opacity:.14;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.flockyFakePreviewOverlay{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(180deg,#0000000f,#00000042)}.flockyFakePreviewOverlayInner{text-align:center;padding:10px}.flockyFakeLockIcon{font-size:28px;line-height:1}.flockyFakeTitle{font-weight:900;margin-top:6px}.flockyFakeHint{opacity:.85;font-size:13px;margin-top:4px}.flockyFakePreview--product{height:90px;border-radius:14px}.flockyPremiumPill{position:absolute;right:10px;bottom:10px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:900;border:1px solid rgba(255,255,255,.18);background:#00000038;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.productCard{position:relative;overflow:hidden;padding:0;border-radius:18px}.productCard .productCoverFull{position:absolute;inset:0;border-radius:18px;background:radial-gradient(260px 160px at 20% 20%,rgba(139,92,246,.22),transparent 60%),radial-gradient(260px 180px at 80% 10%,rgba(56,189,248,.16),transparent 60%),radial-gradient(260px 180px at 55% 120%,rgba(99,102,241,.14),transparent 60%),linear-gradient(135deg,#ffffff24,#ffffff0f);filter:blur(10px) saturate(1.1);transform:scale(1.08)}.productCard .productCoverFull:after{content:"";position:absolute;inset:0;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");pointer-events:none}.productOverlay{position:relative;z-index:2;padding:14px;display:flex;flex-direction:column;gap:10px;min-height:210px}.productGlass{border-radius:16px;border:1px solid rgba(255,255,255,.22);background:#ffffffa8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 14px 34px #0206171a;padding:12px}.productTopRow{display:flex;align-items:center;justify-content:space-between;gap:10px}.productPremiumPill{padding:7px 10px;border-radius:999px;font-size:12px;font-weight:900;border:1px solid rgba(15,23,42,.1);background:#0f172a0f;color:#0f172ad1;white-space:nowrap}.productTitle{font-weight:900;letter-spacing:-.01em;margin:0}.productDesc{margin-top:6px;font-size:13px;line-height:1.35;color:#0f172ab8}.productDesc.muted{color:#0f172a73}.productMetaRow{margin-top:10px;display:flex;justify-content:space-between;align-items:baseline;gap:10px}.productPrice{font-weight:900;color:#0f172aeb}.productSize{font-size:12px;font-weight:800;color:#0f172a8c}.productCtaRow{margin-top:auto}.productCtaRow .btn2{width:100%!important}.lockedModalBox{margin-top:14px;padding:16px;border-radius:14px;background:#0000008c;border:1px solid rgba(255,255,255,.12);color:#fff}.lockedModalTitle{font-weight:900;margin-top:6px;font-size:18px}.lockedModalText{opacity:.85;margin-top:6px;font-size:14px}.lockedModalBox{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 10px 30px #00000059}.myPlanPage{width:100%}.myPlanHeader{display:flex;justify-content:space-between;align-items:center;gap:12px}.myPlanHeadLeft{min-width:0}.myPlanTitle{margin:0}.myPlanSubtitle{opacity:.75;margin-top:6px}.myPlanHeaderActions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.myPlanGrid{margin-top:16px;display:grid;grid-template-columns:1.2fr .8fr;gap:12px;align-items:start}.myPlanCard{border:1px solid rgba(15,23,42,.1);border-radius:18px;padding:16px;background:#ffffffb3;box-shadow:0 12px 34px #02061714;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.myPlanCardTop{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.myPlanMax{text-align:right}.myPlanStats{margin-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.myPlanStat{border:1px solid rgba(15,23,42,.08);border-radius:16px;padding:14px;background:#ffffff8c;box-shadow:0 10px 26px #0206170f}.myPlanCtas{margin-top:16px;display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.myPlanSide{display:grid;gap:12px}@media(max-width:900px){.myPlanHeader{flex-direction:column;align-items:stretch}.myPlanHeaderActions{justify-content:stretch}.myPlanHeaderActions .btn2{width:100%!important}.myPlanGrid{grid-template-columns:1fr}.myPlanStats{grid-template-columns:repeat(2,minmax(0,1fr))}.myPlanCtas{flex-direction:column;align-items:stretch}.myPlanCtas .btn2{width:100%!important}}@media(max-width:520px){.myPlanStats{grid-template-columns:1fr}.myPlanCardTop{flex-direction:column;align-items:flex-start}.myPlanMax{text-align:left}}.statusPill{display:inline-flex;align-items:center;gap:8px;padding:3px 10px;border-radius:999px;font-size:13px;font-weight:800;background:#0f172a0f;border:1px solid rgba(15,23,42,.08)}.statusDot{width:10px;height:10px;border-radius:999px;display:inline-block}.statusDotLive,.statusDotOnline{background:#22c55e;box-shadow:0 0 #22c55e8c;animation:statusPulse .75s infinite}.statusDotOffline{background:#6b7280e6;box-shadow:none}.statusTextLive,.statusTextOnline{color:#16a34a}.statusTextOffline{color:#6b7280}@keyframes statusPulse{0%{box-shadow:0 0 #22c55e8c}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}.statusPill{display:inline-flex;align-items:center;gap:8px}.statusDot{width:10px;height:10px;border-radius:999px}.statusDotLive{background:#22c55e;animation:pulseLive .75s infinite;box-shadow:0 0 #22c55ea6}@keyframes pulseLive{0%{box-shadow:0 0 #22c55ea6}70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 #22c55e00}}.statusDotOffline{background:#9ca3af}.statusTextLive{color:#16a34a;font-weight:800}.statusTextOffline{color:#6b7280;font-weight:800}.statusPillStack{display:inline-flex;flex-direction:column;gap:2px;align-items:flex-start}.statusTopRow{display:inline-flex;align-items:center;gap:6px}.statusSubText{font-size:12px;line-height:1.1;opacity:.75;font-weight:700}.badgeStack{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.statusPillNeutral .statusDot{display:none}.badgeLiveWrap{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.viewerCountText{font-size:12px;font-weight:700;opacity:.7;color:inherit}.creator-banner{width:100%;margin-bottom:20px;border-radius:18px;overflow:hidden}.creator-banner img{width:100%;height:auto;display:block}.loginBgPage{position:relative;min-height:calc(100vh - var(--header-h, 0px));display:grid;place-items:center;padding:28px 14px;overflow:hidden}.loginBgCanvas{position:fixed;inset:0;z-index:0;pointer-events:auto}.loginBgCanvas canvas{width:100%!important;height:100%!important;display:block;opacity:.95;filter:saturate(1.25) contrast(1.08)}.loginBgOverlay{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(900px 520px at 20% 15%,rgba(152,146,239,.08),transparent 60%),radial-gradient(900px 520px at 80% 25%,rgba(14,165,233,.06),transparent 60%),linear-gradient(180deg,#ffffff1f,#f8fafc1f);-webkit-backdrop-filter:blur(.8px);backdrop-filter:blur(.8px)}.loginBgContent{position:relative;z-index:2;width:min(520px,100%);margin-top:-70px}.loginBgContent .card{background:#ffffffdb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.loginNoBg{background-image:none!important}body.loginNoBg:after{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.recordingsPage{overflow-x:hidden}.recordingsHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.recordingsHeaderLeft{min-width:0}.recordingsTitle{margin:0;font-size:30px;line-height:1.05;letter-spacing:-.02em}.recordingsSub{margin-top:8px;color:#0f172a99;font-size:14px}.recordingsHeaderActions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;margin-top:30px}.recordingsBtn{width:auto!important;white-space:nowrap}.recordingsError{margin-top:12px}.recordingsToolbar{margin-top:14px;display:flex;gap:12px;align-items:center}.recordingsToolbar .inputLg{flex:1 1 auto;min-width:220px;max-width:none}.recordingsGrid{margin-top:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.recordingCard{border:1px solid rgba(15,23,42,.1);border-radius:18px;padding:14px;background:#ffffffb8;box-shadow:0 12px 34px #0206170f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.recordingTop{display:flex;justify-content:space-between;gap:12px}.recordingMain{min-width:0}.recordingFile{font-weight:900;font-size:16px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recordingMeta{margin-top:8px;font-size:13px;color:#0f172abf;display:grid;gap:4px}.recordingStatus{margin-top:10px;font-size:13px;font-weight:800;color:#0f172ab3}.recordingId{text-align:right;white-space:nowrap;flex:0 0 auto}.recordingIdLabel{font-size:12px;opacity:.65;font-weight:800}.recordingIdValue{font-weight:900}.recordingVideo{margin-top:12px}.recordingVideoEl{width:100%;border-radius:14px;border:1px solid rgba(15,23,42,.1);background:#0206178c;display:block}.recordingPending{opacity:.75;font-size:13px}.recordingActions{margin-top:12px;display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.recordingsActionBtn{width:auto!important;white-space:nowrap}.recordingsActionLink{text-decoration:none}@media(max-width:720px){.recordingsTitle{font-size:20px}.recordingsHeader{flex-direction:column;align-items:stretch}.recordingsHeaderActions{justify-content:stretch}.recordingsHeaderActions .btn2{width:100%!important}.recordingsToolbar{flex-direction:column;align-items:stretch}.recordingsToolbar .btn2{width:100%!important}.recordingsGrid{grid-template-columns:1fr}.recordingActions{flex-direction:column;align-items:stretch}.recordingActions .btn{width:100%!important}.recordingFile{white-space:normal}}.productCoverFullImg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:16px;opacity:.9}.productCard{position:relative;overflow:hidden;border-radius:18px}.productCoverFullImg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1;z-index:0}.productCoverFull{position:absolute;inset:0;z-index:0}.productOverlay{position:relative;z-index:2}.productGlass{background:#ffffffb8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.35);border-radius:16px}.productCtaRow{position:relative;z-index:3}.productGlass{position:relative;overflow:hidden}.productGlassBg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.22;filter:blur(0px);transform:scale(1.02);z-index:0}.productTopRow,.productDesc,.productMetaRow,.badgeOk{position:relative;z-index:1}.meMediaTierPill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;background:#786eff1f;border:1px solid rgba(120,110,255,.22)}.navRight{display:flex;align-items:center;gap:12px}.navToggle{display:none}@media(max-width:860px){.siteNav{display:none}.navToggle{display:inline-flex;align-items:center;justify-content:center}.navRight{margin-left:auto}}.supportModalOverlay{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px;background:#0f172a47;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.supportModalCard{width:min(520px,100%);border-radius:22px;border:1px solid rgba(15,23,42,.1);background:#ffffffeb;box-shadow:0 24px 60px #0206172e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden}.supportModalHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:18px 18px 14px;border-bottom:1px solid rgba(15,23,42,.08)}.supportModalTitle{font-size:22px;font-weight:900;letter-spacing:-.02em;color:#0f172af5;line-height:1.05}.supportModalSubtitle{margin-top:8px;font-size:14px;line-height:1.4;color:#0f172aad;max-width:360px}.supportModalClose{width:auto!important;min-width:96px;flex:0 0 auto}.supportModalBody{padding:18px;display:grid;gap:10px}.supportModalLabel{font-size:13px;font-weight:900;color:#0f172ac7}.supportModalInput{width:100%;padding:13px 14px;border-radius:14px;border:1px solid rgba(15,23,42,.12);background:#fffffff2;color:#0f172af2;outline:none;box-shadow:0 8px 22px #0206170d;transition:.16s ease}.supportModalInput::placeholder{color:#0f172a66}.supportModalInput:focus{border-color:#6366f159;box-shadow:0 10px 28px #02061714,0 0 0 4px #6366f11f}.supportModalError{font-size:13px;font-weight:700;color:#b91c1c;background:#ef444414;border:1px solid rgba(239,68,68,.18);padding:10px 12px;border-radius:12px}.supportModalHint{font-size:12px;line-height:1.35;color:#0f172a8c}.supportModalActions{display:flex;justify-content:flex-end;gap:10px;padding:0 18px 18px}.supportModalBtnSecondary,.supportModalBtnPrimary{width:auto!important;min-width:140px}@media(max-width:640px){.supportModalOverlay{padding:14px}.supportModalHeader{flex-direction:column;align-items:stretch}.supportModalClose{align-self:flex-end}.supportModalActions{flex-direction:column}.supportModalBtnSecondary,.supportModalBtnPrimary{width:100%!important}}.profileActions{display:flex;flex-direction:column;align-items:flex-end!important}.profileActions>div{display:grid;justify-items:end;width:100%}.profileActions>div>div{justify-items:end}.profileActions .btn2,.profileActions .btn3{width:fit-content!important;max-width:100%;display:inline-flex;justify-content:center;align-items:center;padding:8px 16px;border-radius:999px}.profileActions div[style*="font-size: 12px"]{text-align:right}.messagesBadge{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#dc2626;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;line-height:1;box-shadow:0 6px 16px #dc262647}@keyframes spinLoader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
