@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#f3eefb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#0e0c13;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Space Grotesk,sans-serif}input:focus,textarea:focus,select:focus,button:focus-visible{outline-offset:2px;outline:2px solid #bd78ff}::selection{color:#fff;background:#6e3c9e}:root{--bg:#0e0c13;--panel:#191521;--panel2:#211b2b;--line:#332a41;--light:#f8f3ff;--muted:#a99db5;--purple:#a65fff;--purple-light:#d5b4ff;--yellow:#e7f45b}.appShell{min-height:100vh;display:flex}.sidebar{background:#141019;border-right:1px solid #2b2336;flex-direction:column;flex:none;width:255px;height:100vh;padding:30px 18px;display:flex;position:sticky;top:0}.brandButton{text-align:left;color:inherit;background:0 0;border:0;margin-bottom:62px;padding:0}.brand{letter-spacing:-1.4px;white-space:nowrap;align-items:center;gap:12px;font:700 28px Space Grotesk;display:flex}.brand small{letter-spacing:2px;color:#b5a5c3;margin-top:-1px;font:800 8px DM Sans;display:block}.mark{color:#fff;letter-spacing:-2px;background:#9b49f2;border-radius:12px;place-content:center;width:45px;height:45px;font-size:32px;display:grid;position:relative}.mark span{color:var(--yellow);font-size:16px;position:absolute;top:0;right:6px}.navSection{letter-spacing:1.8px;color:#786d83;margin:0 12px 16px;font-size:10px;font-weight:800}.sidebar nav{gap:5px;display:grid}.sidebar nav button,.logout{color:#afa4bf;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:14px;width:100%;padding:14px 13px;font-size:14px;font-weight:700;display:flex}.sidebar nav button:hover,.sidebar nav button.active{color:#d9baff;background:#2d203e}.navCount{color:#fff;background:#a45aff;border-radius:12px;margin-left:auto;padding:2px 7px;font-size:11px}.sidebarEnd{margin-top:auto}.privateNote{color:#c79ff1;background:#231b30;border:1px solid #39294d;border-radius:14px;gap:10px;padding:15px;display:flex}.privateNote strong{font-size:12px}.privateNote p{color:#9585a6;margin:5px 0 0;font-size:11px;line-height:1.6}.logout{margin-top:17px;font-size:12px}.main{flex:1;min-width:0}.topbar{border-bottom:1px solid #2b2436;justify-content:space-between;align-items:center;height:86px;padding:0 44px;display:flex}.breadcrumb{letter-spacing:.5px;color:#b2a8bb;font-size:13px;font-weight:800}.breadcrumb span{color:#654776;padding:0 10px}.userArea{align-items:center;gap:14px;font-size:13px;display:flex}.userArea .avatar{background:linear-gradient(135deg,#8d46d9,#4c2487);border-radius:50%;place-content:center;width:35px;height:35px;font-weight:800;display:grid}.userRole{letter-spacing:1px;color:#bca1e2;background:#281e36;border:1px solid #39294e;border-radius:7px;padding:7px 9px;font-size:9px;font-weight:800}.bellButton,.mobileMenu,.iconButton{color:#c6b4d7;background:0 0;border:0;place-content:center;padding:7px;display:inline-grid;position:relative}.bellButton i{background:#e4ee55;border-radius:50%;width:7px;height:7px;position:absolute;top:4px;right:6px}.mobileMenu{display:none}.mainContent{max-width:1280px;margin:0 auto;padding:36px 44px 90px}.eyebrow{letter-spacing:2px;color:#e0c0ff;align-items:center;gap:10px;font-size:11px;font-weight:800;display:flex}.liveDot{background:var(--yellow);border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 15px #f8ff6b66}.hero{background:radial-gradient(circle at 95% 5%,#7136a7 0%,#452160 23%,#291936 58%,#21192c 100%);border:1px solid #66467d;border-radius:24px;min-height:325px;margin-bottom:39px;padding:50px 56px;position:relative;overflow:hidden}.hero:after{content:"C";color:#ffffff08;pointer-events:none;font:800 300px/1 Space Grotesk;position:absolute;top:12px;right:20px}.hero h1,.pageHeader h1{letter-spacing:-2.7px;margin:20px 0;font:700 clamp(39px,5vw,66px)/1.05 Space Grotesk}.hero h1 em{color:#d0a5ff;font-style:normal}.hero p{color:#e1d2ed;max-width:550px;margin-bottom:15px;font-size:15px;line-height:1.75}.primary,.secondary,.outlineButton{border-radius:11px;justify-content:center;align-items:center;gap:10px;min-height:43px;padding:12px 18px;font-size:13px;font-weight:800;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.primary{background:var(--purple);border:1px solid var(--purple);color:#fff}.primary:not(:disabled):hover{background:#bc86ff;transform:translateY(-1px)}.secondary{color:#efd9ff;background:#342741;border:1px solid #715286}.secondary:not(:disabled):hover{background:#52316c}.outlineButton{color:#d5b4f2;background:#251c30;border:1px solid #6b4b81}.outlineButton:not(:disabled):hover{background:#342343}.wide{width:100%}.sectionHeading,.headingAction{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.sectionHeading h2,.headingAction h2,.sectionBody h2{letter-spacing:-.6px;margin:5px 0;font-size:24px}.mutedEyebrow{color:#917daa}.textButton{color:#c39be8;background:0 0;border:0;align-items:center;gap:6px;font-size:13px;font-weight:800;display:flex}.cliqueGrid{grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:17px;display:grid}.cliqueCard{text-align:left;color:inherit;background:#181420;border:1px solid #342a40;border-radius:17px;transition:transform .2s,border-color .2s;overflow:hidden}.cliqueCard:hover{border-color:#9a5ddb;transform:translateY(-3px)}.cliqueCover{color:#e2c1ff;background:radial-gradient(circle at 35% 30%,#854abf,#3b215c 65%,#241735);place-content:center;height:138px;display:grid;position:relative}.cliqueCover>span{color:#e5d7ef;letter-spacing:1px;background:#20142baa;border-radius:7px;align-items:center;gap:5px;padding:7px;font-size:9px;font-weight:800;display:flex;position:absolute;top:12px;right:13px}.cliqueCardBody{padding:17px}.cliqueCardBody h3{margin:0 0 7px;font-size:22px}.cliqueCardBody p{color:#b4a8c1;height:39px;font-size:13px;line-height:1.45;overflow:hidden}.cliqueCardBody>div{color:#d7b4ff;justify-content:space-between;align-items:center;display:flex}.cliqueCardBody>div span{letter-spacing:.8px;font-size:9px;font-weight:800}.splitBanner{background:#1b1524;border:1px solid #3c2e4b;border-radius:18px;align-items:center;gap:16px;margin-top:36px;padding:20px 24px;display:flex}.splitBanner strong{font-size:15px}.splitBanner p{color:var(--muted);margin:7px 0 0;font-size:12px}.iconCircle{color:#ce9dff;background:#3c2852;border-radius:14px;flex:none;place-content:center;width:49px;height:49px;display:inline-grid}.pageHeader{max-width:760px;margin:18px 0 38px}.pageHeader h1{margin:16px 0}.pageHeader p,.subtitle{color:var(--muted);font-size:14px;line-height:1.7}.accent{color:#bd83ff}.invitePanel{background:linear-gradient(130deg,#24192f,#17121f);border:1px solid #513866;border-radius:20px;max-width:800px;padding:30px}.invitePanel h2{margin:20px 0 7px;font-size:27px}.invitePanel p{color:var(--muted);line-height:1.6}.inlineForm{align-items:stretch;gap:12px;margin-top:25px;display:flex}.inlineForm input{flex:1;min-width:0}.form input,.form textarea,.form select,.inlineForm input{color:#f6efff;background:#17131e;border:1px solid #483752;border-radius:11px;outline:none;width:100%;padding:13px 14px}.form input:focus,.form textarea:focus,.inlineForm input:focus{border-color:#a363e6}.inviteResult{background:#2c1e3b;border:1px solid #72459e;border-radius:14px;align-items:center;gap:16px;margin-top:22px;padding:20px;display:flex}.artistBadge{color:#d3aaff;background:#5b3080;border-radius:13px;padding:13px}.inviteResult>div:nth-child(2){flex:1}.inviteResult strong{font-size:19px}.inviteResult p{margin:5px 0 0;font-size:12px}.noCliques{text-align:center;background:#1b1524;border:1px dashed #543767;border-radius:18px;padding:20px}.noCliques .empty{border:0;padding:22px}.noCliques .outlineButton{margin-bottom:16px}.empty{color:#b98cdb;text-align:center;background:#1a1521;border:1px dashed #473653;border-radius:15px;padding:50px 20px}.empty h3{color:#f0e8fa;margin:14px 0 8px;font-size:20px}.empty p{color:var(--muted);max-width:390px;margin:0 auto;font-size:13px;line-height:1.6}.noticeList{gap:10px;display:grid}.notice{text-align:left;color:#faf5ff;background:#191520;border:1px solid #30253d;border-radius:13px;align-items:center;gap:16px;width:100%;padding:16px;display:flex}.notice.unread{background:#251a34;border-color:#7648a2}.notice>span:nth-child(2){flex:1}.notice strong,.notice small{display:block}.notice small{color:var(--muted);margin-top:7px}.alert{color:#ffbec9;background:#48212f;border:1px solid #bd5e7a;border-radius:10px;justify-content:space-between;gap:10px;margin:0 0 20px;padding:13px;font-size:13px;display:flex}.alert button{color:inherit;background:0 0;border:0}.toast{z-index:5;background:#42225f;border:1px solid #b673f2;border-radius:12px;align-items:center;gap:9px;padding:14px 20px;display:flex;position:fixed;top:95px;right:40px;box-shadow:0 12px 40px #0009}.backButton{color:#c297ed;background:0 0;border:0;align-items:center;gap:8px;padding:0 0 20px;font-size:12px;font-weight:700;display:flex}.cliqueHero{background:radial-gradient(circle at 100% 0,#63318e,#261830 62%);border:1px solid #5b3c72;border-radius:22px;padding:34px 40px 24px}.cliqueHeroContent{align-items:center;gap:24px;margin:28px 0;display:flex}.artistLogo{color:#e4c4ff;background:linear-gradient(135deg,#8d47ce,#4b2780);border-radius:23px;flex:none;place-content:center;width:95px;height:95px;display:grid}.cliqueHero h1{letter-spacing:-1.5px;margin:0 0 10px;font-size:clamp(29px,4vw,51px)}.cliqueHero p{color:#ceb9dc;font-size:14px;line-height:1.5}.heroTags{flex-wrap:wrap;gap:11px;display:flex}.heroTags span{color:#e1bdfc;align-items:center;gap:6px;font-size:12px;display:flex}.cliqueActions{flex-wrap:wrap;gap:12px;margin-top:21px;display:flex}.tabs{border-bottom:1px solid #382842;gap:6px;margin-top:24px;margin-bottom:26px;display:flex;overflow-x:auto}.tabs button{color:#a597b2;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:9px;padding:15px 16px;font-size:13px;font-weight:800;display:flex}.tabs button.selected{color:#e0bbff;border-bottom-color:#a667eb}.sectionBody{max-width:1050px}.feed{gap:16px;max-width:780px;display:grid}.feedCard,.pollCard,.managementPanel{background:#1c1625;border:1px solid #372941;border-radius:16px;padding:24px}.feedTop{align-items:center;gap:12px;margin-bottom:20px;display:flex}.feedAvatar{color:#d4adf5;background:#4e2c67;border-radius:50%;place-content:center;width:41px;height:41px;display:grid}.feedTop>span{flex:1}.feedTop b,.feedTop small{display:block}.feedTop b{font-size:13px}.feedTop small{color:#a895b7;margin-top:5px;font-size:10px}.feedKind{color:#d6b0fb;background:#332343;border-radius:20px;align-items:center;gap:4px;padding:8px 10px;font-size:9px;font-weight:800;display:flex}.feedCard h3{margin:0 0 10px;font-size:22px}.feedCard p{color:#c5b9cf;white-space:pre-wrap;font-size:14px;line-height:1.7}.externalLink{color:#f7eaff;background:#573178;border:1px solid #8f4bc2;border-radius:9px;align-items:center;gap:10px;margin-top:6px;padding:12px 14px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.externalLink:hover{background:#7840a8}.pollGrid,.rewardGrid{grid-template-columns:repeat(auto-fill,minmax(275px,1fr));gap:17px;display:grid}.pollCard h3{margin:16px 0;font-size:21px}.pollOptions{gap:8px;display:grid}.pollOptions button{color:#f2e7fc;text-align:left;background:#2a2036;border:1px solid #4c3a5d;border-radius:10px;justify-content:space-between;align-items:center;padding:12px;font-size:13px;display:flex}.pollOptions button.chosen{background:#513073;border-color:#b576e8}.pollCard>small{color:#a99db5;margin-top:16px;font-size:11px;display:block}.pointsHint{color:#d1a8ff;align-items:center;gap:6px;margin:12px 0;font-size:13px;display:flex}.rewardCard{background:#1c1625;border:1px solid #3d2f4a;border-radius:17px;overflow:hidden}.rewardCover{color:#ddbaff;background:radial-gradient(circle at 35%,#8146b8,#2b1942);place-content:center;height:120px;display:grid}.rewardBody{padding:19px}.rewardBody h3{margin-bottom:8px;font-size:19px}.rewardBody p{color:#b4a5c3;min-height:45px;font-size:12px;line-height:1.5}.rewardMeta{justify-content:space-between;align-items:center;margin:16px 0;font-size:13px;display:flex}.rewardMeta span{color:#dbb4fe;align-items:center;gap:7px;font-weight:800;display:flex}.rewardMeta small{color:#9e91ab}.history,.managementPanel{margin-top:24px}.history{background:#201827;border-radius:14px;padding:16px}.history>div,.requestRow{border-bottom:1px solid #41314e;justify-content:space-between;align-items:center;gap:10px;padding:13px 0;font-size:13px;display:flex}.history b{color:#cda3f4}.managementPanel p{color:var(--muted);font-size:13px;line-height:1.6}.managementPanel h3{margin:12px 0}.copyRow{align-items:center;gap:12px;display:flex}.copyRow code{color:#ebdaff;background:#100d15;border:1px solid #443253;border-radius:9px;padding:13px}.requestRow{color:#b8a7c5}.requestRow small{margin-top:6px;display:block}.muted{color:var(--muted)}.loader{place-content:center;height:200px;display:grid}.spin{animation:2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.overlay{z-index:10;background:#08060ce8;justify-content:center;align-items:flex-start;padding:6vh 16px;display:flex;position:fixed;inset:0;overflow:auto}.modal{background:#1c1626;border:1px solid #644679;border-radius:20px;width:min(525px,100%);padding:32px;position:relative;box-shadow:0 30px 90px #0009}.modal .close{position:absolute;top:21px;right:20px}.modal h2{letter-spacing:-1px;margin:18px 0 7px;font-size:30px}.modal .form{margin-top:27px}.form{gap:16px;display:grid}.form label{color:#decdec;gap:9px;font-size:12px;font-weight:800;display:grid}.form .primary{margin-top:5px}.fieldHint{color:#a99bb5;font-size:11px;line-height:1.55}.formError{color:#ffb7c4;background:#43202f;border-radius:8px;padding:11px;font-size:12px}.formPair{grid-template-columns:1fr 1fr;gap:14px;display:grid}.authShell{grid-template-columns:minmax(380px,48%) 1fr;min-height:100vh;display:grid}.authPitch{background:radial-gradient(circle at 15% 67%,#5c2b84,#241435 55%,#17111f);border-right:1px solid #513461;flex-direction:column;padding:42px 54px;display:flex}.pitchBody{margin:auto 0}.pitchBody h1{letter-spacing:-3.5px;margin:24px 0;font:700 clamp(52px,6vw,84px)/1.04 Space Grotesk}.pitchBody h1 em{color:#d8afff;font-style:normal}.pitchBody>p{color:#ddd0e9;max-width:540px;font-size:16px;line-height:1.8}.pitchChips{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.pitchChips span{background:#50336680;border:1px solid #785591;border-radius:30px;align-items:center;gap:8px;padding:9px 15px;font-size:12px;font-weight:800;display:flex}.pitchFooter{letter-spacing:2px;color:#ad88c6;font-size:10px;font-weight:800}.authMain{place-content:center;padding:50px 32px;display:grid}.authBox{width:min(450px,90vw)}.tag{letter-spacing:1.2px;color:#d8aeff;align-items:center;gap:11px;font-size:10px;font-weight:800;display:flex}.authBox h2{letter-spacing:-1.6px;margin:22px 0 12px;font-size:clamp(29px,3vw,39px);line-height:1.12}.authBox>.subtitle{margin-bottom:28px}.roleChooser{grid-template-columns:1fr 1fr;gap:13px;margin-bottom:24px;display:grid}.roleChooser button{text-align:left;color:#efebf5;background:#1a1520;border:1px solid #473450;border-radius:12px;gap:9px;padding:17px;display:grid}.roleChooser button.selected{background:#342143;border-color:#a25df1}.roleChooser svg{color:#bd86ef}.roleChooser strong{font-size:14px}.roleChooser small{color:#a898b7;font-size:11px}.authBox .form{gap:17px}.switchAuth{text-align:center;color:#a79bb5;margin-top:25px;font-size:13px}.switchAuth button{color:#d2a2ff;background:0 0;border:0;font-weight:800}.loadingScreen{place-content:center;gap:20px;height:100vh;display:grid}.loadingScreen p{color:var(--muted)}@media (width<=1000px){.sidebar{width:220px}.mainContent{padding:28px}.topbar{padding:0 28px}.authPitch{padding:34px}}@media (width<=760px){.appShell{display:block}.sidebar{z-index:8;width:260px;transition:left .2s;position:fixed;top:0;left:-280px;box-shadow:15px 0 50px #0008}.sidebar.navOpen{left:0}.mobileMenu{display:inline-grid}.topbar{height:68px;padding:0 14px}.mainContent{padding:24px 16px 80px}.userArea{gap:9px}.userArea>span{display:none}.breadcrumb{margin-right:auto;font-size:11px}.hero{min-height:290px;padding:35px 26px}.hero h1{font-size:48px}.hero:after{font-size:210px;top:65px}.cliqueHero{padding:26px 20px}.cliqueHeroContent{gap:15px}.artistLogo{border-radius:15px;width:65px;height:65px}.artistLogo svg{width:27px}.cliqueHero h1{font-size:32px}.tabs button{padding:13px 12px}.inlineForm{flex-direction:column}.inviteResult{flex-wrap:wrap}.authShell{display:block}.authPitch{min-height:250px;padding:25px 28px 28px}.authPitch .brand{font-size:23px}.authPitch .mark{width:37px;height:37px;font-size:24px}.pitchBody{margin:25px 0 0}.pitchBody h1{letter-spacing:-2px;margin:10px 0;font-size:46px}.pitchBody>p{font-size:13px;line-height:1.5}.pitchChips,.pitchFooter{display:none}.authMain{padding:35px 20px}.authBox{width:100%}.formPair{grid-template-columns:1fr}.sectionHeading{gap:10px}.sectionHeading h2,.headingAction h2{font-size:21px}.copyRow{flex-wrap:wrap}}.notificationSettings{color:#d3b0f7;background:#241a32;border:1px solid #66467d;border-radius:14px;align-items:center;gap:15px;margin:0 0 25px;padding:19px;display:flex}.notificationSettings>span{flex:1}.notificationSettings b,.notificationSettings small{display:block}.notificationSettings b{color:#fff;font-size:14px}.notificationSettings small{color:#bda9cb;margin-top:6px;font-size:12px}.splitBanner>div:nth-child(2){flex:1}.splitBanner .outlineButton{flex:none}@media (width<=700px){.splitBanner{flex-wrap:wrap}.splitBanner .outlineButton{width:100%}}.privateImage,.privateVideo{object-fit:contain;background:#100d16;border:1px solid #594369;border-radius:12px;width:100%;max-height:490px;margin:16px 0;display:block}.privateAudio{color:#d4a7ff;background:#2e223b;border-radius:12px;align-items:center;gap:14px;margin:18px 0;padding:14px;display:flex}.privateAudio audio{width:100%;min-width:0}
