:root{color-scheme:dark;--bg:#0b0b0e;--paper:#151519;--ink:#f7f7f8;--muted:#777780;--line:#27272d;--teal:#25f4ee;--soft:#25f4ee0c;--pink:#fe2c55;font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select{font:inherit}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button,input,select,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--teal);outline-offset:4px}input:focus,select:focus{outline:none}svg{display:block}.ico{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sprite{position:absolute;width:0;height:0;overflow:hidden}.sidebar{position:fixed;inset:0 auto 0 0;width:204px;display:flex;flex-direction:column;padding:31px 18px;background:#101013;border-right:1px solid #202025;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-size:29px;font-weight:800;letter-spacing:-1px}.brand-mark{width:37px;height:39px;display:grid;place-items:center;color:white;position:relative;filter:drop-shadow(-2px -1px 0 #25f4ee) drop-shadow(2px 1px 0 #fe2c55)}.brand-mark .ico{width:30px;height:30px;stroke-width:3}.brand-sub{font-size:10px;color:#68686f;letter-spacing:1.8px;margin:12px 0 43px 10px}.nav-label{font-size:10px;letter-spacing:2px;color:#51515b;margin:0 13px 16px}.nav-btn{display:flex;align-items:center;gap:12px;padding:14px 13px;border:0;background:none;border-radius:8px;width:100%;margin:0 0 7px;color:#92929c;font-size:13px;text-align:left;transition:.15s}.nav-btn:hover{background:#1d1d23;color:white}.nav-btn.active{background:#24242b;color:white;font-weight:650;position:relative}.nav-btn.active:before{content:"";width:3px;height:22px;background:var(--pink);position:absolute;left:-18px;border-radius:0 3px 3px 0}.nav-btn.active .ico{color:var(--pink)}.nav-btn .count{margin-left:auto;font-size:10px;color:#b6b6be;background:#37373e;border-radius:4px;padding:1px 5px}.side-bottom{margin-top:auto}.side-note{padding:16px 12px 18px;border:1px solid #28272e;border-radius:9px;background:linear-gradient(130deg,#1c151c,#15151c);font-size:10px;line-height:1.9;color:#8f8a99;margin-bottom:25px}.side-note strong{display:block;color:#c7c1d0;font-size:12px;margin-bottom:7px}.user{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding:20px 0 0;font-size:11px}.user-avatar{width:32px;height:32px;border-radius:50%;background:#25222d;display:grid;place-items:center;color:#e2d8eb;border:1px solid #403344;font-size:13px}.user small{display:block;font-size:9px;color:#686571;margin-top:4px}.user>.ico{margin-left:auto;width:13px;color:#686571}.main{margin-left:204px;padding:0 38px 30px;max-width:1740px}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #202025}.breadcrumb{display:flex;gap:9px;align-items:center;font-size:11px;color:#666670}.breadcrumb strong{color:#cdccd1;font-weight:500}.top-right{display:flex;align-items:center;gap:18px;font-size:10px;color:#676771}.demo-pill{font-size:9px;color:#b3a2b7;border:1px solid #38303d;padding:5px 8px;border-radius:4px;background:#211b25}.help-btn{display:flex;align-items:center;gap:6px;border:0;background:transparent;font-size:11px;color:#96939d}.mobile-brand{display:none}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(310px,.9fr);gap:45px;padding:30px 0 24px;align-items:center}.hero:before{content:"";position:absolute;pointer-events:none;width:330px;height:260px;right:60px;top:-20px;background:radial-gradient(ellipse,#fe2c550b,transparent 65%);z-index:-1}.eyebrow{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:2px;color:#b4b0bb;font-weight:600;margin-bottom:14px}.eyebrow:before{content:"";display:block;background:var(--pink);width:5px;height:5px;border-radius:50%;box-shadow:0 0 10px #fe2c5544}h1{font-size:39px;line-height:1.3;letter-spacing:-1.3px;margin:0 0 13px;font-weight:800}h1 span{color:var(--teal)}.hero-copy{margin:0;color:#81808b;font-size:12px;line-height:1.8}.search{display:flex;gap:10px;align-items:center;margin:23px 0 0;padding:6px 6px 6px 15px;background:#1b1b21;border:1px solid #33323b;border-radius:9px;transition:.2s;max-width:540px}.search:focus-within{border-color:#25f4ee88;box-shadow:0 0 0 3px #25f4ee0b}.search>.ico{color:#8a8794;width:18px;height:18px}.search input{border:0;background:none;color:white;width:100%;min-width:0;padding:10px 0;font-size:13px}.search input::placeholder{color:#8f8a97}.search kbd{border:1px solid #3c3944;padding:3px 5px;font-size:9px;border-radius:4px;color:#716e7a;white-space:nowrap}.primary{border:0;background:var(--pink);padding:12px 20px;font-size:12px;white-space:nowrap;color:white;border-radius:6px;font-weight:650;transition:.15s}.primary:hover{background:#ff466b;box-shadow:0 4px 20px #fe2c5522}.search-recents{display:flex;align-items:center;gap:10px;font-size:9px;color:#817b8a;margin-top:10px;max-width:540px}.text-chip{background:transparent;border:0;color:#a09aa9;font-size:10px;padding:3px 0}.text-chip:hover{color:var(--teal)}.search-recents>span:last-child{color:#68616e!important}.spotlight{display:flex;gap:10px;align-items:center;justify-content:flex-end;height:270px;min-width:0}.feature-card{height:235px;width:calc((100% - 20px)/3);max-width:160px;position:relative;border:1px solid #44404a;background:#202027;overflow:hidden;border-radius:11px;padding:0;text-align:left;box-shadow:0 15px 30px #0003;transition:.2s}.feature-card:first-child{height:255px;transform:rotate(-4deg);z-index:2}.feature-card:nth-child(2){transform:translateY(4px);z-index:3}.feature-card:last-child{height:221px;transform:rotate(4deg) translateY(5px);z-index:2}.feature-card:hover{transform:translateY(-5px) rotate(0);border-color:var(--teal)}.feature-photo{position:absolute;inset:0;background-image:url('assets/creators.png');background-size:300% 100%;background-position:0 center}.feature-card:nth-child(2) .feature-photo{background-position:50% center}.feature-card:nth-child(3) .feature-photo{background-position:100% center}.feature-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0001 30%,#09091022 45%,#090910ee 95%)}.feature-live{position:absolute;left:9px;top:10px;display:flex;align-items:center;gap:4px;background:var(--pink);color:white;border-radius:3px;padding:4px 6px;font-size:8px;font-weight:600;box-shadow:0 2px 10px #0002}.feature-live:before{content:"";height:4px;width:4px;border-radius:50%;background:white}.feature-info{position:absolute;left:11px;right:8px;bottom:14px}.feature-info strong{display:block;font-size:13px;font-weight:650;white-space:nowrap}.feature-info small{display:block;font-size:8px;color:#ada1b6;margin-top:5px}.feature-info b{display:block;font-size:18px;margin-top:12px;letter-spacing:-.5px;color:white}.feature-info b em{font-style:normal;font-size:8px;color:#25f4ee;margin-left:4px;font-weight:500}.feature-caption{position:absolute;bottom:2px;right:0;font-size:8px;color:#655c70;letter-spacing:1px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:9px 0 28px;border-top:1px solid #25242d;border-bottom:1px solid #25242d;gap:0;background:linear-gradient(90deg,#131217,#111116);border-radius:0;padding:16px 0}.metric{padding:0 23px;position:relative;display:flex;align-items:center;gap:16px;border-right:1px solid #2c2932}.metric:first-child{padding-left:17px}.metric:last-child{border:0}.metric-label{font-size:10px;color:#aaa5b2;display:flex;align-items:center;gap:6px;white-space:nowrap}.metric-label .ico{height:14px;width:14px;color:#aaa1b4}.metric-num{font-size:23px;letter-spacing:-.5px;font-weight:750;display:flex;align-items:center;gap:10px;font-variant-numeric:tabular-nums}.metric-num span{font-size:9px;letter-spacing:0;font-weight:400;color:#8f8999;max-width:80px;line-height:1.6}.metric-icon{margin-left:auto;color:#4c424f}.metric-icon .ico{width:18px;height:18px}.workspace{border:1px solid #28262e;border-radius:12px;background:#121216;overflow:hidden}.list-top{display:flex;align-items:center;justify-content:space-between;padding:0 23px;border-bottom:1px solid #2a2731}.tabs{display:flex;gap:29px}.tab{display:flex;align-items:center;gap:6px;border:0;background:none;color:#827b8d;font-size:14px;padding:21px 0 18px;border-bottom:3px solid transparent}.tab.active{border-color:var(--pink);color:white;font-weight:700}.tab small{background:#2d2633;color:#a094ad;font-size:9px;padding:2px 5px;border-radius:3px}.list-meta{display:flex;align-items:center;gap:6px;color:#8e8997;font-size:10px}.list-meta .ico{height:12px;width:12px}.filters{display:flex;gap:8px;align-items:center;padding:19px 23px 15px;flex-wrap:wrap}.select-wrap{position:relative;display:flex;align-items:center;gap:7px;height:37px;border:1px solid #34343d;background:#1d1d23;padding:0 12px;border-radius:6px}.select-wrap>.ico{width:14px;height:14px;color:#8d7e9c}.select-wrap select{border:0;background:transparent;color:#c1b5cd;font-size:11px;appearance:none;padding-right:15px;min-width:48px;cursor:pointer}.select-wrap:after{content:"⌄";position:absolute;right:10px;font-size:13px;color:#70617e;pointer-events:none;top:8px}select option{background:#1d1d23;color:#d9d1e1}.filter-toggle{display:flex;align-items:center;gap:7px;height:37px;border:1px solid #34343d;background:#1d1d23;color:#ac9bbd;padding:0 12px;font-size:11px;border-radius:6px}.toggle{width:23px;height:13px;border-radius:10px;background:#4a3f55;position:relative}.toggle:after{content:"";height:9px;width:9px;position:absolute;left:2px;top:2px;background:#a797b8;border-radius:50%;transition:.15s}.filter-toggle.active{color:#25f4ee;background:#25f4ee0b;border-color:#25f4ee4a}.filter-toggle.active .toggle{background:#25f4ee55}.filter-toggle.active .toggle:after{left:12px;background:#25f4ee}.more-filter{display:flex;gap:6px;align-items:center;height:37px;border:1px solid #34343d;background:#1d1d23;border-radius:6px;padding:0 11px;font-size:11px;color:#ac9bbd}.more-filter .ico{width:14px;height:14px;stroke-width:1.6}.more-filter circle{fill:#1d1d23}.export{margin-left:auto;display:flex;align-items:center;gap:6px;border:0;background:transparent;padding:7px 0 7px 10px;font-size:11px;color:#a79ab6}.export .ico{width:14px;height:14px}.query-state{display:flex;align-items:center;gap:9px;font-size:10px;color:#96919f;padding:0 23px 16px}.query-state strong{font-weight:500;color:#b1a1bc}.reset{background:none;border:0;color:var(--teal);padding:0;font-size:10px}.table-head,.creator-row{display:grid;grid-template-columns:38px minmax(180px,1fr) 124px 90px 110px 75px;gap:8px;align-items:center}.table-head{background:#1a1a20;padding:13px 23px;color:#94909e;font-size:10px;border-block:1px solid #2c2c33}.table-head>span:nth-child(n+3){text-align:right}.table-head>span:last-child{text-align:center}.creator-row{position:relative;padding:15px 23px;border-bottom:1px solid #28282f;min-height:88px;cursor:pointer;transition:.15s}.creator-row:hover{background:#1d1d24}.creator-row:nth-child(1){background:linear-gradient(90deg,#fe2c5505,transparent 50%)}.rank{font-size:18px;font-weight:800;color:#4e4359;font-style:italic;letter-spacing:-1px}.rank.top{color:#d9c6e8}.creator-row:first-child .rank{color:var(--pink)}.creator-row:nth-child(2) .rank{color:var(--teal)}.creator-info{display:flex;align-items:center;gap:13px;min-width:0}.avatar-wrap{position:relative;flex-shrink:0}.avatar{width:47px;height:47px;border:2px solid #28202f;outline:1px solid #403046;border-radius:50%;overflow:hidden;background:#302335}.avatar-photo{width:100%;height:100%;background-image:url('assets/creators.png');background-size:300% 100%;background-position:0 center}.avatar-photo.p1{background-position:50% center}.avatar-photo.p2{background-position:100% center}.live-badge{position:absolute;left:50%;bottom:-5px;transform:translateX(-50%);background:var(--pink);border:2px solid #121216;color:white;border-radius:4px;padding:1px 4px;font-size:7px;white-space:nowrap;line-height:1.2;font-weight:600}.creator-name{font-size:13px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;letter-spacing:.1px}.flag{font-size:11px;margin-left:7px}.handle{font-size:10px;color:#92909b;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}.income{text-align:right;font-size:17px;font-weight:750;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.income small{display:none}.diamonds{text-align:right;color:#9e87ad;font-size:11px}.trend{display:flex;align-items:center;gap:8px;justify-content:flex-end}.trend svg{width:42px;height:22px}.trend span{color:var(--teal);font-size:10px;font-weight:500;min-width:40px;text-align:right}.trend.negative span{color:#fe6584}.row-actions{display:flex;align-items:center;gap:9px;justify-content:center}.star{border:0;background:none;padding:6px;color:#685477}.star .ico{width:18px;height:18px}.star.saved{color:#e4b5f4}.star.saved .ico{fill:#e4b5f419}.row-arrow{color:#7b5d8f;padding:3px}.row-arrow .ico{height:14px;width:14px}.list-bottom{display:flex;align-items:center;justify-content:space-between;padding:17px 23px;color:#96919f;font-size:10px}.load-more{border:1px solid #3e3e48;background:#222229;color:#b89cc9;padding:9px 17px;border-radius:5px;font-size:10px}.page-footer{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#85808f;padding-top:21px;line-height:1.8}.page-footer span{display:flex;align-items:center;gap:6px}.page-footer .ico{height:12px;width:12px}.bottom-nav{display:none}.empty{padding:65px 20px;text-align:center;font-size:12px;color:#9276a3}.empty>.ico{width:35px;height:35px;margin:0 auto 16px;color:#695276}.empty strong{display:block;font-size:16px;color:#c8b1d5;margin-bottom:10px}.empty button{margin-top:20px}.overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(6px);z-index:60;display:flex;justify-content:flex-end;opacity:0;visibility:hidden;transition:.2s}.overlay.open{opacity:1;visibility:visible}.drawer{height:100%;width:510px;max-width:100%;overflow:auto;background:#111115;border-left:1px solid #39283f;padding:27px 30px;transform:translateX(100%);transition:.22s}.overlay.open .drawer{transform:none}.drawer-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#8b6e9c}.icon-btn{width:35px;height:35px;display:grid;place-items:center;border:1px solid #3c2947;background:#211628;border-radius:50%;color:#ad8ac1}.icon-btn .ico{width:16px;height:16px}.detail-profile{display:flex;gap:14px;align-items:center;margin-top:28px}.detail-profile .avatar{width:66px;height:66px;outline-color:#fe2c5577}.detail-profile h2{font-size:21px;margin:0 0 7px}.detail-profile p{font-size:11px;color:#896b9c;margin:0}.detail-profile .primary{margin-left:auto;font-size:11px;padding:11px 14px}.detail-tags{display:flex;gap:7px;margin:22px 0 26px}.detail-tags span{font-size:10px;background:#23172b;border:1px solid #33333c;border-radius:4px;padding:6px 8px;color:#b79aca}.detail-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-card{padding:21px;border:1px solid #33333c;background:#1c1c23;border-radius:10px}.detail-card p{font-size:11px;color:#9e7fb1;margin:0 0 12px}.detail-card strong{font-size:28px;letter-spacing:-.8px;font-weight:750}.detail-card small{display:block;color:#25f4ee!important;font-size:10px;margin-top:10px}.chart-card{background:#18181e;border:1px solid #33333c;padding:22px;border-radius:11px;margin-top:16px}.section-title{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:650;color:#e4cdeb}.segmented{display:flex;gap:2px;background:#2c1b35;padding:3px;border-radius:5px}.segmented button{font-size:10px;background:none;border:0;color:#a27bb7;padding:5px 8px;border-radius:3px}.segmented button.active{background:#5c3668;color:white}.chart-wrap{padding:26px 0 0;position:relative}.chart-wrap svg{width:100%;height:155px;overflow:visible}.chart-labels{display:flex;justify-content:space-between;font-size:9px;color:#81608f;margin-top:12px}.chart-tooltip{font-size:10px;color:#a27db1;margin-top:14px;min-height:16px}.stream-list{margin-top:27px}.stream-card{display:flex;align-items:center;gap:11px;width:100%;margin-top:12px;padding:15px;text-align:left;background:#1c1c23;border:1px solid #33333c;border-radius:8px}.stream-icon{width:37px;height:37px;border-radius:8px;display:grid;place-items:center;background:#fe2c5512;color:#fe6584}.stream-icon .ico{width:18px;height:18px}.stream-card strong{display:block;font-size:11px;color:#dbc7e3}.stream-card small{display:block;font-size:9px;color:#9473a3;margin-top:6px}.stream-card>span:last-child{margin-left:auto;font-size:14px;font-weight:650}.detail-note{font-size:10px;line-height:1.9;color:#82618f;margin-top:23px}.center-overlay{align-items:center;justify-content:center}.modal{width:410px;max-width:calc(100% - 32px);background:#18181e;border:1px solid #493151;padding:27px;border-radius:13px;box-shadow:0 20px 100px #0008}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.modal h2{font-size:19px;margin:0;color:#e8d9ee}.modal label{display:block;font-size:11px;color:#ab88bc;margin:20px 0 10px}.modal select{width:100%;border:1px solid #41414c;background:#24242c;padding:13px;border-radius:6px;font-size:12px;color:#d7b9e7}.modal p{font-size:12px;line-height:1.9;color:#a483b7}.modal p strong{color:#e0c2ed}.modal .primary{width:100%;margin-top:25px}.toast{position:fixed;bottom:35px;left:50%;transform:translate(-50%,15px);z-index:100;border:1px solid #5b3670;background:#301e3e;color:#e5c9f2;padding:13px 20px;border-radius:7px;font-size:12px;box-shadow:0 10px 40px #0005;opacity:0;transition:.2s;pointer-events:none;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}.gifter-note{font-size:10px;color:#8d6b9e;padding:0 23px 14px;line-height:1.8}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1500px){.main{padding-inline:55px}.hero{gap:65px;grid-template-columns:1.2fr .8fr}h1{font-size:44px}.feature-card{max-width:180px}.spotlight{height:285px}.table-head,.creator-row{grid-template-columns:40px minmax(230px,1fr) 150px 120px 135px 85px}}
@media(max-width:1190px){.sidebar{width:180px;padding-inline:14px}.main{margin-left:180px;padding-inline:25px}.hero{gap:25px;grid-template-columns:1fr 300px}.feature-card{height:210px}.feature-card:first-child{height:230px}.feature-card:last-child{height:200px}h1{font-size:34px}.metric{padding-inline:16px;gap:10px}.metric-icon{display:none}.table-head,.creator-row{grid-template-columns:30px minmax(160px,1fr) 105px 70px 90px 65px}.creator-name{max-width:155px}.trend svg{width:30px}.nav-btn.active:before{left:-14px}}
@media(max-width:970px) and (min-width:721px){.sidebar{width:76px;padding-inline:10px}.brand{justify-content:center}.brand>span,.brand-sub,.nav-label,.nav-btn>span,.side-note,.user{display:none}.sidebar nav{margin-top:40px}.nav-btn{justify-content:center;padding:15px 8px}.main{margin-left:76px;padding-inline:25px}.hero{grid-template-columns:1fr 285px;gap:20px}h1{font-size:32px}.search input{font-size:11px}.search kbd{display:none}.feature-card{height:190px}.feature-card:first-child{height:215px}.feature-card:last-child{height:185px}.feature-info{left:8px}.feature-info strong{font-size:11px}.feature-info b{font-size:16px}.metric{display:block}.metric-num{margin-top:8px}.metric-num span{max-width:none}.table-head,.creator-row{padding-inline:18px;grid-template-columns:26px minmax(145px,1fr) 100px 65px 82px 58px}.avatar{width:42px;height:42px}.creator-info{gap:10px}}
@media(max-width:720px){body{padding-bottom:80px}.sidebar{display:none}.main{margin:0;padding:0 17px 25px}.topbar{height:66px;border-bottom:0}.breadcrumb,.top-right>.date,.help-btn{display:none}.mobile-brand{display:flex;font-size:25px;gap:6px}.mobile-brand .brand-mark{width:29px;height:32px}.mobile-brand .brand-mark .ico{width:25px;height:25px}.top-right{gap:0}.demo-pill{font-size:8px;padding:4px 7px}.hero{display:block;padding:13px 0 0}.hero:before{width:240px;height:200px;top:0;right:-10px}.eyebrow{font-size:9px;margin-bottom:11px;letter-spacing:1.7px}h1{font-size:31px;line-height:1.3;letter-spacing:-.7px;margin-bottom:11px}h1 br{display:none}h1 span{display:block}.hero-copy{font-size:11px;color:#a49baa}.search{margin-top:19px;padding:5px 5px 5px 12px;gap:8px;border-radius:7px}.search input{font-size:16px;padding:9px 0}.search input::placeholder{font-size:12px}.search>.ico{width:17px;height:17px}.search .primary{font-size:12px;padding:12px 19px}.search kbd{display:none}.search-recents{margin-top:10px;font-size:9px;gap:8px}.text-chip{font-size:9px}.spotlight{height:auto;justify-content:space-between;gap:9px;margin:22px 0 0;position:relative;padding:0 0 23px}.feature-card,.feature-card:first-child,.feature-card:last-child{width:calc((100% - 18px)/3);max-width:none;height:142px;transform:none;border-radius:8px;border-color:#45304e;box-shadow:none}.feature-info{bottom:9px;left:9px;right:6px}.feature-info strong{font-size:11px}.feature-info small{font-size:7px;margin-top:4px}.feature-info b{font-size:15px;margin-top:8px}.feature-info b em{font-size:7px;margin-left:2px}.feature-live{left:7px;top:7px;font-size:7px;padding:3px 5px}.feature-caption{font-size:7px;bottom:3px;right:0}.metrics{padding:13px 0;margin:10px 0 22px;background:none}.metric,.metric:first-child{padding:0 11px;display:block}.metric:first-child{padding-left:0}.metric-label{font-size:9px}.metric-label .ico{display:none}.metric-num{font-size:21px;margin-top:7px;gap:7px}.metric-num span{font-size:8px;max-width:65px;line-height:1.5}.workspace{border-radius:9px}.list-top{padding:0 14px}.tabs{gap:25px}.tab{font-size:13px;padding:17px 0 14px;gap:4px}.tab small{font-size:8px;padding:2px 4px}.list-meta{display:none}.filters{padding:15px 12px 12px;gap:6px;flex-wrap:nowrap}.select-wrap{height:37px;padding:0 8px;gap:5px}.select-wrap>.ico{width:12px;height:12px}.select-wrap select{font-size:10px;min-width:40px;padding-right:13px}.select-wrap:after{right:7px;top:9px}.filter-toggle{height:37px;padding:0 7px;font-size:10px;gap:5px}.toggle{width:19px;height:12px}.toggle:after{height:8px;width:8px}.filter-toggle.active .toggle:after{left:9px}.more-filter{height:37px;margin-left:auto;font-size:0;padding:0 8px;gap:0}.more-filter .ico{width:14px;height:14px}.export{display:none}.query-state{padding:0 14px 14px;font-size:9px;gap:8px}.table-head{display:none}.creator-row{grid-template-columns:22px minmax(0,1fr) 92px;grid-template-rows:auto auto;padding:17px 13px 14px;gap:0 6px;min-height:104px}.rank{grid-row:1;grid-column:1;font-size:17px;align-self:center}.creator-info{grid-row:1;grid-column:2;gap:10px}.avatar{width:42px;height:42px}.creator-name{font-size:12px;max-width:156px}.handle{font-size:9px;margin-top:5px;max-width:150px}.flag{margin-left:4px;font-size:10px}.live-badge{font-size:6px}.income{grid-row:1;grid-column:3;font-size:18px;letter-spacing:-.6px}.income small{display:block;font-size:8px;font-weight:400;letter-spacing:0;color:#a697b0;margin-top:5px}.diamonds{display:none}.trend{grid-row:2;grid-column:2;justify-content:flex-start;padding:12px 0 0 52px;gap:6px}.trend svg{width:30px;height:15px}.trend span{min-width:0;font-size:9px}.trend:after{content:'较上期';font-size:8px;color:#92869c;margin-left:1px}.row-actions{grid-row:2;grid-column:3;justify-content:flex-end;gap:3px;padding-top:5px}.star{padding:6px}.star .ico{height:17px;width:17px}.row-arrow{padding:3px 0 3px 5px}.row-arrow .ico{height:12px;width:12px}.list-bottom{padding:15px 14px;font-size:9px}.load-more{font-size:9px;padding:8px 14px}.page-footer{display:block;font-size:8px;padding-top:17px}.page-footer>span:last-child{margin-top:4px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;padding:10px 20px calc(10px + env(safe-area-inset-bottom));display:flex;justify-content:space-around;background:#101014f5;backdrop-filter:blur(18px);border-top:1px solid #302238;z-index:30}.bottom-nav button{border:0;background:none;color:#725b80;display:flex;flex-direction:column;gap:6px;align-items:center;font-size:9px;min-width:63px;padding:2px 8px}.bottom-nav button.active{color:white}.bottom-nav button.active>.ico{filter:drop-shadow(-1px 0 0 #25f4ee) drop-shadow(1px 0 0 #fe2c55)}.bottom-nav .ico{height:21px;width:21px}.overlay{align-items:flex-end}.drawer{width:100%;padding:20px 20px 35px;border-left:0}.drawer-top{font-size:10px}.detail-profile{gap:12px}.detail-profile h2{font-size:20px}.detail-profile .primary{font-size:10px;padding:11px}.detail-card{padding:19px 16px}.detail-card strong{font-size:27px}.detail-tags{gap:5px}.detail-tags span{font-size:9px;padding:6px 7px}.center-overlay{align-items:center}.modal{padding:24px}.toast{bottom:95px;max-width:calc(100% - 25px);font-size:11px}.gifter-note{padding:0 14px 13px;font-size:9px}}
@media(max-width:360px){.main{padding-inline:12px}h1{font-size:29px}.creator-name{max-width:125px}.handle{max-width:120px}.filters{gap:4px;padding-inline:10px}.select-wrap{padding-inline:6px}.select-wrap>.ico{display:none}.filter-toggle{padding-inline:6px}.tabs{gap:19px}.feature-card,.feature-card:first-child,.feature-card:last-child{height:130px}.feature-info b{font-size:14px}.feature-info strong{font-size:10px}.feature-info b em{display:none}.metric-label{font-size:8px}.metric-num span{font-size:7px}.detail-profile h2{font-size:17px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
/* Keep the phone's first screen focused on the query and actual results. */
@media(max-width:720px){h1{font-size:27px;line-height:1.35;margin-bottom:0}h1 span{display:inline}.hero-copy{display:none}.search{margin-top:18px}.spotlight{margin-top:18px;padding-bottom:18px}.feature-card,.feature-card:first-child,.feature-card:last-child{height:118px}.feature-info b{font-size:14px;margin-top:6px}.feature-info small{display:none}.metrics{display:none}.workspace{margin-top:19px}.avatar-photo{background-size:300% auto;background-position:0 28%}.avatar-photo.p1{background-position:50% 28%}.avatar-photo.p2{background-position:100% 28%}}
@media(max-width:360px){h1{font-size:25px}.feature-card,.feature-card:first-child,.feature-card:last-child{height:111px}}
.source-banner{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:18px;padding:11px 14px;background:#231d16;border:1px solid #4d3926;border-radius:7px;color:#c4a57b;font-size:10px;line-height:1.7}.source-banner button{background:transparent;border:0;color:#e5c096;font-size:10px;white-space:nowrap;padding:5px 0}.source-banner b{font-weight:650}.live-banner{background:#122120;border-color:#234642;color:#88b4ad}.live-banner button{color:var(--teal)}.demo-pill{cursor:pointer}.connection-modal{max-height:calc(100dvh - 40px);overflow:auto;width:440px}.connection-status{background:#30251c;border:1px solid #513b26;padding:15px;border-radius:7px;display:flex;flex-direction:column;gap:8px;color:#d6b085;font-size:13px}.connection-status span{font-size:10px;line-height:1.7;color:#b69b80}.connection-status.configured{background:#16302b;border-color:#265b50;color:#a6e0cc}.setup-steps{padding-left:20px;font-size:12px;line-height:1.9;color:#b6a2c3}.setup-steps li{margin-bottom:13px}.setup-steps a{color:#25f4ee;text-decoration:underline;text-underline-offset:3px}.setup-steps code{font-size:11px;color:#e2c9ed;background:#362441;padding:2px 4px;border-radius:4px;overflow-wrap:anywhere}.setup-note{font-size:10px!important}.mode-actions{display:flex;gap:10px;margin-top:25px}.mode-actions .primary,.mode-actions .load-more{width:50%;margin:0}.mode-actions .load-more{font-size:12px}.empty-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:20px}.empty-actions button{margin-top:0}.empty>span{display:block;max-width:450px;margin:0 auto;line-height:1.9}.loading-ring{height:24px;width:24px;margin:0 auto 16px;border:2px solid #25f4ee22;border-top-color:var(--teal);border-radius:50%;animation:loading 1s linear infinite}@keyframes loading{to{transform:rotate(360deg)}}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-initial{height:100%;width:100%;display:grid;place-items:center;background:#30223d;color:#c3add6;font-size:17px}.live-period:after{display:none!important}.live-period span{font-size:9px;color:#8f829c}.live-source-panel{width:100%;min-height:235px;padding:30px;background:radial-gradient(ellipse at top right,#fe2c5515,transparent 70%),#15151b;border:1px solid #34313e;border-radius:12px}.live-source-panel strong{font-size:32px;line-height:1.4;letter-spacing:-.5px}.live-source-panel small{display:block;font-size:10px;color:#7a7187;margin-top:17px}.history-line{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;line-height:1.7;color:#afa0be;padding:12px 0;border-bottom:1px solid #332b3a}.history-line b{font-weight:600;color:#e0cee9;white-space:nowrap}.detail-note .loading-ring{margin:12px auto}.detail-profile>div:nth-child(2){min-width:0;overflow-wrap:anywhere}.detail-profile h2{overflow-wrap:anywhere}.detail-metrics strong{overflow-wrap:anywhere;font-size:24px}.detail-metrics small{line-height:1.7}.event-select{display:flex;align-items:center;gap:10px;font-size:11px;color:#ac99ba;margin:17px 0}.event-select select{background:#25212d;border:1px solid #4d3c59;color:#d2c1df;padding:7px 9px;border-radius:5px}.api-event{border-bottom:1px solid #332b3a;padding:11px 0}.api-event>span{font-size:9px;color:#8d7b9b}.api-event p{font-size:11px;color:#d7c6e3;line-height:1.8;overflow-wrap:anywhere;margin:6px 0}.select-wrap:has(select:disabled),button:disabled{opacity:.45;cursor:not-allowed}#connectionOverlay{z-index:90}
@media(max-width:720px){.source-banner{margin-top:5px;margin-bottom:7px;font-size:9px;padding:9px 11px;gap:8px}.source-banner button{font-size:9px}.spotlight:has(.live-source-panel){display:none}.live-source-panel{min-height:0}.connection-modal{padding:23px}.detail-metrics strong{font-size:23px}.stream-card{overflow-wrap:anywhere}.stream-card>span:last-child{min-width:65px;text-align:right}.demo-pill{font-size:8px}.live-period{padding-left:52px}.live-period span{font-size:8px}.detail-profile h2{font-size:18px}.detail-profile .primary{flex-shrink:0}}