.pg-banners.bn-card{border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);text-align:left;align-items:center;gap:14px;width:100%;margin-bottom:12px;padding:14px 14px 14px 12px;display:flex}.pg-banners.bn-card>svg{color:var(--muted);flex-shrink:0}.pg-banners .bn-card-ico{width:52px;height:52px;color:var(--accent);background:#c6ff3d1a;border-radius:14px;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.pg-banners .bn-card-ico img{object-fit:contain;background:#000;width:100%;height:100%}.pg-banners .bn-card-main{flex:1;gap:2px;min-width:0;display:grid}.pg-banners .bn-card-main b{font-size:15px;font-weight:650}.pg-banners .bn-card-main small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.pg-banners.bn-wrap{z-index:40;background:#0009;align-items:flex-end;animation:.2s fade;display:flex;position:fixed;inset:0}.pg-banners .bn-sheet{background:var(--bg);border-top:1px solid var(--line);border-radius:24px 24px 0 0;flex-direction:column;width:100%;max-width:560px;height:min(94dvh,900px);margin:0 auto;animation:.25s ease-out up;display:flex;overflow:hidden}.pg-banners .bn-head{justify-content:space-between;align-items:center;padding:14px 16px 6px;display:flex}.pg-banners .bn-head h2{font-size:20px}.pg-banners .bn-x{width:40px;height:40px;color:var(--muted);background:var(--surface);border-radius:50%;place-items:center;display:grid}.pg-banners .bn-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;flex:1;align-content:start;gap:16px;min-height:0;padding:4px 16px 20px;display:grid;overflow:hidden auto}.pg-banners .bn-lead{color:var(--muted);font-size:13px}.pg-banners .bn-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.pg-banners .bn-upload{border-radius:var(--r-md);min-height:148px;color:var(--text);text-align:center;border:1.5px dashed #ffffff38;align-content:center;place-items:center;gap:4px;padding:10px;display:grid;position:relative;overflow:hidden}.pg-banners .bn-upload>svg{color:var(--accent)}.pg-banners .bn-upload span{font-size:14px;font-weight:650}.pg-banners .bn-upload small{color:var(--muted);font-size:11px;line-height:1.3}.pg-banners .bn-upload:disabled{opacity:1}.pg-banners .bn-progress{background:var(--accent);transform-origin:0;height:4px;transition:transform .2s;position:absolute;bottom:0;left:0;right:0}.pg-banners .bn-tile{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);grid-template-columns:minmax(0,1fr);min-width:0;display:grid;position:relative;overflow:hidden}.pg-banners .bn-tile.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.pg-banners .bn-tile-media{aspect-ratio:16/10;background:#000;display:grid;position:relative}.pg-banners .bn-tile-media:active{opacity:.85;transform:none}.pg-banners .bn-media{object-fit:contain;pointer-events:none;width:100%;height:100%}.pg-banners .bn-badge,.pg-banners .bn-on{border-radius:6px;align-items:center;gap:3px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex;position:absolute}.pg-banners .bn-badge{color:#fff;font-variant-numeric:tabular-nums;background:#000000b8;bottom:6px;left:6px}.pg-banners .bn-on{background:var(--accent);color:var(--on-accent);top:6px;left:6px}.pg-banners .bn-tile-foot{align-items:center;gap:0;min-height:44px;padding-left:10px;display:flex}.pg-banners .bn-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.pg-banners .bn-ic{width:40px;min-width:40px;height:44px;color:var(--muted);flex-shrink:0;place-items:center;display:grid}.pg-banners .bn-rename{border:0;border-top:1px solid var(--accent);background:var(--surface-2);width:100%;height:44px;color:var(--text);font:inherit;outline:none;padding:0 10px;font-size:16px}.pg-banners .bn-confirm{text-align:center;background:#09090bf0;align-content:center;justify-items:center;gap:4px;padding:10px;display:grid;position:absolute;inset:0}.pg-banners .bn-confirm b{font-size:14px}.pg-banners .bn-confirm small{color:var(--muted);font-size:11px}.pg-banners .bn-confirm div{gap:6px;width:100%;margin-top:6px;display:flex}.pg-banners .bn-confirm button{background:var(--surface-2);border-radius:10px;flex:1;height:40px;font-size:13px;font-weight:600}.pg-banners .bn-confirm button.danger{background:var(--live);color:#fff}.pg-banners .bn-rules{gap:10px;display:grid}.pg-banners .bn-rules h3{padding:0 2px}.pg-banners .bn-stage{border-radius:var(--r-lg);background:radial-gradient(circle at 20% 30%, #c6ff3d14, transparent 60%), var(--surface);border:1px solid var(--line);align-items:center;gap:14px;padding:12px;display:flex}.pg-banners .bn-stage-txt{flex:1;gap:4px;min-width:0;display:grid}.pg-banners .bn-stage-txt b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.pg-banners .bn-stage-txt small{color:var(--muted);font-size:12px;line-height:1.35}.pg-banners .bn-pv{aspect-ratio:9/16;width:96px;box-shadow:0 0 0 1px var(--line);background:linear-gradient(#2d2a40 0 50%,#16201b 50% 100%);border-radius:10px;flex-shrink:0;position:relative;overflow:hidden}.pg-banners .bn-pv-sub{background:#ffffffd9;border-radius:3px;height:5px;position:absolute;left:22%;right:22%}.pg-banners .bn-pv-banner{display:grid;position:absolute;left:50%;transform:translate(-50%)}.pg-banners .bn-pv-banner .bn-media{height:auto}.pg-banners .bn-rows{border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);display:grid;overflow:hidden}.pg-banners .bn-row{gap:8px;padding:12px 12px 12px 14px;display:grid}.pg-banners .bn-row+.bn-row{border-top:1px solid var(--line)}.pg-banners .bn-row>span{color:var(--muted);font-size:13px;font-weight:500}.pg-banners .bn-chips{background:var(--surface-2);border-radius:12px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:4px;padding:3px;display:grid}.pg-banners .bn-chips button{height:40px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;border-radius:9px;padding:0 4px;font-size:13px;font-weight:600;overflow:hidden}.pg-banners .bn-chips button.on{background:var(--text);color:var(--bg)}.pg-banners .bn-hint{border-top:1px solid var(--line);color:var(--muted);padding:12px 14px;font-size:12px}.pg-banners .bn-off{border-top:1px solid var(--line);min-height:48px;color:var(--live);text-align:left;padding:0 14px;font-size:14px;font-weight:600}.pg-banners .bn-off:active{background:var(--surface-2);transform:none}.pg-banners .bn-empty{color:var(--muted);border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);padding:14px;font-size:13px}.pg-banners .bn-foot{padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}
.pg-streamers h1{font-weight:650}.pg-streamers h2{font-weight:600}.pg-streamers .av{object-fit:cover;background:var(--surface-2);border-radius:50%;flex-shrink:0;display:block}.pg-streamers .av-fallback{color:#fffffff2;letter-spacing:-.02em;text-shadow:0 1px 2px #00000040;-webkit-user-select:none;user-select:none;place-items:center;font-weight:600;display:grid}.pg-streamers .live-tag{background:var(--live);color:#fff;letter-spacing:.06em;text-transform:uppercase;height:16px;box-shadow:0 0 0 2px var(--bg);white-space:nowrap;border-radius:5px;padding:0 6px;font-size:9.5px;font-weight:700;line-height:16px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.pg-streamers .st-head{justify-content:space-between;align-items:center;gap:12px;padding:14px 4px 16px;display:flex}.pg-streamers .st-slots{background:var(--surface);border:1px solid var(--line);height:30px;color:var(--text);white-space:nowrap;border-radius:99px;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.pg-streamers .st-slots em{color:var(--muted);font-style:normal;font-weight:500}.pg-streamers .st-dots{gap:3px;display:inline-flex}.pg-streamers .st-dots i{background:#ffffff29;border-radius:50%;width:6px;height:6px}.pg-streamers .st-dots i.on{background:var(--accent)}.pg-streamers .st-full{color:var(--muted);text-align:center;border-radius:var(--r-md);border:1px dashed #ffffff1f;padding:10px;font-size:13px}.pg-streamers .st-search{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.pg-streamers .st-field{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);cursor:text;align-items:center;gap:0;height:54px;padding:0 8px 0 14px;transition:border-color .15s,background .15s;display:flex}.pg-streamers .st-field>svg{color:#9146ff;flex-shrink:0;margin-right:8px}.pg-streamers .st-field:focus-within{background:var(--surface-2);border-color:#c6ff3d73}.pg-streamers .st-prefix{color:var(--muted);font-size:16px}.pg-streamers .st-field input{min-width:0;height:100%;color:var(--text);font:500 16px var(--body);background:0 0;border:0;outline:none;flex:1;padding:0}.pg-streamers .st-field input::placeholder{color:#55555e}.pg-streamers .st-clear{width:32px;height:32px;color:var(--bg);border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:relative}.pg-streamers .st-clear:before{content:"";background:var(--muted);z-index:-1;border-radius:50%;position:absolute;inset:7px}.pg-streamers .st-clear{isolation:isolate}.pg-streamers .st-found{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);align-items:center;gap:12px;min-height:68px;padding:10px;animation:.18s ease-out st-in;display:flex}@keyframes st-in{0%{opacity:0;transform:translateY(-4px)}}.pg-streamers .st-found.miss .st-main b{color:var(--text)}.pg-streamers .st-ico{background:var(--surface-2);width:48px;height:48px;color:var(--muted);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.pg-streamers .st-main{text-align:left;flex:1;gap:2px;min-width:0;display:grid}.pg-streamers .st-main b{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.pg-streamers .st-main small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.pg-streamers .skel .sk-ava{border-radius:50%;flex-shrink:0;width:48px;height:48px}.pg-streamers .skel .sk-line{border-radius:5px;height:10px;margin:3px 0;display:block}.pg-streamers .skel .sk-ava,.pg-streamers .skel .sk-line{background:linear-gradient(90deg, var(--surface-2) 0%, #26262d 50%, var(--surface-2) 100%);background-size:200% 100%;animation:1.1s linear infinite st-shimmer}@keyframes st-shimmer{to{background-position:-200% 0}}.pg-streamers .st-pill{background:var(--accent);height:40px;color:var(--on-accent);white-space:nowrap;border-radius:99px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:14px;font-weight:600;transition:transform .1s,opacity .15s;display:inline-flex}.pg-streamers .st-pill:disabled{opacity:.6}.pg-streamers .st-pill.done{color:var(--accent);background:#c6ff3d1f}.pg-streamers .st-pill.ghost{background:var(--surface-2);color:var(--text)}.pg-streamers .st-list{gap:2px;margin:20px -4px 0;list-style:none;display:grid}.pg-streamers .st-list li.fresh{animation:.3s ease-out st-in}.pg-streamers .st-row{border-radius:var(--r-md);text-align:left;align-items:center;gap:14px;width:100%;min-height:76px;padding:8px;transition:background .15s;display:flex}.pg-streamers .st-row:active{background:var(--surface);transform:none}@media (hover:hover){.pg-streamers .st-row:hover{background:var(--surface)}}.pg-streamers .st-ava{border-radius:50%;flex-shrink:0;padding:2px;position:relative;box-shadow:inset 0 0 0 2px #0000}.pg-streamers .st-ava.live{box-shadow:inset 0 0 0 2px var(--live);margin:-2px;padding:4px}.pg-streamers .st-thumb{background:var(--surface-2);width:40px;height:56px;box-shadow:0 0 0 1px var(--line);border-radius:9px;flex-shrink:0;overflow:hidden}.pg-streamers .st-thumb video{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.pg-streamers .st-empty{text-align:center;justify-items:center;gap:8px;margin-top:16px;padding:36px 16px 28px;display:grid}.pg-streamers .st-empty-art{margin-bottom:10px;display:flex}.pg-streamers .st-empty-art span{width:52px;height:52px;box-shadow:0 0 0 3px var(--bg);border-radius:50%}.pg-streamers .st-empty-art span+span{margin-left:-14px}.pg-streamers .st-empty h2{font-size:18px}.pg-streamers .st-empty p{color:var(--muted);max-width:260px;margin-bottom:8px;font-size:14px}.pg-streamers.sp{animation:.22s ease-out st-page}@keyframes st-page{0%{opacity:0;transform:translateY(8px)}}.pg-streamers .sp-cover{height:132px;margin:-8px -16px 0;position:relative;overflow:hidden}.pg-streamers .sp-cover img{object-fit:cover;filter:blur(24px)saturate(1.3);opacity:.85;width:calc(100% + 40px);height:calc(100% + 40px);position:absolute;inset:-20px}.pg-streamers .sp-cover:after{content:"";background:linear-gradient(180deg, #09090b1a 0%, #09090b59 55%, var(--bg) 100%);position:absolute;inset:0}.pg-streamers .sp-back{z-index:1;top:calc(10px + env(safe-area-inset-top));color:#fff;-webkit-backdrop-filter:blur(12px);background:#00000059;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;left:12px}.pg-streamers .sp-back svg{margin-left:-2px}.pg-streamers .sp-head{text-align:center;justify-items:center;gap:4px;margin-top:-58px;padding-bottom:16px;display:grid;position:relative}.pg-streamers .sp-ava{background:var(--bg);border-radius:50%;padding:4px;position:relative}.pg-streamers .sp-ava.live{box-shadow:inset 0 0 0 3px var(--live);padding:6px}.pg-streamers .sp-ava .live-tag{height:20px;box-shadow:0 0 0 3px var(--bg);border-radius:6px;padding:0 8px;font-size:10.5px;line-height:20px;bottom:-4px}.pg-streamers .sp-head h1{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:10px;font-size:24px;overflow:hidden}.pg-streamers .sp-link{height:32px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:99px;align-items:center;gap:6px;max-width:100%;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.pg-streamers .sp-link svg:first-child{color:#9146ff;flex-shrink:0}.pg-streamers .sp-status{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);align-items:center;gap:10px;min-height:48px;margin-bottom:8px;padding:0 16px;display:flex}.pg-streamers .sp-status.live{background:#ff4d4d12;border-color:#ff4d4d47}.pg-streamers .sp-status b{flex-shrink:0;font-size:14px;font-weight:600}.pg-streamers .sp-status small{color:var(--muted);text-align:right;white-space:nowrap;text-overflow:ellipsis;min-width:0;margin-left:auto;font-size:13px;overflow:hidden}.pg-streamers .dot-off{background:#45454d;border-radius:50%;flex-shrink:0;width:10px;height:10px}.pg-streamers .sp-stats{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:24px;display:grid}.pg-streamers .sp-stats div{text-align:center;justify-items:center;gap:2px;min-width:0;padding:14px 8px 12px;display:grid}.pg-streamers .sp-stats div+div{border-left:1px solid var(--line)}.pg-streamers .sp-stats b{letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:3px;font-size:19px;font-weight:600;display:inline-flex}.pg-streamers .sp-stats small{color:var(--muted);font-size:12px}.pg-streamers .sp-stats .flame{color:var(--accent)}.pg-streamers .sp-section{margin:0 4px 10px;font-size:17px}.pg-streamers .sp-empty{border-radius:var(--r-md);height:96px;color:var(--muted);border:1px dashed #ffffff1f;justify-content:center;align-items:center;gap:10px;font-size:14px;display:flex}.pg-streamers .sp-unfollow{border-radius:var(--r-md);width:100%;height:48px;color:var(--live);place-items:center;margin-top:28px;font-size:15px;font-weight:500;transition:background .15s;display:grid}.pg-streamers .sp-unfollow.armed{background:#ff4d4d1f;font-weight:600}.pg-streamers .sp-unfollow:disabled{opacity:.7}.pg-streamers .st-pop{gap:8px;margin-top:4px;display:grid}.pg-streamers .st-pop>p{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700}.pg-streamers .st-pop-row{scrollbar-width:none;gap:12px;margin:0 -16px;padding:2px 16px 4px;display:flex;overflow-x:auto}.pg-streamers .st-pop-row::-webkit-scrollbar{display:none}.pg-streamers .st-pop-item{flex-shrink:0;justify-items:center;gap:6px;width:64px;display:grid}.pg-streamers .st-pop-item span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:64px;font-size:11px;font-weight:600;overflow:hidden}.pg-streamers .st-pop-item:active span{color:var(--text)}.pg-streamers .st-pop-item{position:relative}.pg-streamers .st-pop-item.is-featured .av{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--accent)}.pg-streamers .st-pop-item.is-featured span{color:var(--text)}.pg-streamers .st-pop-badge{background:var(--accent);color:#0b0b0b;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:999px;padding:1px 6px;font-size:9px;font-style:normal;font-weight:800;position:absolute;top:42px;left:50%;transform:translate(-50%)}.pg-streamers .st-exact{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:4px;font-size:12px;font-weight:700}
