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