@import url('/home.css');
@import url('/toast.css');
.directory-banner .cng-creator-banner-media{z-index:0}.directory-banner .profile-source{z-index:4}
.directory-card[data-tier="highlight"] .directory-banner{--banner:linear-gradient(135deg,#551f4a,#22152e)}.directory-card[data-tier="rising"] .directory-banner{--banner:linear-gradient(135deg,#193e52,#171827)}.directory-card[data-tier="small"] .directory-banner{--banner:linear-gradient(135deg,#3c244b,#17151f)}
.creator-main{min-height:70vh}.creator-hero{padding-bottom:2rem}.creator-hero h1{font-size:clamp(2.5rem,8vw,5rem);line-height:.95;letter-spacing:-.055em;margin:.7rem 0 1rem}.creator-hero>p:not(.eyebrow){max-width:680px;color:var(--muted)}.creator-toolbar{display:grid;gap:.8rem;margin:1.5rem 0}.category-select{min-height:48px;padding:0 .9rem;border:1px solid var(--line);border-radius:13px;background:#14141b;color:#fff}.creator-results{display:grid;gap:1rem}.directory-card{display:flex;flex-direction:column;min-height:296px;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#17171f,#101016)}.directory-banner{height:116px;flex:0 0 116px;background:var(--banner,linear-gradient(135deg,#401d48,#151521));position:relative}.directory-banner:after{content:"CREATOR";position:absolute;right:1rem;bottom:.5rem;font-weight:1000;font-size:1.05rem;opacity:.15}.directory-content{display:grid;grid-template-columns:auto 1fr;gap:.85rem;padding:0 1.1rem 1.1rem}.directory-content .avatar{width:64px;height:64px;margin-top:-20px;position:relative;z-index:5;border:4px solid #13131a}.directory-content h2{font-size:1.05rem;margin:.7rem 0 0}.directory-content p{grid-column:1/-1;margin:.25rem 0;color:var(--muted);font-size:.82rem}.creator-meta,.category-list{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.4rem}.pill{padding:.3rem .5rem;border:1px solid #363441;border-radius:999px;color:#bbb7c5;font-size:.62rem;font-weight:800}.tier{color:#dda7ff;border-color:#6e438f}.live-state{color:#ff91b0;border-color:#784052}.load-more{margin:1.5rem auto 0;display:flex}.profile-shell{padding-top:2rem}.profile-banner{height:230px;border:1px solid var(--line);border-radius:25px;background:linear-gradient(135deg,rgba(124,58,237,.4),rgba(241,60,154,.18)),#16151f;position:relative;overflow:hidden}.profile-banner:after{content:"CREATOR";position:absolute;right:2rem;bottom:1rem;font-size:clamp(1.5rem,7vw,4rem);font-weight:1000;opacity:.09}.profile-head{display:grid;gap:1rem;margin-top:-50px;padding:0 1rem;position:relative}.profile-identity{display:flex;align-items:flex-end;gap:1rem}.profile-avatar{width:100px;height:100px;border:6px solid var(--bg);font-size:1.5rem}.profile-title h1{margin:0;font-size:clamp(1.8rem,6vw,3.2rem);letter-spacing:-.04em}.profile-title p{margin:.1rem 0;color:var(--muted)}.follow-button{width:100%}.profile-grid{display:grid;gap:1rem;margin-top:2rem}.profile-panel{padding:1.4rem;border:1px solid var(--line);border-radius:20px;background:#13131a}.profile-panel h2{margin:.1rem 0 1rem;font-size:1.15rem}.profile-panel>p{color:var(--muted)}.profile-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem}.profile-stats div{padding:1rem;background:#1a1a22;border-radius:13px}.profile-stats strong,.profile-stats span{display:block}.profile-stats strong{font-size:1.4rem}.profile-stats span{font-size:.68rem;color:var(--muted)}.stream-card{min-height:175px;display:flex;flex-direction:column;justify-content:flex-end;padding:1.3rem;border-radius:16px;background:radial-gradient(circle at 80% 20%,rgba(241,60,154,.25),transparent 35%),#0c0d13}.stream-card small{color:#ff8cab;font-weight:900}.stream-card h3{margin:.3rem 0}.stream-card span{color:var(--muted);font-size:.75rem}.community-actions{display:flex;gap:.6rem;flex-wrap:wrap}.status-message{min-height:1.5rem;color:#cda0ef;font-size:.78rem}.back-link{display:inline-flex;margin-bottom:1rem;color:#cfa0f1;font-size:.8rem;font-weight:800}.self-service{margin-top:1rem}.self-form{display:grid;gap:.8rem}.self-form label{display:grid;gap:.35rem;color:#c7c3d0;font-size:.76rem}.self-form input,.self-form textarea,.self-form select{padding:.75rem;border:1px solid var(--line);border-radius:10px;background:#0d0d12;color:#fff}.self-form textarea{min-height:110px;resize:vertical}.category-checks{display:flex;flex-wrap:wrap;gap:.5rem}.category-checks label{display:flex;align-items:center;gap:.35rem;padding:.45rem .6rem;border:1px solid var(--line);border-radius:999px}.not-found{text-align:center;padding:7rem 1rem}.not-found h1{font-size:3rem;margin:0}.skeleton{min-height:260px;border-radius:20px;background:linear-gradient(90deg,#121218,#1b1b24,#121218);background-size:200%;animation:pulse 1.2s infinite}@keyframes pulse{to{background-position:-200%}}
@media(min-width:700px){.creator-toolbar{grid-template-columns:1fr auto}.creator-results{grid-template-columns:repeat(2,1fr)}.profile-head{grid-template-columns:1fr auto;align-items:end}.follow-button{width:auto}.profile-grid{grid-template-columns:1.3fr .7fr}.profile-panel.about{grid-row:span 2}.self-form{grid-template-columns:1fr 1fr}.self-form .wide{grid-column:1/-1}}
.profile-actions{display:flex;flex-wrap:wrap;gap:.6rem}.profile-actions .button{flex:1;white-space:nowrap}@media(min-width:700px){.profile-actions .button{flex:0 0 auto}}
@media(min-width:1050px){.creator-results{grid-template-columns:repeat(3,1fr)}}
.stream-settings{margin-top:1rem}.stream-settings>div>p:not(.eyebrow){color:var(--muted);font-size:.8rem}.stream-settings #channelSummary{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;margin-top:1rem;padding:1rem;border:1px solid var(--line);border-radius:13px;background:#191820}.stream-settings #channelSummary[hidden]{display:none}.stream-settings #channelSummary a{color:#d9b3ff;font-size:.75rem;font-weight:850}.stream-settings #channelPending{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:1rem}.stream-settings #channelPending[hidden]{display:none}.provider-state{color:#e6b86e;font-size:.7rem;font-weight:900}.stream-settings #channelSummary>div{display:grid;gap:.2rem}.stream-settings #channelSummary small{color:#a970ff;font-weight:900}.stream-settings #channelSummary strong{font-size:1.05rem}
.stream-card{overflow:hidden}.stream-card>img{width:calc(100% + 2.6rem);height:auto;aspect-ratio:16/9;object-fit:cover;margin:-1.3rem -1.3rem 1rem}.stream-card .button{margin-top:1rem;align-self:flex-start}
.creator-toolbar{grid-template-columns:minmax(0,1fr)}.live-filter{min-height:48px;display:flex;align-items:center;gap:.55rem;padding:0 .9rem;border:1px solid var(--line);border-radius:13px;background:#14141b;color:#d3cfda;font-size:.75rem;font-weight:850}.live-filter input{accent-color:var(--pink)}.directory-card{min-width:0}.directory-banner{overflow:hidden}.profile-source{position:absolute;left:.8rem;top:.8rem;padding:.3rem .48rem;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(8,8,12,.72);font-size:.55rem;font-weight:950;letter-spacing:.08em}.preview-creator{order:2;opacity:.88}.platform-creator{order:1}.creator-identity{min-width:0}.creator-identity h2,.creator-identity span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creator-identity span{display:block;color:var(--muted);font-size:.7rem}.directory-content>p{display:-webkit-box;min-height:3.9em;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.preview-state{color:#d9b3ff;border-color:#694587}.creator-stats{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.4rem .8rem;color:var(--muted);font-size:.66rem}.creator-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.25rem}.creator-actions .button{min-height:40px;padding:.55rem .8rem;font-size:.72rem}@media(min-width:700px){.creator-toolbar{grid-template-columns:minmax(240px,1fr) minmax(180px,auto) auto}}@media(min-width:1250px){.creator-results{grid-template-columns:repeat(4,1fr)}}@media(max-width:520px){.creator-actions{display:grid}.creator-actions .button{width:100%}}
.avatar img,.profile-avatar img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}.profile-banner.has-image{background-position:center;background-size:cover;background-repeat:no-repeat}.profile-tagline{font-size:1.05rem!important;color:#eee!important;font-weight:750}.social-links{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.social-links a{padding:.55rem .7rem;border:1px solid var(--line);border-radius:999px;color:#e4c9ff;font-size:.68rem;font-weight:900}.social-links a:hover,.social-links a:focus-visible{border-color:var(--purple);outline:2px solid transparent}.social-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.social-fields legend{margin-bottom:.7rem}.branding-media{display:grid;gap:1rem}.media-editor{display:grid;grid-template-columns:auto minmax(180px,1fr) auto auto;gap:.7rem;align-items:center;padding:1rem;border:1px solid var(--line);border-radius:15px;background:#101016}.media-preview{position:relative;overflow:hidden}.avatar-media-preview,.avatar-media-preview img,.avatar-media-preview .avatar{width:72px;height:72px;border-radius:50%}.banner-media-preview,.banner-media-preview img,.banner-media-preview>span{width:180px;height:60px;border-radius:9px}.media-preview img{position:absolute;inset:0;display:block;object-fit:cover;background:#101016}.media-preview>span{display:grid;place-items:center;background:linear-gradient(135deg,#52245f,#17151f)}.media-preview[data-state="uploading"]{outline:2px solid var(--purple);outline-offset:2px}.media-preview[data-state="error"]{outline:1px solid #d56b7a;outline-offset:2px}.media-editor input{max-width:100%}@media(max-width:760px){.social-fields{grid-template-columns:1fr}.media-editor{grid-template-columns:1fr}.banner-media-preview,.banner-media-preview img,.banner-media-preview>span{width:100%;height:auto;min-height:90px}.profile-banner{height:160px}.profile-avatar{width:78px;height:78px}.profile-identity{align-items:center;flex-wrap:wrap}}
.native-metadata{display:grid;gap:.8rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--line)}.native-metadata label{display:grid;gap:.35rem;color:#c7c3d0;font-size:.76rem}.native-metadata input,.native-metadata select{min-height:46px;padding:.7rem;border:1px solid var(--line);border-radius:10px;background:#0d0d12;color:#fff}.native-thumbnail-row{display:grid;grid-template-columns:180px minmax(180px,1fr) auto auto;gap:.7rem;align-items:center}.native-thumbnail-preview{width:180px;aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:linear-gradient(135deg,#52245f,#17151f)}.native-thumbnail-preview img{width:100%;height:100%;object-fit:cover}@media(max-width:760px){.native-thumbnail-row{grid-template-columns:1fr}.native-thumbnail-preview{width:100%}}
.native-policy-status{padding:1rem;border:1px solid #ff6b6b66;border-radius:14px;background:#471c2438}.native-policy-status>strong{color:#ff9b9b;letter-spacing:.08em}.native-policy-status dl,.obs-guidance dl{display:grid;gap:.45rem;margin:.75rem 0}.native-policy-status dl div,.obs-guidance dl div{display:flex;justify-content:space-between;gap:1rem}.native-policy-status dt,.obs-guidance dt{color:var(--muted)}.native-policy-status dd,.obs-guidance dd{margin:0;text-align:right}.obs-guidance{padding:1rem;border:1px solid var(--line);border-radius:14px;background:#ffffff05}.obs-guidance summary{cursor:pointer;font-weight:700}.obs-guidance p{margin-bottom:0}@media(max-width:520px){.native-policy-status dl div,.obs-guidance dl div{align-items:flex-start;flex-direction:column;gap:.1rem}.native-policy-status dd,.obs-guidance dd{text-align:left}}
.native-policy-status[data-status="checking"]{border-color:#77bfff66;background:#17364b38}.native-policy-status[data-status="checking"]>strong{color:#9dd6ff}.native-policy-status[data-status="accepted"]{border-color:#62d99566;background:#153d2b38}.native-policy-status[data-status="accepted"]>strong{color:#8bedb5}
.profile-level-stat{padding:1rem;background:#1a1a22;border-radius:13px}.profile-level-progress{height:5px;margin-top:.65rem;overflow:hidden;border-radius:999px;background:#0c0c12}.profile-level-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--orange),var(--pink))}
.native-lifecycle-status{display:grid;grid-template-columns:auto 1fr;gap:.25rem 1rem;align-items:center;padding:1rem;border:1px solid var(--line);border-radius:14px;background:#ffffff05}.native-lifecycle-status small{grid-column:1/-1;color:var(--muted);font-weight:700;letter-spacing:.1em;text-transform:uppercase}.native-lifecycle-status strong{font-size:1.05rem;letter-spacing:.08em}.native-lifecycle-status span{justify-self:end;color:var(--muted);font-size:.9rem}.native-lifecycle-status[data-status="live"]{border-color:#62d99566;background:#153d2b38}.native-lifecycle-status[data-status="live"] strong{color:#8bedb5}.native-lifecycle-status[data-status="checking"],.native-lifecycle-status[data-status="signal_detected"]{border-color:#77bfff66;background:#17364b38}.native-lifecycle-status[data-status="checking"] strong,.native-lifecycle-status[data-status="signal_detected"] strong{color:#9dd6ff}@media(max-width:520px){.native-lifecycle-status{grid-template-columns:1fr}.native-lifecycle-status span{justify-self:start}}.live-notification-toggle{min-width:44px}.live-notification-toggle.active{border-color:#d26cff;background:rgba(177,72,230,.2);box-shadow:0 0 16px rgba(191,75,238,.2)}.live-notification-toggle[hidden]{display:none!important}