.public-lives{--pl-blue:#2674f5;--pl-text:#121724;--pl-muted:#7a8191;color:var(--pl-text);background:#fff;min-height:100dvh;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.4;padding-bottom:calc(96px + env(safe-area-inset-bottom))}.public-lives *{box-sizing:border-box}.public-lives button,.public-lives input,.public-lives select{font:inherit}.public-lives button,.public-lives a,.public-lives select{-webkit-tap-highlight-color:transparent}.public-lives button{border:0;background:none;cursor:pointer;color:inherit}.public-lives a{color:inherit;text-decoration:none}.public-lives button:focus-visible,.public-lives a:focus-visible,.public-lives input:focus-visible,.public-lives select:focus-visible{outline:3px solid var(--pl-blue);outline-offset:3px}.public-gallery-shell{max-width:1440px;margin:auto}.public-header{display:flex;align-items:center;gap:12px;height:64px;padding:10px 18px}.public-header h1{font-size:30px;letter-spacing:-.7px;margin:0;flex:1}.public-header>a:first-child{display:flex}.public-header>button{width:42px;height:42px;padding:7px}.public-header>button img{width:28px;height:28px}.public-header .public-signin{border:1.5px solid var(--pl-blue);border-radius:30px;color:var(--pl-blue);font-weight:700;padding:7px 18px;font-size:15px;white-space:nowrap}.public-tabs{display:flex;border-bottom:1px solid #e4e7ee;padding:0 18px;gap:8px}.public-tabs button{flex:1;min-height:46px;color:var(--pl-muted);font-size:15px;font-weight:700;border-bottom:3px solid transparent}.public-tabs button.selected{color:var(--pl-blue);border-bottom-color:var(--pl-blue)}.public-tools{padding:12px 14px;display:flex;flex-wrap:wrap;gap:12px;min-height:54px}.public-sort{display:flex;align-items:center;gap:8px}.public-sort img{width:21px;height:21px}.public-sort select{border:0;background:transparent;color:var(--pl-text);padding:5px;max-width:100%;cursor:pointer;font-size:15px}.public-search{flex:1;min-width:150px}.public-search input{width:100%;height:38px;border:1px solid #dce1eb;border-radius:10px;padding:8px 12px;font-size:15px}.public-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 12px}.public-card,.public-skeleton{aspect-ratio:9/16;border-radius:12px;overflow:hidden;position:relative;background:#edf0f5;min-width:0;isolation:isolate}.public-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.public-card-video,.public-video,.public-watch-player{position:absolute;inset:0}.public-video{display:flex;background:#0b0e14}.public-video-tile{position:relative;flex:1;min-width:0;height:100%;overflow:hidden}.public-video[data-count="2"]{flex-direction:column}.public-video[data-count="2"] .public-video-tile{min-height:0}.public-video video{object-fit:cover!important}.public-card-open{position:absolute;inset:0;z-index:2;width:100%;height:100%;padding:0}.public-card-top{position:absolute;top:9px;inset-inline:8px;display:flex;align-items:center;justify-content:space-between;gap:4px;pointer-events:none;z-index:3}.public-live-label:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;margin-inline-end:4px;vertical-align:middle}.public-live-label{text-transform:uppercase;background:#ff6271;border-radius:12px;color:white;padding:3px 7px;font-size:11px;line-height:1.3;font-weight:700;white-space:nowrap}.public-viewers{display:flex;align-items:center;gap:3px;font-size:11px;background:#0007;color:white;padding:3px 6px;border-radius:12px;line-height:1.3;white-space:nowrap}.public-viewers img{width:13px;height:13px;filter:brightness(0) invert(1)}.public-card-bottom{position:absolute;inset-inline:0;bottom:0;display:flex;align-items:flex-end;justify-content:space-between;gap:6px;z-index:3;padding:36px 10px 12px;background:linear-gradient(transparent,rgba(0,0,0,.65));pointer-events:none;color:#fff}.public-card-bottom>div{min-width:0}.public-card-bottom strong{font-size:17px;font-weight:700;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:4px}.public-free{font-weight:700;font-size:11px;background:#95fa83;color:#102b10;border-radius:12px;padding:2px 7px;display:inline-block}.public-private-label{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600}.public-private-label small{display:block;font-size:12px;opacity:.9}.public-private-label img{width:13px;filter:brightness(0) invert(1)}.public-sound{pointer-events:auto;flex:0 0 36px;width:36px;height:36px!important;border-radius:50%;background:#131823a6!important;display:grid;place-items:center;padding:8px!important}.public-sound img{width:21px;height:21px;filter:brightness(0) invert(1)}.public-sound:disabled{opacity:.65;cursor:default}.public-connecting{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:white;font-size:12px;text-shadow:0 1px 4px #000;pointer-events:none;z-index:1}.public-connecting span{width:24px;height:24px;border:2px solid #ffffff66;border-top-color:white;border-radius:50%;animation:pl-spin .8s linear infinite}.public-retry{position:absolute;inset-inline:15px;top:45%;z-index:4;border-radius:16px!important;padding:8px!important;background:#101624c9!important;color:white!important;font-size:12px!important}.public-dock{position:fixed;bottom:max(10px,env(safe-area-inset-bottom));inset-inline:12px;margin:auto;max-width:460px;height:62px;border-radius:36px;background:#f5f6f9;display:flex;align-items:center;justify-content:space-around;z-index:10;box-shadow:0 0 0 7px #ffffffee}.public-dock a{width:50px;height:48px;display:grid;place-items:center;border-radius:28px}.public-dock img{width:26px;height:26px;filter:brightness(0)}.public-dock a:first-child{background:#e5e7ec}.public-dock a:nth-child(3) img{width:32px;height:32px}.public-empty{text-align:center;padding:70px 20px;color:var(--pl-muted)}.public-empty>img{width:40px;height:40px;opacity:.5}.public-primary{display:inline-block;background:var(--pl-blue)!important;color:#fff!important;border-radius:12px;padding:12px 20px;font-weight:700;text-align:center}.public-skeleton{animation:pl-pulse 1.6s ease-in-out infinite}.public-watch{position:fixed;inset:0;background:#080d17;color:#fff;z-index:1000;display:flex;flex-direction:column;align-items:center;padding:env(safe-area-inset-top) 12px env(safe-area-inset-bottom);overflow:auto}.public-watch>header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:520px;min-height:64px;gap:10px;flex-shrink:0}.public-watch>header button{height:44px;width:44px;display:grid;place-items:center}.public-watch>header img{width:25px;height:25px;filter:brightness(0) invert(1)}.public-watch>header a{font-size:17px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-watch-stage{position:relative;aspect-ratio:9/16;width:min(100%,calc((100dvh - 160px)*9/16));max-width:500px;min-height:200px;border-radius:14px;overflow:hidden;flex-shrink:0;background:#0f1724}.public-watch-sound{position:absolute;bottom:16px;inset-inline-end:16px;z-index:4}.public-interact{margin:14px 0;max-width:480px;border:1px solid #ffffff33;border-radius:24px;padding:12px 18px;text-align:center;font-size:14px}.public-gate{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0c1222ed;padding:25px;gap:16px;text-align:center}.public-gate>img{width:34px;height:34px;filter:brightness(0) invert(1)}.public-gate p{font-size:20px;margin:0}.public-gate>a:last-child{font-size:14px}.public-toast{position:fixed;bottom:80px;background:#fff;color:#172033;border-radius:12px;padding:12px 20px}.public-watch .public-connecting button{pointer-events:auto;background:#111b2c;padding:10px 20px;border-radius:10px}@keyframes pl-spin{to{transform:rotate(360deg)}}@keyframes pl-pulse{50%{opacity:.5}}@media(min-width:700px){.public-header{height:88px;padding-inline:28px}.public-tabs{justify-content:flex-start;padding-inline:28px}.public-tabs button{flex:0 0 180px}.public-tools{padding-inline:28px}.public-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-inline:28px}.public-card-top{top:14px;inset-inline:12px}.public-live-label,.public-viewers{font-size:13px}.public-card-bottom{padding:50px 16px 18px}.public-card-bottom strong{font-size:21px}.public-sound{width:42px;flex-basis:42px;height:42px!important}}@media(min-width:1100px){.public-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.public-skeleton,.public-connecting span{animation:none}}
/* Preserve the original wing proportions at the existing header height. */
.public-card-video,.public-watch-player{opacity:0}
.public-card-video.is-ready,.public-watch-player.is-ready{opacity:1}
.public-header>a:first-child{flex:0 0 auto}
.public-header>a:first-child>img{height:36px;width:auto;max-width:none;flex:none;object-fit:contain}
/* Only the handoff owns this temporary layer; access gates remain above it. */
.public-live-handoff{position:absolute;inset:0;z-index:1;pointer-events:none;background:#080d17;overflow:hidden}.public-live-handoff-opening{position:fixed;z-index:9998}.public-live-handoff-opening>.public-video{max-width:calc(100dvh * 9/16);margin-inline:auto}.live-stage[data-preview-handoff] .live-state-card:has(.live-loader){visibility:hidden}
.live-stage:has(.live-access-gate) .viewer-count{display:none}
/* Mobile navigation belongs to the app shell (including role and unread dots). */
@media(max-width:899px){.public-dock{display:none}}


.co-live-invitation[data-v-mini-3cc18ddc] { position: absolute; z-index: 15; top: 78px; right: 14px; max-width: calc(100% - 28px); padding: 12px 16px; border: 1px solid #fff; border-radius: 12px; background: #1856ae; color: #fff; font-size: 14px; font-weight: 750; text-decoration: none;
}
.live-viewer-page[data-v-mini-3cc18ddc] { position: fixed; z-index: 300; inset: 0; display: grid; grid-template-columns: 214px minmax(0,1fr) 330px; gap: 14px; overflow: hidden; padding: 8px 14px 10px; background: #f4f6fb; color: #152036; font-family: Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.live-swipe-surface[data-v-mini-3cc18ddc] { display: none;
}
.live-desktop-nav[data-v-mini-3cc18ddc] { display: flex; min-width: 0; flex-direction: column; overflow: hidden;
}.live-brand[data-v-mini-3cc18ddc] { display: flex; height: 58px; align-items: center; gap: 8px; color: #091127; text-decoration: none;
}.live-brand img[data-v-mini-3cc18ddc] { width: 37px;
}.live-brand strong[data-v-mini-3cc18ddc] { font-size: 26px; letter-spacing: -.045em;
}.live-desktop-nav[data-v-mini-3cc18ddc] .app-desktop-sidebar { position: static; min-height: 0; max-height: none; flex: 1;
}.live-desktop-nav[data-v-mini-3cc18ddc] .app-sidebar-profile { background: #fff; box-shadow: 0 8px 22px rgba(25,38,68,.05);
}.live-desktop-nav[data-v-mini-3cc18ddc] .app-sidebar-scroll { margin-top: 8px;
}.live-desktop-nav[data-v-mini-3cc18ddc] .app-sidebar-primary,.live-desktop-nav[data-v-mini-3cc18ddc] .app-sidebar-footer { display: none;
}
.live-stage-column[data-v-mini-3cc18ddc] { display: grid; min-width: 0; min-height: 0; grid-template-rows: minmax(0,1fr) 76px; gap: 8px;
}.live-stage[data-v-mini-3cc18ddc] { position: relative; min-width: 0; min-height: 0; overflow: hidden; border-radius: 14px; background: #0b111c; color: #fff; isolation: isolate;
}.live-poster[data-v-mini-3cc18ddc],.live-poster img[data-v-mini-3cc18ddc],.live-video-frame[data-v-mini-3cc18ddc],.live-stage-shade[data-v-mini-3cc18ddc] { position: absolute; inset: 0; width: 100%; height: 100%;
}.live-poster img[data-v-mini-3cc18ddc] { object-fit: cover;
}.live-video-frame[data-v-mini-3cc18ddc] { z-index: 1; border: 0; background: transparent; opacity: 0; pointer-events: none; transition: opacity 140ms ease;
}.live-video-frame.ready[data-v-mini-3cc18ddc] { opacity: 1;
}.live-stage-shade[data-v-mini-3cc18ddc] { z-index: 2; pointer-events: none; background: linear-gradient(180deg,rgba(3,8,16,.54) 0%,rgba(3,8,16,.04) 24%,rgba(3,8,16,0) 50%,rgba(3,8,16,.66) 100%); transition: opacity 260ms ease;
}.live-controls-shell[data-v-mini-3cc18ddc] { position: absolute; z-index: 3; inset: 0;
}.live-controls-status[data-v-mini-3cc18ddc] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); clip-path: inset(50%); white-space: nowrap;
}
.live-overlay-header[data-v-mini-3cc18ddc] { position: absolute; z-index: 12; top: 0; right: 0; left: 0; display: flex; align-items: center; gap: 8px; padding: 16px; pointer-events: none;
}.live-overlay-header[data-v-mini-3cc18ddc] > * { pointer-events: auto;
}.live-creator-identity[data-v-mini-3cc18ddc] { display: flex; min-width: 0; align-items: center; gap: 9px; color: #fff; text-align: left;
}.live-creator-identity > img[data-v-mini-3cc18ddc] { width: 43px; height: 43px; flex: 0 0 43px; border: 2px solid rgba(255,255,255,.82); border-radius: 50%; object-fit: cover;
}.live-creator-identity > span[data-v-mini-3cc18ddc] { display: grid; min-width: 0;
}.live-creator-identity strong[data-v-mini-3cc18ddc] { display: flex; align-items: center; gap: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px;
}.live-creator-identity small[data-v-mini-3cc18ddc] { color: rgba(255,255,255,.82); font-size: 12px;
}.live-creator-identity[data-v-mini-3cc18ddc] .app-icon,.round-control[data-v-mini-3cc18ddc] .app-icon,.viewer-count[data-v-mini-3cc18ddc] .app-icon,.feature-card[data-v-mini-3cc18ddc] .app-icon,.swipe-hint[data-v-mini-3cc18ddc] .app-icon,.gift-catalog-button[data-v-mini-3cc18ddc] .app-icon,.mobile-chat-form[data-v-mini-3cc18ddc] .app-icon,.collab-button[data-v-mini-3cc18ddc] .app-icon { filter: brightness(0) invert(1);
}.live-badge[data-v-mini-3cc18ddc] { position: static; flex: 0 0 auto; padding: 4px 7px; border-radius: 5px; background: #ff344d; font-size: 11px; font-weight: 850; white-space: nowrap;
}.viewer-count[data-v-mini-3cc18ddc] { display: inline-flex; align-items: center; gap: 4px; padding: 5px 7px; border-radius: 7px; background: rgba(8,13,22,.45); font-size: 12px; font-weight: 750;
}.header-spacer[data-v-mini-3cc18ddc] { flex: 1;
}.round-control[data-v-mini-3cc18ddc] { display: grid; width: 40px; height: 40px; flex: 0 0 40px; place-items: center; border-radius: 50%; background: rgba(8,13,22,.48); color: #fff; backdrop-filter: blur(12px);
}.round-control[data-v-mini-3cc18ddc]:hover { background: rgba(8,13,22,.7);
}.mobile-back[data-v-mini-3cc18ddc] { position: relative; z-index: 1; display: none;
}.subscribe-button[data-v-mini-3cc18ddc] { display: inline-flex; min-height: 38px; align-items: center; justify-content: center; gap: 7px; padding: 0 14px; border-radius: 9px; background: #286ef7; color: #fff; font-size: 13px; font-weight: 800;
}.subscribe-button[data-v-mini-3cc18ddc] .app-icon { filter: brightness(0) invert(1);
}.live-more-menu[data-v-mini-3cc18ddc] { position: absolute; top: 62px; right: 16px; display: grid; width: 190px; overflow: hidden; border: 1px solid rgba(255,255,255,.2); border-radius: 13px; background: rgba(12,17,27,.88); box-shadow: 0 18px 38px rgba(0,0,0,.25); backdrop-filter: blur(18px);
}.live-more-menu button[data-v-mini-3cc18ddc],.live-more-menu a[data-v-mini-3cc18ddc] { display: flex; min-height: 44px; align-items: center; gap: 10px; padding: 0 13px; border-bottom: 1px solid rgba(255,255,255,.09); color: #fff; text-decoration: none; font-size: 13px;
}.live-more-menu[data-v-mini-3cc18ddc] .app-icon { filter: brightness(0) invert(1);
}
.live-feature-stack[data-v-mini-3cc18ddc] { position: absolute; z-index: 8; top: 84px; left: 18px; display: grid; width: 190px; gap: 8px;
}.feature-card[data-v-mini-3cc18ddc] { min-height: 62px; padding: 10px 11px; border: 1px solid rgba(255,255,255,.13); border-radius: 13px; background: rgba(9,15,24,.42); color: #fff; text-align: left; box-shadow: 0 8px 20px rgba(0,0,0,.1); backdrop-filter: blur(13px);
}.feature-card strong[data-v-mini-3cc18ddc] { font-size: 13px;
}.feature-card small[data-v-mini-3cc18ddc] { color: rgba(255,255,255,.8); font-size: 11px;
}.goal-card[data-v-mini-3cc18ddc] { display: grid; gap: 6px;
}.feature-progress[data-v-mini-3cc18ddc] { height: 4px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.42);
}.feature-progress i[data-v-mini-3cc18ddc] { display: block; height: 100%; border-radius: inherit; background: #347bff;
}.feature-button[data-v-mini-3cc18ddc] { display: grid; grid-template-columns: 25px minmax(0,1fr) 14px; align-items: center; gap: 7px;
}.feature-button > img[data-v-mini-3cc18ddc] { width: 25px; height: 25px; object-fit: contain;
}.feature-button span[data-v-mini-3cc18ddc] { display: grid;
}
.live-state-card[data-v-mini-3cc18ddc],.live-access-gate[data-v-mini-3cc18ddc] { position: absolute; z-index: 20; top: 50%; left: 50%; display: grid; width: min(360px,calc(100% - 32px)); justify-items: center; gap: 8px; padding: 22px; transform: translate(-50%,-50%); border: 1px solid rgba(255,255,255,.15); border-radius: 18px; background: rgba(6,11,19,.78); color: #fff; text-align: center; backdrop-filter: blur(20px);
}.live-state-card strong[data-v-mini-3cc18ddc] { font-size: 17px;
}.live-state-card small[data-v-mini-3cc18ddc],.live-access-gate p[data-v-mini-3cc18ddc] { color: rgba(255,255,255,.72);
}.live-state-card button[data-v-mini-3cc18ddc],.live-access-gate > button[data-v-mini-3cc18ddc] { min-height: 42px; padding: 0 18px; border-radius: 10px; background: #286ef7; color: #fff; font-weight: 800;
}.live-play-mark[data-v-mini-3cc18ddc] { display: grid; width: 48px; height: 48px; place-items: center; border: 1px solid rgba(255,255,255,.34); border-radius: 50%; background: rgba(255,255,255,.15);
}.live-play-mark[data-v-mini-3cc18ddc] .app-icon { margin-left: 3px; filter: brightness(0) invert(1);
}.live-loader[data-v-mini-3cc18ddc] { width: 24px; height: 24px; border: 3px solid rgba(255,255,255,.25); border-top-color: #fff; border-radius: 50%; animation: live-spin-mini-3cc18ddc .7s linear infinite;
}.connection-pill[data-v-mini-3cc18ddc] { position: absolute; z-index: 18; top: 78px; left: 50%; display: flex; align-items: center; gap: 7px; padding: 7px 11px; transform: translateX(-50%); border-radius: 99px; background: rgba(196,45,65,.9); font-size: 11px; font-weight: 800;
}.connection-pill .live-loader[data-v-mini-3cc18ddc] { width: 14px; height: 14px; border-width: 2px;
}.live-access-gate > img[data-v-mini-3cc18ddc] { width: 62px; height: 62px; border-radius: 50%; object-fit: cover;
}.gate-lock[data-v-mini-3cc18ddc] { display: grid; width: 34px; height: 34px; margin-top: -28px; place-items: center; border-radius: 50%; background: #286ef7;
}.gate-lock[data-v-mini-3cc18ddc] .app-icon { filter: brightness(0) invert(1);
}.live-access-gate h1[data-v-mini-3cc18ddc] { margin: 4px 0 0; font-size: 21px;
}.live-access-gate p[data-v-mini-3cc18ddc] { max-width: 290px; margin: 0 0 4px; font-size: 13px;
}.live-access-gate .gate-secondary[data-v-mini-3cc18ddc] { background: transparent; color: rgba(255,255,255,.82); font-weight: 650;
}
.mobile-floating-chat[data-v-mini-3cc18ddc] { position: absolute; z-index: 8; bottom: 106px; left: 18px; display: none; max-width: 320px; grid-template-columns: minmax(0,1fr); gap: 5px;
}.mobile-floating-chat article[data-v-mini-3cc18ddc] { display: grid; width: fit-content; min-width: 0; max-width: 100%; grid-template-columns: 30px minmax(0,1fr); align-items: start; justify-self: start; gap: 7px; padding: 5px 9px 5px 5px; border: 1px solid rgba(255,255,255,.14); border-radius: 18px; background: rgba(7,12,20,.25); box-shadow: inset 0 1px 0 rgba(255,255,255,.07); backdrop-filter: blur(12px) saturate(125%);
}.mobile-floating-chat img[data-v-mini-3cc18ddc] { width: 30px; height: 30px; border-radius: 50%; object-fit: cover;
}.mobile-floating-chat p[data-v-mini-3cc18ddc] { display: grid; min-width: 0; max-width: 100%; gap: 1px; margin: 0; font-size: 12px; line-height: 1.32;
}.mobile-floating-chat strong[data-v-mini-3cc18ddc] { overflow: hidden; color: #fff; text-overflow: ellipsis; white-space: nowrap;
}.mobile-floating-chat span[data-v-mini-3cc18ddc] { display: block; min-width: 0; max-width: 100%; overflow-wrap: anywhere; color: rgba(255,255,255,.92); white-space: normal; word-break: break-word;
}.collab-button[data-v-mini-3cc18ddc] { position: absolute; z-index: 9; right: 18px; bottom: 112px; display: grid; grid-template-columns: auto 30px; align-items: center; color: #fff;
}.collab-button > span[data-v-mini-3cc18ddc] { display: flex;
}.collab-button img[data-v-mini-3cc18ddc] { width: 30px; height: 30px; margin-left: -8px; border: 2px solid #fff; border-radius: 50%; object-fit: cover;
}.collab-button img[data-v-mini-3cc18ddc]:first-child { margin-left: 0;
}.collab-button[data-v-mini-3cc18ddc] >  .app-icon { display: grid; width: 30px; height: 30px; box-sizing: border-box; place-items: center; padding: 6px; border: 1px solid rgba(255,255,255,.5); border-radius: 50%; background: rgba(8,13,22,.48);
}.collab-button small[data-v-mini-3cc18ddc] { grid-column: 1/-1; justify-self: end; font-size: 10px;
}.swipe-hint[data-v-mini-3cc18ddc] { position: absolute; z-index: 9; bottom: 102px; left: 50%; display: flex; align-items: center; gap: 4px; transform: translateX(-50%); color: rgba(255,255,255,.9); font-size: 11px; font-weight: 750; white-space: nowrap;
}.swipe-hint[data-v-mini-3cc18ddc] .app-icon { transform: rotate(90deg);
}
.live-gift-dock[data-v-mini-3cc18ddc] { position: absolute; z-index: 10; right: 16px; bottom: 16px; left: 16px; display: grid; height: 86px; grid-template-columns: 108px minmax(0,1fr) 128px; gap: 8px; padding: 8px; border: 1px solid rgba(255,255,255,.18); border-radius: 16px; background: rgba(8,14,23,.42); backdrop-filter: blur(17px) saturate(130%);
}.wallet-pill[data-v-mini-3cc18ddc],.gift-catalog-button[data-v-mini-3cc18ddc] { display: flex; align-items: center; justify-content: center; gap: 7px; border-radius: 11px; background: rgba(255,255,255,.9); color: #1d293e;
}.wallet-pill strong[data-v-mini-3cc18ddc] { font-size: 13px;
}.gift-catalog-button span[data-v-mini-3cc18ddc] { font-size: 13px; font-weight: 750;
}.gift-scroll[data-v-mini-3cc18ddc] { display: flex; min-width: 0; align-items: stretch; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: none;
}.gift-scroll[data-v-mini-3cc18ddc]::-webkit-scrollbar { display: none;
}.gift-scroll button[data-v-mini-3cc18ddc] { display: grid; min-width: 70px; justify-items: center; align-content: center; gap: 2px; border-right: 1px solid rgba(255,255,255,.13); color: #fff;
}.gift-scroll img[data-v-mini-3cc18ddc] { width: 42px; height: 42px; object-fit: contain;
}.gift-scroll span[data-v-mini-3cc18ddc] { font-size: 11px; font-weight: 700;
}.gift-skeleton[data-v-mini-3cc18ddc] { width: 66px; flex: 0 0 66px; margin: 6px 3px; border-radius: 9px; background: rgba(255,255,255,.13); animation: pulse-mini-3cc18ddc 1.2s ease-in-out infinite;
}.mobile-chat-form[data-v-mini-3cc18ddc] { display: none;
}
.live-creator-footer[data-v-mini-3cc18ddc] { display: flex; min-width: 0; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 13px; background: #fff; box-shadow: 0 6px 18px rgba(30,43,73,.05);
}.footer-creator[data-v-mini-3cc18ddc] { display: flex; min-width: 170px; align-items: center; gap: 9px; text-align: left;
}.footer-creator img[data-v-mini-3cc18ddc] { width: 46px; height: 46px; border-radius: 50%; object-fit: cover;
}.footer-creator span[data-v-mini-3cc18ddc] { display: grid; min-width: 0;
}.footer-creator strong[data-v-mini-3cc18ddc] { display: flex; align-items: center; gap: 4px; font-size: 14px;
}.footer-creator small[data-v-mini-3cc18ddc] { color: #69768a; font-size: 12px;
}.live-creator-footer > button[data-v-mini-3cc18ddc]:not(.footer-creator) { display: inline-flex; min-height: 38px; align-items: center; gap: 6px; padding: 0 14px; border: 1px solid #dce3ee; border-radius: 9px; color: #31405a; font-size: 13px; font-weight: 750;
}.live-creator-footer > button.active[data-v-mini-3cc18ddc] { color: #286ef7;
}.live-creator-footer > span[data-v-mini-3cc18ddc] { flex: 1;
}.live-creator-footer .footer-subscribe[data-v-mini-3cc18ddc] { border-color: #286ef7 !important; background: #286ef7; color: #fff !important;
}.footer-subscribe[data-v-mini-3cc18ddc] .app-icon { filter: brightness(0) invert(1);
}
.live-chat-rail[data-v-mini-3cc18ddc] { display: grid; min-width: 0; min-height: 0; grid-template-rows: 58px auto minmax(0,1fr) auto; overflow: hidden; border-radius: 14px; background: #fff; box-shadow: 0 8px 24px rgba(26,39,68,.05);
}.live-chat-rail > header[data-v-mini-3cc18ddc] { display: flex; align-items: center; gap: 5px; padding: 0 14px; border-bottom: 1px solid #edf0f5;
}.live-chat-rail h2[data-v-mini-3cc18ddc] { flex: 1; margin: 0; font-size: 18px;
}.live-chat-rail > header button[data-v-mini-3cc18ddc] { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; color: #66738a;
}.chat-pinned[data-v-mini-3cc18ddc] { margin: 10px 12px 4px; padding: 11px; border: 1px solid #dce3ee; border-radius: 10px; background: #f7f9fd;
}.chat-pinned small[data-v-mini-3cc18ddc] { color: #68758a; font-size: 11px;
}.chat-pinned p[data-v-mini-3cc18ddc] { margin: 4px 0 0; font-size: 13px; line-height: 1.4;
}.desktop-chat-list[data-v-mini-3cc18ddc] { min-height: 0; overflow-y: auto; padding: 7px 12px; overscroll-behavior: contain;
}.desktop-chat-list article[data-v-mini-3cc18ddc] { display: grid; grid-template-columns: 34px minmax(0,1fr); align-items: start; gap: 9px; padding: 9px 0; border-bottom: 1px solid #f0f2f6;
}.desktop-chat-list img[data-v-mini-3cc18ddc] { width: 34px; height: 34px; border-radius: 50%; object-fit: cover;
}.desktop-chat-list p[data-v-mini-3cc18ddc] { display: grid; min-width: 0; margin: 0; font-size: 13px;
}.desktop-chat-list p span[data-v-mini-3cc18ddc] { min-width: 0; overflow-wrap: anywhere; color: #354158; line-height: 1.4; white-space: normal; word-break: break-word;
}.chat-empty[data-v-mini-3cc18ddc] { padding: 40px 10px; color: #768296; text-align: center; font-size: 13px;
}.chat-loading[data-v-mini-3cc18ddc] { display: grid; gap: 12px; padding: 10px 0;
}.chat-loading i[data-v-mini-3cc18ddc] { height: 38px; border-radius: 9px; background: #f1f3f7; animation: pulse-mini-3cc18ddc 1.2s ease-in-out infinite;
}.desktop-chat-form[data-v-mini-3cc18ddc] { padding: 10px 12px 12px; border-top: 1px solid #edf0f5;
}.desktop-chat-form > div[data-v-mini-3cc18ddc] { display: grid; height: 44px; grid-template-columns: minmax(0,1fr) 35px 35px; gap: 3px; padding: 3px; border: 1px solid #dce3ee; border-radius: 99px;
}.desktop-chat-form input[data-v-mini-3cc18ddc] { min-width: 0; padding: 0 10px; border: 0; outline: 0; font-size: 14px;
}.desktop-chat-form > div button[data-v-mini-3cc18ddc] { display: grid; place-items: center; border-radius: 50%; color: #66738a;
}.desktop-chat-form > div button[data-v-mini-3cc18ddc]:last-child { background: #286ef7;
}.desktop-chat-form > div button[data-v-mini-3cc18ddc]:last-child .app-icon { filter: brightness(0) invert(1);
}.desktop-chat-form footer[data-v-mini-3cc18ddc] { display: flex; align-items: center; gap: 10px; margin-top: 8px; color: #6f7b90; font-size: 11px;
}.desktop-chat-form footer button[data-v-mini-3cc18ddc] { display: flex; align-items: center; gap: 4px; color: #4e5d76;
}.desktop-chat-form footer span[data-v-mini-3cc18ddc] { margin-left: auto;
}.desktop-chat-form footer i[data-v-mini-3cc18ddc] { width: 27px; height: 16px; border-radius: 99px; background: #286ef7;
}
.live-chat-rail[data-v-mini-3cc18ddc] { grid-template-rows: 58px auto minmax(0,1fr) auto auto;
}
.desktop-chat-joined[data-v-mini-3cc18ddc] { display: grid; grid-template-columns: 34px minmax(0,1fr); align-items: start; gap: 9px; margin: 0 12px; padding: 9px 0; border-top: 1px solid #edf0f5;
}
.desktop-chat-joined img[data-v-mini-3cc18ddc] { width: 34px; height: 34px; border-radius: 50%; object-fit: cover;
}
.desktop-chat-joined p[data-v-mini-3cc18ddc] { display: grid; min-width: 0; margin: 0; font-size: 13px;
}
.desktop-chat-joined p span[data-v-mini-3cc18ddc] { overflow-wrap: anywhere; color: #66738a; white-space: normal; word-break: break-word;
}
.viewer-modal[data-v-mini-3cc18ddc] { position: fixed; z-index: 500; inset: 0; display: grid; place-items: center; padding: 20px; background: rgba(3,8,15,.58); backdrop-filter: blur(6px);
}.viewer-modal > section[data-v-mini-3cc18ddc] { width: min(480px,100%); max-height: min(720px,calc(100dvh - 40px)); overflow-y: auto; border-radius: 18px; background: #fff; color: #172238; box-shadow: 0 26px 70px rgba(0,0,0,.32);
}.gift-modal[data-v-mini-3cc18ddc] { background: rgba(2,7,14,.28); backdrop-filter: none;
}.gift-sheet[data-v-mini-3cc18ddc] { padding: 20px;
}.gift-modal > .gift-sheet[data-v-mini-3cc18ddc] { border: 1px solid rgba(255,255,255,.25); background: linear-gradient(145deg,rgba(24,34,52,.78),rgba(7,13,23,.66)); color: #fff; box-shadow: 0 28px 74px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.16); -webkit-backdrop-filter: blur(24px) saturate(155%); backdrop-filter: blur(24px) saturate(155%);
}.gift-sheet header[data-v-mini-3cc18ddc],.recipient-sheet header[data-v-mini-3cc18ddc],.wallet-sheet header[data-v-mini-3cc18ddc] { display: flex; align-items: start; justify-content: space-between; gap: 12px;
}.gift-sheet h2[data-v-mini-3cc18ddc],.recipient-sheet h2[data-v-mini-3cc18ddc],.wallet-sheet h2[data-v-mini-3cc18ddc] { margin: 0; font-size: 20px;
}.gift-sheet header p[data-v-mini-3cc18ddc] { margin: 4px 0 0; color: #758197; font-size: 13px;
}.gift-modal .gift-sheet header p[data-v-mini-3cc18ddc] { color: rgba(255,255,255,.72);
}.gift-sheet header button[data-v-mini-3cc18ddc],.recipient-sheet header button[data-v-mini-3cc18ddc],.wallet-sheet header button[data-v-mini-3cc18ddc],.wheel-close[data-v-mini-3cc18ddc] { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 50%; background: #eef1f6;
}.gift-modal .gift-sheet header button[data-v-mini-3cc18ddc] { border: 1px solid rgba(255,255,255,.16); background: rgba(255,255,255,.11);
}.gift-modal .gift-sheet header button[data-v-mini-3cc18ddc] .app-icon { filter: brightness(0) invert(1);
}.gift-grid[data-v-mini-3cc18ddc] { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin-top: 17px;
}.gift-grid button[data-v-mini-3cc18ddc] { display: grid; min-height: 118px; justify-items: center; align-content: center; gap: 4px; border: 1px solid #e1e6ee; border-radius: 14px;
}.gift-modal .gift-grid button[data-v-mini-3cc18ddc] { border-color: rgba(255,255,255,.16); background: rgba(255,255,255,.08); color: #fff;
}.gift-modal .gift-grid button[data-v-mini-3cc18ddc]:hover { background: rgba(255,255,255,.14);
}.gift-grid img[data-v-mini-3cc18ddc] { width: 60px; height: 60px; object-fit: contain;
}.gift-grid strong[data-v-mini-3cc18ddc] { max-width: 88px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px;
}.gift-grid span[data-v-mini-3cc18ddc] { color: #286ef7; font-size: 12px; font-weight: 800;
}.gift-modal .gift-grid span[data-v-mini-3cc18ddc] { color: #8bbcff;
}.recipient-sheet[data-v-mini-3cc18ddc],.wallet-sheet[data-v-mini-3cc18ddc] { padding: 18px;
}.recipient-sheet > button[data-v-mini-3cc18ddc] { display: flex; width: 100%; align-items: center; gap: 10px; padding: 10px 2px; border-bottom: 1px solid #e8ebf1; text-align: left;
}.recipient-sheet > button img[data-v-mini-3cc18ddc] { width: 44px; height: 44px; border-radius: 50%; object-fit: cover;
}.recipient-sheet > button span[data-v-mini-3cc18ddc] { display: grid; flex: 1;
}.recipient-sheet small[data-v-mini-3cc18ddc] { color: #8290a4;
}.confirm-gift[data-v-mini-3cc18ddc],.wheel-sheet[data-v-mini-3cc18ddc] { display: grid; justify-items: center; gap: 8px; padding: 22px; text-align: center;
}.confirm-gift > img[data-v-mini-3cc18ddc] { width: 96px; height: 96px; object-fit: contain;
}.confirm-gift h2[data-v-mini-3cc18ddc],.wheel-sheet h2[data-v-mini-3cc18ddc] { margin: 0;
}.confirm-gift p[data-v-mini-3cc18ddc] { margin: 0 0 6px; color: #748096; font-size: 13px;
}.confirm-gift > button[data-v-mini-3cc18ddc],.wallet-sheet > button[data-v-mini-3cc18ddc],.wheel-sheet > button[data-v-mini-3cc18ddc] { width: 100%; min-height: 44px; border-radius: 11px; background: #286ef7; color: #fff; font-weight: 800;
}.confirm-gift .secondary[data-v-mini-3cc18ddc] { background: #eef1f6; color: #526078;
}.wallet-sheet > strong[data-v-mini-3cc18ddc] { display: block; margin: 22px 0 4px; color: #286ef7; font-size: 38px;
}.wallet-sheet p[data-v-mini-3cc18ddc] { color: #758197; font-size: 13px;
}.wheel-sheet[data-v-mini-3cc18ddc] { position: relative;
}.wheel-sheet > img[data-v-mini-3cc18ddc] { width: 210px; height: 210px; margin: 18px 0 4px; object-fit: contain; animation: wheel-spin-mini-3cc18ddc 1.4s cubic-bezier(.19,.8,.29,1);
}.wheel-close[data-v-mini-3cc18ddc] { position: absolute; top: 14px; right: 14px;
}.live-toast[data-v-mini-3cc18ddc] { position: fixed; z-index: 600; bottom: 24px; left: 50%; max-width: min(420px,calc(100% - 32px)); padding: 10px 16px; transform: translateX(-50%); border-radius: 99px; background: #101827; color: #fff; box-shadow: 0 15px 35px rgba(0,0,0,.25); font-size: 13px; font-weight: 750;
}.toast-enter-active[data-v-mini-3cc18ddc],.toast-leave-active[data-v-mini-3cc18ddc] { transition: .2s ease;
}.toast-enter-from[data-v-mini-3cc18ddc],.toast-leave-to[data-v-mini-3cc18ddc] { transform: translate(-50%,12px); opacity: 0;
}
.live-pricing-sheet[data-v-mini-3cc18ddc] { padding: 20px;
}.live-pricing-sheet header[data-v-mini-3cc18ddc] { display: flex; align-items: start; justify-content: space-between; gap: 14px;
}.live-pricing-sheet header small[data-v-mini-3cc18ddc] { color: #2474f5; font-size: 10px; font-weight: 800; text-transform: uppercase;
}.live-pricing-sheet h2[data-v-mini-3cc18ddc] { margin: 3px 0 0; font-size: 21px;
}.live-pricing-sheet header button[data-v-mini-3cc18ddc] { display: grid; width: 36px; height: 36px; flex: 0 0 36px; border-radius: 50%; background: #eef2f8; place-items: center;
}.live-pricing-sheet > div[data-v-mini-3cc18ddc] { display: grid; gap: 9px; margin-top: 18px;
}.live-pricing-sheet > div > button[data-v-mini-3cc18ddc] { display: flex; min-height: 64px; align-items: center; justify-content: space-between; gap: 14px; padding: 10px 13px; border: 1px solid #dfe6f0; border-radius: 13px; text-align: left;
}.live-pricing-sheet > div > button[data-v-mini-3cc18ddc]:hover { border-color: #2474f5; background: #f3f7ff;
}.live-pricing-sheet > div span[data-v-mini-3cc18ddc] { display: grid;
}.live-pricing-sheet > div strong[data-v-mini-3cc18ddc] { font-size: 13px;
}.live-pricing-sheet > div small[data-v-mini-3cc18ddc],.live-pricing-sheet > p[data-v-mini-3cc18ddc] { color: #7c899d; font-size: 10px;
}.live-pricing-sheet > div b[data-v-mini-3cc18ddc] { color: #2474f5; font-size: 17px;
}.live-pricing-sheet > p[data-v-mini-3cc18ddc] { margin: 12px 0 0; text-align: center;
}
@keyframes live-spin-mini-3cc18ddc {
to { transform: rotate(360deg);
}
}
@keyframes wheel-spin-mini-3cc18ddc {
from { transform: rotate(-540deg) scale(.75);
}
to { transform: rotate(0) scale(1);
}
}
@keyframes pulse-mini-3cc18ddc {
50% { opacity: .48;
}
}
@media (max-width: 1099px) {
.live-viewer-page[data-v-mini-3cc18ddc] { grid-template-columns: minmax(0,1fr) 320px;
}.live-desktop-nav[data-v-mini-3cc18ddc] { display: none;
}
}
@media (max-width: 767px) {
.live-swipe-surface[data-v-mini-3cc18ddc] { position: absolute; z-index: 0; inset: 0; display: block; touch-action: none;
}
.mobile-floating-chat[data-v-mini-3cc18ddc] { max-height: min(38dvh,340px); overflow-x: hidden; overflow-y: auto; padding-right: 3px; overscroll-behavior: contain; scrollbar-width: none; touch-action: pan-y; -webkit-overflow-scrolling: touch;
}
.mobile-floating-chat[data-v-mini-3cc18ddc]::-webkit-scrollbar { display: none;
}
.live-controls-shell[data-v-mini-3cc18ddc] { transition: transform 340ms cubic-bezier(.22,.78,.24,1),opacity 240ms ease; will-change: transform,opacity;
}.live-controls-shell.hidden-left[data-v-mini-3cc18ddc] { transform: translate3d(-108%,0,0); opacity: 0; pointer-events: none;
}.live-controls-shell.hidden-right[data-v-mini-3cc18ddc] { transform: translate3d(108%,0,0); opacity: 0; pointer-events: none;
}.live-stage.controls-hidden .live-stage-shade[data-v-mini-3cc18ddc] { opacity: 0;
}
.live-viewer-page[data-v-mini-3cc18ddc] { display: block; padding: 0; background: #050912;
}.live-stage-column[data-v-mini-3cc18ddc] { display: block; height: 100%;
}.live-stage[data-v-mini-3cc18ddc] { width: 100%; height: 100%; border-radius: 0;
}.live-chat-rail[data-v-mini-3cc18ddc],.live-creator-footer[data-v-mini-3cc18ddc] { display: none;
}.live-poster img[data-v-mini-3cc18ddc] { object-position: center center;
}.live-overlay-header[data-v-mini-3cc18ddc] { gap: 6px; padding: max(13px,env(safe-area-inset-top)) 13px 8px;
}.mobile-back[data-v-mini-3cc18ddc] { display: grid;
}.desktop-close[data-v-mini-3cc18ddc] { display: none;
}.live-creator-identity > img[data-v-mini-3cc18ddc] { width: 39px; height: 39px; flex-basis: 39px;
}.live-creator-identity strong[data-v-mini-3cc18ddc] { max-width: 112px; font-size: 12px;
}.live-creator-identity small[data-v-mini-3cc18ddc] { font-size: 9px;
}.live-badge[data-v-mini-3cc18ddc] { font-size: 9px;
}.viewer-count[data-v-mini-3cc18ddc] { background: rgba(8,13,22,.35); font-size: 10px;
}.top-subscribe[data-v-mini-3cc18ddc] { position: absolute; top: calc(max(13px,env(safe-area-inset-top)) + 52px); left: 13px; min-height: 38px;
}.round-control[data-v-mini-3cc18ddc] { width: 38px; height: 38px; flex-basis: 38px; background: rgba(8,13,22,.38);
}.header-spacer[data-v-mini-3cc18ddc] { min-width: 0;
}.live-feature-stack[data-v-mini-3cc18ddc] { top: calc(max(13px,env(safe-area-inset-top)) + 102px); left: 13px; width: 154px; gap: 6px;
}.feature-card[data-v-mini-3cc18ddc] { min-height: 46px; padding: 7px 9px; border-radius: 11px; background: rgba(9,15,24,.32);
}.feature-card strong[data-v-mini-3cc18ddc] { font-size: 9px;
}.feature-card small[data-v-mini-3cc18ddc] { font-size: 8px;
}.feature-button[data-v-mini-3cc18ddc] { grid-template-columns: 19px minmax(0,1fr) 12px;
}.feature-button > img[data-v-mini-3cc18ddc] { width: 19px; height: 19px;
}.mobile-floating-chat[data-v-mini-3cc18ddc] { bottom: calc(132px + max(6px,env(safe-area-inset-bottom))); left: 13px; max-width: min(300px,calc(100% - 74px));
}.mobile-floating-chat article[data-v-mini-3cc18ddc] { grid-template-columns: 25px minmax(0,1fr) auto; padding-block: 4px;
}.mobile-floating-chat img[data-v-mini-3cc18ddc] { width: 25px; height: 25px;
}.collab-button[data-v-mini-3cc18ddc] { right: 13px; bottom: calc(142px + max(6px,env(safe-area-inset-bottom)));
}.swipe-hint[data-v-mini-3cc18ddc] { bottom: calc(114px + max(6px,env(safe-area-inset-bottom)));
}.live-gift-dock[data-v-mini-3cc18ddc] { right: 10px; bottom: max(7px,env(safe-area-inset-bottom)); left: 10px; height: 112px; grid-template-columns: 82px minmax(0,1fr) 46px; grid-template-rows: 48px 46px; gap: 4px; padding: 6px; border-radius: 17px; background: rgba(8,14,23,.28); backdrop-filter: blur(18px) saturate(140%);
}.wallet-pill[data-v-mini-3cc18ddc] { grid-column: 1; grid-row: 1; gap: 5px; background: rgba(10,17,28,.32); color: #fff;
}.wallet-pill[data-v-mini-3cc18ddc] .app-icon { filter: brightness(0) invert(1);
}.wallet-pill strong[data-v-mini-3cc18ddc] { font-size: 11px;
}.gift-scroll[data-v-mini-3cc18ddc] { grid-column: 2; grid-row: 1;
}.gift-scroll button[data-v-mini-3cc18ddc] { min-width: 47px;
}.gift-scroll img[data-v-mini-3cc18ddc] { width: 27px; height: 27px;
}.gift-scroll span[data-v-mini-3cc18ddc] { font-size: 8px;
}.gift-catalog-button[data-v-mini-3cc18ddc] { grid-column: 3; grid-row: 1; background: rgba(255,255,255,.1); color: #fff;
}.gift-catalog-button span[data-v-mini-3cc18ddc] { display: none;
}.gift-catalog-button[data-v-mini-3cc18ddc] .app-icon { filter: brightness(0) invert(1);
}.mobile-chat-form[data-v-mini-3cc18ddc] { display: grid; grid-column: 1/-1; grid-row: 2; grid-template-columns: minmax(0,1fr) 38px 38px; gap: 3px; padding: 3px; border: 1px solid rgba(255,255,255,.18); border-radius: 99px; background: rgba(6,11,18,.18);
}.mobile-chat-form input[data-v-mini-3cc18ddc] { min-width: 0; padding: 0 11px; border: 0; outline: 0; background: transparent; color: #fff; font-size: 12px;
}.mobile-chat-form input[data-v-mini-3cc18ddc]::placeholder { color: rgba(255,255,255,.64);
}.mobile-chat-form button[data-v-mini-3cc18ddc] { display: grid; place-items: center; border-radius: 50%; color: #fff;
}.mobile-chat-form button[data-v-mini-3cc18ddc]:last-child { background: #286ef7;
}.live-more-menu[data-v-mini-3cc18ddc] { top: 59px; right: 11px;
}.live-access-gate[data-v-mini-3cc18ddc],.live-state-card[data-v-mini-3cc18ddc] { width: calc(100% - 42px); padding: 19px;
}.viewer-modal[data-v-mini-3cc18ddc] { align-items: end; padding: 0;
}.viewer-modal > section[data-v-mini-3cc18ddc] { width: 100%; max-height: 82dvh; border-radius: 20px 20px 0 0; padding-bottom: max(18px,env(safe-area-inset-bottom));
}.gift-grid[data-v-mini-3cc18ddc] { grid-template-columns: repeat(4,minmax(0,1fr));
}.live-toast[data-v-mini-3cc18ddc] { bottom: calc(130px + env(safe-area-inset-bottom));
}
}
@media (max-width: 767px) {
.mobile-floating-chat[data-v-mini-3cc18ddc] { display: grid;
}
.mobile-floating-chat article[data-v-mini-3cc18ddc] { grid-template-columns: 25px minmax(0,1fr);
}
.live-creator-identity strong[data-v-mini-3cc18ddc] { font-size: 13px;
}
.live-creator-identity small[data-v-mini-3cc18ddc] { font-size: 10px;
}
.live-badge[data-v-mini-3cc18ddc] { font-size: 10px;
}
.viewer-count[data-v-mini-3cc18ddc] { font-size: 11px;
}
.feature-card strong[data-v-mini-3cc18ddc] { font-size: 11px;
}
.feature-card small[data-v-mini-3cc18ddc] { font-size: 10px;
}
.mobile-floating-chat p[data-v-mini-3cc18ddc] { font-size: 12px;
}
.wallet-pill strong[data-v-mini-3cc18ddc] { font-size: 12px;
}
.gift-scroll button[data-v-mini-3cc18ddc] { min-width: 54px;
}
.gift-scroll img[data-v-mini-3cc18ddc] { width: 34px; height: 34px;
}
.gift-scroll span[data-v-mini-3cc18ddc] { font-size: 10px;
}
.mobile-chat-form input[data-v-mini-3cc18ddc] { font-size: 16px;
}
.gift-modal > .gift-sheet[data-v-mini-3cc18ddc] { background: linear-gradient(160deg,rgba(28,39,58,.78),rgba(6,12,21,.7));
}
.gift-grid img[data-v-mini-3cc18ddc] { width: 56px; height: 56px;
}
}
@media (max-width: 420px) {
.live-overlay-header[data-v-mini-3cc18ddc] { gap: 4px; padding-inline: 9px;
}.live-creator-identity[data-v-mini-3cc18ddc] { gap: 6px;
}.live-creator-identity strong[data-v-mini-3cc18ddc] { max-width: 88px;
}.viewer-count[data-v-mini-3cc18ddc] { padding-inline: 5px;
}.round-control[data-v-mini-3cc18ddc] { width: 36px; height: 36px; flex-basis: 36px;
}.live-feature-stack[data-v-mini-3cc18ddc] { left: 9px; width: 146px;
}.mobile-floating-chat[data-v-mini-3cc18ddc] { left: 9px; max-width: calc(100% - 58px);
}.mobile-floating-chat article[data-v-mini-3cc18ddc]:nth-child(-n+1) { display: none;
}.gift-grid[data-v-mini-3cc18ddc] { grid-template-columns: repeat(3,minmax(0,1fr));
}
}
@media (prefers-reduced-motion: reduce) {
[data-v-mini-3cc18ddc],[data-v-mini-3cc18ddc]::before,[data-v-mini-3cc18ddc]::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important;
}
}
html.live-viewer-active,html.live-viewer-active body { overflow: hidden !important; overscroll-behavior: none;
}


.pooled-live-playback[data-v-mini-5839915e] { position: absolute; inset: 0; overflow: hidden;
}
.pooled-live-playback[data-v-mini-5839915e] .pooled-live-connection { position: absolute; inset: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: minmax(0, 1fr);
}
.pooled-live-playback[data-v-mini-5839915e] .pooled-live-connection[data-count="1"] { grid-template-columns: 1fr;
}
.pooled-live-playback[data-v-mini-5839915e] .pooled-live-tile { min-width: 0; min-height: 0; position: relative; overflow: hidden;
}

.live-mini-window.is-minimized{position:fixed;z-index:290;right:16px;bottom:calc(94px + env(safe-area-inset-bottom));width:180px;height:300px;max-height:calc(100dvh - 120px);overflow:hidden;border:1px solid #ffffff50;border-radius:18px;background:#0b111c;box-shadow:0 8px 32px #0005;color:#fff;isolation:isolate}
.live-mini-window.is-minimized>.live-viewer-page,.live-mini-window.is-minimized>.public-lives{position:relative!important;inset:auto!important;display:block!important;width:100%!important;height:100%!important;min-height:0!important;padding:0!important;background:#0b111c!important;overflow:hidden!important}
.live-mini-window.is-minimized .live-stage-column,.live-mini-window.is-minimized .live-stage{display:block!important;width:100%!important;height:100%!important;padding:0!important;border-radius:0!important}
.live-mini-window.is-minimized .live-desktop-nav,.live-mini-window.is-minimized .live-chat-rail,.live-mini-window.is-minimized .live-creator-footer,.live-mini-window.is-minimized .live-controls-shell,.live-mini-window.is-minimized .live-controls-status,.live-mini-window.is-minimized .viewer-modal,.live-mini-window.is-minimized .live-toast,.live-mini-window.is-minimized .public-gallery-shell,.live-mini-window.is-minimized .public-watch>header,.live-mini-window.is-minimized .public-interact,.live-mini-window.is-minimized .public-watch-sound,.live-mini-window.is-minimized .public-gate,.live-mini-window.is-minimized .public-retry,.live-mini-window.is-minimized .public-toast{display:none!important}
.live-mini-window.is-minimized .public-watch{position:relative;inset:auto;padding:0;display:block;width:100%;height:100%;overflow:hidden}
.live-mini-window.is-minimized .public-watch-stage{width:100%;height:100%;max-width:none;min-height:0;aspect-ratio:auto;border-radius:0}
.mini-live-controls{position:absolute;inset:0;z-index:25;color:#fff;font-family:Inter,system-ui,sans-serif;text-align:start}
.mini-live-controls button{border:0;padding:0;color:#fff;cursor:pointer;font:inherit;-webkit-tap-highlight-color:transparent}
.mini-live-controls .app-icon{filter:brightness(0) invert(1)}
.mini-live-restore{position:absolute;inset:0;width:100%;height:100%;background:transparent;touch-action:none}
.mini-live-expand{position:absolute;inset:0;display:grid;place-items:center;opacity:0;background:#0002;transition:opacity .15s}
.mini-live-restore:focus-visible .mini-live-expand,.mini-live-restore:hover .mini-live-expand{opacity:1}
.mini-live-top{position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:6px 6px 22px 10px;background:linear-gradient(#0008,transparent);pointer-events:none}
.mini-live-badge{max-width:calc(100% - 40px);padding:3px 6px;border-radius:6px;background:#e94262;font-size:10px;font-weight:800;line-height:1.2}
.mini-live-controls .mini-live-close,.mini-live-bottom button{width:36px;height:36px;flex:0 0 36px;border-radius:50%;display:grid;place-items:center;background:#080d17b3;pointer-events:auto}
.mini-live-bottom{position:absolute;inset:auto 0 0;display:flex;align-items:center;gap:4px;padding:25px 8px 10px;background:linear-gradient(transparent,#000d);pointer-events:none}
.mini-live-bottom>span{min-width:0;flex:1}.mini-live-bottom strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:750;line-height:1.4}.mini-live-bottom small{display:block;font-size:10px;line-height:1.4;opacity:.85}.mini-live-bottom button:disabled{opacity:.35;cursor:default}
.mini-live-state{position:absolute;inset:54px 8px 62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;font-size:12px;line-height:1.4;pointer-events:none}
.mini-live-controls button:focus-visible{outline:3px solid #81b1ff;outline-offset:-3px}
@media(max-width:767px){.live-mini-window.is-minimized{right:12px;width:148px;height:254px;border-radius:15px}}
@media(max-height:440px){.live-mini-window.is-minimized{width:116px;height:192px;bottom:88px}}
@media(prefers-reduced-motion:reduce){.mini-live-expand{transition:none}}