/* ===== AngellVoicy Video Live V1 ===== */
.video-live-discovery-page{padding-bottom:105px}.video-live-discovery-scroll{padding-top:12px}.video-live-discovery-summary{display:flex;align-items:center;justify-content:space-between;margin:0 2px 12px;color:var(--text-muted);font-size:10px}.video-live-discovery-summary div{display:flex;align-items:baseline;gap:5px}.video-live-discovery-summary strong{font-size:18px;color:#fff}.video-live-pulse{display:flex;align-items:center;gap:6px;font-weight:900;color:#f7b9ce}.video-live-pulse i,.video-live-card-badge i{width:6px;height:6px;border-radius:50%;background:#ff4d83;box-shadow:0 0 12px rgba(255,77,131,.8)}
.video-live-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.video-live-card{min-width:0;padding:0;border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;background:linear-gradient(145deg,rgba(255,235,244,.075),rgba(176,220,243,.045));color:#fff;text-align:left;box-shadow:0 12px 30px rgba(20,8,17,.18)}.video-live-card-media{position:relative;display:block;aspect-ratio:3/4;background:linear-gradient(145deg,#40293c,#15101d);overflow:hidden}.video-live-card-media>img{width:100%;height:100%;object-fit:cover}.video-live-card-fallback{display:grid;place-items:center;width:100%;height:100%;font-size:42px;font-weight:950;color:#f4d6e2}.video-live-card-badge,.video-live-card-viewers{position:absolute;top:9px;padding:5px 7px;border-radius:999px;background:rgba(15,8,14,.72);backdrop-filter:blur(9px);font-size:8px;font-weight:950}.video-live-card-badge{left:9px;display:flex;align-items:center;gap:5px}.video-live-card-viewers{right:9px}.video-live-card-copy{display:block;padding:9px}.video-live-card-host{display:grid;grid-template-columns:27px 1fr;gap:7px;align-items:center}.video-live-card-host>img,.video-live-card-host>b{width:27px;height:27px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:rgba(255,255,255,.07);font-size:10px}.video-live-card-host strong,.video-live-card-host small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-live-card-host strong{font-size:9px}.video-live-card-host small{margin-top:2px;color:var(--text-muted);font-size:7px}.video-live-card-title{display:block;margin-top:7px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-live-empty{grid-column:1/-1;padding:46px 18px;text-align:center;border:1px dashed rgba(255,255,255,.09);border-radius:22px;color:var(--text-muted)}.video-live-empty span,.video-live-empty strong,.video-live-empty small{display:block}.video-live-empty span{font-size:36px}.video-live-empty strong{margin-top:10px;color:#fff}.video-live-empty small{margin-top:5px}

.video-live-create-page{
    position:relative;
    height:100dvh;
    padding:0!important;
    overflow:hidden;
    background:#070509;
}

.video-live-create-camera{
    position:absolute;
    inset:0;
    background:#09070b;
}

.video-live-create-camera video{
    width:100%;
    height:100%;
    object-fit:cover;
    transform:scaleX(-1);
}

.video-live-create-shade{
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.58) 0%,
            rgba(0,0,0,.08) 26%,
            rgba(0,0,0,.10) 47%,
            rgba(0,0,0,.72) 100%
        );
}

.video-live-preview-empty{
    position:absolute;
    inset:0;
    display:grid;
    place-content:center;
    text-align:center;
    gap:5px;
    color:rgba(255,255,255,.68);
    background:
        radial-gradient(circle at 50% 30%,rgba(143,203,232,.14),transparent 38%),
        #100c16;
}

.video-live-preview-empty span{
    font-size:44px;
}

.video-live-preview-empty strong{
    color:#fff;
}

.video-live-preview-empty small{
    max-width:240px;
    font-size:9px;
}

.video-live-create-top{
    position:absolute;
    z-index:4;
    top:0;
    left:0;
    right:0;
    display:grid;
    grid-template-columns:42px minmax(0,1fr) 42px;
    align-items:center;
    padding:
        calc(10px + env(safe-area-inset-top,0px))
        12px
        10px;
}

.video-live-back,
.video-live-create-flip{
    width:40px;
    height:40px;
    border:1px solid rgba(255,255,255,.13);
    border-radius:50%;
    background:rgba(8,5,10,.43);
    backdrop-filter:blur(12px);
    color:#fff;
}

.video-live-back{
    font-size:25px;
}

.video-live-create-flip{
    font-size:19px;
}

.video-live-create-heading{
    min-width:0;
    text-align:center;
}

.video-live-create-heading .page-eyebrow{
    color:rgba(255,255,255,.66);
}

.video-live-create-heading .page-title{
    color:#fff;
    text-shadow:0 2px 12px rgba(0,0,0,.45);
}

.video-live-create-overlay{
    position:absolute;
    z-index:4;
    left:12px;
    right:12px;
    bottom:
        calc(14px + env(safe-area-inset-bottom,0px));
    display:grid;
    gap:11px;
    padding:14px;
    border:1px solid rgba(255,255,255,.13);
    border-radius:24px;
    background:rgba(12,8,13,.50);
    backdrop-filter:blur(18px);
    box-shadow:0 16px 45px rgba(0,0,0,.28);
    transition:
        opacity .2s ease,
        transform .2s ease;
}

.video-live-create-main-row{
    display:grid;
    grid-template-columns:88px minmax(0,1fr);
    gap:11px;
    align-items:stretch;
}

.video-live-cover-picker{
    display:block;
    width:88px;
    height:88px;
    cursor:pointer;
}

.video-live-cover-preview{
    position:relative;
    width:88px;
    height:88px;
    aspect-ratio:1/1;
    overflow:hidden;
    display:grid;
    place-items:center;
    align-content:center;
    gap:2px;
    border:1px dashed rgba(255,255,255,.31);
    border-radius:17px;
    background:rgba(255,255,255,.08);
    color:rgba(255,255,255,.74);
}

.video-live-cover-preview>span:first-child{
    font-size:24px;
    line-height:1;
}

.video-live-cover-preview strong{
    font-size:8px;
    color:#fff;
}

.video-live-cover-preview small{
    display:none;
}

.video-live-cover-preview img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
}

.video-live-cover-change{
    position:absolute;
    z-index:2;
    left:6px;
    right:6px;
    bottom:6px;
    padding:4px 5px;
    border-radius:8px;
    background:rgba(0,0,0,.62);
    color:#fff;
    text-align:center;
    font-size:7px;
}

.video-live-create-title,
.video-live-create-field{
    min-width:0;
    display:grid;
    align-content:start;
    gap:5px;
}

.video-live-overlay-label{
    color:rgba(255,255,255,.72);
    font-size:8px;
    font-weight:850;
}

.video-live-overlay-input{
    min-width:0;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.11);
    border-radius:14px;
    background:rgba(5,4,7,.30);
}

.video-live-create-title .video-live-overlay-input{
    height:62px;
}

.video-live-overlay-input input,
.video-live-overlay-input select,
.video-live-overlay-input textarea{
    width:100%;
    border:0;
    outline:0;
    background:transparent;
    color:#fff;
    font:inherit;
}

.video-live-overlay-input input{
    height:100%;
    padding:0 12px;
    font-size:11px;
}

.video-live-overlay-input select{
    height:42px;
    padding:0 11px;
    font-size:10px;
}

.video-live-overlay-input select option{
    color:#111;
}

.video-live-overlay-textarea textarea{
    min-height:58px;
    max-height:78px;
    padding:10px 11px;
    resize:none;
    font-size:9px;
    line-height:1.4;
}

.video-live-overlay-input input::placeholder,
.video-live-overlay-input textarea::placeholder{
    color:rgba(255,255,255,.43);
}

.video-live-create-actions{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:8px;
    align-items:center;
}

.video-live-preview-mode-button{
    height:45px;
    padding:0 14px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:14px;
    background:rgba(255,255,255,.08);
    color:#fff;
    font-size:9px;
    font-weight:900;
    backdrop-filter:blur(10px);
}

.video-live-start-button{
    min-width:0;
    height:45px;
    margin:0!important;
}

.video-live-preview-return{
    position:absolute;
    z-index:7;
    left:50%;
    bottom:
        calc(18px + env(safe-area-inset-bottom,0px));
    transform:translate(-50%,15px);
    height:42px;
    padding:0 18px;
    border:1px solid rgba(255,255,255,.17);
    border-radius:999px;
    background:rgba(5,4,7,.48);
    backdrop-filter:blur(12px);
    color:#fff;
    font-size:9px;
    font-weight:900;
    opacity:0;
    pointer-events:none;
    transition:.2s ease;
}

.video-live-create-page.is-previewing
.video-live-create-overlay{
    opacity:0;
    transform:translateY(28px);
    pointer-events:none;
}

.video-live-create-page.is-previewing
.video-live-create-heading{
    opacity:0;
}

.video-live-create-page.is-previewing
.video-live-create-flip{
    opacity:.80;
}

.video-live-create-page.is-previewing
.video-live-create-shade{
    opacity:.18;
}

.video-live-create-page.is-previewing
.video-live-preview-return{
    opacity:1;
    pointer-events:auto;
    transform:translate(-50%,0);
}

.video-live-room-page{padding:0!important;height:100dvh;overflow:hidden;background:#050407}.video-live-shell,.video-live-stage{height:100dvh;width:100%;position:relative;overflow:hidden;background:#050407}.video-live-media-grid{position:absolute;inset:0;display:grid;background:#060508}.video-live-media-grid[data-count="1"]{grid-template-columns:1fr}.video-live-media-grid[data-count="2"],.video-live-media-grid.pk{grid-template-columns:1fr 1fr}.video-live-media-grid[data-count="3"],.video-live-media-grid[data-count="4"]{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.video-live-media-tile{position:relative;min-width:0;min-height:0;overflow:hidden;background:#0b0910}.video-live-media-tile video{width:100%;height:100%;object-fit:cover}.video-live-media-tile.local video{transform:scaleX(-1)}.video-live-participant-label{position:absolute;z-index:2;left:8px;bottom:8px;padding:4px 7px;border-radius:999px;background:rgba(0,0,0,.45);color:#fff;font-size:8px}.video-live-stage-empty{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:6px;color:#a99aac}.video-live-stage-empty span{font-size:44px}.video-live-stage-empty strong{color:#fff}.video-live-overlay-top{position:absolute;z-index:20;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:calc(10px + env(safe-area-inset-top,0px)) 10px 8px;background:linear-gradient(180deg,rgba(0,0,0,.65),transparent)}.video-live-host-card{display:grid;grid-template-columns:38px minmax(0,1fr);gap:8px;align-items:center;max-width:65%;padding:4px 9px 4px 4px;border-radius:999px;background:rgba(8,5,9,.46);backdrop-filter:blur(9px);color:#fff;text-align:left}.video-live-host-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#56364c;font-weight:950}.video-live-host-avatar img{width:100%;height:100%;object-fit:cover}.video-live-host-copy{min-width:0}.video-live-host-copy strong,.video-live-host-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-live-host-copy strong{font-size:11px}.video-live-host-copy small{margin-top:2px;color:rgba(255,255,255,.68);font-size:7px}.video-live-top-actions{display:flex;align-items:center;gap:7px}.video-live-viewers,.video-live-close{height:34px;border-radius:999px;background:rgba(8,5,9,.48);backdrop-filter:blur(9px);color:#fff}.video-live-viewers{display:flex;align-items:center;padding:0 10px;font-size:9px}.video-live-close{width:34px;font-size:22px}.video-live-overlay-bottom{position:absolute;z-index:20;left:0;right:0;bottom:0;padding:90px 10px calc(8px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,transparent,rgba(0,0,0,.76) 56%,rgba(0,0,0,.88))}.video-live-chat{height:145px;max-width:78%;overflow-y:auto;display:flex;flex-direction:column;justify-content:flex-end;gap:5px;padding-bottom:5px;scrollbar-width:none}.video-live-chat::-webkit-scrollbar{display:none}.video-live-chat-row{width:max-content;max-width:100%;padding:5px 8px;border-radius:10px;background:rgba(12,8,13,.38);backdrop-filter:blur(5px);font-size:9px;line-height:1.35;color:#fff}.video-live-chat-row button{margin-right:5px;background:transparent;color:#f6bbd2;font-weight:950;font-size:9px}.video-live-chat-form{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:6px;margin:4px 0 7px;max-width:88%}.video-live-chat-form input{height:38px;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:rgba(12,8,13,.45);backdrop-filter:blur(8px);color:#fff;padding:0 13px;outline:0;font-size:10px}.video-live-chat-form button{height:38px;border-radius:50%;background:linear-gradient(145deg,#db7da6,#8fcbe8);color:#fff}.video-live-actions{display:flex;align-items:flex-end;justify-content:flex-end;gap:5px;overflow-x:auto;scrollbar-width:none}.video-live-actions button{flex:0 0 48px;min-height:49px;border-radius:15px;background:rgba(14,9,15,.52);backdrop-filter:blur(8px);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.video-live-actions button span{font-size:17px}.video-live-actions button small{font-size:6px}.video-live-actions .video-live-end-action{background:rgba(189,43,75,.62)}.video-live-guest-strip{position:absolute;z-index:19;right:9px;top:64px;display:flex;flex-direction:column;gap:6px}.video-live-guest-strip span{width:38px;height:38px;border-radius:12px;overflow:hidden;display:grid;place-items:center;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.15);color:#fff;font-weight:900}.video-live-guest-strip img{width:100%;height:100%;object-fit:cover}.video-live-pk-bar{position:absolute;z-index:19;top:67px;left:50%;transform:translateX(-50%);width:min(86%,360px);min-height:48px;padding:5px 9px;border-radius:16px;background:rgba(15,8,16,.58);backdrop-filter:blur(10px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center;color:#fff;border:1px solid rgba(255,255,255,.09)}.video-live-pk-bar>div strong,.video-live-pk-bar>div span{display:block}.video-live-pk-bar>div strong{font-size:13px}.video-live-pk-bar>div span{font-size:6px;color:rgba(255,255,255,.65)}.video-live-pk-bar>b{padding:5px 7px;border-radius:9px;background:linear-gradient(145deg,#e04f7c,#7f72e7);font-size:10px}.video-live-pk-bar>small{position:absolute;left:50%;top:100%;transform:translate(-50%,3px);padding:3px 7px;border-radius:99px;background:rgba(0,0,0,.5);font-size:7px}.video-live-gift-effect{position:absolute;z-index:25;left:10px;top:34%;pointer-events:none;opacity:0;transform:translateX(-10px);transition:.2s}.video-live-gift-effect.show{opacity:1;transform:none}.video-live-gift-toast{display:flex;align-items:center;gap:8px;padding:7px 11px 7px 7px;border-radius:999px;background:linear-gradient(90deg,rgba(126,46,94,.78),rgba(37,27,68,.68));backdrop-filter:blur(10px);color:#fff}.video-live-gift-toast>img{width:40px;height:40px;object-fit:contain}.video-live-gift-toast>span strong,.video-live-gift-toast>span small{display:block}.video-live-gift-toast strong{font-size:9px}.video-live-gift-toast small{font-size:7px;color:#f4cfdf}
.video-live-sheet-backdrop{position:fixed;z-index:250;inset:0;display:grid;align-items:end;background:rgba(0,0,0,.62);backdrop-filter:blur(6px);padding:10px}.video-live-sheet{width:min(100%,620px);max-height:78dvh;overflow:auto;margin:0 auto;padding:15px;border-radius:24px 24px 18px 18px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(160deg,#2b1826,#15101c 64%);box-shadow:0 25px 70px rgba(0,0,0,.48);color:#fff}.video-live-sheet>header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:13px}.video-live-sheet>header small{color:#9fcde5;font-size:8px;font-weight:900;letter-spacing:.12em}.video-live-sheet>header h3{margin:3px 0 0}.video-live-sheet>header button{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.06);color:#fff;font-size:22px}.room-type-options{display:grid;gap:9px}.room-type-option{width:100%;display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.04);color:#fff;text-align:left}.room-type-option.room-type-video{background:linear-gradient(145deg,rgba(225,116,166,.15),rgba(143,203,232,.10));border-color:rgba(196,222,238,.18)}.room-type-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.06);font-size:23px}.room-type-option strong,.room-type-option small{display:block}.room-type-option small{margin-top:4px;color:var(--text-muted);font-size:8px}.room-type-option>b{font-size:24px;color:var(--text-muted)}.video-live-wallet-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.04);font-size:9px}.video-live-wallet-line strong{color:#f0c878}.video-live-gift-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;max-height:46dvh;overflow:auto}.video-live-gift-card{min-width:0;padding:8px 4px;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:rgba(255,255,255,.035);color:#fff}.video-live-gift-card.selected{border-color:#e59abb;background:rgba(229,154,187,.12)}.video-live-gift-card>span{height:48px;display:grid;place-items:center;font-size:25px}.video-live-gift-card img{max-width:45px;max-height:45px;object-fit:contain}.video-live-gift-card strong,.video-live-gift-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-live-gift-card strong{font-size:8px}.video-live-gift-card small{margin-top:3px;color:#ddb9c8;font-size:7px}.video-live-gift-send-row{display:grid;grid-template-columns:86px 1fr;gap:8px;margin-top:10px}.video-live-gift-send-row select{border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#211520;color:#fff;padding:0 10px}.video-live-invite-user{display:grid;grid-template-columns:1fr auto;gap:7px}.video-live-invite-user input{height:42px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.04);color:#fff;padding:0 10px}.video-live-invite-user button{padding:0 12px;border-radius:13px;background:linear-gradient(145deg,#d97fa7,#8fcbe8);color:#fff}.video-live-sheet-subtitle{margin:14px 0 7px;color:#a99cab;font-size:8px;font-weight:900;text-transform:uppercase}.video-live-guest-list{display:grid;gap:6px}.video-live-guest-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border-radius:13px;background:rgba(255,255,255,.04)}.video-live-guest-row span strong,.video-live-guest-row span small{display:block}.video-live-guest-row span strong{font-size:9px}.video-live-guest-row span small{margin-top:2px;color:var(--text-muted);font-size:7px}.video-live-guest-row>div{display:flex;gap:5px}.video-live-guest-row button{height:30px;padding:0 9px;border-radius:9px;background:rgba(255,255,255,.06);color:#fff;font-size:8px}.video-live-guest-row button.accept{background:linear-gradient(145deg,#d97fa7,#8fcbe8)}.video-live-empty-mini{padding:15px;text-align:center;color:var(--text-muted);font-size:9px}.video-live-pk-invite-sheet{text-align:center}.video-live-pk-invite-icon{font-size:45px}.video-live-pk-invite-sheet h3{margin:5px 0}.video-live-pk-invite-sheet p{margin:0 auto 16px;max-width:350px;color:var(--text-muted);font-size:10px;line-height:1.5}.video-live-dual-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:8px}.video-live-dual-actions button{height:48px;border-radius:14px;background:rgba(255,255,255,.06);color:#fff}.video-live-dual-actions .primary-button{background:linear-gradient(135deg,#d97fa7,#8fcbe8)!important}
@media(min-width:700px){.video-live-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.video-live-room-page{max-width:none!important}.video-live-stage{width:min(100%,680px);margin:auto}}

/* ===== Video Live media controls V2 ===== */

.video-live-actions button.is-off{
    background:rgba(176,45,74,.64);
    border:1px solid rgba(255,146,171,.25);
}

.video-live-media-tile.local.camera-paused video{
    filter:blur(10px) brightness(.64);
    transform:scaleX(-1) scale(1.06);
}

.video-live-media-tile.local.camera-paused::after{
    content:"Câmera pausada";
    position:absolute;
    z-index:5;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    padding:7px 12px;
    border-radius:999px;
    background:rgba(7,5,8,.58);
    backdrop-filter:blur(9px);
    border:1px solid rgba(255,255,255,.15);
    color:#fff;
    font-size:9px;
    font-weight:900;
    white-space:nowrap;
}

/* ===== PK Discovery V2 ===== */

.video-live-pk-sheet{
    padding:14px;
}

.video-live-pk-sheet>header{
    margin-bottom:10px;
}

.video-live-pk-search{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:6px;
    align-items:center;
}

.video-live-pk-search input{
    min-width:0;
    height:36px;
    padding:0 11px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:11px;
    outline:0;
    background:rgba(255,255,255,.045);
    color:#fff;
    font-size:10px;
}

.video-live-pk-search input::placeholder{
    color:rgba(255,255,255,.42);
}

.video-live-pk-search button{
    height:36px;
    padding:0 13px;
    border-radius:11px;
    background:linear-gradient(145deg,#d97fa7,#8fcbe8);
    color:#fff;
    font-size:9px;
    font-weight:900;
}

.video-live-pk-search-result{
    margin-top:7px;
}

.video-live-pk-options-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-top:9px;
    padding:7px 9px;
    border-radius:11px;
    background:rgba(255,255,255,.035);
}

.video-live-pk-options-row>span{
    color:rgba(255,255,255,.68);
    font-size:8px;
}

.video-live-pk-options-row select{
    height:30px;
    padding:0 9px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:9px;
    background:#211520;
    color:#fff;
    font-size:8px;
    outline:0;
}

.video-live-pk-friends{
    display:grid;
    gap:6px;
    max-height:220px;
    overflow-y:auto;
    scrollbar-width:none;
}

.video-live-pk-friends::-webkit-scrollbar{
    display:none;
}

.video-live-pk-person{
    display:grid;
    grid-template-columns:40px minmax(0,1fr) auto;
    gap:8px;
    align-items:center;
    padding:7px 8px;
    border:1px solid rgba(255,255,255,.06);
    border-radius:12px;
    background:rgba(255,255,255,.035);
}

.video-live-pk-person-avatar{
    width:40px;
    height:40px;
    border-radius:50%;
    overflow:hidden;
    display:grid;
    place-items:center;
    background:linear-gradient(145deg,#5e3852,#34304d);
    color:#fff;
    font-size:13px;
    font-weight:950;
}

.video-live-pk-person-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.video-live-pk-person-copy{
    min-width:0;
}

.video-live-pk-person-copy strong,
.video-live-pk-person-copy small{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.video-live-pk-person-copy strong{
    color:#fff;
    font-size:9px;
}

.video-live-pk-person-copy small{
    margin-top:2px;
    color:rgba(255,255,255,.48);
    font-size:7px;
}

.video-live-pk-person>button{
    height:30px;
    padding:0 9px;
    border-radius:9px;
    background:linear-gradient(145deg,#d97fa7,#8fcbe8);
    color:#fff;
    font-size:8px;
    font-weight:900;
}

.video-live-pk-random{
    width:100%;
    display:grid;
    grid-template-columns:38px minmax(0,1fr);
    gap:8px;
    align-items:center;
    margin-top:12px;
    padding:9px;
    border:1px solid rgba(164,194,255,.15);
    border-radius:13px;
    background:linear-gradient(
        145deg,
        rgba(136,96,207,.16),
        rgba(112,188,222,.10)
    );
    color:#fff;
    text-align:left;
}

.video-live-pk-random>span:first-child{
    width:38px;
    height:38px;
    border-radius:11px;
    display:grid;
    place-items:center;
    background:rgba(255,255,255,.065);
    font-size:18px;
}

.video-live-pk-random strong,
.video-live-pk-random small{
    display:block;
}

.video-live-pk-random strong{
    font-size:9px;
}

.video-live-pk-random small{
    margin-top:2px;
    color:rgba(255,255,255,.48);
    font-size:7px;
}

.video-live-pk-random-status{
    margin-top:12px;
    padding:9px;
    border:1px solid rgba(255,255,255,.07);
    border-radius:13px;
    background:rgba(255,255,255,.04);
}

.video-live-pk-random-status>div{
    display:grid;
    grid-template-columns:9px minmax(0,1fr);
    gap:7px;
    align-items:center;
}

.video-live-pk-random-status strong,
.video-live-pk-random-status small{
    display:block;
}

.video-live-pk-random-status strong{
    font-size:9px;
}

.video-live-pk-random-status small{
    margin-top:2px;
    color:rgba(255,255,255,.45);
    font-size:7px;
}

.video-live-pk-random-pulse{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#9bd6ef;
    box-shadow:0 0 0 0 rgba(155,214,239,.45);
    animation:video-live-pk-pulse 1.35s infinite;
}

.video-live-pk-random-status>b{
    display:block;
    margin:9px 0 7px;
    text-align:center;
    color:#fff;
    font-size:18px;
    letter-spacing:.08em;
}

.video-live-pk-random-status>button{
    width:100%;
    height:32px;
    border-radius:9px;
    background:rgba(210,65,97,.15);
    border:1px solid rgba(255,113,145,.15);
    color:#ffafc0;
    font-size:8px;
    font-weight:900;
}

@keyframes video-live-pk-pulse{
    0%{
        box-shadow:0 0 0 0 rgba(155,214,239,.42);
    }
    70%{
        box-shadow:0 0 0 7px rgba(155,214,239,0);
    }
    100%{
        box-shadow:0 0 0 0 rgba(155,214,239,0);
    }
}


/* ===== Live Quadra V2 ===== */

.video-live-media-grid.quad{
    inset:auto 8px auto 8px;
    top:88px;
    height:auto;
    aspect-ratio:4 / 3;

    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:repeat(2,minmax(0,1fr));

    gap:3px;

    overflow:hidden;
    border-radius:16px;

    background:#08070a;

    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 12px 32px rgba(0,0,0,.24);
}

.video-live-media-grid.quad .video-live-media-tile{
    position:relative;

    min-width:0;
    min-height:0;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 50% 35%,
            rgba(255,255,255,.055),
            transparent 48%
        ),
        #0b0910;
}

.video-live-media-grid.quad .video-live-media-tile video{
    position:absolute;
    inset:0;

    width:100%;
    height:100%;

    object-fit:cover;
}

.video-live-media-grid.quad .video-live-quad-slot.empty{
    display:grid;
    place-items:center;
}

.video-live-quad-empty{
    position:absolute;
    inset:0;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    gap:5px;

    color:rgba(255,255,255,.46);

    pointer-events:none;
}

.video-live-quad-empty span{
    width:30px;
    height:30px;

    display:grid;
    place-items:center;

    border-radius:50%;

    border:1px solid rgba(255,255,255,.13);
    background:rgba(255,255,255,.045);

    font-size:17px;
    font-weight:300;
}

.video-live-quad-empty small{
    font-size:7px;
    font-weight:800;
    letter-spacing:.04em;
}

.video-live-media-grid.quad
.video-live-media-tile:not(.empty)
.video-live-quad-empty{
    display:none;
}

.video-live-media-grid.quad .video-live-participant-label{
    left:6px;
    bottom:6px;

    padding:3px 6px;

    font-size:7px;

    background:rgba(0,0,0,.48);
    backdrop-filter:blur(6px);
}

@media(min-width:700px){
    .video-live-media-grid.quad{
        left:50%;
        right:auto;

        width:min(calc(100% - 16px),640px);

        transform:translateX(-50%);
    }
}

/* ===== fim Live Quadra V2 ===== */


/* ===== Video Live viewers V1 ===== */
.video-live-viewers{
    border:0;
    cursor:pointer;
    gap:5px;
    transition:transform .16s ease,background .16s ease;
}
.video-live-viewers:active{transform:scale(.96)}
.video-live-viewers b{font-size:9px;font-weight:950}

.video-live-viewers-sheet{
    max-height:min(72dvh,620px);
}
.video-live-viewers-list{
    display:grid;
    gap:7px;
    max-height:56dvh;
    overflow-y:auto;
    scrollbar-width:none;
}
.video-live-viewers-list::-webkit-scrollbar{display:none}
.video-live-viewer-row{
    width:100%;
    display:grid;
    grid-template-columns:46px minmax(0,1fr) 22px;
    gap:10px;
    align-items:center;
    padding:9px 10px;
    border:1px solid rgba(255,255,255,.07);
    border-radius:15px;
    background:rgba(255,255,255,.04);
    color:#fff;
    text-align:left;
}
.video-live-viewer-row:active{background:rgba(255,255,255,.075)}
.video-live-viewer-avatar{
    width:46px;
    height:46px;
    overflow:hidden;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:linear-gradient(145deg,#5e3852,#34304d);
    font-size:14px;
    font-weight:950;
}
.video-live-viewer-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.video-live-viewer-copy{
    min-width:0;
}
.video-live-viewer-copy strong,
.video-live-viewer-copy small{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.video-live-viewer-copy strong{
    font-size:10px;
}
.video-live-viewer-copy small{
    margin-top:3px;
    color:rgba(255,255,255,.52);
    font-size:7px;
}
.video-live-viewer-arrow{
    color:rgba(255,255,255,.42);
    font-size:22px;
    text-align:right;
}
.video-live-viewers-empty{
    padding:30px 15px;
    text-align:center;
    color:rgba(255,255,255,.55);
}
.video-live-viewers-empty span,
.video-live-viewers-empty strong,
.video-live-viewers-empty small{
    display:block;
}
.video-live-viewers-empty span{font-size:31px}
.video-live-viewers-empty strong{
    margin-top:8px;
    color:#fff;
    font-size:11px;
}
.video-live-viewers-empty small{
    margin-top:4px;
    font-size:8px;
}


/* ===== Video Live PK V3 complete ===== */
.video-live-media-grid.pk{top:122px!important;bottom:auto!important;height:min(42dvh,390px)!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;padding:0 7px!important;align-content:stretch!important}
.video-live-media-grid.pk .video-live-media-tile{position:relative!important;inset:auto!important;width:auto!important;height:100%!important;min-height:210px!important;border-radius:18px!important;overflow:hidden!important;background:#120f16!important;border:1px solid rgba(255,255,255,.1)!important}
.video-live-media-grid.pk .video-live-media-tile video{width:100%!important;height:100%!important;object-fit:cover!important}
.video-live-pk-bar{top:66px;width:min(92%,520px);grid-template-columns:1fr auto 1fr;padding:4px 6px}
.video-live-pk-side-score{min-width:0;padding:5px 8px;border-radius:11px;background:transparent;color:#fff;transition:.18s}
.video-live-pk-side-score.active{background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.13)}
.video-live-pk-side-score strong,.video-live-pk-side-score span{display:block}.video-live-pk-side-score strong{font-size:13px}.video-live-pk-side-score span{font-size:6px;color:rgba(255,255,255,.62)}
.video-live-pk-meta{position:absolute;z-index:18;top:min(55dvh,500px);left:7px;right:7px;display:grid;grid-template-columns:1fr 1fr;gap:5px;pointer-events:none}
.video-live-pk-meta-side{min-width:0;padding:6px 7px;border-radius:14px;background:rgba(11,8,14,.72);backdrop-filter:blur(9px);border:1px solid rgba(255,255,255,.08);pointer-events:auto}
.video-live-pk-hostline{display:flex;align-items:center;justify-content:space-between;gap:5px}.video-live-pk-host-profile{min-width:0;display:flex;align-items:center;gap:5px;background:transparent;color:#fff}.video-live-pk-host-profile>span{width:25px;height:25px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#49334b;font-size:8px}.video-live-pk-host-profile img{width:100%;height:100%;object-fit:cover}.video-live-pk-host-profile strong{max-width:75px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7px}.video-live-pk-trophy{white-space:nowrap;font-size:7px;color:#f5d481}.video-live-pk-trophy b{font-size:8px}.video-live-sponsors{display:flex;align-items:center;gap:3px;margin-top:5px;min-height:30px}.video-live-sponsor{width:30px;background:transparent;color:#fff;text-align:center}.video-live-sponsor>span{width:22px;height:22px;margin:auto;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#3b2b42;border:1px solid rgba(245,212,129,.35);font-size:7px}.video-live-sponsor img{width:100%;height:100%;object-fit:cover}.video-live-sponsor small{display:block;margin-top:1px;font-size:5px;color:#f5d481;overflow:hidden;text-overflow:ellipsis}.video-live-no-sponsor{font-size:6px;color:rgba(255,255,255,.42)}
.video-live-gift-sheet-v3{padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}.video-live-gift-head{display:grid;gap:7px}.video-live-gift-targets{display:grid;grid-template-columns:1fr 1fr;gap:6px}.video-live-gift-targets button{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:7px;align-items:center;padding:7px;border-radius:13px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.035);color:#fff;text-align:left}.video-live-gift-targets button.active{border-color:rgba(230,147,186,.75);background:rgba(230,147,186,.12)}.video-live-gift-targets button>span{width:34px;height:34px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#4a3047}.video-live-gift-targets img{width:100%;height:100%;object-fit:cover}.video-live-gift-targets small{font-size:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-live-gift-targets em{font-size:6px;color:#eab1cb;font-style:normal}.video-live-gift-categories{display:flex;gap:5px;margin:9px -2px 8px;overflow-x:auto;scrollbar-width:none}.video-live-gift-categories::-webkit-scrollbar{display:none}.video-live-gift-categories button{flex:0 0 auto;height:28px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.045);color:rgba(255,255,255,.62);font-size:7px;font-weight:850}.video-live-gift-categories button.active{background:linear-gradient(135deg,rgba(217,127,167,.95),rgba(143,203,232,.8));color:#fff}.video-live-gift-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.video-live-gift-card{position:relative;min-height:88px}.video-live-gift-card>span{height:50px}.video-live-gift-lucky{position:absolute;top:3px;right:3px;padding:2px 4px;border-radius:5px;background:#d39b38;color:#241506;font-size:4px;font-style:normal;font-weight:950}
.video-live-top-actions{gap:5px}.video-live-top-sponsors{display:flex;align-items:center;gap:2px}.video-live-top-sponsors .video-live-sponsor{width:24px}.video-live-top-sponsors .video-live-sponsor>span{width:20px;height:20px;border-color:rgba(255,255,255,.28)}.video-live-top-sponsors .video-live-sponsor small{font-size:4px;color:#f5d481}.video-live-media-grid.pk .video-live-media-tile[data-video-live-pk-side]{cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease}.video-live-media-grid.pk .video-live-media-tile.selected-side{border-color:rgba(240,173,205,.9)!important;box-shadow:inset 0 0 0 1px rgba(240,173,205,.5),0 0 18px rgba(225,112,166,.16)!important}
@media (min-width:700px){.video-live-media-grid.pk{left:50%!important;right:auto!important;width:min(760px,92vw)!important;transform:translateX(-50%)!important}.video-live-pk-meta{left:50%;right:auto;width:min(760px,92vw);transform:translateX(-50%)}}


/* ===== Video Live Quad Invite + Camera + PNG controls V1 ===== */
.video-live-action-icon{width:23px;height:23px;object-fit:contain;display:block}.video-live-icon-fallback{font-size:17px;line-height:23px}.video-live-actions button.is-off .video-live-action-icon{opacity:.72}.video-live-quad-guest-actions{justify-content:flex-end}.video-live-media-grid.quad .video-live-quad-slot.empty[data-video-live-quad-invite-slot]{cursor:pointer}.video-live-media-grid.quad .video-live-quad-slot.empty[data-video-live-quad-invite-slot]:active{transform:scale(.985)}.video-live-media-grid.quad .video-live-quad-slot.camera-paused:after{content:"Câmera desligada";position:absolute;z-index:4;inset:0;display:grid;place-items:center;background:rgba(8,6,10,.82);color:rgba(255,255,255,.82);font-size:8px;font-weight:850;letter-spacing:.02em}.video-live-media-grid.quad .video-live-quad-slot.camera-paused .video-live-participant-label{z-index:5}.video-live-quad-invite-slot-note{margin-bottom:8px;padding:7px 10px;border-radius:11px;background:rgba(226,135,176,.11);border:1px solid rgba(226,135,176,.24);color:#f4c5d9;font-size:8px;font-weight:850}.video-live-guest-candidates{display:grid;gap:6px;max-height:190px;overflow:auto;scrollbar-width:none}.video-live-guest-candidates::-webkit-scrollbar{display:none}.video-live-guest-candidate{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 8px;border-radius:13px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}.video-live-guest-candidate-avatar{width:38px;height:38px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#49334b;color:#fff;font-size:10px;font-weight:950}.video-live-guest-candidate-avatar img{width:100%;height:100%;object-fit:cover}.video-live-guest-candidate>span:nth-child(2){min-width:0}.video-live-guest-candidate strong,.video-live-guest-candidate small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-live-guest-candidate strong{font-size:9px;color:#fff}.video-live-guest-candidate small{margin-top:2px;font-size:6px;color:rgba(255,255,255,.5)}.video-live-guest-candidate button{height:30px;padding:0 10px;border-radius:9px;background:linear-gradient(135deg,#d77fa8,#8fcbe8);color:#fff;font-size:7px;font-weight:900}


/* ===== Video Live recipients + charisma V2 ===== */
.video-live-gift-targets{display:flex!important;gap:7px;overflow-x:auto;padding:2px 1px 7px;scrollbar-width:none}.video-live-gift-targets::-webkit-scrollbar{display:none}.video-live-gift-target{flex:0 0 66px;min-width:66px;padding:5px 3px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.035);color:#fff;text-align:center}.video-live-gift-target.active{border-color:rgba(236,143,186,.92);background:rgba(226,117,169,.15);box-shadow:0 0 0 1px rgba(226,117,169,.18) inset}.video-live-gift-target>span{width:34px;height:34px;margin:auto;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#49334b;font-size:10px;font-weight:950}.video-live-gift-target>span img{width:100%;height:100%;object-fit:cover}.video-live-gift-target>span.video-live-gift-target-all{border-radius:11px;background:linear-gradient(135deg,#d77fa8,#8fcbe8);font-size:7px;letter-spacing:.03em}.video-live-gift-target small,.video-live-gift-target em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-live-gift-target small{margin-top:4px;font-size:7px;font-weight:850}.video-live-gift-target em{margin-top:1px;font-size:5px;color:rgba(255,255,255,.5);font-style:normal}.video-live-participant-charisma{position:absolute;z-index:8;left:6px;top:6px;display:flex;align-items:center;gap:3px;min-height:20px;padding:3px 7px;border-radius:999px;background:rgba(15,9,17,.72);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(7px);color:#fff;pointer-events:none}.video-live-participant-charisma span{font-size:8px;color:#ff91bd}.video-live-participant-charisma b{font-size:7px;font-weight:950}.video-live-media-grid.quad .video-live-participant-charisma{left:5px;top:5px}.video-live-media-grid.pk .video-live-participant-charisma{display:none!important}

/* ===== Video Live V4: presentes idênticos à sala de voz ===== */
#video-live-gift-backdrop{z-index:360}
.video-live-gift-panel{height:min(58dvh,560px);min-height:390px}
.video-live-gift-panel .gift-recipient-section{flex:0 0 auto}
.video-live-gift-panel .gift-grid{flex:1;min-height:0}
.video-live-gift-panel .gift-panel-footer{flex:0 0 auto}

.video-live-gift-animation{
    position:fixed;inset:0;width:100vw;height:100vh;z-index:2147483646;
    pointer-events:none;overflow:hidden;background:transparent;
    display:flex;align-items:center;justify-content:center;
}
.video-live-gift-animation>img,.video-live-gift-animation>video{
    width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;background:transparent;
}
.video-live-gift-animation>audio{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.video-live-gift-flight{z-index:2147483645}
.video-live-quick-gift-send,.video-live-quick-gift-wallet{z-index:390}

/* Patrocinadores: avatar limpo + valor compacto e legível. */
.video-live-top-sponsors{display:flex;align-items:center;gap:5px}
.video-live-top-sponsors .video-live-sponsor{
    position:relative;width:28px;min-width:28px;padding:0;background:transparent;color:#fff;overflow:visible;
}
.video-live-top-sponsors .video-live-sponsor>span{
    width:26px;height:26px;margin:auto;border-radius:50%;overflow:hidden;display:grid;place-items:center;
    background:#241925;border:1px solid rgba(255,215,132,.55);box-shadow:0 3px 10px rgba(0,0,0,.28);
}
.video-live-top-sponsors .video-live-sponsor>span img{width:100%;height:100%;object-fit:cover}
.video-live-top-sponsors .video-live-sponsor small{
    position:absolute;left:50%;bottom:-7px;transform:translateX(-50%);display:block;
    min-width:24px;max-width:42px;padding:1px 4px;border-radius:99px;
    background:rgba(15,10,17,.92);border:1px solid rgba(255,215,132,.24);
    color:#ffd884;font-size:5px;font-weight:900;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.video-live-top-actions{gap:8px}

/* No PK o mesmo padrão, sem caixas/numeradores pesados. */
.video-live-sponsors .video-live-sponsor{position:relative;width:30px;overflow:visible}
.video-live-sponsors .video-live-sponsor small{
    display:block;margin:2px auto 0;max-width:38px;padding:1px 3px;border-radius:99px;
    background:rgba(15,10,17,.72);color:#ffd884;font-size:5px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

@media(max-width:370px){
    .video-live-gift-panel{height:min(62dvh,560px);min-height:370px}
}