.creatorList{--cl-surface:var(--site-black);--cl-surface-raised:#24252b;--cl-muted:var(--site-dark-grey);--cl-radius:12px;max-width:1400px;margin-bottom:70px}.creatorList .cl-toolbar{display:flex;flex-direction:column;gap:12px;margin-bottom:22px}.creatorList .cl-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.creatorList .cl-search{position:relative;flex:1 1 320px}.creatorList .cl-search .ti-search{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--cl-muted);pointer-events:none}.creatorList .cl-search input{width:100%;height:46px;padding:0 16px 0 42px;background:var(--cl-surface);border:1px solid var(--border);border-radius:10px;color:#fff;font-size:.95rem;transition:border-color .15s}.creatorList .cl-search input::placeholder{color:var(--cl-muted)}.creatorList .cl-search input:focus{outline:0;border-color:var(--site-red);box-shadow:0 0 0 3px var(--site-red-25)}.creatorList .cl-sort{display:flex;align-items:center;gap:8px;flex:0 0 auto;font-size:.85rem;color:var(--cl-muted)}.creatorList .cl-sort select{height:46px;padding:0 38px 0 14px;background:var(--cl-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23898781' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center;border:1px solid var(--border);border-radius:10px;color:#fff;font-size:.9rem;appearance:none;cursor:pointer}.creatorList .cl-sort select:focus{outline:0;border-color:var(--site-red)}.creatorList .cl-filter{position:relative}.creatorList .cl-filter>summary,.creatorList .cl-toggle{position:relative;display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;background:var(--cl-surface);border:1px solid var(--border);border-radius:999px;color:var(--site-light-grey);font-size:.85rem;font-weight:600;cursor:pointer;user-select:none;list-style:none;transition:border-color .15s,background-color .15s,color .15s}.creatorList .cl-filter>summary::-webkit-details-marker{display:none}.creatorList .cl-filter>summary:hover,.creatorList .cl-toggle:hover{border-color:hsl(from #fff h s l/25%)}.creatorList .cl-filter>summary .ti-chevron-down{font-size:.9rem;color:var(--cl-muted);transition:transform .15s}.creatorList .cl-filter[open]>summary{border-color:var(--site-red)}.creatorList .cl-filter[open]>summary .ti-chevron-down{transform:rotate(180deg)}.creatorList .cl-filter.has-selection>summary,.creatorList .cl-toggle:has(input:checked){background:var(--site-red-dimmer);border-color:var(--site-red-50);color:#fff}.creatorList .cl-filter .cl-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--site-red);color:#fff;font-size:.7rem}.creatorList .cl-filter .cl-badge:empty{display:none}.creatorList .cl-toggle small{font-size:.75rem;color:var(--cl-muted)}.creatorList .cl-toggle small:empty{display:none}.creatorList .cl-toggle input{position:absolute;opacity:0;pointer-events:none}.creatorList .cl-toggle:focus-within,.creatorList .cl-filter>summary:focus-visible{outline:2px solid var(--site-red);outline-offset:2px}.creatorList .cl-live-dot{width:8px;height:8px;border-radius:50%;background:var(--site-bright-red);box-shadow:0 0 0 3px rgba(220,38,38,.25)}.creatorList .cl-panel{position:absolute;z-index:20;top:calc(100% + 8px);left:0;width:min(520px,calc(100vw - 32px));padding:14px;background:var(--cl-surface-raised);border:1px solid var(--border);border-radius:var(--cl-radius);box-shadow:0 20px 50px rgba(0,0,0,.55)}.creatorList .cl-panel-hint{margin-bottom:10px;font-size:.75rem;color:var(--cl-muted)}.creatorList .cl-options{display:flex;flex-wrap:wrap;gap:6px}.creatorList .cl-option{position:relative}.creatorList .cl-option input{position:absolute;opacity:0;pointer-events:none}.creatorList .cl-option span{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border:1px solid var(--border);border-radius:8px;background:var(--cl-surface);font-size:.82rem;color:var(--site-grey);cursor:pointer;transition:border-color .15s,background-color .15s,color .15s}.creatorList .cl-option span small{font-size:.72rem;color:var(--cl-muted)}.creatorList .cl-option:hover span{border-color:hsl(from #fff h s l/25%);color:#fff}.creatorList .cl-option input:checked+span{background:var(--site-red);border-color:var(--site-red);color:#fff}.creatorList .cl-option input:checked+span small{color:rgba(255,255,255,.75)}.creatorList .cl-option input:focus-visible+span{outline:2px solid #fff;outline-offset:2px}.creatorList .cl-option.is-empty span{opacity:.4}.creatorList .cl-panel-actions{display:flex;justify-content:flex-end;margin-top:12px}.creatorList.is-enhanced .cl-submit{display:none}.creatorList .cl-button{height:34px;padding:0 14px;border:0;border-radius:8px;background:var(--site-red);color:#fff;font-size:.82rem;font-weight:600;cursor:pointer}.creatorList .cl-summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:30px;margin-bottom:18px;font-size:.85rem}.creatorList .cl-count{margin-right:6px;color:var(--site-grey)}.creatorList .cl-count strong{color:#fff}.creatorList .cl-chip{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 8px 0 11px;border-radius:999px;background:var(--site-red-dimmer);border:1px solid var(--site-red-50);color:#fff;font-size:.78rem;font-weight:600;text-decoration:none}.creatorList .cl-chip:hover{background:var(--site-red-25);color:#fff}.creatorList .cl-chip .ti{font-size:.85rem;opacity:.8}.creatorList .cl-clear{color:var(--cl-muted);font-size:.8rem;text-decoration:underline;text-underline-offset:3px}.creatorList .cl-clear:hover{color:#fff}.creatorList .cl-results{transition:opacity .15s}.creatorList .cl-results[aria-busy="true"]{opacity:.45;pointer-events:none}.creatorList .cl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin:0 0 40px;padding:0;list-style:none}.creatorCard{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--site-black);border:1px solid var(--border);border-radius:12px;transition:border-color .2s,transform .2s,box-shadow .2s}.creatorCard:hover,.creatorCard:focus-within{border-color:var(--site-red-50);transform:translateY(-2px);box-shadow:0 14px 34px rgba(0,0,0,.45)}.creatorCard .cc-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:#111 center/cover no-repeat}.creatorCard .cc-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.creatorCard:hover .cc-media img{transform:scale(1.04)}.creatorCard .cc-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.7) 100%);pointer-events:none}.creatorCard .cc-media.is-fallback img{filter:blur(18px) brightness(.55) saturate(1.2);transform:scale(1.3)}.creatorCard .cc-badges{position:absolute;z-index:1;top:10px;left:10px;display:flex;gap:6px}.creatorCard .cc-badge{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:5px;background:rgba(0,0,0,.7);color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.creatorCard .cc-badge.is-live{background:var(--site-bright-red)}.creatorCard .cc-badge.is-live::before{content:"";width:6px;height:6px;border-radius:50%;background:#fff;animation:ldot 1.4s infinite}.creatorCard .cc-video-meta{position:absolute;z-index:1;left:10px;right:10px;bottom:8px;display:flex;justify-content:flex-end;gap:8px;font-size:.7rem;color:rgba(255,255,255,.85)}.creatorCard .cc-video-meta .cc-duration{padding:1px 5px;border-radius:4px;background:rgba(0,0,0,.75);color:#fff;font-weight:600}.creatorCard .cc-body{display:flex;flex-direction:column;flex:1;gap:10px;padding:0 16px 16px}.creatorCard .cc-head{display:flex;align-items:flex-end;gap:12px;margin-top:-26px}.creatorCard .cc-avatar{position:relative;z-index:1;flex:0 0 auto;width:56px;height:56px;border-radius:50%;border:3px solid var(--site-black);background:#111;object-fit:cover}.creatorCard .cc-name{min-width:0;padding-bottom:2px}.creatorCard .cc-name h2{margin:0;font-size:1.05rem;font-weight:700;line-height:1.25;text-align:left;text-transform:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creatorCard .cc-name h2 a{color:#fff;text-decoration:none}.creatorCard .cc-name h2 a::after{content:"";position:absolute;inset:0;z-index:0}.creatorCard .cc-name h2 a:focus-visible{outline:0}.creatorCard:has(.cc-name a:focus-visible){outline:2px solid var(--site-red);outline-offset:2px}.creatorCard .cc-stats{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:.78rem;color:var(--site-dark-grey)}.creatorCard .cc-stats span{display:inline-flex;align-items:center;gap:4px}.creatorCard .cc-stats strong{color:var(--site-light-grey);font-weight:700}.creatorCard .cc-stats .ti{font-size:.9rem}.creatorCard .cc-stats .ti-brand-youtube{color:#ff4d4d}.creatorCard .cc-stats .ti-brand-twitch{color:#a970ff}.creatorCard .cc-bio{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;font-size:.83rem;line-height:1.45;color:var(--site-grey)}.creatorCard .cc-tags{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:5px;margin:auto 0 0;padding:2px 0 0;list-style:none}.creatorCard .cc-tags a,.creatorCard .cc-tags span{display:inline-block;padding:3px 8px;border:1px solid var(--border);border-radius:6px;color:var(--site-grey);font-size:.72rem;font-weight:600;text-decoration:none;transition:border-color .15s,color .15s}.creatorCard .cc-tags a:hover{border-color:var(--site-red);color:#fff}.creatorCard .cc-tags .cc-more{border-style:dashed;color:var(--site-dark-grey)}.creatorCard .cc-tags .cc-setup{display:inline-flex;align-items:center;gap:4px;border-color:var(--site-red-50);background:var(--site-red-dimmer);color:#fff}.creatorList .cl-empty{padding:60px 20px;border:1px dashed var(--border);border-radius:var(--cl-radius);text-align:center;color:var(--site-grey)}.creatorList .cl-empty .ti{display:block;margin-bottom:10px;font-size:2rem;color:var(--cl-muted)}.creatorList .cl-empty h2{margin-bottom:6px;font-size:1.1rem;color:#fff;text-align:center}.creatorList .cl-empty a{color:var(--site-red)}.creatorList .cl-pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:6px}.creatorList .cl-pagination a,.creatorList .cl-pagination span{display:inline-grid;place-items:center;min-width:38px;height:38px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:var(--site-black);color:var(--site-light-grey);font-size:.85rem;font-weight:600;text-decoration:none}.creatorList .cl-pagination a:hover{border-color:var(--site-red);color:#fff}.creatorList .cl-pagination [aria-current="page"]{background:var(--site-red);border-color:var(--site-red);color:#fff}.creatorList .cl-pagination .cl-next{display:inline-flex;gap:4px}.creatorList .cl-pagination .cl-gap{border-color:transparent;background:none;color:var(--site-dark-grey)}@media(max-width:699px){.creatorList .cl-sort{width:100%}.creatorList .cl-sort select{flex:1}.creatorList .cl-filters{flex-wrap:nowrap;overflow-x:auto;margin:0 -2%;padding:0 2% 4px;scrollbar-width:none}.creatorList .cl-filters::-webkit-scrollbar{display:none}.creatorList .cl-filters>*{flex:0 0 auto}.creatorList .cl-filter{position:static}.creatorList .cl-panel{position:fixed;left:0;right:0;bottom:0;top:auto;width:auto;max-height:70vh;overflow-y:auto;border-radius:16px 16px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom))}.creatorList .cl-filter[open]::before{content:"";position:fixed;inset:0;z-index:19;background:rgba(0,0,0,.55)}.creatorList.is-enhanced .cl-panel-actions .cl-done{display:inline-block}}.creatorList .cl-done{display:none}@media(prefers-reduced-motion:reduce){.creatorCard,.creatorCard .cc-media img,.creatorList .cl-results{transition:none}.creatorCard:hover{transform:none}}