:root{--bg:#090a0a;--base:#101212;--raised:#151817;--elev:#1a1d1c;--line:#2b302f;--text:#f5f6f4;--muted:#8d9591;--red:#e72d32;--red2:#ff4246;--max:1440px}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;background:radial-gradient(ellipse 60% 38% at 74% 0,#311013 0,transparent 74%),var(--bg);color:var(--text);font:15px Inter,Arial,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.15;background:linear-gradient(120deg,transparent 49.5%,#fff 50%,transparent 50.5%);background-size:9px 9px;mix-blend-mode:soft-light}button,input,textarea,select{font:inherit}button{border:0;border-radius:8px;padding:11px 15px;background:var(--red);color:#fff;font-weight:800;cursor:pointer}button:hover{background:var(--red2)}button.secondary{background:#1b1e1d;border:1px solid #353a38;color:#f3f4f2}input,textarea,select{width:100%;padding:11px;border:1px solid #303533;border-radius:8px;background:#0d0e0e;color:#fff;margin:6px 0 13px}textarea{min-height:88px}.layout{width:min(var(--max),100%);margin:auto;display:grid;grid-template-columns:215px minmax(550px,730px) 310px;gap:26px;padding:30px 26px 70px}.sidebar{position:sticky;top:24px;align-self:start}.brand{font:900 italic 43px Impact,Arial Black,sans-serif;letter-spacing:-5px;line-height:.8;padding:14px 12px 30px}.brand .slash{display:inline-block;width:29px;height:6px;background:var(--red);transform:rotate(-17deg) translate(-14px,-28px);position:absolute}.brand small{display:block;font:10px Arial,sans-serif;letter-spacing:1.4px;color:var(--muted);margin:17px 0 0 5px}.menu{border-top:1px solid var(--line);padding-top:14px;display:grid;gap:4px}.menu button{display:flex;gap:11px;align-items:center;text-align:left;background:transparent;border-left:2px solid transparent;border-radius:5px;color:#c2c6c4;padding:13px 14px}.menu button:hover,.menu button.active{background:linear-gradient(90deg,#321315,#1a1b1b);color:#fff;border-left-color:var(--red)}.menu .primary{justify-content:center;background:var(--red);border-left:0;margin-top:23px;color:#fff}.panel{background:linear-gradient(145deg,#171918,#111312);border:1px solid var(--line);border-radius:13px;box-shadow:0 14px 40px #0005}.feed-head{display:flex;align-items:end;justify-content:space-between;padding:10px 0 15px;border-bottom:1px solid var(--line)}h1{margin:0;font-size:34px;letter-spacing:-1px}h2{font-size:18px;margin:0}.balance{font-weight:800;color:#fff}.balance b{color:var(--red);font-size:19px}.tabs{display:flex;gap:8px;padding:15px 0 17px}.tabs button{padding:8px 13px;background:transparent;color:var(--muted);font-size:13px}.tabs button.active{color:#fff;background:var(--red);box-shadow:0 6px 16px #a7191d66}.release{padding:14px;margin-bottom:13px}.release-top{display:flex;justify-content:space-between;align-items:center}.author{display:flex;align-items:center;gap:10px}.avatar{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:#2a2d2c center/cover;color:#fff;font-weight:900;flex:none}.author b{display:block}.meta{font-size:12px;color:var(--muted);margin-top:3px}.dsp{font-size:12px;color:#aeb4b1}.release-content{display:grid;grid-template-columns:118px 1fr;gap:15px;align-items:center;margin-top:13px;padding:10px;border-radius:9px;background:#0c0d0d;border:1px solid #262a28}.cover{width:118px;height:118px;object-fit:cover;border-radius:6px;background:#252827;box-shadow:0 5px 18px #0009}.release-title{font-size:19px;font-weight:850;line-height:1.18}.release-info{margin-top:7px;color:var(--muted);font-size:13px}.release-actions{display:flex;align-items:center;justify-content:space-between;margin-top:17px}.release-actions .quiet{font-size:12px;color:var(--muted)}.presave{font-size:12px;text-decoration:none;background:var(--red);color:#fff;padding:11px 13px;border-radius:7px;font-weight:850}.presave:hover{background:var(--red2)}.side-card{padding:16px;margin-bottom:15px}.compact-me{display:flex;gap:10px;align-items:center}.rule{border:0;border-top:1px solid var(--line);margin:15px 0}.quick-stat{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.quick-stat:last-child{border:0}.tournament-art{height:165px;margin:-16px -16px 14px;background:linear-gradient(90deg,#0506068c,#05060610),url('/assets/community-hero.png') center/cover;border-radius:12px 12px 0 0}.tournament-copy{font:900 23px/1 Impact,Arial Black,sans-serif;letter-spacing:.2px;text-transform:uppercase}.tournament-copy span{color:var(--red)}.small-btn{display:block;text-align:center;margin-top:14px;background:#202321;border:1px solid #3a3e3c;color:#fff;text-decoration:none;padding:10px;border-radius:7px;font-weight:750}.profile{width:min(1120px,100%);margin:auto;padding:26px 24px 80px}.profile-hero{overflow:hidden;position:relative;min-height:350px;padding:30px;background:linear-gradient(90deg,#0c0e0eeb 20%,#0c0e0e88 70%),url('/assets/community-hero.png') right center/cover}.profile-hero:after{content:"";position:absolute;inset:auto 0 0;height:130px;background:linear-gradient(transparent,#111312)}.profile-inner{position:relative;z-index:1;display:grid;grid-template-columns:155px minmax(0,1fr) 260px;gap:25px;align-items:center;margin-top:38px}.profile-avatar{width:150px;height:150px;border-radius:50%;border:3px solid var(--red);background:#282b2a center/cover;display:grid;place-items:center;font-size:48px;font-weight:900;box-shadow:0 0 24px #e72d3277}.profile-name{font-size:46px;letter-spacing:-2px;margin:0}.role{display:inline-block;margin-top:10px;padding:7px 10px;border:1px solid #4a4f4d;border-radius:999px;font-size:13px}.bio{color:#c6cbca;font-size:16px;line-height:1.5;margin:15px 0}.platform-link{display:flex;gap:12px;align-items:center;padding:12px;background:#111413d9;border:1px solid #383d3b;border-radius:9px;color:#fff;text-decoration:none}.platform-link img{width:42px;height:42px}.profile-actions{display:flex;gap:10px;flex-wrap:wrap}.profile-stats{position:relative;z-index:1;display:grid;grid-template-columns:190px repeat(3,1fr);align-items:center;gap:0;margin-top:30px;padding-top:18px;border-top:1px solid #343937}.profile-stats .stat{padding:0 28px;border-left:1px solid #353a38}.stat strong{display:block;font-size:27px;color:var(--red)}.profile-nav{display:flex;gap:20px;border-bottom:1px solid var(--line);padding:17px 4px 0;margin-top:18px}.profile-nav button{background:transparent;color:var(--muted);padding:10px 2px;border-radius:0}.profile-nav button.active{color:#fff;border-bottom:2px solid var(--red)}.profile-grid{display:grid;grid-template-columns:1fr 285px;gap:18px;margin-top:18px}.artist-releases{padding:18px}.artist-release{display:grid;grid-template-columns:86px 1fr auto;gap:13px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.artist-release:last-child{border:0}.artist-release .cover{width:86px;height:86px}.note-history{padding:18px}.note-row{padding:13px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px}.note-row:last-child{border:0}.note-row b{color:var(--red);white-space:nowrap}.mobile-nav{display:none}.empty{color:var(--muted);padding:25px 0}.form-panel{padding:22px}.form-panel h1{margin-bottom:7px}@media(max-width:1050px){.layout{grid-template-columns:180px minmax(0,1fr) 270px;gap:18px}.profile{padding:18px}.profile-inner{grid-template-columns:130px 1fr}.profile-platform{grid-column:1/-1}.profile-avatar{width:125px;height:125px;font-size:38px}}@media(max-width:780px){.layout{display:block;padding:16px 14px 90px}.sidebar,.right{display:none}.mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;z-index:10;bottom:0;left:0;right:0;padding:9px env(safe-area-inset-right) calc(9px + env(safe-area-inset-bottom)) env(safe-area-inset-left);background:#121413;border-top:1px solid #303432}.mobile-nav button{background:transparent;color:#a8afac;padding:7px 2px;font-size:11px}.mobile-nav button.active{color:var(--red)}.mobile-nav .add{background:var(--red);width:42px;height:42px;justify-self:center;border-radius:50%;font-size:23px;padding:0;margin-top:-22px;color:#fff}.release-content{grid-template-columns:90px 1fr}.cover{width:90px;height:90px}.release-title{font-size:16px}.profile{padding:0 0 88px}.profile-hero{border-radius:0;min-height:310px;padding:20px 16px}.profile-inner{grid-template-columns:90px 1fr;gap:15px;margin-top:30px}.profile-avatar{width:88px;height:88px;font-size:30px}.profile-name{font-size:31px}.profile-platform{grid-column:1/-1}.profile-stats{grid-template-columns:1fr 1fr;gap:16px}.profile-stats button{grid-column:1/-1}.profile-stats .stat{padding:0 14px}.profile-stats .stat:nth-of-type(2){border-left:0}.profile-grid{grid-template-columns:1fr;margin:12px 14px}.profile-nav{margin:0 14px}.artist-releases{padding:15px}.tournament-art{height:125px}}
.onboarding-genres{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.onboarding-genres label{position:relative;display:block;cursor:pointer}.onboarding-genres input{position:absolute;opacity:0}.onboarding-genres span{display:block;padding:8px 10px;border:1px solid #3a4745;border-radius:8px;background:#0d1618;color:#dbe3e1;font-size:12px;line-height:1.2}.onboarding-genres input:checked+span{border-color:#ff4103;background:rgba(255,65,3,.14);color:#fff}.onboarding-counter{margin:-8px 0 14px;color:#ff744d;font-size:12px;font-weight:800;letter-spacing:.7px}.profile-genre-editor{margin:0 0 15px;padding:0;border:0}.profile-genre-editor legend{margin:15px 0 8px;font-size:12px;font-weight:800;color:#cfd7d5}.profile-genre-summary{margin:12px 0 0;color:#cfd7d5;font-size:13px;line-height:1.5}
.auth-methods{margin:18px 0 0;padding:15px;border-top:1px solid var(--line)}.auth-methods h2{margin:0 0 10px}.auth-method-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}.auth-method-row b{font-size:12px;color:var(--muted)}.auth-method-row button,.auth-logout{padding:7px 10px;font-size:12px}.auth-logout{margin-top:14px}@media(max-width:780px){.mp-identity .auth-methods{width:100%;text-align:left}.auth-method-row{grid-template-columns:1fr auto}.auth-method-row button{grid-column:1/-1;width:100%}}
