:root{color:#f7f3fa;background:#111017;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}html,body,#root{width:100%;min-height:100%;overflow-x:clip;overscroll-behavior:none}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{min-width:320px;margin:0;background:#111017;touch-action:pan-x pan-y}button,input,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:wait}.appShell,.loginShell,.appLoading{min-height:100dvh;background:radial-gradient(circle at 100% 0%,rgba(35,211,238,.12),transparent 32%),radial-gradient(circle at -10% 20%,rgba(255,63,154,.16),transparent 30%),#111017}.loginShell,.appLoading{display:grid;place-items:center;padding:22px}.loginCard,.recoveryCard{width:min(100%,430px);padding:30px;border:1px solid rgba(236,231,241,.13);border-radius:24px;background:#1c1822e6;box-shadow:0 28px 80px #00000052}.brandBadge{display:grid;width:48px;height:48px;place-items:center;border-radius:15px;background:linear-gradient(135deg,#ff3f9a,#7657ff 58%,#23d3ee);color:#fff;font-size:22px;font-weight:950;box-shadow:0 14px 30px #7657ff4d}.eyebrow{margin:0;color:#fb8cbd;font-size:10px;font-weight:900;letter-spacing:.16em}.loginCard .eyebrow,.recoveryCard .eyebrow{margin-top:25px}.loginCard h1,.recoveryCard h1{margin:9px 0;color:#fff;font-size:33px;line-height:1.04;letter-spacing:0}.loginCopy,.recoveryCard p:not(.eyebrow){margin:0 0 25px;color:#b9afc1;font-size:14px;line-height:1.55}.loginCard form{display:grid;gap:14px}.loginCard label{display:grid;gap:7px;color:#d9d0df;font-size:12px;font-weight:800}.loginCard input,.noteForm textarea{width:100%;min-height:47px;padding:0 13px;outline:0;border:1px solid rgba(236,231,241,.14);border-radius:12px;background:#00000024;color:#fff}.loginCard input:focus,.noteForm textarea:focus{border-color:#aa75ff;box-shadow:0 0 0 3px #aa75ff26}.formError{margin:0;color:#ff9bc5;font-size:12px}.loginNote{margin:18px 0 0;color:#8f8598;font-size:12px;text-align:center}.primaryButton,.secondaryAction{display:inline-flex;width:100%;min-height:48px;align-items:center;justify-content:center;gap:8px;border-radius:13px;background:linear-gradient(135deg,#ff3f9a,#7657ff 58%,#23d3ee);color:#fff;font-weight:900;box-shadow:0 14px 32px #7657ff47}.primaryButton:disabled{opacity:.65}.secondaryButton{width:100%;min-height:44px;margin-top:10px;border:1px solid rgba(236,231,241,.14);border-radius:13px;background:#ffffff0a;color:#e8e0ea;font-weight:800}.mobileHeader{position:sticky;z-index:15;top:0;display:flex;height:68px;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(236,231,241,.08);background:#111017d1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.mobileHeader>div{display:flex;gap:8px}.logoButton{display:inline-flex;align-items:center;gap:9px;padding:0;background:transparent;color:#fff;font-size:20px;font-weight:900;letter-spacing:-.04em}.logoButton span{display:grid;width:29px;height:29px;place-items:center;border-radius:9px;background:linear-gradient(135deg,#ff3f9a,#7657ff 62%,#23d3ee);color:#fff;font-size:14px;letter-spacing:0}.roundButton,.smallIcon{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(236,231,241,.13);border-radius:12px;background:#ffffff0a;color:#f6eff8}.smallIcon{width:32px;height:32px;border-radius:10px}.mobileContent{width:min(100%,680px);margin:0 auto;padding:22px 16px 104px}.screenStack{display:grid;gap:15px}.pageTitle{display:flex;align-items:end;justify-content:space-between;min-height:48px}.pageTitle h1{margin:6px 0 0;color:#fff;font-size:27px;line-height:1;letter-spacing:-.045em}.panel{padding:17px;border:1px solid rgba(236,231,241,.11);border-radius:18px;background:#ffffff06;box-shadow:0 16px 40px #0000001f}.sectionHeading,.sectionTop{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:14px}.sectionHeading h2{margin:6px 0 0;color:#fff;font-size:19px;letter-spacing:-.025em}.sectionTop{align-items:start}.sectionTop span{display:block;margin-top:4px;color:#a59aaa;font-size:12px}.textButton{padding:0;background:transparent;color:#9cddf2;font-size:12px;font-weight:850}.revenueHero,.incomeTotal{position:relative;overflow:hidden;padding:20px;border:1px solid rgba(225,148,255,.23);border-radius:21px;background:linear-gradient(135deg,#ff3f9a2b,#7657ff33 52%,#23d3ee1f);box-shadow:inset 0 1px #ffffff1a,0 20px 55px #10051c40}.revenueHero:after{position:absolute;top:-50%;right:-30%;width:190px;height:190px;border-radius:50%;background:#23d3ee1f;filter:blur(20px);content:""}.revenueHero strong,.incomeTotal strong{position:relative;z-index:1;display:block;margin:17px 0 6px;color:#fff;font-size:38px;line-height:1;letter-spacing:-.06em}.revenueHero>p,.incomeTotal span{position:relative;z-index:1;margin:0;color:#d7cadb;font-size:13px;line-height:1.45}.miniMetrics{position:relative;z-index:1;display:flex;gap:18px;margin-top:20px;color:#ded3e3;font-size:12px}.miniMetrics b{color:#fff}.metricGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.metricCard{min-height:106px;padding:13px;border:1px solid rgba(236,231,241,.1);border-radius:16px;background:#ffffff07}.metricCard>span{display:grid;width:28px;height:28px;place-items:center;margin-bottom:13px;border-radius:9px}.metricCard.pink>span{background:#ff3f9a29;color:#ff7db9}.metricCard.blue>span{background:#23d3ee26;color:#64dff4}.metricCard.violet>span{background:#7657ff30;color:#af9dff}.metricCard.cyan>span{background:#2de0a524;color:#55e9bd}.metricCard small{display:block;color:#aaa0b2;font-size:11px}.metricCard strong{display:block;margin-top:5px;color:#fff;font-size:18px;letter-spacing:-.035em}.chartWrap{overflow:hidden}.chartLegend{display:flex;justify-content:space-between;margin:0 0 6px;color:#a89eaf;font-size:11px}.chartLegend span{display:inline-flex;align-items:center;gap:6px}.chartLegend i{width:7px;height:7px;border-radius:50%;background:#ff5bac;box-shadow:0 0 10px #ff5bac}.chartLegend b{color:#fff}.chartWrap svg{display:block;width:100%;height:auto}.chartGrid{stroke:#ece7f11f;stroke-dasharray:3 5}.chartLine{fill:none;stroke:#ff56ad;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 5px 7px rgba(255,63,154,.38))}.chartAxis{display:flex;justify-content:space-between;margin-top:-1px;color:#817789;font-size:10px}.setupNotice{padding:22px;border:1px solid rgba(118,87,255,.32);border-radius:19px;background:linear-gradient(135deg,#7657ff2b,#ff3f9a12)}.setupNotice>div{display:flex;align-items:center;gap:7px;color:#d9a8ff;font-size:10px;font-weight:900;letter-spacing:.14em}.setupNotice h2{margin:16px 0 7px;color:#fff;font-size:21px;letter-spacing:-.035em}.setupNotice p{margin:0 0 17px;color:#c2b7c9;font-size:13px;line-height:1.5}.secondaryAction{width:auto;min-height:38px;padding:0 12px;border:1px solid rgba(236,231,241,.17);background:#ffffff0f;box-shadow:none;font-size:12px}.creatorRow{display:grid;grid-template-columns:42px minmax(0,1fr) 9px auto;align-items:center;gap:10px;padding:11px 0}.creatorRow+.creatorRow{border-top:1px solid rgba(236,231,241,.08)}.creatorRow>div:nth-child(2){display:grid;gap:3px;min-width:0}.creatorRow strong,.fanRow strong,.inboxRow strong{overflow:hidden;color:#fff;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.creatorRow span,.creatorRow small,.fanRow small{color:#a89eaf;font-size:11px}.creatorRow>small{white-space:nowrap}.avatar,.profileAvatar{display:grid;width:42px;height:42px;place-items:center;overflow:hidden;flex:0 0 auto;border-radius:14px;background:linear-gradient(145deg,#7657ff,#ff3f9a);color:#fff;font-weight:900}.avatar.soft{background:#7657ff40;color:#d9caff}.avatar img{width:100%;height:100%;object-fit:cover}.statusDot{width:9px;height:9px;border-radius:50%}.statusDot.online{background:#2de0a5;box-shadow:0 0 0 4px #2de0a51c}.statusDot.offline{background:#ff735c}.fanRow{display:grid;width:100%;grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:11px 0;border:0;background:transparent;text-align:left}.fanRow+.fanRow{border-top:1px solid rgba(236,231,241,.08)}.fanRow>span{display:grid;min-width:0;gap:3px}.fanRow b{color:#fff;font-size:13px}.fanRow svg{color:#8f8698}.emptyState{display:grid;min-height:190px;place-items:center;align-content:center;gap:9px;padding:25px;border:1px dashed rgba(236,231,241,.14);border-radius:14px;color:#b7adbf;text-align:center}.emptyIcon{display:grid;width:42px;height:42px;place-items:center;border-radius:14px;background:#7657ff2e;color:#d78aff}.emptyState h3{margin:2px 0 0;color:#f1eaf3;font-size:15px}.emptyState p{max-width:330px;margin:0;font-size:12px;line-height:1.55}.loading{display:flex;min-height:150px;align-items:center;justify-content:center;gap:9px;color:#c9bece;font-size:13px;font-weight:800}.spin{animation:spin .9s linear infinite}.searchBox{display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid rgba(236,231,241,.13);border-radius:14px;background:#ffffff09;color:#9e95a8}.searchBox input{width:100%;padding:13px 0;outline:0;border:0;background:transparent;color:#fff}.searchBox input::placeholder{color:#8d8496}.inboxRow{display:grid;width:100%;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 0;border:0;background:transparent;text-align:left}.inboxRow+.inboxRow{border-top:1px solid rgba(236,231,241,.08)}.inboxRow>div{min-width:0}.inboxRow p{overflow:hidden;margin:3px 0 0;color:#a79cab;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.inboxRow aside{display:grid;justify-items:end;gap:5px}.inboxRow aside small{color:#8f8598;font-size:10px}.inboxRow aside b{color:#fff;font-size:11px}.incomeTotal{padding:21px}.incomeTotal p{margin:0;color:#f491c3;font-size:10px;font-weight:900;letter-spacing:.14em}.incomeRow,.eventRow{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 0}.incomeRow+.incomeRow,.eventRow+.eventRow{border-top:1px solid rgba(236,231,241,.08)}.incomeRow>span,.eventRow>span{display:grid;width:32px;height:32px;place-items:center;border-radius:10px;background:#ffffff0f}.incomeRow>span.pink{color:#ff79b8;background:#ff3f9a26}.incomeRow>span.violet{color:#ad9dff;background:#7657ff2e}.incomeRow>span.cyan{color:#68e3f7;background:#23d3ee24}.incomeRow>span.slate{color:#b9afc1}.incomeRow b,.eventRow strong{color:#f4edf7;font-size:13px}.incomeRow strong,.eventRow b{color:#fff;font-size:13px}.eventRow>span{color:#fb77b8}.eventRow div{display:grid;gap:3px}.eventRow small{color:#93899c;font-size:11px}.insightHero{padding:21px;border:1px solid rgba(35,211,238,.25);border-radius:20px;background:linear-gradient(135deg,#23d3ee21,#7657ff2e)}.insightHero>svg{color:#70e4f5}.insightHero p{margin:13px 0 5px;color:#a4eafa;font-size:10px;font-weight:900;letter-spacing:.14em}.insightHero h2{margin:0;color:#fff;font-size:22px;line-height:1.18;letter-spacing:-.035em}.insightHero button{display:inline-flex;align-items:center;gap:4px;margin-top:17px;padding:0;background:transparent;color:#fff;font-weight:800}.desktopNote{display:flex;gap:11px;padding:15px;border:1px solid rgba(236,231,241,.1);border-radius:16px;background:#ffffff07;color:#c9bed0}.desktopNote>svg{flex:0 0 auto;color:#62dcf1}.desktopNote strong{display:block;color:#f4edf7;font-size:13px}.desktopNote p{margin:4px 0 0;font-size:12px;line-height:1.45}.scriptList article{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:10px;padding:13px 0}.scriptList article+article{border-top:1px solid rgba(236,231,241,.08)}.scriptList h3{margin:6px 0;color:#fff;font-size:14px}.scriptList small{color:#f58dbf;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.scriptList p{margin:0;color:#b8aec0;font-size:12px;line-height:1.5}.toast{position:fixed;z-index:40;top:80px;right:18px;left:18px;padding:12px;border:1px solid rgba(45,224,165,.32);border-radius:12px;background:#182824;color:#a7f0d1;font-size:12px;font-weight:800;text-align:center;box-shadow:0 14px 32px #00000052}.profilePanel{display:flex;align-items:center;gap:12px;padding:18px;border:1px solid rgba(236,231,241,.11);border-radius:18px;background:#ffffff08}.profileAvatar{width:52px;height:52px;border-radius:16px;font-size:19px}.profilePanel p{margin:0 0 4px;color:#f58dbf;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.profilePanel h2{margin:0;color:#fff;font-size:18px}.profilePanel span{display:block;margin-top:4px;color:#aca1b2;font-size:11px}.settingList>div{display:grid;grid-template-columns:20px minmax(0,1fr) 18px;align-items:center;gap:11px;padding:14px 0;color:#d6cddd}.settingList>div+div{border-top:1px solid rgba(236,231,241,.08)}.settingList span{display:grid;gap:3px}.settingList strong{color:#fff;font-size:13px}.settingList small{color:#968b9e;font-size:11px}.signOut{display:inline-flex;width:100%;min-height:46px;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,115,92,.32);border-radius:14px;background:#ff735c12;color:#ffa996;font-size:13px;font-weight:850}.bottomNav{position:fixed;z-index:20;right:0;bottom:0;left:0;display:grid;max-width:680px;grid-template-columns:repeat(5,1fr);align-items:center;margin:0 auto;padding:10px 10px calc(10px + env(safe-area-inset-bottom));border-top:1px solid rgba(236,231,241,.1);background:#111017f0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottomNav button{display:grid;justify-items:center;gap:4px;padding:4px;background:transparent;color:#92899c;font-size:10px}.bottomNav button.active{color:#fa80bb}.bottomNav .fanslyButton{position:relative;width:54px;height:54px;place-self:center;align-content:center;padding:0;border:1px solid rgba(255,255,255,.26);border-radius:18px;background:linear-gradient(135deg,#ff3f9a,#7657ff 60%,#23d3ee);color:#fff;box-shadow:0 12px 30px #7d50ff7a,0 0 0 5px #7657ff1f;transform:translateY(-13px)}.bottomNav .fanslyButton span{font-size:9px;font-weight:900}.bottomNav .fanslyButton.active{color:#fff;box-shadow:0 12px 30px #7d50ff8f,0 0 0 6px #ff3f9a2b}.menuBackdrop{position:fixed;z-index:30;inset:0;display:flex;align-items:end;background:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.menuSheet{width:100%;max-height:min(84dvh,720px);overflow:auto;padding:24px 18px calc(25px + env(safe-area-inset-bottom));border:1px solid rgba(236,231,241,.15);border-radius:24px 24px 0 0;background:linear-gradient(145deg,#21182b,#111c31);box-shadow:0 -20px 80px #00000080}.menuSheet header{display:flex;align-items:center;justify-content:space-between}.menuSheet h2{margin:12px 0 16px;color:#fff;font-size:27px;letter-spacing:-.04em}.menuSheet>button{display:grid;width:100%;grid-template-columns:22px minmax(0,1fr) 18px;align-items:center;gap:11px;padding:15px 4px;border-top:1px solid rgba(236,231,241,.08);background:transparent;color:#fff;text-align:left;font-size:14px;font-weight:800}.menuSheet>button svg:last-child{color:#988da1;justify-self:end}.fanslyLaunch{padding:27px 21px;border:1px solid rgba(118,87,255,.32);border-radius:22px;background:radial-gradient(circle at 85% 0%,rgba(35,211,238,.16),transparent 36%),linear-gradient(135deg,#ff3f9a26,#7657ff2e);text-align:center}.fanslyMark{display:grid;width:58px;height:58px;place-items:center;margin:0 auto 18px;border-radius:19px;background:linear-gradient(135deg,#ff3f9a,#7657ff 60%,#23d3ee);color:#fff;box-shadow:0 15px 35px #7657ff61}.fanslyLaunch h2{margin:9px 0;color:#fff;font-size:27px;line-height:1.05;letter-spacing:-.045em}.fanslyLaunch p:not(.eyebrow){margin:0 auto 20px;color:#d1c5d8;font-size:13px;line-height:1.55}.fanslyLaunchButton{display:inline-flex;width:100%;min-height:51px;align-items:center;justify-content:center;gap:8px;border-radius:14px;background:#fff;color:#17121d;font-size:13px;font-weight:900;text-decoration:none}.fanslyLaunch>small{display:block;margin-top:13px;color:#afa3b7;font-size:11px}.detailSheet{position:fixed;z-index:40;inset:0;overflow:auto;background:#15121a}.detailSheet header{position:sticky;z-index:2;top:0;display:flex;height:68px;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid rgba(236,231,241,.09);background:#15121aeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.detailSheet header strong{color:#fff;font-size:15px}.detailBody{display:grid;gap:18px;width:min(100%,680px);margin:0 auto;padding:21px 16px 35px}.fanProfile{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:11px}.fanProfile .avatar{width:48px;height:48px}.fanProfile h2{margin:0;color:#fff;font-size:20px}.fanProfile p{margin:3px 0 0;color:#a69bab;font-size:12px}.fanProfile b{color:#fff}.detailSection{display:grid;gap:9px}.bubble{width:fit-content;max-width:88%;margin:0;padding:10px 11px;border-radius:13px 13px 13px 4px;background:#ffffff12;color:#f0e9f2;font-size:13px;line-height:1.45}.bubble.outbound{justify-self:end;border-radius:13px 13px 4px;background:linear-gradient(135deg,#ff3f9adb,#7657ffdb)}.bubble small{display:block;margin-top:5px;color:#ffffffa8;font-size:9px}.noteForm{display:grid;gap:8px}.noteForm textarea{min-height:82px;padding:11px;resize:vertical}.noteCard{padding:11px;border:1px solid rgba(236,231,241,.1);border-radius:12px;background:#ffffff08}.noteCard p{margin:0;color:#e5dce9;font-size:12px;line-height:1.5}.noteCard small,.muted{margin:6px 0 0;color:#978c9f;font-size:10px}.muted{font-size:12px}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:681px){.appShell{border-right:1px solid rgba(236,231,241,.08);border-left:1px solid rgba(236,231,241,.08)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}