.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-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}}

/* Independent, server-blurred frames. CSS adds visual softness, not security. */
.fsp-blurred-live-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(25px);transform:scale(1.13);pointer-events:none;z-index:1}
.fsp-blurred-live-image[hidden]{display:none!important}
.public-card[data-blurred-preview-id]>.public-poster,.public-watch-stage:has(.public-gate[data-blurred-preview-id])>.public-poster,.live-stage:has(.live-access-gate[data-blurred-preview-id])>.live-poster{filter:blur(28px);transform:scale(1.13)}
.public-card[data-blurred-preview-id] .public-card-bottom{display:block;padding:55px 13px 14px;background:linear-gradient(transparent,rgba(7,10,20,.85))}
.public-card[data-blurred-preview-id] .public-card-bottom>div{width:100%}
.public-card[data-blurred-preview-id] .public-private-label{font-size:11px;margin-block:4px 0;color:#eeedf4}
.public-card[data-blurred-preview-id] .public-private-label>img,.public-card[data-blurred-preview-id] .public-private-label small{display:none}
.public-card .fsp-preview-cta{pointer-events:auto;display:block;min-height:42px;width:100%;padding:9px 8px;margin-top:12px;background:#2678ff;color:white;border-radius:12px;font-size:12px;font-weight:700;line-height:1.35}
.fsp-card-lock{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);z-index:2;display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff44;border-radius:50%;background:#ffffff17;pointer-events:none}
.fsp-card-lock img{width:22px;height:22px;filter:brightness(0) invert(1)}
.live-stage:has(.live-access-gate[data-blurred-preview-id]) .live-access-gate{inset:0;top:0;left:0;transform:none;width:100%;border:0;border-radius:0;backdrop-filter:none;background:linear-gradient(180deg,#080b1510 20%,#080b1500 38%,#080b15d9 100%);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;gap:10px;padding:24px 24px max(22px,env(safe-area-inset-bottom));text-align:start}
.live-access-gate[data-blurred-preview-id]>img{display:none}
.live-access-gate[data-blurred-preview-id]>.gate-lock{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);margin:0;width:64px;height:64px;border:1px solid #ffffff44;background:#ffffff17;border-radius:50%}
.live-access-gate[data-blurred-preview-id]>h1{font-size:25px;line-height:1.35;margin:0;font-weight:750;text-align:start}
.live-access-gate[data-blurred-preview-id]>p{font-size:13px;line-height:1.55;max-width:none;color:#e1e2e8;margin:0 0 5px}
.live-access-gate[data-blurred-preview-id]>button:not(.gate-secondary){width:100%;min-height:52px;border-radius:15px;font-size:16px;background:#2678ff}
.live-access-gate[data-blurred-preview-id]>.gate-secondary{min-height:32px;font-size:12px;padding:4px;background:transparent}
.public-gate[data-blurred-preview-id]{background:linear-gradient(180deg,#080b1500 20%,#080b1500 40%,#080b15e8 100%);align-items:stretch;justify-content:flex-end;gap:12px;text-align:start;z-index:2}
.public-gate[data-blurred-preview-id]>img{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);width:56px;height:56px;padding:17px;border:1px solid #ffffff55;border-radius:50%;filter:brightness(0) invert(1)}
.public-gate[data-blurred-preview-id]>p{font-size:23px;font-weight:750;line-height:1.35;margin:0}
.public-gate[data-blurred-preview-id]>.public-primary{font-size:14px;line-height:1.4;min-height:50px;background:#2678ff!important}
.public-gate[data-blurred-preview-id]>a:last-child{text-align:center;font-size:12px}
.public-watch-stage{touch-action:pan-x}
.live-stage:has(.live-access-gate[data-blurred-preview-id]) .swipe-hint{display:none}
.fsp-card-lock img,.live-access-gate[data-blurred-preview-id] .gate-lock .app-icon,.public-gate[data-blurred-preview-id]>img{display:none!important}
.fsp-card-lock:after,.live-access-gate[data-blurred-preview-id] .gate-lock:after,.public-gate[data-blurred-preview-id]:before{content:"";width:24px;height:24px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.7'%3E%3Crect x='5' y='10' width='14' height='11' rx='3'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3M12 14v3'/%3E%3C/svg%3E")}
.public-gate[data-blurred-preview-id]:before{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);width:64px;height:64px;background-size:26px;border:1px solid #ffffff44;border-radius:50%;background-color:#ffffff17}
@media(min-width:768px){.live-access-gate[data-blurred-preview-id]{padding-bottom:28px!important}.public-card .fsp-preview-cta{font-size:14px;min-height:46px}}