:root{--accent:#bcbcbc;color:#eeeee9;font-synthesis:none;background:#131313;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}a{color:inherit;text-decoration:none}button{color:inherit;background:0 0;border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.shell{min-height:100vh;padding-bottom:112px;padding-left:238px}aside{background:#151515;border-right:1px solid #323232;flex-direction:column;width:238px;padding:40px 25px;display:flex;position:fixed;inset:0 auto 100px 0}.brand{letter-spacing:-1.7px;font-size:30px;font-weight:700}.brand span,h1>span{color:var(--accent)}.artist{align-items:center;gap:12px;margin:51px 0 32px;font-size:14px;font-weight:600;display:flex}.avatar{background:var(--accent);width:36px;height:36px;color:var(--accent-ink,#1e1e1e);border-radius:50%;place-items:center;display:grid}.artist small{color:#868686;margin-top:5px;font-size:12px;font-weight:400;display:block}nav button{background:#272727;border-radius:7px;align-items:center;gap:12px;width:100%;padding:13px 12px;font-size:14px;display:flex}nav button span{color:#aaa;margin-left:auto}.sidebarBottom{color:#aeaeae;margin-top:auto;font-size:13px}.sidebarBottom svg{vertical-align:middle;margin-right:7px;display:inline}.sidebarBottom small{color:#676767;margin-top:12px;font-size:12px;display:block}main{max-width:1450px;margin:auto;padding:0 54px 50px}header{color:#979797;border-bottom:1px solid #2c2c2c;justify-content:space-between;align-items:center;height:90px;font-size:13px;display:flex}.breadcrumb span{color:#565656;padding:0 16px}.private{align-items:center;gap:7px;font-size:12px;display:flex}.heading{justify-content:space-between;align-items:center;padding:57px 0 43px;display:flex}.eyebrow{letter-spacing:2px;color:#9d9d9d;font-size:11px;font-weight:600}h1{letter-spacing:-3px;margin:15px 0;font-size:62px;font-weight:500;line-height:1.1}.heading p{color:#9d9d9d;margin:0;font-size:15px}.primary{background:var(--accent);color:var(--accent-ink,#1e1e1e);border-radius:6px;justify-content:center;align-items:center;gap:9px;padding:13px 19px;font-size:14px;font-weight:600;display:inline-flex}.primary:hover{background:color-mix(in srgb,var(--accent) 80%,white)}.secondary{border:1px solid #494949;border-radius:6px;padding:12px 17px;font-size:14px}.toolbar{border-bottom:1px solid #333;justify-content:space-between;align-items:center;margin-bottom:27px;padding-bottom:16px;display:flex}.tab{font-size:14px;font-weight:600}.tab span{color:#a8a8a8;margin-left:10px;font-size:12px}.search{color:#7f7f7f;align-items:center;gap:8px;display:flex}.search input{color:#ddd;background:0 0;border:0;outline:none;width:165px;font-size:13px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;display:grid}.projectCard{text-align:left;min-width:0;padding:0}.art{aspect-ratio:1;color:#333;border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.art img{object-fit:cover;width:100%;height:100%}.artlabel{letter-spacing:2px;color:#202020;background:#fff5;border-radius:2px;padding:5px 7px;font-size:10px;position:absolute;bottom:18px;left:20px}.projectCard:hover .art{filter:brightness(1.1)}.cardinfo{padding-top:17px}.cardinfo h2{overflow-wrap:anywhere;margin:0 0 8px;font-size:17px;font-weight:500}.cardinfo span{color:#929292;font-size:12px}.cardinfo b{margin:0 8px;font-weight:400}.createCard{aspect-ratio:1;color:#c1c1c1;border:1px dashed #474747;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:13px;display:flex}.createCard:hover{border-color:var(--accent);background:#1e1e1e}.pluscircle{border:1px solid #4c4c4c;border-radius:50%;place-items:center;width:52px;height:52px;margin-bottom:10px;display:grid}.createCard strong{font-size:15px;font-weight:400}.createCard small{color:#828282;font-size:12px}.libraryFoot{color:#7d7d7d;border-top:1px solid #303030;align-items:center;gap:9px;margin-top:50px;padding-top:23px;font-size:12px;display:flex}.libraryFoot span:last-child{margin-left:auto}.back{color:#aaa;align-items:center;gap:8px;margin:27px 0;padding:0;font-size:13px;display:flex}.projectHero{align-items:center;gap:35px;padding:15px 0 40px;display:flex}.coverButton{flex-shrink:0;width:215px;padding:0;position:relative}.coverButton>span{text-align:center;color:#fff;opacity:0;background:#0009;padding:8px;font-size:12px;position:absolute;bottom:12px;left:0;right:0}.coverButton:hover>span{opacity:1}.projectDetails{min-width:0}.projectDetails h1{letter-spacing:-1.6px;overflow-wrap:anywhere;font-size:45px}.projectNote{color:#b2b2b2;white-space:pre-wrap;font-size:14px}.projectActions{align-items:center;gap:10px;margin-top:22px;display:flex}.iconButton{color:#9b9b9b;border-radius:5px;justify-content:center;align-items:center;padding:8px;display:inline-flex}.iconButton:hover{color:#f4f4f4;background:#373737}.trackHeading{color:#8f8f8f;letter-spacing:1.5px;border-top:1px solid #393939;border-bottom:1px solid #393939;justify-content:space-between;padding:20px 0;font-size:11px;display:flex}.trackHeading span:last-child{letter-spacing:0}.track{border-bottom:1px solid #303030;align-items:center;gap:15px;padding:18px 5px;display:flex}.track.now{color:var(--accent);background:color-mix(in srgb,var(--accent) 3%,transparent)}.trackplay{padding:6px}.number{color:#747474;font-size:12px}.trackname{text-align:left;flex:1;min-width:0}.trackname strong{overflow-wrap:anywhere;font-size:15px;font-weight:400;display:block}.trackname small{color:#878787;text-overflow:ellipsis;white-space:nowrap;max-width:40vw;margin-top:7px;font-size:12px;display:block;overflow:hidden}.fileSize{color:#858585;font-size:12px}.dropzone{color:#b1b1b1;border:1px dashed #454545;border-radius:7px;flex-direction:column;align-items:center;gap:15px;width:100%;margin-top:26px;padding:38px 20px;display:flex}.dropzone strong{font-size:14px;font-weight:400}.dropzone span{color:#7e7e7e;font-size:12px}.dropzone:hover{background:color-mix(in srgb,var(--accent) 2%,transparent)}.player{z-index:10;background:#1e1e1e;border-top:1px solid #414141;justify-content:space-between;align-items:center;gap:28px;height:100px;padding:16px 30px;display:flex;position:fixed;bottom:0;left:0;right:0}.playingInfo{align-items:center;gap:13px;width:30%;min-width:0;display:flex}.miniart{color:#b6b6b6;background:#393939;border-radius:5px;flex-shrink:0;place-items:center;width:54px;height:54px;display:grid;overflow:hidden}.miniart .art{border-radius:0;width:54px}.miniart .artlabel{display:none}.playingInfo strong{white-space:nowrap;text-overflow:ellipsis;max-width:25vw;font-size:14px;font-weight:400;display:block;overflow:hidden}.playingInfo small{color:#919191;margin-top:7px;font-size:12px;display:block}.playControls{width:39%;max-width:470px}.playControls>div{justify-content:center;align-items:center;gap:22px;margin-bottom:9px;display:flex}.playMain{color:#232323;background:#eaeaea;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.seek{color:#a7a7a7;align-items:center;gap:12px;font-size:10px;display:flex}.seek input{width:100%;height:3px;accent-color:var(--accent)}.playerBrand{letter-spacing:2px;color:#828282;text-align:right;flex:1;font-size:11px}.empty{color:#919191;padding:60px 10px}.error{color:#ffe0d5;background:#4c2724;border-radius:6px;justify-content:space-between;gap:20px;margin-top:20px;padding:14px;font-size:14px;display:flex}.overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:30;background:#000a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#212121;border:1px solid #4f4f4f;border-radius:14px;width:460px;padding:35px;position:relative}.close{position:absolute;top:16px;right:16px}.modal h2{letter-spacing:-1px;margin:20px 0 30px;font-size:32px;font-weight:400}.modal label{color:#c1c1c1;margin:20px 0;font-size:14px;display:block}.modal input,.modal textarea{color:#efefef;background:#151515;border:1px solid #565656;border-radius:5px;width:100%;margin-top:10px;padding:13px;font-size:16px;display:block}.modal .primary{width:100%;margin-top:10px}.modalError{color:#ffb4a5;font-size:14px}@media (width>=1400px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1000px){.shell{padding-left:190px}aside{width:190px;padding:35px 18px}main{padding:0 30px 40px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.projectDetails h1{font-size:35px}.coverButton{width:165px}.fileSize{display:none}}@media (width<=650px){.shell{padding-bottom:130px;padding-left:0}aside{border:0;border-bottom:1px solid #323232;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:70px;padding:17px 22px;position:static}.brand{font-size:25px}.artist{margin:0}.artist small,aside nav,.sidebarBottom{display:none}.avatar{width:30px;height:30px}.artist{font-size:12px}main{padding:0 22px 25px}header{height:55px}.heading{gap:12px;padding:35px 0 29px}h1{font-size:45px}.heading .primary{padding:11px 12px;font-size:12px}.eyebrow{letter-spacing:1.4px;font-size:10px}.grid{gap:17px}.artlabel{letter-spacing:1px;font-size:8px;bottom:10px;left:10px}.cardinfo h2{font-size:15px}.search input{width:125px}.createCard small{font-size:10px}.createCard{gap:8px}.pluscircle{width:38px;height:38px;margin-bottom:3px}.libraryFoot span:last-child{display:none}.projectHero{flex-wrap:wrap;align-items:flex-start;gap:20px}.coverButton{width:125px}.projectDetails{flex:1}.projectDetails h1{font-size:29px}.projectActions{flex-wrap:wrap;gap:5px}.projectActions .primary,.secondary{padding:10px;font-size:12px}.track{gap:6px}.trackname small{max-width:40vw}.deleteTrack,.number{display:none}.trackname strong{font-size:14px}.player{flex-wrap:wrap;gap:10px;height:117px;padding:13px 20px}.playingInfo{width:75%;height:40px}.miniart{width:37px;height:37px}.playingInfo strong{max-width:65vw}.playingInfo small{font-size:10px}.playControls{align-items:center;gap:18px;width:100%;max-width:none;display:flex}.playControls>div{gap:12px;margin:0}.seek{flex:1}.playerBrand{display:none}.dropzone span{text-align:center;line-height:1.7}.modal{padding:27px}.projectNote{font-size:13px}}.headerActions{align-items:center;gap:20px;display:flex;position:relative}.colourToggle{color:#bfbfbf;align-items:center;gap:8px;padding:8px;font-size:13px;display:flex}.colourToggle>span{border:1px solid #fff6;border-radius:50%;width:14px;height:14px}.colourPanel{z-index:20;background:#292929;border:1px solid #545454;border-radius:10px;width:260px;padding:20px;position:absolute;top:40px;right:0;box-shadow:0 12px 40px #0008}.colourPanel strong{color:#ececec;font-size:14px;font-weight:500}.swatches{gap:9px;margin:20px 0;display:flex}.swatches button{color:#1d1d1d;border-radius:50%;width:28px;height:28px;font-size:16px}.swatches button[aria-pressed=true]{outline-offset:3px;outline:2px solid #fff}.colourPanel label{color:#cacaca;justify-content:space-between;align-items:center;font-size:14px;display:flex}.colourPanel input{cursor:pointer;background:0 0;border:0;width:42px;height:30px}.colourPanel small{color:#999;margin-top:17px;font-size:12px;display:block}@media (width<=650px){.headerActions{gap:5px}.colourToggle{font-size:12px}.headerActions .private{display:none}}.authPage{place-items:center;min-height:100vh;padding:24px;display:grid}.accountMenu{color:#acacac;background:#1f1f1f;justify-content:flex-end;gap:18px;padding:8px 25px;font-size:12px;display:flex}.accountMenu button{color:#bcbcbc}.preferencesButton{color:var(--accent,#bcbcbc);z-index:5;font-size:12px;position:absolute;top:7px;left:260px}.modal select{color:#efefef;background:#151515;border:1px solid #565656;border-radius:5px;width:100%;margin-top:10px;padding:13px;font-size:16px;display:block}.modal p{font-size:14px;line-height:1.65}.sharedPage{max-width:850px;padding-top:50px}.sharedCover{object-fit:cover;border-radius:9px;width:190px;height:190px}.projectActions{flex-wrap:wrap}.sharedPage .trackname small{white-space:pre-wrap;max-width:none}[data-theme=light]{color:#222;background:#f7f7f7}[data-theme=light] aside,[data-theme=light] .player,[data-theme=light] .accountMenu{color:#2b2b2b;background:#ececec}[data-theme=light] nav button,[data-theme=light] .modal,[data-theme=light] .colourPanel{color:#303030;background:#fff}[data-theme=light] .modal input,[data-theme=light] .modal textarea,[data-theme=light] .modal select{color:#222;background:#f6f6f6;border-color:#b1b1b1}[data-theme=light] .search input{color:#303030}[data-theme=light] .private,[data-theme=light] .breadcrumb,[data-theme=light] .eyebrow,[data-theme=light] .heading p,[data-theme=light] .cardinfo span,[data-theme=light] .trackname small,[data-theme=light] .projectNote,[data-theme=light] .modal label,[data-theme=light] .playingInfo small,[data-theme=light] .createCard,[data-theme=light] .dropzone,[data-theme=light] .iconButton,[data-theme=light] .colourPanel strong,[data-theme=light] .colourPanel label,[data-theme=light] .colourToggle,[data-theme=light] .trackHeading,[data-theme=light] .back{color:#5c5c5c}[data-theme=light] .now{color:#3c3c3c}[data-theme=light] .brand span,[data-theme=light] h1>span{color:#666}[data-theme=light] .preferencesButton,[data-theme=light] .accountMenu button{color:#4c4c4c}[data-theme=light] .createCard small,[data-theme=light] .dropzone span,[data-theme=light] .libraryFoot,[data-theme=light] .playerBrand,[data-theme=light] .seek{color:#5e5e5e}[data-theme=light] .secondary,[data-theme=light] .createCard,[data-theme=light] .dropzone{border-color:#b1b1b1}@media (width<=650px){.preferencesButton{text-align:right;background:#1f1f1f;width:100%;padding:10px;display:block;position:static}.accountMenu span{text-overflow:ellipsis;max-width:65vw;overflow:hidden}.sharedPage{padding-top:30px}.sharedCover{width:130px;height:130px}[data-theme=light] .preferencesButton{background:#ececec}}.backgroundSettings{border:1px solid #5d5d5d;border-radius:8px;margin:22px 0;padding:16px}.backgroundSettings legend{padding:0 7px;font-size:15px}.backgroundSettings small,.coverEditor small{color:#9b9b9b;margin-top:14px;line-height:1.5;display:block}.backgroundPreview{object-fit:cover;border-radius:6px;width:100%;max-height:130px;margin:10px 0}.modal{max-height:90vh;overflow-y:auto}.coverEditor{width:540px}.coverEditor p{font-size:14px;line-height:1.5}.transparencyPreview{background-color:#ddd;background-image:linear-gradient(45deg,#bbb 25%,#0000 25%),linear-gradient(-45deg,#bbb 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#bbb 75%),linear-gradient(-45deg,#0000 75%,#bbb 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border-radius:7px;justify-content:center;align-items:center;min-height:120px;display:flex;overflow:hidden}.transparencyPreview canvas{object-fit:contain;cursor:crosshair;max-width:100%;max-height:260px}.transparencyPreview p{color:#222}.coverTools{grid-template-columns:1fr 2fr;gap:15px;display:grid}.modal input[type=color]{height:45px;padding:5px}.coverTools input[type=range]{accent-color:var(--accent);border:0;padding:0}.coverEditor>.secondary{margin:4px 8px 4px 0}html[data-background=colour] body{background:var(--background-colour);min-height:100vh}html[data-background=image] body{background:linear-gradient(#131313b8,#131313b8),var(--background-picture) center/cover fixed;min-height:100vh}html[data-theme=light][data-background=image] body{background:linear-gradient(#f4f4f4e0,#f4f4f4e0),var(--background-picture) center/cover fixed}html[data-background=colour] .shell main,html[data-background=image] .shell main{background:#131313c9;min-height:calc(100vh - 100px)}html[data-theme=light][data-background=colour] .shell main,html[data-theme=light][data-background=image] .shell main{background:#f4f4f4d9}html[data-theme=light] .backgroundSettings{border-color:#bebebe}html[data-theme=light] .backgroundSettings small,html[data-theme=light] .coverEditor small{color:#595959}.avatar{flex-shrink:0;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.profileAvatarLarge{width:80px;height:80px;font-size:30px}.profilePictureSettings{border:1px solid #5d5d5d;border-radius:8px;margin:22px 0;padding:16px}.profilePictureSettings legend{padding:0 7px}.profilePicturePreview{align-items:center;gap:16px;display:flex}.profilePicturePreview>div{min-width:0}.profilePicturePreview label{margin-top:0}.profilePicturePreview input{padding:8px;font-size:13px}.profilePictureSettings small{color:#9b9b9b;font-size:12px;line-height:1.5}.profilePictureSettings>.secondary{margin-top:16px}html[data-theme=light] .profilePictureSettings{border-color:#bebebe}html[data-theme=light] .profilePictureSettings small{color:#595959}.profileTrigger{text-align:left;border-radius:8px;width:100%;padding:8px 0}.profileTrigger:hover{background:#ffffff0c}.profileIdentity{min-width:0}.profileIdentity small{white-space:nowrap;text-overflow:ellipsis;max-width:145px;overflow:hidden}.profileTrigger:focus-visible{outline-offset:3px}@media (width<=650px){.profileTrigger{width:auto;padding:5px 8px}.profileIdentity{font-size:12px}}.profileTrigger{gap:14px;padding:10px 0}.profileTrigger .avatar{width:52px;height:52px;font-size:22px}.profileIdentity{overflow-wrap:anywhere;font-size:17px;line-height:1.3}@media (width<=650px){.profileTrigger{gap:10px;max-width:55%;padding:5px 0}.profileTrigger .avatar{width:38px;height:38px;font-size:18px}.profileIdentity{font-size:14px}}.projectChat{border:1px solid #555;border-radius:12px;margin-top:40px;padding:24px}.projectChat h2{margin:0 0 12px;font-size:24px}.chatHint{color:#999;font-size:14px;line-height:1.6}.chatMessages{max-height:380px;padding:12px 0;overflow-y:auto}.chatMessage{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;margin-bottom:12px;padding:14px 16px}.chatMine{border-left:3px solid var(--accent)}.chatMessage>div{flex-wrap:wrap;justify-content:space-between;gap:14px;display:flex}.chatMessage strong{overflow-wrap:anywhere;font-size:14px}.chatMessage time{color:#999;font-size:12px}.chatMessage p{white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0 0;font-size:14px;line-height:1.6}.chatComposer label{font-size:13px;display:block}.chatComposer textarea{width:100%;color:inherit;resize:vertical;background:#ffffff08;border:1px solid #555;border-radius:8px;margin:8px 0 12px;padding:12px;display:block}.chatComposer button{min-width:135px}html[data-theme=light] .chatHint,html[data-theme=light] .chatMessage time{color:#666}html[data-theme=light] .chatMessage{background:#00000004;border-color:#ddd}html[data-theme=light] .chatMine{border-left-color:var(--accent)}@media (width<=650px){.projectChat{padding:18px}.projectChat h2{font-size:21px}}.supportLink{color:inherit;text-underline-offset:4px;margin-bottom:24px;text-decoration:underline;display:block}.authSupport{margin:12px 0;font-size:13px;text-decoration:underline;display:block}.supportPage{max-width:800px;padding:40px 24px 80px}.supportCard{border:1px solid #555;border-radius:12px;margin-top:40px;padding:30px}.supportCard h1{letter-spacing:-1px;font-size:38px}.supportCard>p{color:#999;line-height:1.6}.supportCard label{margin-top:20px;font-size:14px;display:block}.supportCard input,.supportCard select,.supportCard textarea{width:100%;color:inherit;background:#ffffff08;border:1px solid #555;border-radius:7px;margin-top:8px;padding:12px;display:block}.supportCard select option{color:#eee;background:#222}.supportCard a[href^=mailto]{text-decoration:underline}.supportCard textarea{resize:vertical}html[data-theme=light] .supportCard>p{color:#666}@media (width<=650px){.supportCard{padding:20px}.supportCard h1{font-size:30px}.supportLink{display:none}}.player{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#2d2d2df2;border:1px solid #ffffff0c;border-radius:44px;justify-content:flex-start;gap:24px;height:74px;padding:12px 20px;inset:auto 24px 20px;box-shadow:0 10px 35px #0005}.playingInfo{flex-shrink:0;width:190px;min-width:0}.miniart{border-radius:50%;width:44px;height:44px;overflow:hidden}.miniart .art{border-radius:50%}.playingInfo strong{max-width:135px;font-size:13px}.playingInfo small{color:#bbb;font-size:12px}.waveformSeek{cursor:pointer;flex:1;width:180px;min-width:80px;max-width:360px;height:40px;position:relative}.waveformBars{align-items:center;gap:1px;width:100%;height:100%;display:flex;position:relative}.waveformBars i{flex:1;min-width:1px}.waveformFallback{background:#777;width:100%;height:2px}.waveformCursor{background:var(--accent);pointer-events:none;width:2px;height:100%;position:absolute;top:0}.waveformSeek input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.waveformSeek:focus-within{outline:2px solid var(--accent);outline-offset:4px}.playerTime{white-space:nowrap;color:#eee;font-family:monospace;font-size:12px}.player .playControls{flex-shrink:0;width:auto;max-width:none}.player .playControls>div{gap:16px;margin:0}.player .playMain{color:#eee;background:0 0;width:30px;height:30px}.repeatControl{color:#aaa;font-size:25px}.repeatControl[aria-pressed=true]{color:#fff}.playerVolume{color:#bbb;gap:4px;width:70px;font-size:10px;display:grid}.playerVolume input{accent-color:#bbb;width:70px}.shell{padding-bottom:120px}aside{bottom:0}html[data-theme=light] .player{color:#222;background:#e6e6e6f2}html[data-theme=light] .playerTime,html[data-theme=light] .player .playMain{color:#222}html[data-theme=light] .playingInfo small,html[data-theme=light] .playerVolume{color:#555}@media (width<=850px){.player{gap:14px}.playingInfo{width:150px}.playerVolume{display:none}}@media (width<=650px){.player{border-radius:24px;flex-wrap:wrap;gap:12px;height:112px;padding:12px 16px;inset:auto 12px 12px}.playingInfo{width:calc(100% - 138px);height:40px}.player .playControls{order:0;width:auto;display:block}.player .playControls>div{gap:12px}.waveformSeek{flex:1;order:2;width:auto;max-width:none;height:28px}.playerTime{order:3;font-size:11px}.repeatControl{order:4;font-size:20px}.shell{padding-bottom:140px}.playingInfo strong{max-width:45vw}aside{height:70px}}.player{gap:14px;width:min(760px,100% - 32px);height:64px;padding:10px 16px;left:50%;right:auto;transform:translate(-50%)}.player .playingInfo{width:160px}.player .miniart{width:38px;height:38px}.player .playingInfo strong{max-width:110px}.player .waveformSeek{width:160px;min-width:60px;max-width:200px;height:32px}.player .playControls>div{gap:12px}.player .playerVolume,.player .playerVolume input{width:58px}.player .repeatControl{padding:0 3px}.playerTime{font-size:11px}@media (width<=650px){.player{gap:10px;width:calc(100% - 24px);height:104px;padding:10px 14px;bottom:12px;left:50%;right:auto}.player .playingInfo{width:calc(100% - 124px)}.player .waveformSeek{width:auto;min-width:60px;max-width:none;height:24px}.player .playingInfo strong{max-width:40vw}.player .playControls>div{gap:9px}}html[data-background^=motion-] body{isolation:isolate;background:#101014;min-height:100vh}html[data-background^=motion-] body:before{content:"";z-index:-1;pointer-events:none;will-change:transform;background:radial-gradient(at 25% 30%,#80808840,#0000 50%),radial-gradient(at 75% 70%,#a0a0a025,#0000 50%);animation:28s ease-in-out infinite alternate vaults-background-drift;position:fixed;inset:-20%}html[data-background=motion-dusk] body:before{background:radial-gradient(at 20% 35%,#5b6ca340,#0000 52%),radial-gradient(at 80% 65%,#83759f30,#0000 50%)}html[data-background=motion-amber] body:before{background:radial-gradient(at 25% 30%,#ad896c35,#0000 52%),radial-gradient(at 75% 75%,#ab797925,#0000 50%)}html[data-background^=motion-] aside{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#161616b8}html[data-background^=motion-] .shell main{background:#1115;min-height:calc(100vh - 100px)}html[data-theme=light][data-background^=motion-] body{background:#f1f1f3}html[data-theme=light][data-background^=motion-] aside{background:#f5f5f5b8}html[data-theme=light][data-background^=motion-] .shell main{background:#fff5}@keyframes vaults-background-drift{0%{transform:translate(-3%,-2%)scale(1)}to{transform:translate(3%,2%)scale(1.08)}}@media (prefers-reduced-motion:reduce){html[data-background^=motion-] body:before{will-change:auto;animation:none}}.profileOverlay{padding:24px;overflow:hidden}.profileModal{overscroll-behavior:contain;width:min(680px,100%);min-width:0;max-width:100%;max-height:calc(100dvh - 48px);overflow:hidden auto}.profileModal fieldset{min-width:0}.profileModal input,.profileModal select{min-width:0;max-width:100%}.profileModal .profilePicturePreview>div{flex:1}.profileModal .profilePictureSettings small{display:block}.profileModal input[type=file]{width:100%}@media (width<=650px){.profileOverlay{padding:0}.profileModal{border:0;border-radius:0;width:100%;height:100dvh;max-height:100dvh;padding:24px}.profileModal h2{padding-right:28px}.profilePicturePreview{flex-wrap:wrap}.profileModal .profilePicturePreview>div{flex-basis:180px}}.grid{grid-template-columns:repeat(auto-fill,minmax(144px,164px));gap:28px 24px}.compactProjectCard{min-width:0;position:relative}.projectArtWrap{position:relative}.projectOpen{width:100%;padding:0;display:block}.compactProjectCard .art{border-radius:20px}.compactProjectCard .artlabel{display:none}.projectQuickPlay{background:#303030;border-radius:15px;place-items:center;width:44px;height:44px;display:grid;position:absolute;bottom:-7px;right:-7px;box-shadow:0 4px 12px #0004}.projectQuickPlay:hover{background:#454545}.compactProjectCard .cardinfo{padding-top:13px}.projectTitle{text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%;padding:0;font-size:15px;line-height:1.4;display:block;overflow:hidden}.projectTitle:hover{text-decoration:underline}.projectCardMeta{justify-content:space-between;align-items:center;gap:8px;margin-top:3px;display:flex}.projectCardMeta>span{text-overflow:ellipsis;white-space:nowrap;color:#929292;font-size:13px;overflow:hidden}.projectMore{color:#999;padding:0;display:flex}.projectCardMenu{z-index:15;background:#292929;border:1px solid #555;border-radius:10px;width:180px;padding:6px;position:absolute;top:100%;left:0;box-shadow:0 8px 20px #0005}.projectCardMenu button{text-align:left;border-radius:5px;width:100%;padding:10px;font-size:13px;display:block}.projectCardMenu button:hover{background:#ffffff15}.projectActions>.secondary{align-items:center;gap:8px;display:inline-flex}.createCard{font-size:13px}.createCard small{text-align:center;padding:0 10px}html[data-theme=light] .projectQuickPlay{color:#222;background:#dedede}html[data-theme=light] .projectCardMenu{color:#222;background:#fff}@media (width<=650px){.grid{grid-template-columns:repeat(2,minmax(0,164px));gap:25px 20px}.compactProjectCard .art{border-radius:18px}.projectQuickPlay{bottom:-5px;right:-4px}}.libraryTabs{flex-wrap:wrap;gap:20px;display:flex}.libraryTabs .tab{color:#999;padding:6px 0}.libraryTabs .tab[aria-pressed=true]{color:inherit;border-bottom:2px solid var(--accent)}.versionHeading{overflow-wrap:anywhere;background:#ffffff08;border-radius:8px;align-items:center;gap:16px;margin-top:20px;padding:12px 10px;font-size:15px;display:flex}.versionHeading span{color:#aaa;white-space:nowrap;font-size:12px}.versionBadge{color:#aaa;vertical-align:middle;background:#ffffff12;border-radius:5px;margin-left:10px;padding:3px 7px;font-size:11px;line-height:1.5;display:inline-block}.trackDrag{cursor:grab;color:#888;padding:10px 0;display:flex}.trackDrag:active{cursor:grabbing}.trackMove{font-size:13px;display:grid}.trackMove button{padding:2px 5px}.trackHeart{color:#aaa;padding:7px}.trackHeart[aria-pressed=true]{color:var(--accent)}.trackOrderHint{color:#999;font-size:12px;line-height:1.6}.projectArtist{color:#aaa;font-size:16px}.timedCommentFields{flex-wrap:wrap;align-items:flex-end;gap:14px;margin-bottom:18px;display:flex}.timedCommentFields label:first-child{flex:1;min-width:160px}.timedCommentFields input,.timedCommentFields select{color:inherit;background:#222;border:1px solid #555;border-radius:6px;max-width:100%;margin-top:8px;padding:10px;display:block}.timedCommentFields input{width:90px}.timedCommentFields select{width:100%}.commentTimestamp{color:inherit;text-underline-offset:3px;background:#ffffff0c;border-radius:5px;margin-top:10px;padding:6px 9px;font-size:12px;text-decoration:underline}.commentTimestamp:disabled{text-decoration:none}.quickTrackList .trackname{padding:0}.quickTrackList .trackname strong{overflow-wrap:anywhere}html[data-theme=light] .versionBadge,html[data-theme=light] .versionHeading,html[data-theme=light] .commentTimestamp{color:#555;background:#00000008}html[data-theme=light] .timedCommentFields input,html[data-theme=light] .timedCommentFields select{color:#222;background:#fff}@media (width<=650px){.toolbar{flex-direction:column;align-items:flex-start;gap:16px}.libraryTabs{gap:16px}.libraryTabs .tab{font-size:12px}.track{gap:5px}.trackMove{font-size:12px}.trackHeart{padding:4px}.versionBadge{margin-left:4px}.track .iconButton{padding:5px}.timedCommentFields{gap:10px}}.siteCopyright{color:#999;z-index:1;flex-wrap:wrap;justify-content:center;gap:16px;padding:22px 20px;font-size:11px;display:flex;position:relative}.siteCopyright a{text-underline-offset:3px;text-decoration:underline}.copyrightPage{max-width:850px;padding:40px 24px 80px}.copyrightPage h1{letter-spacing:-1px;margin-top:50px;font-size:40px}.copyrightPage p{color:#aaa;margin:24px 0;font-size:15px;line-height:1.8}.copyrightPage a[href^=mailto]{text-decoration:underline}.copyrightPage .secondary{margin-top:20px;display:inline-block}.modal label.downloadPermission{align-items:center;gap:10px;display:flex}.modal .downloadPermission input{width:18px;height:18px;margin:0;padding:0}.modal label small{color:#999;margin-top:10px;font-size:12px;line-height:1.6;display:block}.shareSettingsSave{width:100%;margin-top:14px}.modal .shareProtectionHint{color:#aaa;font-size:12px}html[data-theme=light] .copyrightPage p{color:#555}@media (width<=650px){.copyrightPage h1{font-size:32px}.siteCopyright{gap:10px;font-size:10px}}.listenCount{color:var(--muted,#929595);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;align-items:center;gap:5px;padding:4px 2px;font-size:12px;display:inline-flex}.listenCount svg{flex-shrink:0}@media (width<=600px){.listenCount{gap:3px;font-size:11px}.track .fileSize{display:none}}.discoverHeaderLink{color:#aaa;align-items:center;gap:6px;font-size:13px;text-decoration:none;display:inline-flex}.discoverHeaderLink:hover{color:inherit}.visibilityButton{align-items:center;gap:7px;display:inline-flex}.visibilityModal{width:min(520px,100%);max-height:calc(100dvh - 40px);overflow:auto}.modal .visibilityChoice{cursor:pointer;border:1px solid #505050;border-radius:10px;align-items:center;gap:14px;padding:17px;display:flex}.modal .visibilityChoice input{accent-color:#bcbcbc;flex-shrink:0;width:16px;height:16px;margin:0}.visibilityChoice>svg{flex-shrink:0}.visibilityChoice.selected{background:#ffffff08;border-color:#bcbcbc}.visibilityChoice strong{color:inherit;font-size:15px;display:block}.visibilityChoice small{color:#999;margin-top:7px;font-size:12px;line-height:1.6;display:block}.visibilityExplain{color:#aaa}.viewPublicLink{text-align:center;margin-top:20px;font-size:13px;display:block}.profilePublicButton{display:inline-flex}.profilePublicHint{color:#999}.authPublicLinks{color:#aaa;justify-content:space-between;gap:12px;margin-bottom:20px;font-size:12px;display:flex}.publicPage{width:min(100%,1000px);min-height:calc(100vh - 60px);margin:0 auto;padding:35px 40px 60px}.publicNav{justify-content:space-between;align-items:center;gap:20px;margin-bottom:55px;display:flex}.publicNav>div{align-items:center;gap:24px;display:flex}.publicNav>div>a{color:#aaa;align-items:center;gap:7px;font-size:13px;text-decoration:none;display:inline-flex}.publicNav>div>a:hover{color:inherit}.publicIntro{margin-bottom:32px}.publicIntro h1{margin:18px 0;font-size:52px;line-height:1.2}.publicIntro p{color:#999;font-size:15px;line-height:1.7}.artistSearch{background:#ffffff05;border:1px solid #4a4a4a;border-radius:12px;align-items:center;gap:14px;max-width:650px;padding:16px 20px;display:flex}.artistSearch input{color:inherit;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:16px}.artistSearch:focus-within{outline-offset:3px;outline:2px solid #a0a0a0}.artistSearch>svg{color:#aaa;flex-shrink:0}.artistSearch button{padding:0;display:flex}.resultsHeading{color:#999;margin:32px 0 20px;font-size:12px}.artistGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.artistCard{background:#ffffff03;border:1px solid #383838;border-radius:14px;align-items:center;gap:16px;min-width:0;padding:22px;text-decoration:none;display:flex}.artistCard:hover{background:#ffffff08;border-color:#686868}.artistCard>span:nth-child(2){flex:1;min-width:0}.artistCard strong{overflow-wrap:anywhere;font-size:17px;font-weight:500;display:block}.artistCard small{color:#999;margin-top:8px;font-size:12px;display:block}.publicAvatar{color:#aaa;background:#333;border-radius:50%;flex-shrink:0;place-items:center;width:60px;height:60px;display:grid;overflow:hidden}.publicAvatar img{object-fit:cover;width:100%;height:100%}.publicAvatar.large{width:116px;height:116px}.artistCardArrow{color:#888;font-size:23px}.discoverEmpty{color:#aaa;padding:55px 10px;line-height:1.6}.discoverEmpty h2{color:inherit;font-size:24px;font-weight:400}.discoverEmpty p{max-width:560px;font-size:14px}.discoverEmpty .secondary{margin-top:15px;display:inline-flex}.publicProfileHero{align-items:center;gap:30px;margin:38px 0;display:flex}.publicProfileHero>div{min-width:0}.publicProfileHero h1{overflow-wrap:anywhere;margin:13px 0;font-size:44px}.publicProfileHero p{color:#aaa;font-size:14px}.publicProfileLinks{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.publicProfileLinks .secondary{align-items:center;font-size:12px;display:inline-flex}.publicPreviewNote{color:#aaa;border:1px solid #454545;border-radius:8px;padding:15px 18px;font-size:13px;line-height:1.6}.publicProjectGrid{margin-top:28px}.publicProjectCard{text-decoration:none}.publicProjectCard .art{background:#343434}.publicTrackTotal{color:#888;margin-top:9px;font-size:11px;display:block}.publicProjectPage .projectHero{margin:30px 0}.publicProjectCover{background:#303030;border-radius:14px;flex-shrink:0;place-items:center;width:190px;height:190px;display:grid;overflow:hidden}.publicProjectCover .sharedCover{object-fit:cover;border-radius:0;width:100%;height:100%}.publicAudio{z-index:5;background:#292929;border:1px solid #515151;border-radius:14px;margin-top:26px;padding:14px 18px;position:sticky;bottom:18px;box-shadow:0 8px 30px #0005}.publicAudio>strong{overflow-wrap:anywhere;margin-bottom:12px;font-size:13px;font-weight:400;display:block}.publicAudio audio{width:100%;height:40px;display:block}.publicListeningNote{color:#999;margin-top:26px;font-size:12px;line-height:1.7}.publicProjectPage .trackname small{white-space:pre-wrap;max-width:none}.publicPage .secondary{text-decoration:none}.profilePublicButton{font-size:13px;text-decoration:none}html[data-theme=light] .visibilityChoice.selected,html[data-theme=light] .artistSearch,html[data-theme=light] .artistCard{background:#00000003;border-color:#c4c4c4}html[data-theme=light] .publicAvatar,html[data-theme=light] .publicProjectCard .art,html[data-theme=light] .publicProjectCover{color:#666;background:#ddd}html[data-theme=light] .publicAudio{background:#eee;border-color:#bbb}html[data-theme=light] .publicNav>div>a,html[data-theme=light] .publicIntro p,html[data-theme=light] .artistCard small,html[data-theme=light] .publicProfileHero p,html[data-theme=light] .publicPreviewNote,html[data-theme=light] .publicListeningNote,html[data-theme=light] .visibilityExplain,html[data-theme=light] .visibilityChoice small,html[data-theme=light] .discoverHeaderLink,html[data-theme=light] .profilePublicHint{color:#666}@media (width<=650px){.publicPage{padding:25px 22px 40px}.publicNav{align-items:flex-start;gap:12px;margin-bottom:38px}.publicNav>div{flex-wrap:wrap;justify-content:flex-end;gap:12px}.publicNav>div>a{font-size:11px}.publicNav .brand{white-space:nowrap;font-size:24px}.publicIntro h1{font-size:36px}.artistGrid{grid-template-columns:1fr}.artistCard{padding:18px}.publicAvatar.large{width:88px;height:88px}.publicProfileHero{flex-wrap:wrap;align-items:flex-start;gap:18px}.publicProfileHero h1{font-size:32px}.publicProfileHero>div{flex:1;min-width:180px}.publicProjectCover{width:130px;height:130px}.publicProjectPage .projectDetails{min-width:160px}.publicProjectPage .projectDetails h1{font-size:29px}.discoverHeaderLink{font-size:11px}.headerActions{gap:7px}.colourToggle{padding:7px 0}.publicAudio{padding:12px;bottom:12px}}:root{--community-line:#8c8c8c3b;--text:#eeeee9;--bg:#131313;--muted:#9d9d9d}[data-theme=light]{--text:#222;--bg:#f7f7f7;--muted:#606060}.communityPage{max-width:1100px;margin:auto}.communityPage section{padding:25px 0}.communityPage section>p,.communityModal>p{color:var(--muted);line-height:1.65}.communityTabs,.socialControls,.rowActions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.communityTabs{border-bottom:1px solid var(--community-line);margin:25px 0 5px;padding-bottom:15px}.communityTabs button{color:inherit;border:1px solid var(--community-line);font:inherit;cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:8px;padding:11px 15px;display:flex}.communityTabs button[aria-pressed=true]{background:var(--text);color:var(--bg)}.communityRow{border-bottom:1px solid var(--community-line);overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:20px;padding:17px 0;display:flex}.communityRow>span:first-child{min-width:0}.communityRow small{color:var(--muted);margin-top:5px;font-size:12px;display:block}.communityRow a{color:inherit}.communityList{margin-top:20px}.communityHint{color:var(--muted);font-size:12px;line-height:1.6}.communityPage .primary,.communityPage .secondary,.communityModal .primary,.communityModal .secondary,.socialControls .secondary{white-space:normal;justify-content:center;align-items:center;gap:7px;text-decoration:none;display:inline-flex}.socialControls{margin-top:17px;font-size:12px}.socialControls>span{color:var(--muted);margin-right:7px}.artistBio{white-space:pre-wrap;overflow-wrap:anywhere;max-width:620px}.notificationBell{border:1px solid var(--community-line);width:36px;height:36px;color:inherit;cursor:pointer;background:0 0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.notificationBell>span{background:var(--text);min-width:18px;color:var(--bg);border-radius:10px;padding:0 3px;font-size:9px;font-weight:700;line-height:18px;position:absolute;top:-7px;right:-7px}.notificationList{max-height:55vh;margin-top:15px;overflow:auto}.notificationRow{color:inherit;border-bottom:1px solid var(--community-line);padding:15px 10px;line-height:1.5;text-decoration:none;display:block}.notificationRow.unread{border-left:3px solid var(--text);background:#8080801a}.notificationRow small{color:var(--muted);margin-top:6px;font-size:11px;display:block}.communityModal,.notificationModal{width:min(560px,100vw - 28px);max-height:85vh;overflow:auto}.communityModal label,.recoverySelect{gap:8px;margin:20px 0;font-size:12px;display:grid}.communityModal select,.recoverySelect select,.sectionTitle select{border:1px solid var(--community-line);background:var(--bg);color:var(--text);font:inherit;border-radius:8px;padding:12px}.sectionTitle{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;display:flex}.sectionTitle label{align-items:center;gap:10px;font-size:12px;display:flex}.insightTotals{gap:50px;margin:25px 0;display:flex}.insightTotals strong{font-size:32px;display:block}.insightTotals span{color:var(--muted);font-size:12px}.insightBars{border-bottom:1px solid var(--community-line);align-items:stretch;gap:5px;height:150px;margin:30px 0;display:flex}.insightBar{flex:1;align-items:flex-end;min-width:0;display:flex;position:relative}.insightBar i{background:#909090;border-radius:4px 4px 0 0;width:100%;display:block}.insightBar small{text-align:center;width:100%;color:var(--muted);font-size:10px;position:absolute;bottom:-20px}.collaborationAudio{width:100%;margin:20px 0}.communityPage .publicNav>div{align-items:center;gap:18px;display:flex}.communityPage .track{margin-top:10px}.communityPage .back{margin-bottom:15px}.recoverySelect{max-width:360px}.headerActions{flex-wrap:wrap}.modal textarea{font:inherit;resize:vertical}@media (width<=600px){.communityTabs{gap:7px}.communityTabs button{padding:9px;font-size:11px}.communityRow{flex-wrap:wrap;align-items:flex-start;gap:12px}.communityRow .rowActions{width:100%}.communityPage .publicNav>div{gap:10px;font-size:11px}.insightTotals{gap:25px}.communityPage h1{font-size:38px}.socialControls{gap:8px}.headerActions{gap:7px}.headerActions>a{font-size:11px}}.safetyActions{flex-wrap:wrap;align-items:center;gap:7px;font-size:11px;display:inline-flex}.safetyActions .secondary{padding:6px 9px;font-size:11px}.safetyActions small{white-space:normal;max-width:300px;line-height:1.4}.chatMessage .safetyActions{margin-top:7px}.reportCard{border-bottom:1px solid var(--community-line);padding:5px 0 20px}.reportCard p,.reportCard pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:12px;line-height:1.6}.storageCompact{color:var(--muted);margin:0 0 20px;font-size:11px;line-height:1.5;display:block}.communityPage progress{accent-color:#969696;border:0;border-radius:6px;width:100%;height:12px;display:block}.trackStatus{border:1px solid var(--community-line);color:var(--muted);border-radius:5px;margin-top:5px;padding:2px 6px;font-size:9px;line-height:1.4;display:inline-block}.trackStatus.status-finished{color:var(--text);background:#8882}.trackStatus.status-needsfeedback{border-style:dashed}.queueModal h2{align-items:center;gap:10px;display:flex}.queueRow{border-bottom:1px solid var(--community-line);align-items:center;gap:7px;padding:12px 0;display:flex}.queueRow>span{overflow-wrap:anywhere;flex:1;min-width:0;font-size:13px}.queueRow small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.queueRow.current{background:#8881}.queueModal{max-height:85vh;overflow:auto}.queueControl{color:inherit;flex-shrink:0;padding:5px}.repeatControl small{font-size:8px;line-height:1;display:block}.repeatControl{min-width:26px}.communityTabs{row-gap:9px}.communityPage .publicNav{gap:12px}.modal input[type=datetime-local]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light] .modal input[type=datetime-local]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (width<=650px){.queueRow{gap:3px}.queueRow .iconButton{padding:6px}.track .fileSize{display:none}.projectActions{gap:8px}.projectActions .secondary,.projectActions .primary{padding:10px 12px;font-size:12px}.player .repeatControl,.player .queueControl{display:block}}.nativeQueueControls{flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0;display:flex}.nativeQueueControls .secondary{align-items:center;gap:8px;display:flex}.nativeQueueControls label{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.nativeQueueControls select{background:var(--bg);color:var(--text);border:1px solid var(--community-line);font:inherit;border-radius:6px;padding:9px}@media (width<=650px){.player .playingInfo{width:calc(100% - 136px)}.player .queueControl{order:5}.nativeQueueControls .secondary{padding:10px;font-size:12px}}.spotifyPromotions{background:#ffffff04;border:1px solid #ffffff16;border-radius:12px;min-width:0;margin:24px 0 18px;padding:13px;font-size:12px}.promotionHeading{color:#bcbcbc;align-items:center;gap:7px;margin-bottom:12px;font-size:11px;display:flex}.promotionCover{aspect-ratio:1;background:#333;border-radius:7px;display:block;overflow:hidden}.promotionCover img{object-fit:cover;width:100%;height:100%}.promotionTitle{text-overflow:ellipsis;white-space:nowrap;margin:10px 0 4px;font-size:13px;display:block;overflow:hidden}.promotionArtist{text-overflow:ellipsis;white-space:nowrap;color:#aaa;font-size:11px;display:block;overflow:hidden}.promotionSpotify{color:var(--accent);justify-content:space-between;align-items:center;margin:12px 0;font-size:12px;display:flex}.promotionControls{align-items:center;gap:6px;display:flex}.promotionControls small{white-space:nowrap;color:#aaa;flex:1;font-size:9px}.promotionControls button{place-items:center;display:grid}.promotionControls button:disabled{opacity:.3}.promotionSubmit{border:1px solid #ffffff30;border-radius:6px;width:100%;margin-top:12px;padding:9px 4px;font-size:11px;display:block}.promotionOwn{color:#aaa;margin-top:10px;font-size:10px;display:block}.spotifyPromotions p{color:#aaa;line-height:1.6}.spotifyPromotions>small[role=alert]{color:#ffb4a5;margin-top:8px;display:block}aside{overflow-y:auto}.sidebarBottom{flex-shrink:0;margin-top:auto;position:static}html[data-theme=light] .promotionHeading,html[data-theme=light] .promotionArtist,html[data-theme=light] .promotionControls small,html[data-theme=light] .promotionOwn,html[data-theme=light] .spotifyPromotions p{color:#555}html[data-theme=light] .promotionSubmit{border-color:#bbb}@media (width<=650px){aside{flex-wrap:wrap;height:auto;overflow:visible}.spotifyPromotions{order:5;grid-template-columns:76px minmax(0,1fr);align-items:center;column-gap:14px;width:100%;margin:16px 0 0;display:grid}.promotionHeading{grid-column:1/-1}.promotionCover{grid-area:2/1/6}.promotionTitle,.promotionArtist,.promotionSpotify,.promotionControls{grid-column:2;margin:3px 0}.promotionSubmit,.promotionOwn,.spotifyPromotions>p,.spotifyPromotions>small[role=alert]{grid-column:1/-1}.promotionCover img{display:block}.promotionControls small{flex:initial}.promotionControls{justify-content:space-between}}.spotifyPromotions{background:linear-gradient(145deg,#ffffff06,#ffffff02);border-color:#ffffff0d;border-radius:12px;margin-top:22px;padding:12px}.promotionHeading{letter-spacing:.1px;color:#c8c8c8;gap:6px;margin-bottom:12px;font-size:10px}.promotionHeading strong{flex:1;font-weight:500}.promotionLabel{color:#8c8c8c;font-size:9px}.promotionCover{border-radius:8px;box-shadow:0 5px 16px #0003}.promotionCopy{padding:11px 0 10px}.promotionTitle{letter-spacing:-.2px;margin:0 0 4px;font-size:14px;font-weight:600;line-height:1.35}.promotionArtist{color:#929292;font-size:11px;line-height:1.4}.promotionSpotify{color:#dedede;background:#ffffff0b;border:1px solid #ffffff0d;border-radius:6px;justify-content:center;gap:7px;margin:0;padding:9px 7px;font-size:11px;font-weight:500}.promotionSpotify:hover{background:#ffffff15;border-color:#ffffff25}.promotionExpiry{color:#777;justify-content:space-between;gap:6px;margin-top:11px;font-size:9px;line-height:1.5;display:flex}.promotionControls{justify-content:center;gap:10px;margin-top:10px}.promotionControls small{flex:initial;color:#8c8c8c;text-align:center;min-width:35px;font-size:10px}.promotionControls button{color:#999;border-radius:5px;width:24px;height:24px}.promotionControls button:hover{color:#eee;background:#ffffff0d}.promotionSubmit{background:#ffffff09;border-color:#ffffff15;margin-top:12px;padding:10px 5px;font-size:11px;font-weight:500}.promotionOwn{color:#929292;border-top:1px solid #ffffff0d;margin-top:12px;padding-top:11px;font-size:9px;line-height:1.4}.promotionEnd{color:#777;text-align:left;background:0 0;border:0;margin-top:4px;padding:4px 0 0;font-size:10px;font-weight:400}.promotionEnd:hover{color:#ddd}.promotionSubmit:focus-visible,.promotionSpotify:focus-visible,.promotionControls button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}html[data-theme=light] .spotifyPromotions{background:#ffffffa8;border-color:#ddd}html[data-theme=light] .promotionSpotify,html[data-theme=light] .promotionSubmit{color:#333;background:#f3f3f3;border-color:#ddd}html[data-theme=light] .promotionEnd{color:#666;background:0 0;border:0}html[data-theme=light] .promotionOwn{border-color:#ddd}html[data-theme=light] .promotionExpiry,html[data-theme=light] .promotionLabel{color:#777}@media (width<=650px){.promotionCopy{grid-column:2;min-width:0;padding:0}.promotionTitle{margin:0 0 4px;font-size:14px}.promotionArtist{margin:0}.promotionCover{grid-row:2/5}.promotionSpotify{grid-column:2;margin:7px 0 0;padding:8px}.promotionExpiry{grid-column:2;margin-top:7px}.promotionControls{grid-column:1/-1;justify-content:center;margin-top:12px}.promotionOwn,.promotionHeading{grid-column:1/-1}.promotionEnd{text-align:center;grid-column:1/-1}.promotionSubmit{margin-top:12px}.promotionEnd{margin-top:4px}}.chatsLauncher{z-index:21;color:#eee;background:#292929;border:1px solid #fff2;border-radius:24px;align-items:center;gap:9px;padding:13px 18px;font-size:13px;display:flex;position:fixed;bottom:112px;right:26px;box-shadow:0 8px 24px #0004}.chatsLauncher b,.chatConversation b{background:var(--accent);color:#111;border-radius:20px;padding:3px 6px;font-size:10px}.chatsPanel{z-index:25;color:#eee;background:#1c1c1c;border:1px solid #fff2;border-radius:16px;flex-direction:column;width:min(390px,100vw - 32px);height:min(540px,100dvh - 200px);display:flex;position:fixed;bottom:168px;right:26px;overflow:hidden;box-shadow:0 14px 50px #0007}.chatsHeader{border-bottom:1px solid #ffffff12;align-items:center;gap:12px;height:60px;min-height:60px;margin:0;padding:0 16px;display:flex}.chatsHeader strong{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:15px;overflow:hidden}.chatsHeader button{color:#bbb;place-items:center;padding:5px;display:grid}.chatConversationList,.chatContacts{flex:1;padding:10px;overflow-y:auto}.chatConversation{text-align:left;border-radius:9px;align-items:center;gap:12px;width:100%;min-width:0;padding:13px 10px;display:flex}.chatConversation:hover{background:#ffffff08}.chatConversation>div{flex:1;min-width:0}.chatConversation strong{font-size:13px;font-weight:500;display:block}.chatConversation small{text-overflow:ellipsis;white-space:nowrap;color:#999;max-width:250px;margin-top:5px;font-size:11px;display:block;overflow:hidden}.chatInitial{color:#bbb;background:#ffffff0b;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:14px;display:grid}.chatEmpty{text-align:center;color:#999;margin:auto;padding:32px 20px;font-size:13px;line-height:1.7}.chatSearch{background:#ffffff07;border-radius:8px;align-items:center;gap:9px;margin-bottom:12px;padding:10px;display:flex}.chatSearch input{color:inherit;background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:13px}.chatContacts>small{color:#999;padding:0 10px;font-size:11px;line-height:1.5;display:block}.chatContacts>p{color:#999;padding:10px;font-size:13px;line-height:1.6}.chatContacts a{color:var(--accent)}.chatMessages{flex-direction:column;flex:1;gap:10px;min-height:0;padding:16px;display:flex;overflow-y:auto}.directBubble{overflow-wrap:anywhere;background:#ffffff09;border-radius:12px 12px 12px 3px;align-self:flex-start;max-width:85%;padding:10px 12px}.directBubble.own{background:#3b3b3b;border-radius:12px 12px 3px;align-self:flex-end}.directBubble p{white-space:pre-wrap;margin:0;font-size:13px;line-height:1.5}.directBubble small{text-align:right;color:#999;margin-top:5px;font-size:9px;display:block}.chatComposer{border-top:1px solid #ffffff12;align-items:center;gap:10px;padding:12px;display:flex}.chatComposer textarea{resize:none;color:#eee;width:100%;min-width:0;font:inherit;background:#ffffff06;border:1px solid #ffffff12;border-radius:8px;flex:1;padding:10px;font-size:13px}.chatComposer button{background:var(--accent);color:#111;border-radius:9px;place-items:center;padding:10px;display:grid}.chatComposer button:disabled{opacity:.4}.chatSafety{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.chatSafety small{color:#888;font-size:10px}.chatSafety button{padding:5px 7px;font-size:10px}.chatError{color:#ffb4a5;background:#442525;margin:0;padding:10px 15px;font-size:12px;line-height:1.5}.chatOlder{color:#bbb;padding:6px;font-size:11px}.chatsPanel .overlay{z-index:40}html[data-theme=light] .chatsLauncher,html[data-theme=light] .chatsPanel{color:#222;background:#fafafa;border-color:#ccc}html[data-theme=light] .chatsHeader,html[data-theme=light] .chatComposer,html[data-theme=light] .chatSafety{border-color:#ddd}html[data-theme=light] .chatComposer textarea,html[data-theme=light] .chatSearch{color:#222;background:#f0f0f0;border-color:#ddd}html[data-theme=light] .directBubble{background:#ececec}html[data-theme=light] .directBubble.own{background:#dedede}html[data-theme=light] .chatInitial{color:#555;background:#eee}@media (width<=650px){.chatsLauncher{padding:11px 15px;bottom:138px;right:16px}.chatsPanel{width:calc(100vw - 24px);height:min(500px,100dvh - 210px);bottom:190px;right:12px}.chatConversation small{max-width:60vw}}.chatsLauncher{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#2d2d2df2;border-color:#ffffff0c;border-radius:20px;justify-content:center;gap:10px;min-width:132px;height:64px;padding:0 20px;font-size:13px;font-weight:500;bottom:20px;right:24px;box-shadow:0 10px 35px #0005}.chatsLauncher:hover{background:#353535f2;border-color:#ffffff20}.chatsLauncher:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.chatsPanel{border-radius:16px;height:min(540px,100dvh - 125px);bottom:100px;right:24px}html[data-theme=light] .chatsLauncher{color:#222;background:#e6e6e6f2;border-color:#0000000c}@media (width<=1150px) and (width>=651px){.chatsLauncher{border-radius:12px;min-width:100px;height:42px;padding:0 14px;bottom:110px;right:24px}.chatsPanel{height:min(500px,100dvh - 188px);bottom:164px;right:24px}}@media (width<=650px){.chatsLauncher{border-radius:12px;min-width:0;height:40px;padding:0 14px;font-size:12px;bottom:136px;right:16px}.chatsPanel{height:min(500px,100dvh - 206px);bottom:186px;right:12px}}.toolbar{flex-wrap:wrap;gap:12px}.libraryTabs{flex-wrap:wrap}.libraryStatusFilter{color:var(--muted,#aaa);align-items:center;gap:8px;font-size:12px;display:flex}.libraryStatusFilter select{max-width:165px;color:inherit;background:#222;border:1px solid #ffffff1a;border-radius:10px;padding:9px}.projectTitle{align-items:center;gap:5px;display:flex}.projectCardMenu button{align-items:center;gap:8px;display:flex}.creditFields{border:1px solid #ffffff1a;border-radius:12px;margin:18px 0;padding:12px}.creditFields legend{color:#aaa;padding:0 6px;font-size:12px}.creditFields label{margin-top:10px}.creditsButton{color:inherit;border:1px solid #ffffff1a;border-radius:8px;flex-shrink:0;padding:6px 8px;font-size:11px}.creditsModal dl{gap:18px;margin:24px 0;display:grid}.creditsModal dt{color:#aaa;font-size:12px}.creditsModal dd{overflow-wrap:anywhere;margin:5px 0 0}.mobileNotifications{border:1px solid #ffffff1a;border-radius:12px;margin:20px 0;padding:14px}.mobileNotifications p,.mobileNotifications small{color:#aaa;font-size:12px;line-height:1.6}.mobileNotifications small{margin-top:12px;display:block}.mobileNotifications button{margin:4px 0}.chatMute{color:#bdbdbd;align-items:center;gap:5px;padding:5px 8px;font-size:11px;display:flex}.directBubble{position:relative}.chatReplyAction{float:right;opacity:.6;margin:0 0 4px 8px}.chatReplyAction:hover,.chatReplyAction:focus-visible{opacity:1}.chatQuotedReply{white-space:pre-wrap;overflow-wrap:anywhere;color:#bcbcbc;background:#ffffff06;border-left:2px solid #888;border-radius:4px;max-height:65px;margin:0 0 8px;padding:5px 8px;font-size:11px;line-height:1.5;overflow:auto}.chatReplyDraft{background:#ffffff06;border-top:1px solid #ffffff10;align-items:center;gap:8px;padding:9px 14px;font-size:11px;display:flex}.chatReplyDraft span{flex:1;min-width:0}.chatReplyDraft strong,.chatReplyDraft small{display:block}.chatReplyDraft small{white-space:nowrap;text-overflow:ellipsis;color:#aaa;margin-top:3px;overflow:hidden}.chatConversation strong svg{vertical-align:middle;color:#999}.librarySearchResults{margin-top:24px}.librarySearchResults h2{font-size:16px}.librarySearchResults .track{padding:12px}.librarySearchResults .trackname{text-align:left;min-width:0}.librarySearchResults small{color:#999}.quickTrackList .creditsButton{margin-left:auto}[data-theme=light] .libraryStatusFilter select{color:#333;background:#eee;border-color:#0002}[data-theme=light] .creditFields,[data-theme=light] .mobileNotifications,[data-theme=light] .creditsButton{border-color:#0002}[data-theme=light] .mobileNotifications p,[data-theme=light] .mobileNotifications small,[data-theme=light] .creditFields legend,[data-theme=light] .creditsModal dt,[data-theme=light] .chatMute,[data-theme=light] .chatQuotedReply{color:#555}[data-theme=light] .chatReplyDraft{background:#00000008;border-color:#0001}[data-theme=light] .chatQuotedReply{background:#00000006}@media (width<=650px){.toolbar .search{width:100%;max-width:none}.libraryStatusFilter{justify-content:space-between;width:100%}.libraryStatusFilter select{flex:1;max-width:none}.creditFields{padding:10px}.creditsButton{padding:4px;font-size:10px}.quickTrackList .track,.librarySearchResults .track{gap:8px}.chatReplyDraft{padding:8px 12px}}.chatsPanel .directBubble{flex-shrink:0;width:max-content;min-width:90px;max-width:85%;padding-right:38px}.chatsPanel .chatReplyAction{float:none;place-items:center;width:22px;height:22px;margin:0;padding:3px;display:grid;position:absolute;top:9px;right:8px}.chatsPanel .directBubble p{overflow-wrap:anywhere;word-break:normal}.chatsPanel .chatMessages{overscroll-behavior:contain;min-width:0;max-height:none}.chatsPanel .chatsHeader,.chatsPanel .chatSafety,.chatsPanel .chatReplyDraft,.chatsPanel .chatComposer{flex-shrink:0}.chatsPanel .chatComposer{align-items:flex-end;gap:10px;padding:12px}.chatsPanel .chatComposer textarea{flex:1 1 0;width:0;min-width:0;min-height:48px;max-height:120px;margin:0;line-height:1.5}.chatsPanel .chatComposer button{flex:0 0 42px;width:42px;min-width:42px;height:48px;padding:10px}.moderatorPage section{margin-top:36px}.moderatorStats{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.moderatorStats>div{background:#8881;border:1px solid #8883;border-radius:12px;padding:20px}.moderatorStats strong{margin-bottom:8px;font-size:28px;display:block}.moderatorStats span{color:#999;font-size:12px}.moderatorToolbar{flex-wrap:wrap;align-items:center;gap:16px;margin:20px 0;display:flex}.moderatorToolbar select,.moderatorSearch{color:inherit;background:#8881;border:1px solid #8885;border-radius:8px;padding:10px}.moderatorSearch{width:100%;max-width:420px}.moderatorTable{overflow:auto}.moderatorTable table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.moderatorTable td,.moderatorTable th{white-space:nowrap;border-bottom:1px solid #8883;padding:14px}.moderatorTable small{color:#999;margin-top:5px;display:block}.plansPage{max-width:1080px}.plansPage h1{font-size:clamp(32px,6vw,58px)}.planGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:30px 0;display:grid}.planCard{background:#8881;border:1px solid #8884;border-radius:16px;flex-direction:column;gap:16px;padding:24px;display:flex}.planCard.selected{border-color:#aaa}.planCard h2{margin:0}.planPrice{font-size:32px;font-weight:700}.planPrice small{opacity:.7;font-size:13px;font-weight:400}.planCard ul{flex:1;padding-left:18px;font-size:13px;line-height:1.9}.planNotice,.currentPlan{background:#8881;border:1px solid #8884;border-radius:12px;margin:20px 0;padding:18px}.planCheckout,.planFair{max-width:720px;margin:32px 0}.planConsent{align-items:flex-start;gap:12px;margin:20px 0;line-height:1.5;display:flex}.planConsent input{flex:0 0 18px;width:18px;height:18px;margin:3px 0}.planCheckout button{min-height:44px}.planFair p{line-height:1.7}.plansPage .secondary{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.plansPage a{color:inherit}@media (width<=700px){.planGrid{grid-template-columns:1fr}.planCard{padding:20px}.plansPage .publicNav{flex-wrap:wrap;gap:16px}}.billingInterval{flex-wrap:wrap;gap:10px;margin:24px 0;display:flex}.billingInterval button{border:1px solid #8885;border-radius:10px;padding:12px 18px}.billingInterval button[aria-pressed=true]{background:#8883;border-color:#aaa}.projectChat .chatComposer{flex-direction:column;align-items:stretch;gap:12px;padding:16px 0 0;display:flex}.projectChat .chatComposer>label{width:100%;margin:0}.projectChat .chatComposer textarea{color:inherit;resize:vertical;min-height:90px;margin:8px 0 0}.projectChat .chatComposer>.primary{justify-content:center;align-self:flex-start;width:auto;min-height:44px;padding:12px 18px;display:inline-flex}.projectChat .chatMessages{min-height:60px;padding:12px 0;display:block}.chatsPanel .chatMessages{max-height:none}.chatsPanel .chatMute:disabled{opacity:.4;cursor:default}.publicPage,.supportPage,.sharedPage{overflow-wrap:anywhere}.planPrice small{white-space:nowrap}button:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #aaa}@media (width<=650px){.projectChat .chatComposer>.primary{width:100%}.planPrice{font-size:30px}.currentPlan .secondary{max-width:100%}}.uploadProgress{border:1px solid var(--line,#343636);background:var(--panel,#1b1c1c);border-radius:12px;margin:22px 0;padding:18px}.uploadProgressRow{align-items:center;gap:12px;padding:12px 0;display:flex}.uploadProgressRow>div{flex:1;min-width:0}.uploadProgressRow span,.uploadProgressRow small{overflow-wrap:anywhere;display:block}.uploadProgressRow small{color:var(--muted,#a5aaaa);margin-top:5px}.uploadProgressRow progress{width:100%;height:6px;accent-color:var(--accent);margin-top:9px}.audioDetails{flex-shrink:0;position:relative}.audioDetailsButton{color:var(--muted,#a5aaaa);border:1px solid var(--line,#343636);white-space:nowrap;border-radius:6px;padding:7px;font-size:11px}.audioDetailsPopover{z-index:30;background:var(--panel,#1b1c1c);width:210px;color:var(--text,#eee);border:1px solid var(--line,#343636);text-align:left;border-radius:10px;flex-direction:column;gap:9px;padding:16px;font-size:12px;display:flex;position:absolute;top:100%;right:0;box-shadow:0 10px 30px #0006}.audioDetailsPopover button{align-self:flex-start;text-decoration:underline}.accountControls{border-top:1px solid var(--line,#343636);margin-top:28px;padding-top:20px}.accountControls p{font-size:12px;line-height:1.6}.accountControls>.secondary{margin:5px 8px 5px 0}.collaboratorRoleLabel{min-width:160px;max-width:240px;font-size:11px;margin:0!important}.collaboratorRoleLabel select{font-size:11px;padding:8px!important}.feedbackResolved{border-left:3px solid var(--accent)}.resolvedBadge{color:var(--accent);margin-right:12px;display:inline-block}.resolveFeedback{margin:8px 6px 0 0;font-size:11px;padding:6px 10px!important}.track .audioDetails{margin-left:4px}@media (width<=700px){.track .audioDetailsButton{padding:5px;font-size:10px}.audioDetailsPopover{position:fixed;top:auto;bottom:110px;right:16px}.communityRow{flex-wrap:wrap}.collaboratorRoleLabel{flex:1}.uploadProgressRow{flex-wrap:wrap}.uploadProgressRow>div{min-width:65%}}html[data-theme=light] .uploadProgress,html[data-theme=light] .audioDetailsPopover{color:#222;background:#fff;border-color:#ccc}html[data-theme=light] .audioDetailsButton,html[data-theme=light] .accountControls{border-color:#ccc}html[data-theme=light] .resolvedBadge{color:#555}.art .defaultCover,.publicProjectCover .defaultCover{flex:none;width:100%;max-width:none;height:100%;max-height:none;display:block}.art:has(.defaultCover){background:#17181a!important}.art:has(.defaultCover) .artlabel{display:none}.artistSpotlight{background:linear-gradient(155deg,#ffffff08,#ffffff02);border-color:#ffffff12;border-radius:14px;padding:15px 12px}.artistSpotlight .promotionHeading{margin-bottom:15px}.spotlightBadge{letter-spacing:.4px;text-transform:uppercase;color:#aeb0b6;margin-bottom:13px;font-size:9px;font-weight:600;line-height:1.5}.spotlightIdentity{min-width:0;color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.spotlightAvatar{object-fit:cover;border:1px solid #ffffff20;border-radius:50%;flex:none;width:44px;height:44px}.spotlightInitial{color:#eee;background:linear-gradient(140deg,#555,#252525);place-items:center;font-size:19px;font-weight:600;display:grid}.spotlightIdentity>span:last-child{min-width:0}.spotlightIdentity strong{overflow-wrap:anywhere;font-size:13px;line-height:1.4;display:block}.spotlightIdentity small{color:#8c8e95;margin-top:3px;font-size:10px;display:block}.spotlightFeatureTitle{overflow-wrap:anywhere;margin-top:15px;font-size:12px;line-height:1.5;display:block}.artistSpotlight p{color:#9c9ea6;overflow-wrap:anywhere;margin:9px 0 14px;font-size:11px;line-height:1.65}.spotlightSong{align-items:center;gap:9px;min-width:0;margin-top:15px;display:flex}.spotlightSong img{object-fit:cover;border-radius:6px;flex:none;width:38px;height:38px}.spotlightSong strong{overflow-wrap:anywhere;font-size:11px;line-height:1.5}.artistSpotlight .promotionSpotify{justify-content:space-between;padding:10px;font-size:11px}.artistSpotlight .promotionExpiry{font-size:8px;line-height:1.5}.spotlightEmptyIcon{color:#bfc1c6;background:#ffffff05;border:1px solid #ffffff17;border-radius:12px;place-items:center;width:46px;height:46px;margin-bottom:14px;display:grid}.spotlightEmpty>strong{font-size:13px;line-height:1.5}.artistSpotlight .promotionSubmit{border-top-color:#ffffff18;margin-top:14px}.spotlightIdentity:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:7px}html[data-theme=light] .spotlightBadge,html[data-theme=light] .spotlightIdentity small,html[data-theme=light] .artistSpotlight p{color:#60636a}html[data-theme=light] .spotlightAvatar{border-color:#ccc}html[data-theme=light] .spotlightEmptyIcon{color:#444;background:#eee;border-color:#ddd}@media (width<=650px){.artistSpotlight{max-width:none;display:block}.spotlightCard,.spotlightEmpty{min-width:0}.spotlightIdentity strong{font-size:14px}.spotlightAvatar{width:48px;height:48px}.artistSpotlight .promotionControls{display:flex}.spotlightSong{max-width:100%}.artistSpotlight .promotionExpiry{font-size:9px}.artistSpotlight p{font-size:12px}}.artistDiscovery{margin-top:0}.spotlightInitial{overflow:hidden}.spotlightInitial>img{border:0;width:100%;height:100%}.betaBadge{z-index:55;color:#dedfe3;letter-spacing:1.2px;pointer-events:none;background:#242529;border:1px solid #ffffff25;border-radius:5px;padding:4px 8px;font-size:9px;font-weight:700;line-height:1.2;display:inline-block;position:fixed;top:7px;right:12px}.accountMenu{padding-right:88px}html[data-theme=light] .betaBadge{color:#48494e;background:#ededee;border-color:#c9cacf}@media (width<=650px){.betaBadge{font-size:8px;top:6px;right:10px}body{padding-top:28px}}.discordInvite{z-index:50;color:#ededf0;background:#202125;border:1px solid #ffffff20;border-radius:12px;align-items:center;gap:11px;width:220px;padding:14px;text-decoration:none;display:flex;position:fixed;top:48px;right:20px;box-shadow:0 5px 22px #0002}.discordInvite img{border-radius:50%;flex:none;width:32px;height:32px}.discordInvite strong{font-size:12px;line-height:1.4;display:block}.discordInvite small{color:#a9abb2;margin-top:3px;font-size:10px;line-height:1.5;display:block}.discordInviteArrow{color:#a9abb2;margin-left:auto}.discordInvite:hover{background:#2b2d32;border-color:#ffffff40}.discordInvite:focus-visible{outline:2px solid var(--accent);outline-offset:4px}html[data-theme=light] .discordInvite{color:#222;background:#fff;border-color:#d5d5d7}html[data-theme=light] .discordInvite small{color:#666}@media (width<=1600px){.discordInvite{gap:8px;width:auto;padding:7px 10px;top:34px;right:16px}.discordInvite img{width:24px;height:24px}.discordInvite small{display:none}}@media (width<=650px){body{padding-top:72px}.discordInvite{padding:7px 9px;top:31px;right:10px}.discordInvite strong{font-size:11px}}.player .miniart:has(.idlePlayIcon){color:#ececee;background:linear-gradient(145deg,#45464a,#25262a);border:1px solid #ffffff0d;box-shadow:inset 0 1px #ffffff16}.idlePlayIcon{margin-left:2px}html[data-theme=light] .player .miniart:has(.idlePlayIcon){color:#343539;background:linear-gradient(145deg,#f3f3f4,#d9dadd);border-color:#0000000d;box-shadow:inset 0 1px #fff}@media (width<=650px){body{min-width:0;padding-top:28px}.discordInvite{z-index:5;width:max-content;max-width:calc(100% - 24px);margin:4px 12px 12px auto;position:relative;top:auto;right:auto}.accountMenu{flex-wrap:wrap;justify-content:center;gap:4px 10px;padding:6px 12px;font-size:11px}.accountMenu a,.accountMenu button{align-items:center;min-height:36px;padding:5px 3px;display:inline-flex}.shell{padding-bottom:calc(178px + env(safe-area-inset-bottom))}.shell aside{gap:10px;min-width:0;padding:14px 16px}.shell main{width:100%;min-width:0;padding:0 16px 28px}.profileTrigger{min-width:0;max-width:58%}.profileIdentity{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shell header{flex-wrap:wrap;gap:8px;height:auto;min-height:62px;padding:10px 0}.headerActions{flex-wrap:wrap;justify-content:space-between;gap:5px;width:100%}.headerActions>a,.colourToggle,.notificationBell{align-items:center;min-height:40px;display:inline-flex}.breadcrumb{font-size:11px}.colourPanel{max-width:calc(100vw - 32px);right:0}.heading{flex-wrap:wrap;align-items:flex-start;padding:26px 0}.heading h1{letter-spacing:-2px;font-size:40px}.heading .primary{min-height:44px}.toolbar{width:100%;min-width:0}.libraryTabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px;width:100%;display:grid}.libraryTabs .tab{text-align:left;min-height:40px}.toolbar .search{min-width:0;padding:10px 0}.toolbar .search input{width:100%;min-width:0;font-size:16px}.libraryStatusFilter select{min-width:0;min-height:44px;font-size:16px}.shell .grid,.publicPage .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;width:100%}.projectArtWrap{min-width:0}.compactProjectCard .art{border-radius:16px}.projectTitle,.projectCardMeta{min-width:0}.projectHero{gap:16px}.projectDetails{flex-basis:100%;min-width:0}.projectDetails h1{font-size:30px}.projectActions{gap:8px}.projectActions button,.projectActions a{max-width:100%;min-height:44px}.track{flex-wrap:wrap;gap:8px 6px}.track .trackname{flex:calc(100% - 105px);min-width:0}.trackname small{max-width:none}.trackplay{place-items:center;min-width:40px;min-height:44px;display:grid}.track .iconButton{min-width:36px;min-height:36px}.versionHeading{flex-wrap:wrap;gap:8px}.versionHeading span{white-space:normal}.player{width:calc(100% - 20px);height:146px;bottom:calc(10px + env(safe-area-inset-bottom));border-radius:20px;grid-template-rows:auto 26px auto;grid-template-columns:minmax(0,1fr) auto auto;gap:6px 8px;padding:10px 12px;display:grid}.player .playingInfo{grid-area:1/1;gap:8px;width:100%;height:auto}.player .playingInfo>div:last-child{min-width:0}.player .playingInfo strong{max-width:100%;font-size:12px}.player .playingInfo small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:4px;font-size:10px;overflow:hidden}.player .miniart{flex:0 0 34px;width:34px;height:34px}.player .miniart .art{width:34px}.player .playControls{grid-area:1/2/auto/4;width:auto}.player .playControls>div{gap:0}.player .playControls button{place-items:center;width:40px;height:44px;display:grid}.player .waveformSeek{grid-area:2/1/auto/4;width:100%;min-width:0;max-width:none;height:26px}.playerTime{grid-area:3/1;font-size:10px}.player .repeatControl{grid-area:3/2;min-width:40px;height:36px}.player .queueControl{grid-area:3/3;min-width:40px;height:36px}.player .playerVolume{display:none}.chatsLauncher{bottom:calc(166px + env(safe-area-inset-bottom));height:40px;right:10px}.chatsPanel{inset:calc(12px + env(safe-area-inset-top)) 10px calc(12px + env(safe-area-inset-bottom));z-index:60;width:auto;height:auto;max-height:none}.chatsPanel .chatComposer textarea{font-size:16px}.chatsPanel .chatMessages{overscroll-behavior:contain}.overlay{align-items:center;padding:12px}.modal{overscroll-behavior:contain;width:100%;max-width:460px;max-height:calc(100dvh - 24px);padding:24px 18px;overflow-y:auto}.modal h2{padding-right:20px;font-size:26px}.modal input,.modal textarea,.modal select{font-size:16px}.modal .primary{min-height:44px}.publicPage,.sharedPage,.supportPage,.copyrightPage{width:100%;min-width:0;padding-left:16px;padding-right:16px}.publicNav{flex-wrap:wrap}.publicProfileHero>div{flex-basis:100%;min-width:0}.publicProjectPage .projectDetails{min-width:0}.publicProjectCover{max-width:100%}.publicProfileLinks,.communityTabs{flex-wrap:wrap}.communityRow{min-width:0}.communityRow>span{overflow-wrap:anywhere;min-width:0}.rowActions{flex-wrap:wrap}.moderatorStats{grid-template-columns:repeat(2,minmax(0,1fr))}.siteCopyright{padding-bottom:calc(190px + env(safe-area-inset-bottom))}}@media (width<=360px){.shell .grid,.publicPage .grid{gap:22px 12px}.player .miniart{display:none}.heading h1{font-size:36px}.moderatorStats{grid-template-columns:1fr}.headerActions{font-size:11px}}.memberAvatar{color:#bfc0c5;background:#ffffff0b;border:1px solid #ffffff12;border-radius:50%;flex:0 0 36px;place-items:center;width:36px;height:36px;font-size:14px;display:grid;overflow:hidden}.memberAvatar img{object-fit:cover;width:100%;height:100%;display:block}.notificationRow{align-items:flex-start;gap:12px;display:flex}.notificationCopy{overflow-wrap:anywhere;flex:1;min-width:0}.chatsHeader .memberAvatar{flex-basis:30px;width:30px;height:30px}.chatConversation .memberAvatar+strong{overflow-wrap:anywhere;flex:1;min-width:0}html[data-theme=light] .memberAvatar{color:#555;background:#eee;border-color:#ddd}.founderBadge{color:#c9d7ee;letter-spacing:.2px;background:#91a8d112;border:1px solid #9baac34d;border-radius:20px;align-items:center;gap:5px;padding:5px 9px;font-size:11px;font-weight:600;display:inline-flex}.founderProfileTheme{color:#edf2fc;background:radial-gradient(at 100% 0,#455d8535,#0000 65%),linear-gradient(135deg,#182235,#10151f);border:1px solid #8c9fbd50;border-radius:20px;padding:26px;box-shadow:0 10px 36px #0002}.founderProfileTheme p,.founderProfileTheme .artistGenreLocation{color:#b8c6dc}.betaRewards{border:1px solid #8c9fbd50;border-radius:12px;margin-top:20px;padding:16px}.betaRewards legend{color:#c9d7ee;font-size:13px}.betaRewards p{font-size:13px;line-height:1.6}.betaRewards .founderThemeChoice{align-items:center;gap:10px;display:flex}.betaRewards input[type=checkbox]{flex:none;width:18px;height:18px;margin:0}.betaRewards small{color:#9daac0;font-size:12px;line-height:1.5;display:block}html[data-theme=light] .founderBadge{color:#435571;background:#c0cfe133}html[data-theme=light] .betaRewards legend{color:#435571}@media (width<=650px){.founderProfileTheme{padding:18px}.betaRewards{padding:14px}}.supportVaultsLink{margin:16px 0;font-size:12px;display:block}.donationCard>svg{color:#c1c4cc;margin-top:30px;display:block}.donationAmounts{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:26px;display:grid}.donationAmounts button{min-height:44px}.donationAmounts button[aria-pressed=true]{border-color:var(--accent);background:#8882}.donationStatus{border:1px solid #8884;border-radius:10px;padding:14px}.donationCard form>.primary{min-height:44px;margin-top:12px}.donationCard input{font-size:16px}.songReactions{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.songReactions button{border:1px solid var(--line,#333);white-space:nowrap;background:0 0;border-radius:16px;padding:5px 7px;font-size:12px}.songReactions button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.songReactions small{max-width:180px}.publicProfileBanner,.bannerPreview{aspect-ratio:3.2;object-fit:cover;border-radius:16px;width:100%;display:block}.publicProfileBanner{margin:22px 0}.showcaseSettings{border:1px solid var(--line,#333);border-radius:16px;margin:20px 0;padding:18px}.showcaseChoices{max-height:220px;overflow:auto}.showcaseChoices label{align-items:center;gap:10px;display:flex}.showcaseChoices input{flex:none;width:18px}.profileShowcase{margin:25px 0}.showcaseSong{flex-wrap:wrap;align-items:center;gap:14px;margin:10px 0;display:flex}.roomMembers{flex-wrap:wrap;gap:16px;margin:20px 0;display:flex}.roomMembers>span{align-items:center;gap:8px;display:flex}.roomPlayer{border:1px solid var(--line,#333);border-radius:18px;margin:24px 0;padding:24px}.roomPlayer label{margin:15px 0;display:block}.roomPlayer input{width:100%}.roomTrackList{gap:8px;margin-top:20px;display:grid}.roomTrackList button{text-align:left}.listeningRoom h1{overflow-wrap:anywhere}.listeningRoom .chatMessage>div{align-items:center;gap:10px;display:flex}.listeningRoom .chatMessage .memberAvatar{flex:none}.track:has(.songReactions){flex-wrap:wrap}.track .songReactions{flex-shrink:0}.listeningRoom>a{margin-right:12px}.profileShowcase:empty{display:none}@media (width<=650px){.roomPlayer{padding:16px}.track .songReactions{margin-left:auto}.songReactions button{min-height:36px}.publicProfileBanner{border-radius:12px}.showcaseSettings{padding:14px}}.songWarsNav{border:1px solid var(--border,#333);border-radius:12px;margin:18px 0;padding:16px;font-weight:600;display:block}.songWarsNav span{color:#aaa;margin-top:5px;font-size:11px;font-weight:400;display:block}.warsGrid{grid-template-columns:1fr 1fr;gap:24px;margin:30px 0;display:grid}.songWarsPage form{gap:18px;display:grid}.songWarsPage label{gap:8px;display:grid}.songWarsPage input,.songWarsPage select{background:var(--surface,#171717);width:100%;color:inherit;border:1px solid #444;border-radius:8px;padding:12px}.songWarsPage small{color:#aaa}.songWarsPage .roomPlayer{margin:0}@media (width<=700px){.warsGrid{grid-template-columns:1fr}}.songWarsPage{max-width:1120px}.warsHero{background:radial-gradient(at 80% 20%,#41414155,#0000 65%),linear-gradient(125deg,#202020,#111);border:1px solid #383838;border-radius:24px;justify-content:space-between;align-items:center;gap:32px;margin:48px 0 24px;padding:40px;display:flex;position:relative;overflow:hidden}.warsHero:after{content:"";pointer-events:none;background:repeating-linear-gradient(135deg,#0000,#0000 35px,#ffffff03 36px 37px);position:absolute;inset:0}.warsHeroCopy{z-index:1;position:relative}.songWarsPage .warsHero h1{letter-spacing:-.065em;margin:22px 0 14px;font-size:clamp(44px,7vw,86px);line-height:1}.warsTagline{letter-spacing:-.025em;font-size:clamp(20px,3vw,30px);line-height:1.3;color:#c4c4c4!important}.warsLiveDot{background:#ddd;border-radius:50%;width:6px;height:6px;margin-right:9px;display:inline-block;box-shadow:0 0 12px #fff5}.warsChips{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.warsChips span{letter-spacing:.07em;text-transform:uppercase;color:#bbb;background:#ffffff04;border:1px solid #454545;border-radius:999px;padding:8px 11px;font-size:10px}.warsEmblem{background:radial-gradient(circle,#363636,#131313 70%);border:1px solid #5e5e5e;border-radius:50%;flex-direction:column;flex:0 0 245px;justify-content:center;align-items:center;height:245px;display:flex;position:relative;transform:rotate(-8deg);box-shadow:inset 0 0 40px #ffffff05,0 15px 60px #0007}.warsEmblem>span{-webkit-text-fill-color:transparent;background:linear-gradient(#fff,#888);-webkit-background-clip:text;background-clip:text;font-size:105px;font-weight:800;line-height:1}.warsEmblem small{letter-spacing:.32em;color:#bdbdbd;margin-top:15px;font-size:10px}.warsOrbit{border:1px dashed #525252;border-radius:50%;position:absolute;inset:-13px}.warsBars{align-items:center;gap:4px;height:30px;margin-top:16px;display:flex}.warsBars i{background:#aaa;border-radius:5px;width:3px;height:10px}.warsBars i:nth-child(3n){height:24px}.warsBars i:nth-child(4n){height:16px}.warsBars i:nth-child(5n){height:30px}.songWarsPage>.warsGrid{gap:20px}.songWarsPage .warsGrid .roomPlayer{background:linear-gradient(145deg,#222,#151515);border:1px solid #393939;border-radius:18px;padding:28px;box-shadow:0 10px 30px #0002}.warsCardTop{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.warsCardIcon{color:#eee;background:linear-gradient(140deg,#474747,#262626);border:1px solid #555;border-radius:12px;place-items:center;width:44px;height:44px;font-size:25px;display:grid}.warsStep{letter-spacing:.17em;color:#aaa;font-size:10px}.songWarsPage .warsGrid h2{letter-spacing:-.035em;margin:0 0 10px;font-size:28px}.songWarsPage .warsGrid p{color:#aaa;margin-bottom:24px;font-size:14px;line-height:1.6}.songWarsPage .warsGrid label{font-size:12px;font-weight:500}.songWarsPage .warsGrid input,.songWarsPage .warsGrid select{background:#111b;border-color:#414141;padding:14px}.songWarsPage .warsGrid .primary{border-radius:10px;width:100%;min-height:46px;margin-top:6px}.songWarsPage .warsGrid .roomPlayer>a{text-align:center;color:#eee;border:1px solid #777;border-radius:10px;padding:14px;display:block}.songWarsPage>p{color:#aaa;max-width:740px;line-height:1.7}@media (width<=700px){.warsHero{gap:12px;margin-top:30px;padding:26px}.warsEmblem{flex-basis:110px;height:110px}.warsEmblem>span{font-size:54px}.warsEmblem small{letter-spacing:.13em;margin-top:8px;font-size:6px}.warsBars{display:none}.warsOrbit{inset:-7px}.warsChips{gap:6px}.warsChips span{padding:6px 8px;font-size:8px}.warsHero .eyebrow{font-size:8px}.songWarsPage .warsGrid .roomPlayer{padding:22px}}.warsTournament{background:radial-gradient(at 90% 0,#ffffff08,#0000 50%),#171717;border:1px solid #444;border-radius:20px;margin:50px 0;padding:28px}.warsBracketHeading{justify-content:space-between;align-items:center;gap:20px;display:flex}.warsBracketHeading h2{letter-spacing:-.04em;margin:12px 0;font-size:32px}.warsBracketHeading p{color:#aaa;max-width:600px;font-size:14px}.bracketTrophy{font-size:45px}.bracketControls{flex-wrap:wrap;align-items:end;gap:12px;margin-top:25px;display:flex}.bracketControls label{flex:1;min-width:160px}.bracketControls label:nth-child(2){flex:0 0 100px;min-width:100px}.bracketControls button{min-height:43px}.bracketSaveStatus{color:#aaa;font-size:12px}.bracketEntrants{border:1px solid #383838;border-radius:12px;margin:25px 0;padding:15px}.bracketEntrants summary{cursor:pointer;color:#ddd;font-size:13px}.bracketEntrants>div{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;max-height:290px;margin-top:18px;display:grid;overflow:auto}.bracketEntrants label{align-items:center;gap:10px!important;display:flex!important}.bracketEntrants label>span{color:#888;font-size:10px}.bracketEntrants input{font-size:12px;padding:10px!important}.bracketScroll{background:repeating-linear-gradient(135deg,#0000,#0000 32px,#ffffff02 33px 34px),#101010;border:1px solid #343434;border-radius:14px;max-height:720px;padding:20px;overflow:auto}.bracketRounds{gap:28px;min-width:max-content;display:flex}.bracketRound{flex-direction:column;width:190px;display:flex}.bracketRound h3{text-transform:uppercase;letter-spacing:.12em;text-align:center;color:#aaa;font-size:11px}.bracketMatchColumn{flex-direction:column;flex:1;justify-content:space-around;gap:22px;padding:12px 0;display:flex}.bracketMatch{background:#202020;border:1px solid #555;border-radius:9px;position:relative;overflow:visible}.bracketMatch:after{content:"";background:#555;width:28px;height:1px;position:absolute;top:50%;right:-29px}.bracketMatch button{text-align:left;color:#aaa;justify-content:space-between;gap:10px;width:100%;min-height:40px;padding:12px;font-size:12px;display:flex}.bracketMatch button+button{border-top:1px solid #424242}.bracketMatch button span{overflow-wrap:anywhere;max-width:155px}.bracketMatch button.bracketWinner{color:#fff;background:linear-gradient(110deg,#555,#333);border-radius:7px}.bracketMatch button:disabled{opacity:.65}.bracketMatch small{color:#888;border-top:1px solid #333;padding:4px 10px;font-size:9px;display:block}.bracketChampion{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:180px;display:flex}.bracketChampion>span{font-size:52px}.bracketChampion strong{overflow-wrap:anywhere;font-size:20px}.savedBrackets{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.savedBrackets h3{width:100%;font-size:15px}.savedBrackets button{flex-direction:column;align-items:start;gap:8px;display:flex}.savedBrackets small{color:#aaa;font-size:10px}@media (width<=700px){.warsTournament{padding:18px}.warsBracketHeading h2{font-size:26px}.bracketControls label{width:100%}.bracketControls button{flex:1}.bracketScroll{padding:12px}.bracketRound{width:155px}.bracketRounds{gap:20px}.bracketMatch:after{width:20px;right:-21px}}.warsTournament{background:linear-gradient(130deg,#292929,#131313 50%,#202020);border-color:#515151;position:relative;overflow:hidden;box-shadow:0 25px 70px #0006}.warsBracketHeading{border-bottom:1px solid #414141;padding:8px 0 20px}.warsBracketHeading h2{font-size:36px;font-weight:750}.bracketTrophy{background:linear-gradient(135deg,#555,#202020);border:1px solid #555;border-radius:16px;padding:16px;box-shadow:inset 0 1px #fff2}.bracketControls{background:#ffffff03;border:1px solid #424242;border-radius:12px;padding:18px}.bracketControls input{background:#0d0d0dcc!important}.bracketEntrants label>span{white-space:nowrap;flex-shrink:0}.bracketArenaHeader{letter-spacing:.12em;color:#aaa;background:linear-gradient(90deg,#3a3a3a,#191919);border:1px solid #525252;border-bottom:0;border-radius:16px 16px 0 0;justify-content:space-between;align-items:center;gap:15px;padding:16px 20px;font-size:9px;display:flex}.bracketArenaHeader>div{color:#eee;letter-spacing:.08em;align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.bracketArena{isolation:isolate;background:radial-gradient(at 50% 0,#ffffff16,#0000 60%),repeating-linear-gradient(60deg,#0000,#0000 38px,#ffffff03 39px 40px),repeating-linear-gradient(-60deg,#0000,#0000 38px,#ffffff03 39px 40px),#0b0b0b;border-radius:0 0 16px 16px;padding:28px 18px 18px;position:relative}.arenaSpotlight{z-index:-1;filter:blur(35px);pointer-events:none;background:linear-gradient(#ffffff16,#0000);width:40%;height:440px;position:absolute;top:-140px;left:30%;transform:rotate(10deg)}.bracketArena .bracketRounds{gap:18px;min-height:390px;position:relative}.bracketWing{flex:1;gap:22px;display:flex}.bracketArena .bracketRound{flex-shrink:0;width:145px}.bracketArena .bracketRound h3{letter-spacing:.15em;margin:4px 0 24px;font-size:9px}.bracketArena .bracketMatch{background:linear-gradient(125deg,#303030,#171717);border:1px solid #5a5a5a;border-left:3px solid #8c8c8c;border-radius:5px;box-shadow:0 8px 20px #0008,inset 0 1px #ffffff10}.bracketArena .bracketMatch:after{background:linear-gradient(90deg,#888,#444);width:23px;right:-24px}.bracketArena .rightWing .bracketMatch:after{left:-24px;right:auto;transform:rotate(180deg)}.bracketArena .bracketMatch button{align-items:center;gap:7px;min-height:42px;padding:10px 8px;font-size:10px}.bracketArena .bracketMatch button:disabled{opacity:1}.bracketArena .bracketMatch button span{color:#aaa;flex:1}.bracketArtistIcon{color:#ccc;background:#ffffff08;border:1px solid #606060;border-radius:5px;flex-shrink:0;place-items:center;width:23px;height:23px;font-size:9px;font-style:normal;font-weight:700;display:grid}.bracketArena .bracketMatch button.bracketWinner{color:#111;background:linear-gradient(120deg,#ddd,#989898);border-radius:3px}.bracketArena .bracketWinner span{font-weight:750;color:#111!important}.bracketArena .bracketWinner .bracketArtistIcon{color:#eee;background:#111;border-color:#222}.bracketArena .matchDecided{border-color:#aaa}.bracketFinalStage{flex-direction:column;flex:0 0 180px;justify-content:center;align-items:center;gap:18px;padding:20px 0;display:flex;position:relative}.finalCrest{clip-path:polygon(50% 0,95% 20%,90% 75%,50% 100%,10% 75%,5% 20%);color:#fff;filter:drop-shadow(0 0 12px #fff2);background:linear-gradient(135deg,#e2e2e2,#3e3e3e 45%,#9e9e9e);place-items:center;width:95px;height:105px;display:grid}.finalEyebrow{letter-spacing:.2em;color:#ddd;font-size:10px;font-weight:750}.bracketFinalStage>.bracketMatch{border-color:#999;border-left-width:1px;width:100%;box-shadow:0 0 35px #ffffff0a!important}.bracketFinalStage>.bracketMatch:after{display:none}.bracketFinalStage .bracketChampion{background:linear-gradient(135deg,#ffffff0b,#0000);border:1px solid #424242;border-radius:7px;gap:10px;width:100%;padding:16px 8px}.bracketFinalStage .bracketChampion strong{letter-spacing:-.03em;color:#ddd;font-size:17px}.bracketFinalStage .bracketChampion .eyebrow{color:#888;font-size:8px}.championUnderline{background:linear-gradient(90deg,#0000,#ccc,#0000);width:35px;height:2px;margin-top:7px}.arenaFooter{letter-spacing:.18em;color:#666;border-top:1px solid #333;justify-content:space-between;min-width:500px;margin-top:20px;padding-top:15px;font-size:8px;display:flex}@media (width<=700px){.warsBracketHeading h2{font-size:28px}.bracketControls{padding:12px}.bracketArenaHeader>span{display:none}.bracketArena .bracketRound{width:130px}.bracketFinalStage{flex-basis:160px}.bracketArena .bracketRounds{gap:18px}}.warsTournament{background:radial-gradient(at 0 0,#4b258c66,#0000 60%),linear-gradient(130deg,#241736,#14121e 50%,#291b2a);border-color:#7756ac}.warsBracketHeading .eyebrow{color:#c49aff}.bracketTrophy{color:#f3caff;background:linear-gradient(135deg,#7040a6,#302049);border-color:#8e60b4}.bracketControls{background:#a167ff09;border-color:#594171}.bracketControls .primary{color:#fff;background:linear-gradient(110deg,#ad75ff,#648bff);border-color:#9d77e6}.bracketArenaHeader{color:#d4b6ed;background:linear-gradient(90deg,#3f2872,#262042 50%,#693349);border-color:#725492}.bracketArenaHeader>div{color:#e9d8ff}.bracketArena{background:radial-gradient(at 4% 40%,#5462ff30,#0000 48%),radial-gradient(at 96% 40%,#ff52642b,#0000 48%),radial-gradient(at 50% 0,#ffca591a,#0000 65%),repeating-linear-gradient(60deg,#0000,#0000 38px,#a179ff06 39px 40px),repeating-linear-gradient(-60deg,#0000,#0000 38px,#ff7c8b05 39px 40px),#100f1b;border-color:#725492}.arenaSpotlight{background:linear-gradient(#be88ff25,#0000)}.bracketArena .leftWing .bracketRound h3{color:#aab6ff}.bracketArena .rightWing .bracketRound h3{color:#ffa9ac}.bracketArena .leftWing .bracketMatch{background:linear-gradient(125deg,#292953,#18172a);border-color:#6975c9 #6975c9 #6975c9 #a4b4ff;box-shadow:0 6px 25px #5355f71c}.bracketArena .leftWing .bracketMatch:after{background:linear-gradient(90deg,#909fff,#7754c7)}.bracketArena .rightWing .bracketMatch{background:linear-gradient(125deg,#492338,#261621);border-color:#c76a85 #c76a85 #c76a85 #ffa0a7;box-shadow:0 6px 25px #ff4f7418}.bracketArena .rightWing .bracketMatch:after{background:linear-gradient(90deg,#ffa0a9,#bb497d)}.bracketArena .leftWing .bracketArtistIcon{color:#cdd7ff;background:#626eff25;border-color:#787fc2}.bracketArena .rightWing .bracketArtistIcon{color:#ffd1de;background:#ff638326;border-color:#b37591}.bracketArena .leftWing .bracketMatch button span{color:#d3d6ee}.bracketArena .rightWing .bracketMatch button span{color:#efd3df}.finalCrest{color:#fff8db;filter:drop-shadow(0 0 18px #ffba4933);background:linear-gradient(135deg,#ffe9a3,#cb8236 45%,#ffe2a1)}.finalEyebrow{color:#ffdf9a}.bracketFinalStage>.bracketMatch{background:linear-gradient(125deg,#3a2b1d,#201c1b)!important;border-color:#c79c55!important;box-shadow:0 0 30px #ffcd6512!important}.bracketFinalStage .bracketArtistIcon{color:#efd7a7;border-color:#94764c}.bracketFinalStage .bracketChampion{background:linear-gradient(135deg,#e5a34017,#ffffff03);border-color:#866630}.bracketFinalStage .bracketChampion strong{color:#ffdfa2}.championUnderline{background:linear-gradient(90deg,#0000,#ffcb6f,#0000)}.bracketArena .bracketMatch button.bracketWinner{color:#201505;background:linear-gradient(110deg,#ffe9a8,#e7a854)!important}.bracketArena .bracketWinner span{color:#261708!important}.arenaFooter{color:#aa88bd;border-color:#57406a}.savedBrackets button{border-color:#685181}.savedBrackets button strong{color:#d6b5ff}.warsHero{background:radial-gradient(at 80% 20%,#a461ff38,#0000 65%),linear-gradient(125deg,#2b1b45,#141323);border-color:#68449c}.warsLiveDot{background:#cc9aff;box-shadow:0 0 12px #c284ff77}.warsHero h1 span{color:#bf92ff}.warsEmblem{background:radial-gradient(circle,#654495,#19122b 70%);border-color:#9565cd;box-shadow:inset 0 0 40px #a565ff0a,0 15px 60px #673aa62b}.warsEmblem>span{background:linear-gradient(#f5eaff,#b38ada);-webkit-background-clip:text;background-clip:text}.warsEmblem small{color:#dbbcff}.warsOrbit{border-color:#8b5dbe}.warsBars i{background:#cb9eff}.warsChips span{color:#d5b6ee;background:#af70ff0a;border-color:#6c4890}.warsTournament input{-webkit-text-fill-color:#fff;caret-color:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff!important}.warsTournament input::placeholder{-webkit-text-fill-color:#b9afca;opacity:1;color:#b9afca!important}.bracketRandomTools{background:#a774ff0b;border:1px solid #604977;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0;padding:16px;display:flex}.bracketRandomTools>div{flex:1;min-width:190px}.bracketRandomTools strong{color:#ede0ff;font-size:13px}.bracketRandomTools small{color:#c1b0d1;margin-top:6px;font-size:11px;display:block}.bracketRandomTools button{color:#fff;border-color:#8060a0;align-items:center;gap:8px;display:flex}.bracketDrawOverlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07050de8;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.bracketDrawDialog{color:#fff;text-align:center;background:radial-gradient(at top,#432459,#17121f 70%);border:1px solid #9068be;border-radius:22px;width:560px;max-width:100%;max-height:92dvh;padding:32px;position:relative;overflow:auto;box-shadow:0 25px 80px #0008}.bracketDrawDialog h2{margin:12px 0;font-size:28px}.bracketDrawDialog p{color:#c9bbd8;font-size:13px;line-height:1.5}.drawClose{color:#fff;position:absolute;top:12px;right:12px}.drawWheelWrap{width:280px;height:280px;margin:30px auto 20px;position:relative}.drawWheel{border:7px solid #ead2ff;border-radius:50%;transition:transform 2.4s cubic-bezier(.14,.72,.17,1);position:absolute;inset:0;box-shadow:0 0 35px #ba77ff55}.drawWheel span{white-space:nowrap;text-overflow:ellipsis;color:#fff;text-shadow:0 1px 3px #000;transform-origin:50%;width:75px;font-size:10px;font-weight:700;position:absolute;top:50%;left:50%;overflow:hidden}.drawPointer{z-index:2;color:#ffdf8b;text-shadow:0 2px 8px #000;font-size:34px;position:absolute;top:-17px;left:50%;transform:translate(-50%)}.drawWheelHub{color:#ffdf8b;background:#21162e;border:4px solid #ead2ff;border-radius:50%;place-items:center;width:62px;height:62px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.drawResult{overflow-wrap:anywhere;color:#ffe4a5;min-height:60px;font-size:18px;font-weight:700}.drawResult small{color:#cbb5df;margin:8px;font-size:12px;font-weight:400;display:block}.drawActions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.drawActions .primary{color:#fff;background:linear-gradient(110deg,#9160df,#526fde)}.drawActions .secondary{color:#fff;border-color:#85679f}.drawOrder{text-align:left;grid-template-columns:1fr 1fr;gap:8px;max-height:160px;padding:0;list-style:none;display:grid;overflow:auto}.drawOrder li{overflow-wrap:anywhere;background:#ffffff08;border:1px solid #614575;border-radius:7px;padding:9px;font-size:12px}.drawOrder li span{color:#cba0ff;margin-right:8px}.drawHint{font-size:11px!important}.bracketDrawOverlay button:focus-visible{outline:2px solid #ffe4a5}@media (prefers-reduced-motion:reduce){.drawWheel{transition:none}}@media (width<=400px){.bracketDrawDialog{padding:26px 14px}.drawWheelWrap{width:250px;height:250px}.drawWheel span{font-size:9px}.drawOrder{grid-template-columns:1fr}}.bracketEntrantRow{align-items:stretch;display:flex}.bracketEntrantRow+.bracketEntrantRow{border-top:1px solid #ffffff20}.bracketArena .bracketEntrantRow>button:first-child{flex:1;width:auto;min-width:0}.bracketArena .bracketEntrantRow>.bracketLossButton{color:#cdbbdf;background:#0002;border-radius:0;flex:0 0 27px;place-items:center;width:27px;min-height:42px;padding:0;display:grid;border:0!important;border-left:1px solid #ffffff15!important}.bracketArena .bracketLossButton:hover:enabled{color:#fff;background:#da426754}.bracketArena .bracketLossButton.isLoser{color:#ff8596;background:#b8274933}.bracketArena .bracketLoser>button:first-child span{-webkit-text-decoration:line-through #ed8298;text-decoration:line-through #ed8298;color:#c4a5b1!important}.bracketArena .bracketLossButton:disabled:not(.isLoser){opacity:.25}.judgePanel{color:#fff;background:linear-gradient(130deg,#2c2043,#17151e);border:1px solid #665096;border-radius:16px;margin:30px 0;padding:24px}.judgePanel h2{margin:12px 0;font-size:24px}.judgePanel p,.judgePanel small{color:#c3b4d8;font-size:13px;line-height:1.5}.judgePanel input,.judgePanel textarea{color:#fff;-webkit-text-fill-color:#fff;width:100%;font:inherit;background:#13101b;border:1px solid #685578;border-radius:6px;padding:10px}.judgeInvite{flex-wrap:wrap;align-items:end;gap:12px;margin:20px 0;display:flex}.judgeInvite label{flex:1;gap:8px;min-width:180px;font-size:13px;display:grid}.judgeInvite small{width:100%}.judgeRoster>div{border-bottom:1px solid #51415d;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 0;font-size:13px;display:flex}.judgeRoster span{color:#c4afd9;font-size:11px}.judgeRoster button{margin-left:auto}.judgePanel .chatMessages{max-height:280px;margin-top:20px;overflow:auto}.judgePanel .secondary{color:#eee;border-color:#79648b}.judgePanel .primary{color:#fff;background:#a37ee2}.judgePanel .chatComposer label{gap:8px;width:100%;display:grid}.warsEventPanel,.warsJudgingRoom{color:#fff;background:linear-gradient(130deg,#302042,#18151f);border:1px solid #775b9d;border-radius:18px;margin:30px 0;padding:25px}.warsEventPanel h2,.warsJudgingRoom h2{margin:12px 0;font-size:27px}.warsEventPanel p,.warsJudgingRoom p{color:#cbbad8;font-size:13px;line-height:1.6}.warsEventPanel small{color:#bcaacc;margin:12px 0;font-size:11px;display:block}.warsEventPanel label{gap:8px;margin:15px 0;display:grid}.warsEventPanel textarea,.warsEventPanel select{color:#fff;font:inherit;background:#15101e;border:1px solid #806b91;border-radius:8px;width:100%;max-width:100%;padding:12px}.warsEventPanel .primary{color:#fff;background:linear-gradient(110deg,#a472ea,#617ee3)}.warsModeSwitch,.scoreRounds{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.warsModeSwitch button{align-items:center;gap:8px;display:flex}.warsModeSwitch button[aria-pressed=true],.judgeArtistGrid button[aria-pressed=true],.scoreRounds button[aria-pressed=true]{color:#fff;background:#7654ac;border-color:#bd95f2}.savedWarsEvents{margin-top:20px}.savedWarsEvents summary{cursor:pointer;color:#d6b7fa;margin-bottom:12px;font-size:12px}.savedWarsEvents select{margin-bottom:10px}.warsFreeWheel{text-align:center;padding:18px 0}.warsBattleReveal{color:#ffe1a0;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;min-height:55px;margin:25px 0;font-size:20px;animation:.5s ease-out warsReveal;display:flex}.warsBattleReveal span{align-items:center;gap:20px;display:flex}.warsBattleReveal b{color:#c0a3d2;font-size:13px}.judgeArtistGrid{flex-wrap:wrap;gap:10px;margin:20px 0;display:flex}.artistScoreCard{background:#be85ff0a;border:1px solid #8d659e;border-radius:12px;padding:20px}.artistScoreCard h3{margin-top:0;font-size:23px}.scorePoints{grid-template-columns:repeat(10,1fr);gap:7px;display:grid}.scorePoints button{color:#fff;background:#39264d;border:1px solid #8b6cac;border-radius:7px;min-height:42px;font-weight:700}.scorePoints button[aria-pressed=true]{color:#241707;background:#e4b76d;border-color:#ffe3a8;box-shadow:0 0 18px #e4b76d44}.warsScoreTable{overflow:auto}.warsScoreTable table{border-collapse:collapse;width:100%;min-width:470px;font-size:12px}.warsScoreTable th,.warsScoreTable td{text-align:left;border-bottom:1px solid #66516f;padding:12px}.warsScoreTable th{color:#e4ccf4}.warsScoreTable small{color:#b29bc5;margin-top:5px;font-size:9px;display:block}.warsAdvanceToast{z-index:10;color:#ffe1a0;background:linear-gradient(110deg,#6d4620,#342034);border:1px solid #ffc85c;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;padding:18px;animation:.45s ease-out warsReveal;display:flex;position:sticky;top:15px;box-shadow:0 0 35px #ffba3533}.warsAdvanceToast span{color:#f3d7a7;font-size:12px}.bracketWinner{animation:.55s ease-out warsWinner}@keyframes warsReveal{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:none}}@keyframes warsWinner{0%{transform:scale(.96);box-shadow:0 0 22px #ffd37b}to{box-shadow:none;transform:none}}@media (width<=650px){.scorePoints{grid-template-columns:repeat(5,1fr)}.warsEventPanel,.warsJudgingRoom{padding:18px}.warsBattleReveal{font-size:17px}}@media (prefers-reduced-motion:reduce){.warsAdvanceToast,.bracketWinner,.warsBattleReveal{animation:none}}.songWarsRoom{width:100%;max-width:1800px!important;padding:16px 24px!important}.songWarsRoom>h1{margin:8px 0;font-size:28px}.songWarsRoom>p{margin:7px 0;font-size:12px}.songWarsRoom>.eyebrow{margin-top:8px}.warsDashboard{grid-template-columns:minmax(0,1fr) 370px;gap:16px;height:calc(100dvh - 235px);min-height:440px;margin:14px 0;display:grid}.warsTools{background:#1a1425;border:1px solid #68498e;border-radius:16px;flex-direction:column;grid-area:1/2;min-height:0;display:flex;overflow:hidden}.warsMainArena{grid-area:1/1;min-width:0;min-height:0;overflow:auto}.warsToolTabs,.warsMobileTabs{flex-shrink:0;gap:6px;padding:10px;display:flex}.warsToolTabs button{flex:1;padding:9px 6px;font-size:12px}.warsToolTabs button[aria-pressed=true],.warsMobileTabs button[aria-pressed=true]{color:#fff;background:#7042ac;border-color:#bd8fff}.warsToolBody{min-height:0;padding:14px;overflow:auto}.warsToolBody [hidden]{display:none!important}.warsToolBody .warsEventPanel,.warsToolBody .warsJudgingRoom,.warsToolBody .judgePanel{box-shadow:none;background:0 0;border:0;margin:0;padding:0}.warsToolBody h2{margin:10px 0;font-size:21px}.warsToolBody p{font-size:12px}.warsToolBody .scorePoints{grid-template-columns:repeat(5,1fr)}.warsToolBody .chatMessages{max-height:260px}.warsToolBody .judgeInvite{display:block}.warsToolBody .judgeInvite button{margin-top:8px}.warsMainArena .warsTournament{flex-direction:column;min-height:100%;margin:0;padding:16px;display:flex}.warsMainArena .warsBracketHeading{padding:0 0 8px}.warsMainArena .warsBracketHeading h2{margin:6px 0;font-size:22px}.warsMainArena .warsBracketHeading p{display:none}.warsMainArena .bracketTrophy{padding:8px}.bracketSetup{margin:10px 0}.bracketSetup>summary{cursor:pointer;color:#e3c9ff;border:1px solid #694e89;border-radius:9px;padding:10px;font-size:13px}.warsMainArena .bracketControls{margin-top:10px;padding:12px}.warsMainArena .bracketEntrants{margin:10px 0}.warsMainArena .bracketArena{flex:1;min-height:270px;max-height:none}.warsMainArena .bracketRounds{min-height:300px}.warsMainArena .savedBrackets{max-height:90px;margin-top:8px;overflow:auto}.warsMainArena .savedBrackets h3{margin:4px 0}.warsMainArena .warsFreeWheel{background:radial-gradient(at top,#562c8244,#161221);border:1px solid #7850a7;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:100%;margin:0;padding:22px;display:flex}.warsGuestArena{color:#e4d2fb;padding:28px}.warsGuestArena .judgeArtistGrid span{border:1px solid #695087;border-radius:10px;padding:12px}.warsMobileTabs{display:none}.songWarsRoom>.roomMembers{flex-wrap:nowrap;gap:12px;margin:8px 0;font-size:12px;overflow:auto}.songWarsRoom>.roomMembers>span{white-space:nowrap}.songWarsRoom>.roomMembers .memberAvatar{width:26px;height:26px}@media (width<=900px){.songWarsRoom{padding:14px!important}.warsDashboard{flex-direction:column;height:calc(100dvh - 250px);min-height:420px;display:flex}.warsMobileTabs{padding:0;display:flex}.warsMobileTabs button{flex:1}.warsTools,.warsMainArena{flex:1;min-height:0}.warsDashboard[data-mobile=arena] .warsTools,.warsDashboard[data-mobile=tools] .warsMainArena{display:none}.warsMainArena .warsBracketHeading h2{font-size:19px}.warsMainArena .warsTournament{padding:12px}.warsMainArena .bracketArena{min-height:260px}.warsToolBody{padding:14px}.songWarsRoom>h1{font-size:23px}}.songWarsRoom .warsTools{align-self:stretch;width:auto;min-width:0;padding:0;position:static;inset:auto}.songWarsRoom h1{letter-spacing:-.6px;line-height:1.25}.songWarsRoom .warsDashboard{grid-template-columns:minmax(0,1fr) clamp(350px,28vw,440px);height:calc(100dvh - 285px);min-height:420px}.songWarsRoom .warsToolTabs button{white-space:nowrap;word-break:normal;justify-content:center;gap:5px;width:auto;min-height:42px;font-size:13px;line-height:1.3}.songWarsRoom .warsToolBody{padding:18px;line-height:1.5}.songWarsRoom .warsToolBody p{margin:12px 0;font-size:14px;line-height:1.6}.songWarsRoom .warsToolBody h2{letter-spacing:-.4px;font-size:23px;line-height:1.25}.songWarsRoom .warsToolBody h3{font-size:17px;line-height:1.4}.songWarsRoom .warsToolBody .eyebrow{letter-spacing:1.4px;font-size:10px;line-height:1.5}.songWarsRoom .warsScoreTable table{table-layout:fixed;min-width:0;font-size:11px}.songWarsRoom .warsScoreTable th,.songWarsRoom .warsScoreTable td{overflow-wrap:anywhere;padding:10px 5px}.songWarsRoom .warsScoreTable th:first-child{width:29%}.songWarsRoom .warsScoreTable small{font-size:10px;line-height:1.3}.songWarsRoom .warsMainArena .bracketArena{min-height:0}.songWarsRoom .bracketArena .bracketMatch button{font-size:12px}.songWarsRoom .bracketArena .bracketRound h3{font-size:10px}.songWarsRoom .warsMainArena .warsBracketHeading h2{letter-spacing:-.5px;font-size:24px;line-height:1.25}.songWarsRoom .bracketArenaHeader{font-size:10px}.songWarsRoom .scoreRounds button{white-space:nowrap;flex:1;padding:10px 8px}.songWarsRoom .judgeRoster>div{flex-wrap:wrap}.songWarsRoom .chatMessage p{overflow-wrap:anywhere}@media (width<=900px){.songWarsRoom .warsDashboard{height:calc(100dvh - 300px);min-height:400px;display:flex}.songWarsRoom .warsTools{flex:1;width:100%}.songWarsRoom .warsMainArena .warsBracketHeading h2{font-size:20px}.songWarsRoom .warsToolBody{padding:16px}.songWarsRoom .warsToolTabs button{font-size:12px}.songWarsRoom .warsScoreTable table{font-size:10px}}.bracketArena .bracketRounds{grid-template-columns:minmax(max-content,1fr) 180px minmax(max-content,1fr);align-items:stretch;gap:24px;width:100%;min-width:max-content;display:grid}.bracketArena .bracketWing{flex:none;gap:24px;min-width:0}.bracketArena .leftWing{justify-content:flex-end}.bracketArena .rightWing{justify-content:flex-start}.bracketArena .bracketFinalStage{align-self:center;width:180px;min-width:180px;padding:16px 0}.bracketArena .bracketMatchColumn{gap:24px;min-height:280px}.bracketArena .bracketRound h3{white-space:nowrap;margin:4px 0 18px}.bracketArena .bracketMatch:after{width:25px;right:-26px}.bracketArena .rightWing .bracketMatch:after{left:-26px;right:auto}.bracketArena .bracketFinalStage>.bracketMatch:after{display:none}.bracketArena .bracketFinalStage .finalCrest{width:75px;height:85px}.bracketArena .bracketFinalStage .bracketChampion{padding:12px 8px}.bracketArena .arenaFooter{margin-top:16px}.songWarsRoom .warsMainArena .bracketRounds{min-height:360px}@media (width<=700px){.bracketArena .bracketRounds{grid-template-columns:minmax(max-content,1fr) 160px minmax(max-content,1fr);gap:20px}.bracketArena .bracketFinalStage{width:160px;min-width:160px}.bracketArena .bracketWing{gap:20px}.bracketArena .bracketMatch:after{width:21px;right:-22px}.bracketArena .rightWing .bracketMatch:after{left:-22px}}.warsFreeWheel h2{letter-spacing:-.8px;margin:12px 0 24px;font-size:clamp(26px,3vw,38px)}.warsFreeWheel .drawWheel span{text-shadow:0 2px 4px #0008;font-size:15px;font-weight:700}.warsFreeWheel .primary{margin-top:16px;padding:15px 28px;font-size:17px}.warsPickedArtist{background:linear-gradient(120deg,#7042ac22,#dfad4f15);border:1px solid #bb8be777;border-radius:16px;flex-direction:column;min-width:240px;max-width:100%;padding:20px 28px;gap:10px!important}.warsPickedArtist small{letter-spacing:2px;color:#cbb8e1;font-size:11px}.warsPickedArtist strong{color:#ffe1a0;overflow-wrap:anywhere;font-size:clamp(28px,4vw,44px);line-height:1.2}.warsFreeWheel .warsBattleReveal{max-width:520px;font-size:17px;line-height:1.5}.warsFreeWheel .drawWheel{border-color:#cbbbdc;box-shadow:0 0 28px #9478b52e}.warsFreeWheel .drawPointer{color:#eee6f6}.warsFreeWheel .drawWheelHub{color:#eee6f6;background:#282033;border-color:#cbbbdc}.warsFreeWheel .primary{color:#fff;background:#80649f;border:1px solid #aa90c4}.warsFreeWheel .primary:hover:not(:disabled){background:#9174af}.warsFreeWheel .warsPickedArtist{background:#31273e;border-color:#9275ad}.warsFreeWheel .warsPickedArtist small{color:#cfbfdf}.warsFreeWheel .warsPickedArtist strong,.warsFreeWheel .warsBattleReveal{color:#f5effb}.warsFreeWheel .eyebrow{color:#cdbada}.warsJoinedArtists{color:#f5effb;background:#241b30;border:1px solid #695280;border-radius:10px;margin:12px 0;padding:12px}.warsJoinedArtists>strong{font-size:13px}.warsJoinedArtists>small{color:#cbbada;margin:6px 0 10px;font-size:11px;display:block}.warsJoinedArtists>div{flex-wrap:wrap;gap:8px;display:flex}.warsJoinedArtists button{color:#fff;cursor:grab;align-items:center;gap:7px;padding:8px 10px;font-size:12px;display:flex}.warsJoinedArtists button img{object-fit:cover;border-radius:50%;width:24px;height:24px}.bracketEntrantRow{flex-wrap:wrap}.bracketSlotInput{border-radius:5px;flex-basis:100%;width:100%;min-width:0;margin:2px 5px 6px;color:#fff!important;background:#171220!important;border:1px solid #80629c!important;padding:7px!important;font-size:11px!important}.bracketEntrantRow:has(.bracketSlotInput):hover{outline:1px solid #b591dc}.warsTournamentTools .bracketControls{background:0 0;border:0;grid-template-columns:1fr;gap:10px;padding:0;display:grid}.warsTournamentTools .bracketControls label,.warsTournamentTools .bracketControls input{width:100%;min-width:0}.warsTournamentTools .bracketEntrants>div{grid-template-columns:1fr;display:grid}.warsTournamentTools .bracketSetup{margin:12px 0}.warsTournamentTools .bracketRandomTools{gap:8px;padding:12px}.warsTournamentTools .bracketRandomTools>div{min-width:0}.warsTournamentTools .bracketSaveStatus{line-height:1.5}.warsTournamentTools .bracketEntrants label{align-items:center;gap:8px;margin:7px 0;display:flex}.warsTournamentTools .bracketEntrants input{flex:1;min-width:0}.warsTournamentTools .bracketRandomTools{flex-flow:column;align-items:stretch;display:flex}.warsTournamentTools .bracketRandomTools>div{flex:none;width:100%;min-width:0}.warsTournamentTools .bracketRandomTools strong,.warsTournamentTools .bracketRandomTools small{white-space:normal;word-break:normal;overflow-wrap:break-word;width:100%;line-height:1.5;display:block}.warsTournamentTools .bracketRandomTools>button{white-space:normal;flex:none;justify-content:center;width:100%}.warsTournamentTools .bracketRandomTools .drawHint{width:100%;margin:4px 0}.warsActiveRoom{background:var(--panel,#202024);border:1px solid #ffffff26;border-radius:14px;align-items:center;gap:12px;margin:12px 0;padding:18px;display:flex}.warsActiveRoom>div{flex:1;min-width:0}.warsActiveRoom strong{overflow-wrap:anywhere;font-size:18px;display:block}.warsActiveRoom small{color:#aaa;margin-top:6px;display:block}.warsActiveRoom a{text-decoration:none;display:inline-flex}.warsActiveRoom .secondary{flex-shrink:0}@media (width<=600px){.warsActiveRoom{flex-wrap:wrap}.warsActiveRoom>div{flex-basis:100%}}.connectHeading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.connectHeading h2,.connectHeading h3{margin:0 0 8px}.connectHeading p{color:#aaa;margin:0}.connectCards{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:18px;display:grid}.connectCard,.connectForm{background:var(--panel,#202024);border:1px solid #ffffff24;border-radius:18px;margin:12px 0;padding:22px}.connectArtist{color:inherit;align-items:center;gap:12px;font-weight:600;text-decoration:none;display:flex}.connectArtist small{color:#aaa;margin-top:4px;font-size:12px;display:block}.connectTags{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.connectTags span{color:#c8b5ff;border:1px solid #ffffff30;border-radius:20px;padding:5px 10px;font-size:12px}.connectDescription{white-space:pre-wrap;overflow-wrap:anywhere}.connectPreview{border-top:1px solid #ffffff16;padding:12px 0}.connectPreview strong{overflow-wrap:anywhere;margin-bottom:8px;display:block}.connectPreview audio{width:100%;height:38px}.connectSearch{gap:10px;margin:22px 0;display:flex}.connectSearch input{flex:1;min-width:0}.connectForm label{margin-bottom:16px;display:block}.connectForm input,.connectForm select,.connectForm textarea{width:100%;margin-top:8px}.connectFormGrid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.connectEmpty{color:#aaa;border:1px dashed #ffffff35;border-radius:16px;margin:18px 0;padding:30px}.joinedPlaylist{margin-bottom:30px}[data-theme=light] .connectCard,[data-theme=light] .connectForm{color:#222;background:#fff;border-color:#ddd}[data-theme=light] .connectTags span{color:#624390;border-color:#ccc}@media (width<=600px){.connectHeading{flex-direction:column;align-items:flex-start}.connectFormGrid{grid-template-columns:1fr}.connectCard{padding:16px}}@media (width>=651px){.shell aside{scrollbar-width:none;-ms-overflow-style:none;gap:0;width:238px;padding:24px 18px 90px;overflow:hidden auto}.shell aside::-webkit-scrollbar{width:0;height:0;display:none}.shell aside>*{flex-shrink:0;min-width:0;max-width:100%}.shell aside .artist{margin:24px 0 18px}.shell aside .songWarsNav,.shell aside .spotifyPromotions{margin:12px 0;padding:12px}.shell aside .artistSpotlight{margin:0 0 12px;padding:12px}.shell aside .sidebarBottom{margin-top:16px}.shell aside .sidebarBottom small{margin-top:6px}.shell aside .promotionCover{aspect-ratio:auto;height:150px;max-height:150px}.shell aside .promotionCover img{object-fit:cover}.shell main{min-width:0}.shell .headerActions{flex-wrap:wrap;justify-content:flex-end;gap:12px}.shell .toolbar{flex-wrap:wrap;gap:14px}}@media (width>=651px) and (height<=900px){.shell aside{padding:18px 16px 80px}.shell aside .artist{margin:18px 0 12px}.shell aside .songWarsNav,.shell aside .spotifyPromotions{margin:8px 0;padding:10px 12px}.shell aside .artistSpotlight{margin-bottom:8px;padding:10px 12px}.shell aside .promotionHeading{margin-bottom:8px}.shell aside .spotifyPromotions p{margin:8px 0;line-height:1.4}.shell aside .promotionCover{height:110px;max-height:110px}.shell aside .promotionSubmit{margin-top:8px;padding:8px 4px}.shell aside .sidebarBottom{margin-top:8px}}.botHub{max-width:1100px;color:var(--text,#eee);margin:0 auto;padding:100px 28px 50px}.botHero{text-align:center;color:#f5f5f7;background:radial-gradient(at top,#343440,#151518 65%);border:1px solid #444;border-radius:24px;margin-top:28px;padding:55px 24px}.botHero>img{background:#fff;border-radius:18px;width:76px;height:76px;margin:0 auto 22px;display:block}.botTag{letter-spacing:2px;color:#bbb;font-size:12px}.botHero h1{margin:24px 0;font-size:clamp(42px,7vw,76px);line-height:1.05}.botHero p{color:#c6c6ce;max-width:590px;margin:0 auto 24px;line-height:1.7}.botActions{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:18px;display:flex}.botActions a,.botActions button{border-radius:12px;padding:14px 22px;text-decoration:none}.botActions .primary{color:#111;background:#eee}.botHero small{color:#bbb}.botSteps{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0;display:grid}.botSteps article,.botDetails{border:1px solid #5555;border-radius:18px;padding:24px}.botSteps article>span{color:#888;font-size:28px}.botSteps h2,.botDetails h2{font-size:20px}.botSteps p,.botDetails p{line-height:1.65}.botDetails a{color:inherit;text-decoration:underline}.botSidebarLink{color:inherit;border:1px solid #5556;border-radius:12px;margin:8px 0;padding:12px;font-size:14px;text-decoration:none;display:block}.botSidebarLink span{color:#999;margin-top:5px;font-size:11px;display:block}@media (width<=650px){.botHub{padding:110px 16px 35px}.botHero{padding:35px 18px}.botSteps{grid-template-columns:1fr}}.botSidebarLink{align-items:center;gap:10px;display:flex}.botSidebarLink>img{object-fit:contain;background:#fff;border-radius:8px;flex-shrink:0;width:32px;height:32px}.botSidebarLink>div{min-width:0;font-size:13px}.botSidebarLink>div>span{font-size:10px;line-height:1.4}.visualStyleSettings{color:inherit;border:1px solid #8885;border-radius:12px;min-width:0;margin:20px 0;padding:14px}.visualStyleSettings legend{padding:0 6px;font-size:13px}.visualStyleOptions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.visualStyleOptions button{text-align:left;color:inherit;background:0 0;border:1px solid #8885;border-radius:9px;padding:12px}.visualStyleOptions button[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.visualStyleOptions strong{font-size:13px;display:block}.visualStyleOptions small{opacity:.75;margin-top:6px;font-size:11px;line-height:1.5;display:block}.visualStyleHint{opacity:.7;margin:12px 0 0;font-size:11px;line-height:1.6}.colourPanel .visualStyleSettings{margin:12px 0 0;padding:10px}.colourPanel .visualStyleOptions button{padding:8px}.colourPanel .visualStyleOptions{gap:6px}.colourPanel .visualStyleOptions small{font-size:10px}:root[data-visual-style=studio]{--studio-line:#c0cce829;--studio-glow:#91a1cf1a}:root[data-visual-style=studio]:not([data-theme=light]):is([data-background=default],:not([data-background])) body{background-color:#111217;background-image:radial-gradient(at 85% 5%,#282b402e,#0000 55%),radial-gradient(at 30% 75%,#32465c20,#0000 60%),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}:root[data-visual-style=studio]:not([data-theme=light]) .shell aside{border-right-color:var(--studio-line);background:linear-gradient(165deg,#20232bfa,#15171dfa 65%);box-shadow:12px 0 35px #0002}:root[data-visual-style=studio] .brand{text-shadow:0 2px 18px #abbbe022}:root[data-visual-style=studio] .shell :is(.songWarsNav,.botSidebarLink,.spotifyPromotions,.artistSpotlight){border-color:var(--studio-line);background:linear-gradient(145deg,#b0bce50d,#b0bce502);box-shadow:inset 0 1px #ffffff08,0 5px 18px #0001}:root[data-visual-style=studio] .shell :is(.songWarsNav,.botSidebarLink):hover{background:linear-gradient(145deg,#b0bce51b,#b0bce507);border-color:#aab7d15c}:root[data-visual-style=studio] .shell :is(header,.toolbar,.libraryFoot,.trackHeading){border-color:var(--studio-line)}:root[data-visual-style=studio] .shell .heading h1,:root[data-visual-style=studio] .shell .projectDetails h1{color:#f6f7fc;text-shadow:0 4px 28px #a6b8ff12}:root[data-visual-style=studio] .shell .eyebrow{color:#a9b6ce}:root[data-visual-style=studio] .shell .projectCard .art{box-shadow:0 10px 26px #0003,0 0 0 1px #ffffff0a}:root[data-visual-style=studio] .shell .projectCard:hover .art{filter:brightness(1.08);box-shadow:0 12px 30px #0004,0 0 0 1px #afbdd559}:root[data-visual-style=studio] .shell .createCard{background:linear-gradient(150deg,#b6c8ff09,#0000);border-color:#a9b6ce4d}:root[data-visual-style=studio] .shell .pluscircle{background:radial-gradient(circle at 35% 20%,#bdc7e218,#bdc7e202);border-color:#abb7cc59;box-shadow:inset 0 1px #ffffff10}:root[data-visual-style=studio] :is(.primary,.secondary){box-shadow:inset 0 1px #ffffff12,0 4px 12px #0001}:root[data-visual-style=studio] .primary{background-image:linear-gradient(160deg,#fff2,#0000)}:root[data-visual-style=studio] .shell .libraryFilters button.active{border-color:#c7d1e6;box-shadow:0 2px 9px #a9bbdf13}:root[data-visual-style=studio] .shell .track:hover{background:#b6c8ff06}:root[data-visual-style=studio] .shell .track.now{box-shadow:inset 2px 0 0 var(--accent)}:root[data-visual-style=studio] .shell .player{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(130deg,#373b45ee,#252831f5);border-color:#a9b6ce33;box-shadow:0 12px 42px #0005,inset 0 1px #ffffff0c}:root[data-visual-style=studio] .chatsLauncher{background:linear-gradient(140deg,#353943,#22252c);border-color:#a9b6ce33;box-shadow:0 8px 28px #0003}:root[data-visual-style=studio]:not([data-theme=light]) :is(.modal,.colourPanel){background:linear-gradient(155deg,#252831,#181a20);border-color:#a9b6ce33;box-shadow:0 24px 80px #0007}:root[data-visual-style=studio] :is(.botSteps article,.botDetails,.feedCard,.collaboratorPost,.joinedPlaylistProject){border-color:var(--studio-line);background:linear-gradient(140deg,#b0bce50c,#b0bce502);box-shadow:inset 0 1px #ffffff08,0 8px 22px #0001}:root[data-visual-style=studio][data-theme=light]{--studio-line:#3243602e}:root[data-visual-style=studio][data-theme=light]:is([data-background=default],:not([data-background])) body{background:radial-gradient(at 100% 0,#e3e8f3,#0000 65%),#f5f6f8}:root[data-visual-style=studio][data-theme=light] .shell aside{border-color:var(--studio-line);background:linear-gradient(160deg,#fff,#edf0f5)}:root[data-visual-style=studio][data-theme=light] .shell :is(.heading h1,.projectDetails h1){color:#202735;text-shadow:none}:root[data-visual-style=studio][data-theme=light] .shell .eyebrow{color:#59677d}:root[data-visual-style=studio][data-theme=light] .shell .player{background:linear-gradient(135deg,#fffef5,#edf0f7);box-shadow:0 8px 28px #27354d20,inset 0 1px #fff}:root[data-visual-style=studio][data-theme=light] .chatsLauncher{background:linear-gradient(140deg,#fff,#edf0f5)}@media (prefers-reduced-motion:no-preference){:root[data-visual-style=studio] .shell :is(.projectCard .art,.songWarsNav,.botSidebarLink,.primary,.secondary){transition:background-color .18s,border-color .18s,box-shadow .18s,filter .18s}}.legalPage{max-width:900px}.legalPage h1{letter-spacing:-1px;font-size:clamp(30px,5vw,48px)}.legalPage h2{margin-top:30px;font-size:22px}.legalPage p{overflow-wrap:anywhere;line-height:1.8}.legalPage p a,.legalConsent a{text-decoration:underline}.legalNav{flex-wrap:wrap;gap:14px;margin:25px 0;font-size:13px;display:flex}.legalNav a{text-decoration:underline}.legalConsent{align-items:flex-start;gap:10px;line-height:1.6;font-size:12px!important;display:flex!important}.legalConsent input{min-width:17px;margin-top:3px;width:17px!important;padding:0!important}.siteCopyright{flex-wrap:wrap}.bracketArena .bracketConnections{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.bracketConnections path{fill:none;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.bracketConnections .leftConnection{stroke:#96a7ff}.bracketConnections .rightConnection{stroke:#ffa0b4}.bracketArena .bracketMatch{z-index:1}.bracketArena .bracketMatch:after{display:none}.warsToolTabs{flex-wrap:wrap}.warsToolTabs button{white-space:nowrap;font-size:11px}.warsNowPlaying{background:linear-gradient(125deg,#382546,#171721);border:1px solid #77618f;border-radius:12px;margin-bottom:16px;padding:14px}.warsNowPlaying h3{overflow-wrap:anywhere;margin:8px 0;font-size:17px}.warsMusicArtist{align-items:center;gap:8px;min-width:0;display:flex}.warsMusicArtist img,.warsMusicArtist i{object-fit:cover;background:#ffffff12;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.warsMusicArtist strong{overflow-wrap:anywhere;color:#f4eaff;font-size:12px}.warsMusicPlayback{gap:8px;margin-top:12px;display:flex}.warsMusicPlayback button{flex:1;justify-content:center;align-items:center;gap:5px;font-size:12px;display:flex}.warsMusicPanel small{color:#c5b5d2;font-size:11px;line-height:1.5;display:block}.warsMusicSeek{margin-top:10px;gap:5px!important;font-size:11px!important}.warsMusicSeek input{min-height:20px;padding:0!important}.warsMusicContents>h2{font-size:20px}.warsMusicContents label{margin:12px 0;font-size:12px}.warsMusicContents input,.warsMusicContents select{width:100%;min-width:0;font-size:12px!important}.warsMyEntry{border:1px solid #584766;border-radius:10px;margin:12px 0;padding:12px}.warsMyEntry summary{cursor:pointer;overflow-wrap:anywhere;font-size:12px;font-weight:650}.warsMyEntry button{margin:10px 5px 0 0;font-size:12px}.warsMusicDrop{color:#d4c3e4;border:1px dashed #a78ac1;border-radius:10px;align-items:center;gap:10px;margin:16px 0 10px;padding:14px;font-size:12px;display:flex}.warsMusicMembers,.warsMusicResults{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.warsMusicMembers button,.warsMusicResults button{max-width:100%;padding:7px}.warsArtistSongs{background:#ffffff05;border:1px solid #594667;border-radius:10px;padding:12px}.warsSongRow{border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;display:flex}.warsSongRow>div{min-width:0}.warsSongRow strong{overflow-wrap:anywhere;font-size:12px}.warsSongRow button{padding:7px;font-size:11px}.warsMusicLineup{gap:8px;margin:12px 0;padding:0;list-style:none;display:grid}.warsMusicLineup li{background:#ffffff04;border:1px solid #4e405b;border-radius:10px;align-items:center;gap:8px;padding:10px;display:flex}.warsMusicLineup li.isPlaying{background:#a67ce51a;border-color:#b39bd2}.warsLineupNumber{color:#ac96be;font-size:11px}.warsMusicLineup li>div:nth-child(2){flex:1;min-width:0}.warsMusicLineup li>div>strong{overflow-wrap:anywhere;margin:6px 0;font-size:12px;display:block}.warsLineupActions{flex-direction:column;gap:6px;display:flex}.warsLineupActions button{place-items:center;padding:7px;display:grid}.warsMusicNotice,.warsMusicEmpty{color:#dbcbe9;overflow-wrap:anywhere;font-size:12px}.songWarsEventPoster{background:#100c17;border:1px solid #76624a;border-radius:16px;width:min(100%,320px);margin:28px auto;transition:transform .2s,border-color .2s;display:block;overflow:hidden;box-shadow:0 15px 45px #0005}.songWarsEventPoster:hover{border-color:#e7c57c;transform:translateY(-3px)}.songWarsEventPoster img{width:100%;height:auto;display:block}.songWarsEventPoster>span{text-align:center;color:#f4d69c;background:#19131f;padding:12px 10px;font-size:12px;font-weight:700;display:block}.songWarsEventPoster:focus-visible{outline-offset:5px;outline:3px solid #ead18d}@media (width>=1600px){.shell.hasWarsPoster{padding-right:310px}.songWarsEventPoster{z-index:5;width:260px;max-height:calc(100dvh - 240px);margin:0;position:fixed;top:110px;right:22px;overflow:auto}.songWarsEventPoster img{object-fit:contain;max-height:calc(100dvh - 285px)}}@media (prefers-reduced-motion:reduce){.songWarsEventPoster{transition:none}.songWarsEventPoster:hover{transform:none}}.matchHero{border:1px solid var(--community-line);background:linear-gradient(120deg,#bcbcbc0d,#c8b5ff10);border-radius:20px;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;padding:26px;display:flex}.matchHero h2{letter-spacing:-.035em;max-width:640px;margin:15px 0 12px;font-size:clamp(24px,3vw,36px);line-height:1.18}.matchHero p{color:var(--muted);max-width:600px;margin:0;line-height:1.6}.matchEyebrow{letter-spacing:.14em;color:var(--muted);align-items:center;gap:8px;font-size:10px;display:flex}.matchHero>.secondary{flex-shrink:0}.matchPreferenceForm fieldset{border:0;min-width:0;margin:0 0 24px;padding:0}.matchPreferenceForm legend{margin-bottom:8px;font-size:16px;font-weight:650}.matchPreferenceForm fieldset p{color:var(--muted);margin:0 0 12px;font-size:12px}.matchChips{flex-wrap:wrap;gap:8px;display:flex}.matchChips button{border:1px solid var(--community-line);min-height:40px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:4px;padding:9px 13px;font-size:12px;display:inline-flex}.matchChips button[aria-pressed=true]{background:var(--text);color:var(--bg)}.matchChips button:focus-visible{outline:2px solid var(--text);outline-offset:3px}.matchPreferenceForm .matchAvailability{border:1px solid var(--community-line);border-radius:12px;align-items:flex-start;gap:12px;padding:16px;line-height:1.5;display:flex}.matchPreferenceForm .matchAvailability input{accent-color:#909090;flex:0 0 18px;width:18px;height:18px;margin:3px 0 0}.matchAvailability small{color:var(--muted);margin-top:5px;font-size:11px;display:block}.matchSuccess,.matchSummary>span{align-items:center;gap:8px;display:flex}.matchSuccess{border:1px solid var(--community-line);border-radius:10px;padding:14px;font-size:13px;line-height:1.6}.matchSummary{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;font-size:13px;display:flex}.matchSummary small{color:var(--muted);font-size:11px}.matchFilters{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:14px;margin:18px 0 30px;display:grid}.matchFilters label{gap:8px;font-size:12px;display:grid}.matchFilters input,.matchFilters select{background:var(--bg);width:100%;min-width:0;color:var(--text);border:1px solid var(--community-line);font:inherit;border-radius:10px;padding:12px}.matchFilters button{min-height:42px}.matchResultsHeading h3{margin-bottom:8px}.matchResultsHeading small{color:var(--muted);line-height:1.6}.matchReason{color:var(--text);border:1px solid var(--community-line);background:#8881;border-radius:8px;align-items:center;gap:7px;margin:18px 0;padding:9px 11px;font-size:11px;display:flex}.matchReason.mutual{background:#c8b5ff15}.matchCardDetails>strong{color:var(--muted);margin-top:16px;font-size:11px;display:block}.matchCardDetails .connectTags{margin-top:8px}.matchExplanation{color:var(--muted);margin:12px 0;font-size:12px;line-height:1.6}.matchGenreNote{color:var(--muted);font-size:11px}.artistMatchCard .rowActions{margin-top:20px}.matchSidebarLink{border:1px solid var(--community-line);color:inherit;border-radius:12px;margin:0 0 8px;padding:12px;font-size:12px;font-weight:600;text-decoration:none;display:block}.matchSidebarLink span{color:var(--muted);margin-top:5px;font-size:10px;font-weight:400;line-height:1.5;display:block}@media (width<=600px){.matchHero{flex-direction:column;padding:20px}.matchFilters{grid-template-columns:1fr}.matchHero>.secondary,.matchFilters button{width:100%}.matchSidebarLink{margin:0;padding:8px}.matchSidebarLink span{display:none}}.xpCompact{border:1px solid var(--line,#333);color:inherit;background:#a096be0f;border-radius:12px;margin:12px 0;padding:14px;text-decoration:none;display:block}.xpCompact>span,.xpHeroBar>div,.xpSectionHead,.xpQuest>div,.xpQuestFoot,.xpHistory>div,.xpCollaborations>div{justify-content:space-between;align-items:center;gap:14px;display:flex}.xpCompact small{color:var(--muted,#999);font-size:11px}.xpBar{background:#96969633;border-radius:99px;height:8px;margin:12px 0;overflow:hidden}.xpBar>span{background:var(--xp-accent,#c8b5ff);border-radius:inherit;height:100%;transition:width .4s;display:block}.progressPage{max-width:1100px;margin:auto}.xpHero{border:1px solid var(--line,#333);background:radial-gradient(at 100% 0,#a091c826,#0000 70%);border-radius:20px;grid-template-columns:1fr auto;gap:24px;padding:30px;display:grid}.xpHero h2{margin:10px 0;font-size:clamp(24px,3vw,36px)}.xpHero p,.xpQuest p,.xpActions p,.xpCollaborations p,.xpRules p{color:var(--muted,#999);line-height:1.6}.xpLevel{min-width:140px;color:var(--xp-accent);flex-direction:column;justify-content:center;align-items:center;display:flex}.xpLevel strong{font-size:60px;line-height:1.1}.xpLevel span{font-size:12px}.xpHeroBar{grid-column:1/-1}.xpHeroBar small,.xpSectionHead p{color:var(--muted,#999);font-size:12px}.xpSectionHead{margin:28px 0 16px}.xpSectionHead h3{margin:0}.xpQuests{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.xpQuest,.xpActions>section,.xpCollaborations,.xpRules{border:1px solid var(--line,#333);background:#96969606;border-radius:14px;padding:20px}.xpQuest{flex-direction:column;display:flex}.xpQuest h4{margin:20px 0 5px;font-size:17px}.xpQuest p{flex:1;font-size:13px}.xpQuest>div>small{letter-spacing:1px;font-size:9px}.xpQuest>div>strong,.xpSuccess{color:var(--xp-accent)}.xpLocked{border-style:dashed}.xpQuestFoot>span{font-size:12px}.xpQuestFoot button{min-height:36px;font-size:11px}.xpActions{grid-template-columns:1fr 1fr;gap:14px;margin-top:24px;display:grid}.xpActions label{margin:15px 0;display:block}.xpActions select{width:100%;max-width:100%}.xpActions a{margin-bottom:16px;display:block}.xpCollaborations{margin:20px 0}.xpCollaborations>div{border-top:1px solid var(--line,#333);padding:14px 0}.xpCollaborations small{color:var(--muted,#999);margin-top:5px;display:block}.xpBadges{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.xpBadges>div{border:1px dashed var(--line,#333);text-align:center;color:var(--muted,#999);border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:18px 10px;display:flex}.xpBadges .unlocked{color:var(--xp-accent);background:#a091c814;border-style:solid}.xpBadges span{font-size:25px}.xpBadges strong{font-size:12px}.xpBadges small{font-size:10px}.xpThemes{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.xpThemes i{border-radius:50%;width:12px;height:12px;display:inline-block}.xpThemes [aria-pressed=true]{border-color:var(--xp-accent)}.xpRules{margin:24px 0}.xpRules summary{cursor:pointer}.xpHistory>div{border-bottom:1px solid var(--line,#333);text-transform:capitalize;padding:12px 0}.xpHistory small{color:var(--muted,#999);margin-left:10px;font-size:11px}.artistLevel{background:#8c8c8c1f;border-radius:99px;margin:8px 0;padding:6px 10px;font-size:12px;display:inline-block}body.light .artistLevel{color:#444!important}@media (width<=900px){.xpQuests{grid-template-columns:repeat(2,minmax(0,1fr))}.xpBadges{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=600px){.xpHero{grid-template-columns:1fr;padding:20px}.xpLevel{align-items:flex-start;min-width:0}.xpLevel strong{font-size:44px}.xpQuests,.xpActions{grid-template-columns:1fr}.xpSectionHead{flex-direction:column;align-items:flex-start}.xpBadges{grid-template-columns:repeat(2,minmax(0,1fr))}.xpHeroBar>div{flex-wrap:wrap;font-size:12px}.xpCollaborations>div{flex-direction:column;align-items:flex-start}.xpCompact{margin:8px 0}}[data-theme=light] .progressPage,[data-theme=light] .xpCompact{--line:#d6d6d6;--muted:#626262}[data-theme=light] .xpLevel,[data-theme=light] .xpBadges .unlocked,[data-theme=light] .xpQuest>div>strong,[data-theme=light] .xpSuccess,[data-theme=light] .artistLevel{color:#51455f!important}[data-theme=light] .xpThemes [aria-pressed=true]{border-color:#665579}[data-theme=light] .xpQuest small{color:#626262}