*{box-sizing:border-box}html,body{margin:0;background:#09090b;color:#f7f7f8;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{min-height:100vh;background:radial-gradient(circle at 55% -10%,#25203b 0,transparent 28%),#09090b}button,input{font:inherit}.app{display:grid;grid-template-columns:230px minmax(0,1fr) 300px;min-height:100vh;padding-bottom:92px}.sidebar{position:sticky;top:0;height:100vh;padding:28px 18px;border-right:1px solid #202025;background:#0b0b0e;display:flex;flex-direction:column}.brand{font-size:22px;font-weight:800;display:flex;align-items:center;gap:10px;padding:0 8px 24px}.brandMark{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#9b7cff,#ff5ea8);box-shadow:0 8px 30px #8c5cff33}.brand em{font-size:9px;font-style:normal;color:#aaa;padding:3px 6px;border:1px solid #333;border-radius:8px}nav button,.sidebar button{border:0;color:#8d8d98;background:none;cursor:pointer}.sidebar nav{display:grid;gap:5px}.sidebar nav button{display:flex;align-items:center;gap:13px;padding:12px;border-radius:12px;text-align:left;font-weight:650}.sidebar nav button span{font-size:19px;width:22px}.sidebar nav button:hover,.sidebar nav button.active{background:#18181d;color:#fff}.uploadBtn{margin-top:18px!important;padding:12px!important;border-radius:12px!important;background:#f3f3f5!important;color:#111!important;font-weight:800!important}.miniProfile{margin-top:auto;display:flex;align-items:center;gap:10px;padding:12px;border-top:1px solid #222}.miniProfile div:nth-child(2){display:grid;flex:1}.miniProfile small,.card small,.songInfo small,.postTop small,.trackMeta small{color:#888891}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#6c5ce7,#fd79a8);font-weight:800;flex:none}.avatar.me{background:linear-gradient(145deg,#7867ff,#31d8a0)}main{min-width:0;padding:28px 34px 48px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}header small{color:#777783;font-weight:800;font-size:10px;letter-spacing:1.4px}h1{margin:4px 0 0;font-size:31px;letter-spacing:-1px}.headActions{display:flex;gap:8px}.round{width:40px;height:40px;border:1px solid #2a2a30;background:#141419;color:#fff;border-radius:50%;cursor:pointer}.hero{position:relative;overflow:hidden;border:1px solid #2c2937;background:linear-gradient(120deg,#181622,#111116 55%,#21172b);border-radius:24px;padding:34px;margin-bottom:32px}.hero:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:#9a67ff;filter:blur(80px);opacity:.16;right:-50px;top:-100px}.hero small{font-size:10px;letter-spacing:1.5px;color:#bca9ff;font-weight:800}.hero h2{font-size:36px;max-width:600px;margin:10px 0 12px;letter-spacing:-1.4px}.hero p{max-width:620px;color:#a7a7b0;line-height:1.6}.primary,.pill{border:0;cursor:pointer}.primary{margin-top:10px;background:#fff;color:#111;border-radius:999px;padding:11px 18px;font-weight:800}.pill{background:#202026;color:#f5f5f5;border:1px solid #303038;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700}.pill.following{background:#f5f5f5;color:#111}.sectionHead{display:flex;align-items:end;justify-content:space-between;margin:25px 0 14px}.sectionHead h2,.sectionHead h3{margin:0}.sectionHead small{color:#777783}.compact{margin-top:26px}.cards{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:14px}.card{background:#121216;border:1px solid #202026;border-radius:18px;padding:12px;cursor:pointer;transition:.2s}.card:hover{transform:translateY(-3px);border-color:#3a354a}.cover{aspect-ratio:1;border-radius:13px;margin-bottom:10px;background-size:cover;background-position:center}.art1{background:linear-gradient(145deg,#23194b,#8c62ff 55%,#ff66b5)}.art2{background:linear-gradient(145deg,#ef8354,#f7c59f 50%,#3c6e71)}.art3{background:linear-gradient(145deg,#111827,#374151 50%,#06b6d4)}.art4{background:linear-gradient(145deg,#082f49,#0284c7,#67e8f9)}.art5{background:linear-gradient(145deg,#3f0d12,#a71d31,#f1c40f)}.card b,.card small{display:block}.card small{margin-top:4px}.feedPost{border:1px solid #222229;background:#111115;border-radius:20px;padding:17px;margin:12px 0}.postTop{display:flex;gap:11px;align-items:center}.postTop>div:nth-child(2){display:grid}.trackRow{margin-top:14px;background:#19191f;border-radius:15px;padding:10px;display:flex;align-items:center;gap:12px}.trackRow .cover{width:58px;margin:0;flex:none}.trackMeta{display:grid}.actions{display:flex;gap:22px;color:#8e8e98;font-size:13px;margin-top:14px}.actions button{border:0;background:none;color:inherit;padding:0;cursor:pointer}.actions button.liked{color:#ff68a8}.rightbar{border-left:1px solid #202025;background:#0b0b0e;padding:30px 20px}.rightHead{display:flex;align-items:center;gap:8px}.rightHead h3{margin:0}.liveDot{width:7px;height:7px;background:#54e6a5;border-radius:50%;box-shadow:0 0 10px #54e6a5}.activity{display:flex;gap:10px;margin:17px 0}.activity .avatar{width:34px;height:34px;font-size:12px}.activity p{margin:0;font-size:12px;line-height:1.45}.activity small{color:#666}.suggest{display:flex;align-items:center;gap:10px;margin:13px 0}.suggest b{flex:1;font-size:13px}.player{position:fixed;z-index:20;left:230px;right:0;bottom:0;height:82px;background:#101014eF;backdrop-filter:blur(18px);border-top:1px solid #292930;display:grid;grid-template-columns:1fr 1.25fr 1fr;align-items:center;padding:10px 22px}.songInfo{display:flex;align-items:center;gap:11px;min-width:0;cursor:pointer}.smallCover{width:52px;height:52px;margin:0;flex:none}.songInfo>div:last-child{display:grid;min-width:0}.songInfo b,.songInfo small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.centerPlayer{display:grid;gap:5px}.controls{display:flex;justify-content:center;align-items:center;gap:18px}.controls button,.playerActions button{border:0;background:none;color:#b5b5bd;cursor:pointer;font-size:17px}.controls .playMain{background:#f4f4f5;color:#111;width:35px;height:35px;border-radius:50%;font-size:13px}.progressWrap{display:grid;grid-template-columns:34px 1fr 34px;gap:8px;align-items:center;font-size:9px;color:#777}.progressWrap input{accent-color:#fff;width:100%}.playerActions{display:flex;justify-content:flex-end;gap:15px}.heart.liked{color:#ff68a8}.mobileNav{display:none}.search{width:100%;background:#15151a;border:1px solid #2b2b32;color:#fff;padding:15px 18px;border-radius:15px;outline:none}.message{display:flex;align-items:center;gap:12px;padding:14px;border-bottom:1px solid #1f1f24;cursor:pointer}.message:hover{background:#121217;border-radius:14px}.message p{margin:3px 0;color:#85858e;font-size:13px}.discoverDeck{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr);gap:16px}.discoverHero{min-height:470px;border-radius:24px;padding:28px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(180deg,transparent 15%,#09090be8),linear-gradient(135deg,#392a72,#8e5dff 50%,#ff66a9)}.discoverHero:before{content:'♪';position:absolute;font-size:260px;font-weight:900;opacity:.09;right:20px;top:15px}.discoverHero h2{font-size:42px;margin:7px 0}.discoverHero p{color:#d1cde0;max-width:500px}.discoverActions{display:flex;align-items:center;gap:9px;margin-top:12px}.discoverSide{display:grid;gap:12px}.miniDiscover{border:1px solid #24242b;background:#121217;border-radius:18px;padding:17px;cursor:pointer}.miniDiscover .cover{height:130px;aspect-ratio:auto}.profileHero{display:flex;align-items:end;gap:20px;padding:28px;border-radius:24px;background:linear-gradient(135deg,#1b1728,#111115);border:1px solid #272330}.profileHero .avatar{width:92px;height:92px;font-size:30px}.profileHero h2{font-size:35px;margin:0}.stats{display:flex;gap:20px;color:#999;font-size:12px;margin-top:8px}.stats b{color:#fff}.tabs{display:flex;gap:20px;border-bottom:1px solid #24242a;margin:24px 0 15px}.tabs button{border:0;background:none;color:#777;padding:10px 0;cursor:pointer}.tabs button.active{color:#fff;border-bottom:2px solid #fff}.sheet{position:fixed;z-index:40;inset:0;background:#09090bf5;display:flex;align-items:center;justify-content:center;padding:20px}.sheet.hidden{display:none}.nowPlaying{width:min(520px,100%);text-align:center}.nowPlaying .cover{width:min(360px,80vw);margin:0 auto 24px}.nowPlaying h2{font-size:28px;margin:5px}.toast{position:fixed;z-index:60;left:50%;bottom:105px;transform:translate(-50%,20px);background:#f4f4f5;color:#111;border-radius:999px;padding:9px 15px;font-size:12px;font-weight:750;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1100px){.app{grid-template-columns:210px minmax(0,1fr)}.rightbar{display:none}.player{left:210px}.cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){body{background:#09090b}.app{display:block;padding-bottom:146px}.sidebar,.rightbar{display:none}main{padding:20px 16px 30px}header{margin-bottom:20px}header small{display:none}h1{font-size:27px}.hero{padding:24px 20px;border-radius:20px}.hero h2{font-size:31px}.hero p{font-size:14px}.cards{display:flex;overflow-x:auto;gap:11px;scrollbar-width:none;margin-right:-16px;padding-right:16px}.card{min-width:148px}.feedPost{border-left:0;border-right:0;border-radius:0;margin-left:-16px;margin-right:-16px;padding:17px 16px}.actions{justify-content:space-between;gap:8px}.discoverDeck{display:block}.discoverHero{min-height:58vh;margin:0 -16px;border-radius:0;padding:24px 18px}.discoverHero h2{font-size:38px}.discoverSide{margin-top:15px;grid-template-columns:1fr 1fr}.miniDiscover{padding:9px}.miniDiscover .cover{height:110px}.miniDiscover p{display:none}.profileHero{display:block;padding:22px}.profileHero .avatar{margin-bottom:14px}.player{left:10px;right:10px;bottom:70px;height:62px;border:1px solid #303038;border-radius:16px;padding:6px 9px;grid-template-columns:1fr auto;background:#18181deb}.smallCover{width:48px;height:48px}.centerPlayer{display:block}.centerPlayer .progressWrap,.centerPlayer .controls button:not(.playMain){display:none}.controls{gap:0}.playerActions{display:none}.mobileNav{position:fixed;z-index:21;display:flex;left:0;right:0;bottom:0;height:64px;padding:4px 5px calc(4px + env(safe-area-inset-bottom));background:#0b0b0ef5;border-top:1px solid #24242a;justify-content:space-around}.mobileNav button{display:grid;place-items:center;gap:1px;font-size:9px;width:16%;border:0;background:none;color:#73737d}.mobileNav button span{font-size:19px}.mobileNav button.active{color:#fff}.mobileNav button[data-page='messages']{display:none}.toast{bottom:145px}.sectionHead{margin-top:22px}.sectionHead h2{font-size:20px}.search{font-size:16px}}

/* V3 product systems */
.hidden{display:none!important}.authGate{position:fixed;inset:0;z-index:100;background:radial-gradient(circle at 50% 0,#2d2250 0,transparent 35%),#09090b;display:grid;place-items:center;padding:22px}.authCard{width:min(460px,100%);background:#111116;border:1px solid #2a2932;border-radius:28px;padding:28px;box-shadow:0 30px 100px #0009}.authLogo{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,#9b7cff,#ff5ea8);display:grid;place-items:center;font-size:28px;margin-bottom:22px}.authCard h2{font-size:30px;margin:0 0 8px}.authCard>p{color:#91919b;line-height:1.55;margin:0 0 22px}.field{display:grid;gap:7px;margin:13px 0}.field label{font-size:11px;color:#85858f;font-weight:800}.field input,.field textarea,.field select{width:100%;border:1px solid #2d2d35;background:#18181e;color:#fff;border-radius:13px;padding:13px 14px;outline:none}.field textarea{min-height:95px;resize:vertical}.authNote{font-size:11px;color:#696974;line-height:1.5;margin-top:14px}.wide{width:100%}.topBadge{border:1px solid #36333f;background:#18171e;color:#ddd;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:750;cursor:pointer}.coinBadge{color:#ffd86b}.quickGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0 28px}.quickCard{border:1px solid #25252c;background:#121217;border-radius:17px;padding:16px;cursor:pointer;min-height:104px}.quickCard:hover{border-color:#46404f}.quickCard span{font-size:23px}.quickCard b{display:block;margin-top:14px}.quickCard small{color:#7e7e88}.notice{border:1px solid #26262d;border-radius:16px;padding:14px;display:flex;gap:12px;align-items:flex-start;margin:9px 0;background:#111116}.notice.unread{border-color:#423755;background:#15121c}.noticeIcon{width:38px;height:38px;border-radius:12px;background:#201b2b;display:grid;place-items:center}.notice p{margin:3px 0;color:#aaa;font-size:13px}.supportCard,.shopHero,.ownerHero{border:1px solid #282832;border-radius:22px;background:linear-gradient(135deg,#15151b,#101014);padding:24px;margin-bottom:18px}.shopHero{background:linear-gradient(135deg,#2b2112,#17130d 55%,#171117)}.ownerHero{background:linear-gradient(135deg,#281323,#131117)}.balance{font-size:42px;font-weight:900;margin:6px 0}.shopGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.shopItem{border:1px solid #292930;background:#131318;border-radius:18px;padding:16px}.shopItem .shopIcon{height:100px;border-radius:14px;display:grid;place-items:center;font-size:38px;background:linear-gradient(135deg,#2e2450,#171720)}.shopItem h3{margin:12px 0 4px}.shopItem p{font-size:12px;color:#888;margin:0 0 12px}.ownerGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ownerTool{border:1px solid #312630;background:#151117;border-radius:18px;padding:18px;cursor:pointer}.ownerTool span{font-size:25px}.ownerTool b{display:block;margin:12px 0 4px}.ownerTool small{color:#8e7e8c}.modalBack{position:fixed;z-index:80;inset:0;background:#000a;display:grid;place-items:center;padding:18px}.modal{width:min(520px,100%);max-height:86vh;overflow:auto;background:#111116;border:1px solid #303039;border-radius:24px;padding:22px}.modalTop{display:flex;align-items:center;justify-content:space-between}.modalTop h2{margin:0}.danger{background:#35151b!important;color:#ffb6c0!important;border-color:#59212c!important}.success{background:#163023!important;color:#a9ffd0!important;border-color:#25543b!important}.uploadZone{border:1px dashed #494953;border-radius:17px;padding:30px;text-align:center;color:#92929c;margin:15px 0}.ownerLock{font-size:11px;color:#8f7787;margin-top:12px}.profileHero .ownerCrown{display:inline-block;font-size:10px;background:#ffe37c;color:#17120a;padding:4px 7px;border-radius:999px;font-weight:900;margin-left:7px}.settingsList{display:grid;gap:9px}.settingRow{border:1px solid #24242b;background:#121217;border-radius:15px;padding:14px;display:flex;justify-content:space-between;align-items:center}.settingRow small{color:#777}.emptyState{text-align:center;padding:48px 20px;color:#777}.desktopExtra{display:block}.mobileMore{display:none}
@media(max-width:720px){.authCard{padding:22px;border-radius:22px}.quickGrid{grid-template-columns:1fr 1fr}.shopGrid,.ownerGrid{grid-template-columns:1fr 1fr}.shopItem{padding:12px}.shopItem .shopIcon{height:82px}.headActions{gap:5px}.headActions .topBadge{padding:7px 9px}.desktopExtra{display:none}.mobileMore{display:block}.modalBack{align-items:end;padding:0}.modal{width:100%;max-height:88vh;border-radius:24px 24px 0 0;border-bottom:0;padding-bottom:calc(24px + env(safe-area-inset-bottom))}}

.ownerCorner{border:1px solid #6f5cff;background:linear-gradient(135deg,#7b61ff,#b45cff);color:white;border-radius:999px;padding:9px 13px;font-weight:850;cursor:pointer;box-shadow:0 8px 25px #785cff33}.ownerStats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0 22px}.ownerStats>div{background:#141419;border:1px solid #292932;border-radius:16px;padding:16px}.ownerStats b{display:block;font-size:24px}.ownerStats small{color:#888}.inventoryRow,.adminUser,.adminTicket{display:flex;align-items:center;gap:12px;padding:13px;margin:9px 0;border:1px solid #292930;background:#141419;border-radius:15px}.inventoryRow>div:nth-child(2),.adminUser>div:nth-child(2),.adminTicket>div:first-child{display:grid;flex:1}.inventoryRow small,.adminUser small,.adminTicket small{color:#888;margin-top:3px}.adminTicket p{color:#aaa;margin:6px 0}.adminActions{display:flex;gap:6px}.hidden{display:none!important}
@media(max-width:700px){.ownerCorner{padding:8px 10px;font-size:12px}.ownerStats{grid-template-columns:1fr 1fr}.adminUser,.adminTicket{align-items:flex-start;flex-wrap:wrap}.headActions{gap:5px}}

.menuButton{width:42px;height:42px;border:1px solid #2b2b33;background:#15151a;color:#fff;border-radius:13px;font-size:20px;cursor:pointer;display:grid;place-items:center}.menuBackdrop{position:fixed;inset:0;background:#0009;z-index:300;display:flex;justify-content:flex-end;backdrop-filter:blur(4px)}.appMenu{width:min(430px,92vw);height:100%;background:#0d0d12;border-left:1px solid #292933;padding:24px 20px 40px;overflow:auto;transform:translateX(100%);transition:transform .18s ease;box-shadow:-25px 0 70px #0008}.appMenu.open{transform:translateX(0)}.menuTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.menuTop small{color:#8574ff;font-weight:850;letter-spacing:1.5px}.menuTop h2{font-size:38px;margin:4px 0}.menuClose{border:0;background:none;color:#aaa;font-size:34px;cursor:pointer}.menuAccount{display:flex;gap:12px;align-items:center;padding:14px 5px 20px;border-bottom:1px solid #22222a}.menuAccount>div:nth-child(2){display:grid}.menuAccount small{color:#888}.menuList{display:grid;gap:9px;margin-top:18px}.menuList button{width:100%;border:0;background:transparent;color:#eee;border-radius:18px;padding:14px 12px;display:grid;grid-template-columns:38px 1fr 20px;align-items:center;text-align:left;cursor:pointer}.menuList button:hover{background:#17171d}.menuList button>span{font-size:22px;color:#a28cff}.menuList button div{display:grid}.menuList button b{font-size:16px}.menuList button small{color:#777;margin-top:3px}.menuList button i{font-style:normal;color:#666;font-size:24px}.menuList .menuOwner{background:#1a172b;border:1px solid #332b58;color:#a997ff}.menuList .menuOwner:hover{background:#211c38}.lightMode{background:#f4f4f6;color:#15151a}.lightMode .appMenu{background:#fff;color:#111}.lightMode .menuList button{color:#111}.lightMode .menuList button:hover{background:#f1f1f4}.lightMode .menuButton{background:#fff;color:#111}.lightMode main{color:#15151a}
@media(max-width:700px){.menuButton{width:38px;height:38px;border-radius:11px}.appMenu{width:92vw;padding-top:max(22px,env(safe-area-inset-top))}.menuTop h2{font-size:34px}}

/* V7 refined menu */
.appMenu{width:min(390px,90vw);padding:22px 18px 34px;background:#0b0b0f;border-left:1px solid #202027;box-shadow:-18px 0 55px #0007}
.menuTop{margin-bottom:10px;padding:2px 4px 12px}.menuTop small{font-size:9px;letter-spacing:1.3px;color:#777}.menuTop h2{font-size:27px;letter-spacing:-.6px;margin:2px 0}.menuClose{font-size:27px;width:36px;height:36px;line-height:30px}
.menuAccount{padding:12px 8px 17px;margin-bottom:8px}.menuAccount .avatar{width:36px;height:36px;font-size:13px}.menuAccount b{font-size:14px}.menuAccount small{font-size:11px}
.menuList{gap:2px;margin-top:8px}.menuList button{min-height:50px;padding:9px 10px;border-radius:12px;grid-template-columns:30px 1fr 14px;gap:7px}.menuList button>span{font-size:17px;width:25px;text-align:center;color:#aaa}.menuList button b{font-size:14px;font-weight:680}.menuList button small{display:none}.menuList button i{font-size:18px;color:#484850}.menuList button:hover{background:#15151a}
.menuList .menuOwner{background:#171426;border:1px solid #28213f;color:#a997ff;margin-bottom:5px}.menuList .menuOwner>span{color:#a997ff}.menuList .menuOwner b{color:#ad9aff}
.verifiedCheck{display:inline-grid;place-items:center;margin-left:7px;width:19px;height:19px;border-radius:50%;background:#3b82f6;color:white;font-size:12px;vertical-align:3px;box-shadow:0 0 0 2px #0d0d12}
.formHint{color:#999;line-height:1.5;font-size:13px}.charLine{display:flex;justify-content:space-between;align-items:center;margin-top:7px;font-size:11px;color:#777}.charLine b{color:#ff8a8a}.charLine b.ready{color:#6fe2a5}.verifyDisabled{opacity:.48;cursor:not-allowed}
@media(max-width:700px){.appMenu{width:88vw;padding-left:16px;padding-right:16px}.menuList button{min-height:49px}.menuTop h2{font-size:26px}}

.svgIcon{width:21px;height:21px;display:inline-grid;place-items:center;flex:none}.svgIcon svg,.menuButton svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.menuButton svg{width:21px;height:21px}
.menuList button{grid-template-columns:30px 1fr 14px}.menuList button>.svgIcon{width:19px;height:19px;color:#a3a3ad}.menuList .menuOwner>.svgIcon{color:#a997ff}.menuList button>b{font-size:14px;font-weight:680}
.verifiedBadge{display:inline-grid;vertical-align:-3px;margin-left:6px;width:21px;height:21px;color:#3b82f6}.verifiedBadge .svgIcon,.verifiedBadge svg{width:21px;height:21px}.verifiedBadge svg{fill:#3b82f6;stroke:white;stroke-width:1.7}.miniVerified{display:inline-grid;color:#3b82f6;vertical-align:-3px}.miniVerified .svgIcon{width:16px;height:16px}
.ownerTool>.svgIcon{width:25px;height:25px;color:#a997ff;margin-bottom:8px}.ownerTool>.svgIcon svg{width:25px;height:25px}.userAdminButtons{display:flex;gap:6px}.adminTicket .svgIcon{width:18px;height:18px;color:#ff7d8e;display:inline-grid;margin-right:7px;vertical-align:-4px}

/* V9 visual polish: brighter dark mode + full light mode */
:root{--v9-bg:#101116;--v9-surface:#181920;--v9-surface2:#1e1f27;--v9-border:#30313b;--v9-text:#f7f7fa;--v9-muted:#9b9ca7;--v9-accent:#9b87ff}
body{background:var(--v9-bg);color:var(--v9-text)}
.sidebar,.topbar,.bottomNav,.player{background:#121319!important;border-color:var(--v9-border)!important}
.feedPost,.profileHero,.shopItem,.shopHero,.supportCard,.ownerHero,.ownerTool,.ownerStats>div,.notice,.emptyState,.settingsList,.adminUser,.adminTicket,.inventoryRow{background:var(--v9-surface)!important;border-color:var(--v9-border)!important}
.pill,.round,.menuButton{background:var(--v9-surface2)!important;border-color:#383944!important;color:var(--v9-text)!important}
.appMenu{background:#13141a!important;border-color:#30313a!important}
.menuList button{color:#f1f1f5!important}.menuList button:hover{background:#1c1d24!important}.menuList .menuOwner{background:#211d34!important;border-color:#393054!important}
.menuAccount{border-color:#30313a!important}.menuList button i{color:#666976!important}
.svgIcon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:20px!important;height:20px!important;line-height:0!important}
.svgIcon svg{display:block!important;width:20px!important;height:20px!important;overflow:visible}
.menuList button>.svgIcon{justify-self:center!important;align-self:center!important}
.menuList button{align-items:center!important;grid-template-columns:28px 1fr 14px!important;column-gap:10px!important}
.verifiedBadge{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:20px!important;height:20px!important;margin-left:7px!important;vertical-align:2px!important;background:#2784f5!important;border-radius:50%!important;box-shadow:0 0 0 2px var(--v9-surface)!important;color:white!important}
.verifiedBadge .svgIcon{width:20px!important;height:20px!important}.verifiedBadge svg{width:20px!important;height:20px!important;fill:none!important;stroke:#fff!important;stroke-width:2.1!important}.verifiedBadge svg circle{stroke:#2784f5!important}
.miniVerified{display:inline-flex!important;width:16px!important;height:16px!important;border-radius:50%!important;background:#2784f5!important;color:#fff!important;align-items:center!important;justify-content:center!important}.miniVerified .svgIcon,.miniVerified svg{width:16px!important;height:16px!important}.miniVerified svg circle{stroke:#2784f5!important}.miniVerified svg{stroke:#fff!important}
.ownerTool>.svgIcon{width:24px!important;height:24px!important}.ownerTool>.svgIcon svg{width:24px!important;height:24px!important}
.lightMode{--v9-bg:#f6f7fa;--v9-surface:#ffffff;--v9-surface2:#f0f1f5;--v9-border:#dedfe6;--v9-text:#16171b;--v9-muted:#6f717b;background:var(--v9-bg)!important;color:var(--v9-text)!important}
.lightMode .sidebar,.lightMode .topbar,.lightMode .bottomNav,.lightMode .player{background:#fff!important;border-color:#e0e1e7!important;color:#17181c!important}
.lightMode .feedPost,.lightMode .profileHero,.lightMode .shopItem,.lightMode .shopHero,.lightMode .supportCard,.lightMode .ownerHero,.lightMode .ownerTool,.lightMode .ownerStats>div,.lightMode .notice,.lightMode .emptyState,.lightMode .settingsList,.lightMode .adminUser,.lightMode .adminTicket,.lightMode .inventoryRow{background:#fff!important;border-color:#e1e2e8!important;color:#17181c!important;box-shadow:0 8px 25px #1b1c2510}
.lightMode .appMenu{background:#fff!important;border-color:#dedfe6!important;color:#17181c!important}
.lightMode .menuAccount{border-color:#e5e5ea!important}.lightMode .menuList button{color:#17181c!important}.lightMode .menuList button:hover{background:#f3f3f6!important}.lightMode .menuList .menuOwner{background:#f1edff!important;border-color:#ddd4ff!important;color:#6552c9!important}.lightMode .menuList .menuOwner b{color:#6552c9!important}
.lightMode .pill,.lightMode .round,.lightMode .menuButton{background:#f1f2f5!important;border-color:#dedfe5!important;color:#18191d!important}
.lightMode input,.lightMode textarea,.lightMode select{background:#f7f7f9!important;color:#17181c!important;border-color:#dfe0e5!important}
.lightMode .tabs,.lightMode .sectionHead,.lightMode .modalTop{color:#17181c!important}.lightMode .modal{background:#fff!important;color:#17181c!important}.lightMode .modalBack{background:#0006!important}
.lightMode p,.lightMode small{color:#747680}.lightMode h1,.lightMode h2,.lightMode h3,.lightMode b{color:inherit}
.lightMode .verifiedBadge{box-shadow:0 0 0 2px #fff!important}
@media(max-width:700px){.svgIcon,.svgIcon svg{width:19px!important;height:19px!important}.menuList button{grid-template-columns:27px 1fr 13px!important}}

/* V10 */
.verifiedBadge{background:transparent!important;border-radius:0!important;box-shadow:none!important;width:21px!important;height:21px!important}.verifiedBadge svg{fill:#1689f8!important;stroke:#fff!important;stroke-width:1.9!important}.verifiedBadge svg .badgeShape{stroke:#1689f8!important;fill:#1689f8!important}
.uploadSteps{display:flex;gap:8px;margin:2px 0 16px}.uploadSteps span{font-size:11px;color:#696b76;background:#191a20;border:1px solid #292a33;border-radius:99px;padding:6px 10px}.uploadSteps .active{color:#b8aaff;border-color:#55498b;background:#211d33}.audioPicker{display:flex;flex-direction:column;align-items:center;text-align:center;border:1.5px dashed #3b3c47;border-radius:18px;padding:25px 18px;background:#15161c;cursor:pointer;margin-bottom:13px}.audioPicker input{display:none}.audioPicker b{margin:8px 0 3px}.audioPicker small{color:#7e808b}.uploadMusicIcon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#242030;color:#a895ff;font-size:23px}.uploadPreview{width:100%;margin:3px 0 13px}.uploadDetails{display:grid;grid-template-columns:1fr 1fr;gap:10px}.uploadDetails .field:last-child{grid-column:1/-1}.uploadNote{font-size:11px;color:#70727d;line-height:1.4}.uploadedSong{display:grid;grid-template-columns:46px 1fr 38px;gap:11px;align-items:center;background:#181920;border:1px solid #30313b;border-radius:15px;padding:10px;margin:8px 0;cursor:pointer}.uploadedSong>div:nth-child(2){display:grid}.uploadedSong small{color:#838590;margin-top:3px}.localSongThumb,.localSongCover{display:grid;place-items:center;background:linear-gradient(145deg,#7865ff,#a96cf5);color:#fff;border-radius:11px}.localSongThumb{width:46px;height:46px}.localSongCover{width:220px;height:220px;margin:25px auto;font-size:50px}.songPlay{border:0;width:34px;height:34px;border-radius:50%;background:#eee;color:#111}.supportThread{background:#181920;border:1px solid #30313b;border-radius:16px;padding:15px;margin:10px 0}.threadTop{display:flex;justify-content:space-between;gap:10px}.threadTop small{color:#777}.supportReply{margin-top:11px;padding:10px 12px;border-radius:12px;background:#22232b}.supportReply.fromOwner{border-left:3px solid #8f7bff;background:#211f2c}.supportReply p{margin:5px 0 0;color:#aaa}.ticketButtons{display:flex;gap:6px;flex-wrap:wrap}
.lightMode{--v9-bg:#eef0f4!important;--v9-surface:#f8f9fb!important;--v9-surface2:#e9ebf0!important}.lightMode body,.lightMode{background:#eef0f4!important}.lightMode .sidebar,.lightMode .topbar,.lightMode .bottomNav,.lightMode .player{background:#f8f9fb!important}.lightMode .feedPost,.lightMode .profileHero,.lightMode .shopItem,.lightMode .shopHero,.lightMode .supportCard,.lightMode .ownerHero,.lightMode .ownerTool,.lightMode .ownerStats>div,.lightMode .notice,.lightMode .emptyState,.lightMode .settingsList,.lightMode .adminUser,.lightMode .adminTicket,.lightMode .inventoryRow,.lightMode .supportThread,.lightMode .uploadedSong{background:#f8f9fb!important;border-color:#d8dae2!important;box-shadow:0 5px 16px #2024310a}.lightMode .appMenu{background:#f5f6f9!important}.lightMode .audioPicker{background:#f1f2f6!important;border-color:#c9cbd5!important}.lightMode .uploadSteps span{background:#e7e8ed!important;border-color:#d4d5dc!important;color:#666873!important}.lightMode .uploadSteps .active{background:#ebe6ff!important;color:#6550c8!important;border-color:#c9bfff!important}.lightMode .supportReply{background:#eceef3!important}.lightMode .supportReply.fromOwner{background:#ece8fb!important}
@media(max-width:700px){.uploadDetails{grid-template-columns:1fr}.uploadDetails .field:last-child{grid-column:auto}.threadTop{display:grid}}

/* V11 navigation + inventory + light redesign */
.verifiedBadge{margin-left:2px!important;width:20px!important;height:20px!important;vertical-align:1px!important}
.verifiedBadge svg{fill:#2f9bff!important}.verifiedBadge svg .badgeShape{fill:#2f9bff!important;stroke:#2f9bff!important}
.subPage{max-width:680px;margin:0 auto;padding:12px 12px 100px}.subPageHead{display:flex;align-items:center;gap:12px;margin:5px 0 22px}.subPageHead h2{margin:2px 0 0;font-size:24px}.subPageHead small{font-size:10px;letter-spacing:1.5px;color:#7c7e89}.backButton{width:40px;height:40px;border-radius:50%;border:1px solid #34353f;background:#1a1b22;color:#fff;font-size:29px;line-height:30px}.editProfileCard{background:#181920;border:1px solid #30313b;border-radius:20px;padding:20px}.editAvatar{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;margin:0 auto 20px;background:linear-gradient(145deg,#7564ff,#a26df2);font-size:28px;font-weight:800}.editProfileCard .field{margin-bottom:14px}.editProfileCard textarea{min-height:110px}.subtle{border:0;background:transparent;color:#888;padding:13px;margin-top:6px}
.lightMode{background:#e9ebf0!important;color:#17181c!important}
.lightMode .main,.lightMode main{background:#e9ebf0!important}
.lightMode .sidebar,.lightMode .topbar,.lightMode .bottomNav,.lightMode .player{background:#f4f5f7!important;border-color:#d4d6dc!important}
.lightMode .appMenu{background:#f1f2f5!important;border-color:#d5d7de!important}
.lightMode .menuAccount{background:#e7e9ee!important;border:1px solid #d5d7de!important;border-radius:16px!important;padding:12px!important}
.lightMode .menuList button{background:transparent!important}.lightMode .menuList button:hover{background:#e4e6eb!important}
.lightMode .feedPost,.lightMode .profileHero,.lightMode .shopItem,.lightMode .shopHero,.lightMode .supportCard,.lightMode .ownerHero,.lightMode .ownerTool,.lightMode .ownerStats>div,.lightMode .notice,.lightMode .emptyState,.lightMode .settingsList,.lightMode .adminUser,.lightMode .adminTicket,.lightMode .inventoryRow,.lightMode .supportThread,.lightMode .uploadedSong,.lightMode .editProfileCard{background:#f6f7f9!important;border:1px solid #d5d7dd!important;box-shadow:none!important}
.lightMode input,.lightMode textarea,.lightMode select{background:#e9ebef!important;border-color:#d0d2d8!important;color:#16171a!important}
.lightMode .pill,.lightMode .round,.lightMode .menuButton,.lightMode .backButton{background:#e3e5ea!important;border-color:#d0d2d8!important;color:#191a1e!important}
.lightMode .primary{box-shadow:none!important}.lightMode .audioPicker{background:#eceef2!important}.lightMode .uploadedSong{background:#f4f5f7!important}
.lightMode .verifiedBadge svg .badgeShape{fill:#2f9bff!important;stroke:#2f9bff!important}

/* V13 fixes */
.legacyPlayer{display:none!important}
.cleanEmpty{min-height:260px;display:grid;place-items:center;align-content:center;text-align:center;gap:9px;border:1px solid #2d2f38;border-radius:20px;background:#15161b;padding:28px}.cleanEmpty.compact{min-height:150px}.cleanEmpty h2,.cleanEmpty p{margin:0}.cleanEmpty p{color:#858793;max-width:430px;line-height:1.5}.emptyMusicIcon{width:58px;height:58px;border-radius:18px;background:#211e31;color:#a895ff;display:grid;place-items:center;font-size:26px}
.profileHero{position:relative}.profileIdentity h2{display:flex;align-items:center;gap:2px}.profileEditWrap{margin-left:auto}.profileAvatar{position:relative}.profileAvatar.neonFrame{box-shadow:0 0 0 3px #8e68ff,0 0 22px #9a62ff99!important}.profileAvatar.crystalFrame{box-shadow:0 0 0 3px #d9efff,0 0 0 6px #8b75ff,0 0 24px #9c8cff99!important}.midnightProfile{background:linear-gradient(145deg,#151521,#221a35)!important;border-color:#43365f!important}.profileCosmetics{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.profileCosmetics span{font-size:10px;font-weight:800;padding:5px 8px;border-radius:99px;background:#2b2540;color:#c8bbff;border:1px solid #443a61}.ownedStrip{border:1px solid #2d2f38;border-radius:16px;padding:13px;margin:12px 0;background:#15161b}.ownedStrip>b{display:block;margin-bottom:9px}.ownedStrip>div{display:flex;gap:7px;flex-wrap:wrap}.ownedItem{font-size:11px;padding:7px 9px;border-radius:10px;background:#202128;color:#858792;border:1px solid #30313a;cursor:pointer}.ownedItem.on{color:#d5cdff;background:#272139;border-color:#50436d}.verifiedBadge{margin-left:0!important}
.lightMode .cleanEmpty,.lightMode .ownedStrip{background:#f1f2f5!important;border-color:#d5d7dd!important}.lightMode .ownedItem{background:#e5e7ec!important;border-color:#d0d2d9!important;color:#676975!important}.lightMode .ownedItem.on{background:#e9e3ff!important;border-color:#c8bcf6!important;color:#604cc3!important}
@media(max-width:700px){.profileHero{display:grid!important;grid-template-columns:auto 1fr!important}.profileEditWrap{grid-column:1/-1;margin:12px 0 0!important}.profileEditWrap .pill{width:100%}}

/* V15 stability + clean visual pass */
#player.hidden,#player.legacyPlayer{display:none!important}
.profileHero{background:#15161b!important;border-color:#30313a!important}
.profileHero.midnightProfile{background:#181820!important;border-color:#383541!important}
.profileCosmetics span{background:#202127!important;color:#c1c2ca!important;border-color:#34353e!important}
.ownedStrip{padding:11px 12px!important;background:#15161b!important}.ownedStrip>b{font-size:13px!important;margin-bottom:7px!important}.ownedStrip>div{gap:5px!important}
.ownedItem{font-size:10px!important;padding:5px 8px!important;background:#1d1e24!important;color:#9a9ca7!important;border-color:#30313a!important}.ownedItem.on{background:#24232a!important;color:#d6d2e4!important;border-color:#484450!important}
.subPage{max-width:680px;margin:0 auto;padding:10px 10px 110px}.subPageHead{display:flex;gap:12px;align-items:center;margin-bottom:18px}.subPageHead h2{margin:2px 0}.backButton{width:40px;height:40px;border-radius:50%;border:1px solid #34353e;background:#1c1d23;color:#fff;font-size:27px}.editProfileCard{background:#15161b;border:1px solid #30313a;border-radius:18px;padding:18px}.editAvatar{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;background:#25262e;font-size:26px;font-weight:800}.subtle{border:0;background:transparent;color:#8a8c96;padding:12px}

/* V16 profile/shop/badges */
.profileOpen{display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:24px;padding:28px 12px 30px;border-bottom:1px solid #292a31;background:transparent!important}.profileOpen.midnightProfile{background:linear-gradient(90deg,transparent,#17151d,transparent)!important}.profileOpen.graphiteProfile{background:linear-gradient(90deg,transparent,#191a1d,transparent)!important}.profileOpen.profileGlow{filter:drop-shadow(0 0 18px #8b72ff22)}.profileAvatar{width:118px!important;height:118px!important;font-size:38px!important;overflow:hidden}.profileAvatar img,.editAvatar img{width:100%;height:100%;object-fit:cover}.profileAvatar.silverFrame{box-shadow:0 0 0 4px #b9bcc4!important}.profileAvatar.auroraFrame{box-shadow:0 0 0 4px #74d9d0,0 0 0 7px #a26cf2!important}.profileIdentity h2{margin:4px 0;display:flex;align-items:center;gap:2px}.specialBadges{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.specialBadges button,.badgeGrantGrid button,.largeBadge{border:1px solid #393a44;background:#1b1c22;color:#eee;border-radius:10px;padding:7px 10px;display:inline-flex;align-items:center;gap:7px}.specialBadges button b{font-size:11px}.badgeIcon{width:21px;height:21px;border-radius:6px;display:grid;place-items:center;background:#26232e;color:#b8a6ff;font-size:12px}.badgeInfo{text-align:center}.largeBadge{margin:0 auto 14px;width:max-content;padding:10px 13px}.badgeInfo p{color:#aaa}.badgeInfo small{display:block;color:#737580;margin:0 0 18px}.badgeGrantGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.badgeGrantGrid button{cursor:pointer}.badgeManageRow{display:flex;align-items:center;gap:8px;padding:10px;border-bottom:1px solid #2d2e35}.badgeManageRow>b{margin-right:auto}
.shopTabs{display:flex;gap:8px;margin:16px 0}.shopTabs span{padding:7px 11px;border-radius:99px;background:#191a20;color:#777;font-size:11px}.shopTabs .active{background:#25232b;color:#eee}.shopVisual{width:46px;height:46px;border-radius:13px;background:#202127;display:grid;place-items:center;font-size:20px}.inventorySection{margin-top:28px}.inventoryGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.inventoryCard{text-align:left;display:grid;grid-template-columns:30px 1fr;gap:2px 8px;border:1px solid #30313a;background:#16171c;color:#eee;border-radius:13px;padding:10px}.inventoryCard>span{grid-row:1/3;font-size:18px}.inventoryCard small{color:#777}.inventoryCard.equipped{border-color:#5a506d;background:#1d1b23}
.avatarEditor{display:flex;align-items:center;gap:15px;margin-bottom:18px}.editAvatar{width:76px;height:76px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#24252c;font-size:25px;font-weight:800}.photoButton{display:inline-block;background:#24252c;border:1px solid #363740;border-radius:10px;padding:8px 11px;font-size:12px;cursor:pointer}.photoButton input{display:none}.textButton{border:0;background:transparent;color:#888;padding:8px;font-size:12px}
@media(max-width:700px){.profileOpen{grid-template-columns:105px 1fr;gap:16px;padding:20px 4px 24px}.profileAvatar{width:94px!important;height:94px!important}.profileEditWrap{grid-column:1/-1}.profileEditWrap .pill{width:100%}.inventoryGrid{grid-template-columns:1fr}.badgeGrantGrid{grid-template-columns:1fr}}

/* V17 slot-safe shop previews */
.newShopItem{align-items:center!important}.shopInfo{display:grid;gap:3px;min-width:0}.shopInfo>b{font-size:13px}.shopInfo>small:last-child{color:#737580;font-size:10px}.itemType{font-size:8px!important;letter-spacing:1.3px;color:#8f7dff!important;font-weight:800}
.storePreview{width:64px;height:64px;border-radius:15px;background:#1d1e24;border:1px solid #30313a;display:grid;place-items:center;position:relative;overflow:hidden;flex:none}.previewAvatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#32343d;color:#fff;font-size:12px;font-weight:800}
.framePreview.neonFrame .previewAvatar{box-shadow:0 0 0 3px #8c6dff,0 0 11px #8c6dff88}.framePreview.crystalFrame .previewAvatar{box-shadow:0 0 0 2px #c8efff,0 0 0 4px #7768d9}.framePreview.silverFrame .previewAvatar{box-shadow:0 0 0 3px #b9bdc7}.framePreview.auroraFrame .previewAvatar{box-shadow:0 0 0 2px #6ee0d0,0 0 0 4px #a66df0}
.themePreview{align-content:center;gap:5px;padding:10px}.themePreview span{display:block;width:38px;height:5px;border-radius:4px;background:#777}.themePreview span:nth-child(2){width:27px;opacity:.55}.themePreview i{width:38px;height:16px;border-radius:5px;background:#292a32}.themePreview.midnightProfile{background:#1d1925}.themePreview.graphiteProfile{background:#202124}
.effectPreview em{position:absolute;right:9px;top:7px;color:#a991ff;font-style:normal}.effectPreview.profileGlow .previewAvatar{box-shadow:0 0 14px #a384ff}.effectPreview.starEffect em{font-size:19px;text-shadow:-23px 30px #7569c8}
.inventoryType{font-size:8px!important;text-transform:uppercase;letter-spacing:1px;color:#8e7cff!important}.inventoryCard.equipped{outline:1px solid #76669a}

/* V18 startup recovery */
#content:empty:after{content:'Loading…';display:block;color:#777;padding:30px 0}

/* V20 - refined product design, less template-like */
.storeTop{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:end;padding:18px 0 28px;border-bottom:1px solid #26272e;margin-bottom:28px}.storeTop h1{font-size:34px;letter-spacing:-1.2px;margin:4px 0 6px}.storeTop p{margin:0;color:#858791}.storeTop>div>small,.balanceCard>small{font-size:9px;letter-spacing:1.7px;color:#737681;font-weight:800}.balanceCard{min-width:190px;background:#16171b;border:1px solid #2d2f36;border-radius:16px;padding:14px 16px;display:grid;gap:5px}.balanceCard strong{font-size:20px}.balanceCard button{border:0;background:transparent;color:#9e8cff;text-align:left;padding:5px 0 0;font-weight:700}
.storeSection{margin:0 0 34px}.storeSectionHead{display:flex;align-items:end;justify-content:space-between;margin-bottom:12px}.storeSectionHead h2{font-size:18px;margin:0}.storeSectionHead small{color:#6f717a}.productGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.productCard{display:grid;grid-template-columns:86px 1fr auto;align-items:center;gap:13px;background:#141519;border:1px solid #292a31;border-radius:17px;padding:12px;min-height:112px}.productMeta{min-width:0}.productMeta>small{font-size:8px;text-transform:uppercase;letter-spacing:1.4px;color:#747680}.productMeta h3{font-size:14px;margin:3px 0}.productMeta p{font-size:10px;color:#70727b;margin:0;line-height:1.35}.productPreview{width:82px;height:82px;border-radius:14px;background:#1d1e23;position:relative;display:grid;place-items:center;overflow:hidden}.productAvatar{width:40px;height:40px;border-radius:50%;background:#353740;display:grid;place-items:center;font-weight:800;font-size:13px}
.frameProduct.neonFrame .productAvatar{box-shadow:0 0 0 3px #8d70ff,0 0 16px #8d70ff77}.frameProduct.crystalFrame .productAvatar{box-shadow:0 0 0 2px #d8f3ff,0 0 0 5px #6e73d8}.frameProduct.silverFrame .productAvatar{box-shadow:0 0 0 4px #c4c7cf}.frameProduct.auroraFrame .productAvatar{box-shadow:0 0 0 2px #73e0ce,0 0 0 5px #a46ee7}
.themeProduct{align-content:center;gap:7px;padding:14px}.themeProduct.midnightProfile{background:#1c1923}.themeProduct.graphiteProfile{background:#202126}.mockLine{width:46px;height:5px;border-radius:4px;background:#555862}.mockLine.big{width:58px;background:#8b8e98}.mockButton{width:34px;height:14px;border-radius:7px;background:#343640;margin-top:2px}.effectProduct.profileGlow .productAvatar{box-shadow:0 0 20px #9a7cff}.spark{position:absolute;color:#a58dff;font-size:11px}.s1{top:13px;right:15px}.s2{bottom:13px;left:14px;font-size:7px}
.buyButton{border:1px solid #363740;background:#222329;color:#f1f1f3;border-radius:10px;padding:8px 10px;font-size:11px;font-weight:750;white-space:nowrap}.buyButton.active{background:#eee;color:#111;border-color:#eee}.ownedSection{padding-top:5px;border-top:1px solid #25262c}.ownedGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ownedProduct{text-align:left;border:1px solid #2b2c33;background:#15161a;color:#eee;border-radius:13px;padding:11px;display:grid;gap:3px}.ownedProduct>span{font-size:8px;letter-spacing:1.2px;color:#737680}.ownedProduct>b{font-size:12px}.ownedProduct>small{font-size:9px;color:#70727b}.ownedProduct.active{border-color:#62577d;background:#191820}
.coinQuick{border:1px solid #30313a;border-radius:15px;padding:14px;margin:12px 0 20px;background:#17181d}.coinQuick h3{margin:0 0 4px;font-size:13px}.coinQuick strong{font-size:23px}.coinQuick>div{display:flex;gap:6px;margin-top:12px}.coinQuick button{flex:1;border:1px solid #373842;background:#222329;color:#eee;border-radius:9px;padding:8px;font-size:10px}.coinActions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.specialBadges button{background:#17181c!important;border-color:#303139!important}.badgeIcon{position:relative;overflow:hidden;border:1px solid #3a3b45!important}.badgeIcon i{font-style:normal;font-size:11px}.badgeIcon.artist{background:linear-gradient(145deg,#2b2338,#1e1c27)!important;color:#c7aaff!important}.badgeIcon.rising{background:linear-gradient(145deg,#1d3131,#192222)!important;color:#8ee4d2!important}.badgeIcon.creator{background:linear-gradient(145deg,#332c1e,#211f1a)!important;color:#f1ca70!important}.badgeIcon.featured{background:linear-gradient(145deg,#30212a,#211a1e)!important;color:#ff9fbc!important}
@media(max-width:700px){.storeTop{grid-template-columns:1fr}.balanceCard{min-width:0}.productGrid{grid-template-columns:1fr}.productCard{grid-template-columns:76px 1fr auto}.productPreview{width:72px;height:72px}.ownedGrid{grid-template-columns:1fr 1fr}.storeTop h1{font-size:29px}}

/* V21 — editorial social-music redesign */
:root{--v21-bg:#0c0d0f;--v21-surface:#121316;--v21-line:#24262b;--v21-text:#f4f4f5;--v21-muted:#85878e;--v21-accent:#8d79ff}
body{background:var(--v21-bg)!important}.main{background:var(--v21-bg)!important}
.topbar{background:rgba(12,13,15,.94)!important;border-bottom:1px solid var(--v21-line)!important;backdrop-filter:blur(18px)}
.sidebar{background:#0e0f11!important;border-right:1px solid var(--v21-line)!important}
.sidebar button{border-radius:8px!important}.sidebar button.active{background:#1a1b1f!important;color:#fff!important}
.homeV21{max-width:980px;margin:0 auto;padding:20px 4px 100px}.homeIntro{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:36px 0 28px;border-bottom:1px solid var(--v21-line)}.homeIntro h1{font-size:clamp(34px,5vw,62px);line-height:.98;letter-spacing:-2.6px;max-width:680px;margin:0}.homeIntro p{max-width:560px;color:var(--v21-muted);font-size:14px;line-height:1.55;margin:14px 0 0}.uploadCTA{display:flex;align-items:center;gap:7px;background:#f1f1f2;color:#101114;border:0;border-radius:999px;padding:10px 15px;font-weight:800;white-space:nowrap}.uploadCTA svg{width:16px;height:16px}
.feedSwitch{display:flex;gap:22px;margin:26px 0 16px;border-bottom:1px solid var(--v21-line)}.feedSwitch button{border:0;background:transparent;color:#73757c;padding:0 0 10px;font-weight:750;font-size:13px;position:relative}.feedSwitch button.active{color:#f3f3f4}.feedSwitch button.active:after{content:"";position:absolute;height:2px;background:#f3f3f4;left:0;right:0;bottom:-1px}
.socialEmpty{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px 18px;border-bottom:1px solid var(--v21-line)}.emptyDisc{width:72px;height:72px;border-radius:50%;border:1px solid #34363c;display:grid;place-items:center;margin-bottom:18px;position:relative}.emptyDisc:after{content:"";width:15px;height:15px;border:1px solid #45474f;border-radius:50%;position:absolute}.emptyDisc span{font-size:19px;color:#8e80df;transform:translate(23px,-21px)}.socialEmpty h2{font-size:22px;letter-spacing:-.5px;margin:0 0 8px}.socialEmpty p{max-width:470px;color:#777981;line-height:1.5;margin:0 0 18px}.socialEmpty>div:last-child{display:flex;gap:8px}.quietButton{border:1px solid #303239;background:transparent;color:#e8e8ea;border-radius:9px;padding:9px 13px;font-weight:700}
.homeLower{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--v21-line)}.homeFeature{display:grid;grid-template-columns:35px 1fr auto;gap:10px;align-items:center;padding:18px 8px;cursor:pointer}.homeFeature:first-child{border-right:1px solid var(--v21-line)}.homeFeature>span{width:31px;height:31px;display:grid;place-items:center}.homeFeature svg{width:19px;height:19px;fill:none;stroke:#a6a7ad;stroke-width:1.7}.homeFeature div{display:grid}.homeFeature b{font-size:13px}.homeFeature small{color:#6f7179;margin-top:2px}.homeFeature i{font-style:normal;color:#55575e;font-size:22px}
.realFeed{border-top:1px solid var(--v21-line)}.musicFeedRow{display:grid;grid-template-columns:54px 1fr 38px;gap:12px;align-items:center;padding:11px 4px;border-bottom:1px solid var(--v21-line)}.feedArtwork{width:54px;height:54px;background:#1d1f23;display:grid;place-items:center;overflow:hidden}.feedArtwork img{width:100%;height:100%;object-fit:cover}.feedSong{display:grid}.feedSong span{font-size:11px;color:#777981;margin-top:3px}.feedPlay{width:34px;height:34px;border-radius:50%;border:1px solid #33353b;background:transparent;color:#fff}
.profileOpen{border-bottom:1px solid var(--v21-line)!important}.profileHero,.shopHero,.supportCard,.ownerHero{box-shadow:none!important}.tabs{border-bottom:1px solid var(--v21-line)!important}.tabs button{border-radius:0!important;background:transparent!important}
.specialBadges button{border-radius:999px!important;padding:5px 9px 5px 6px!important;background:#141519!important;border:1px solid #30323a!important}.specialBadges button b{font-size:10px!important;letter-spacing:.1px}.badgeIcon{width:25px!important;height:25px!important;border-radius:50%!important;display:grid!important;place-items:center!important;border:0!important}.badgeIcon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.badgeIcon.artist{background:#241d33!important;color:#b99cff!important}.badgeIcon.rising{background:#152c29!important;color:#77dbc8!important}.badgeIcon.creator{background:#302817!important;color:#e8c266!important}.badgeIcon.featured{background:#301b25!important;color:#f18aae!important}
.largeBadge .badgeIcon{width:34px!important;height:34px!important}.largeBadge .badgeIcon svg{width:19px;height:19px}
.productCard,.ownedProduct,.balanceCard,.coinQuick,.adminUser,.adminTicket,.ownerTool{box-shadow:none!important}
.productCard{border-radius:12px!important;background:#111215!important}.productPreview{border-radius:9px!important}.buyButton{border-radius:8px!important}
.appMenu{box-shadow:-24px 0 60px #0008!important}.menuList button{border-radius:7px!important}
@media(max-width:700px){.homeV21{padding-top:2px}.homeIntro{align-items:start;flex-direction:column;padding-top:22px}.homeIntro h1{font-size:39px;letter-spacing:-1.8px}.homeLower{grid-template-columns:1fr}.homeFeature:first-child{border-right:0;border-bottom:1px solid var(--v21-line)}}

/* V21 auth update */
.authChoice{text-align:left}.authChoice h2{font-size:30px;letter-spacing:-1px;margin-bottom:6px}.authChoiceButtons{display:grid;gap:8px;margin:22px 0 8px}.authSecondary{border:1px solid #33353c;background:#15161a;color:#f2f2f3;border-radius:10px;padding:11px;font-weight:800}.authBack{border:0;background:transparent;color:#8b8d94;padding:0 0 14px;font-weight:700}.textAuthButton{width:100%;border:0;background:transparent;color:#a99aff;padding:13px 5px 2px;font-weight:700;font-size:11px}.authCard .field{margin-top:10px}

/* Settings */
.settingsSection{padding:4px 0 18px}.settingsSection h3{font-size:12px;color:#8d8f96;text-transform:uppercase;letter-spacing:.08em;margin:12px 0 6px}.preferenceRow{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 0;border-bottom:1px solid #24262b}.preferenceRow b,.preferenceRow small{display:block}.preferenceRow small{color:#85878e;margin-top:4px;line-height:1.35}.switch{width:44px;height:25px;min-width:44px;border:0;border-radius:99px;background:#34363c;padding:3px;transition:.18s}.switch span{display:block;width:19px;height:19px;border-radius:50%;background:#f2f2f3;transition:.18s}.switch.on{background:#7658ff}.switch.on span{transform:translateX(19px)}.languagePicker{display:grid;grid-template-columns:1fr 1fr;gap:8px}.languagePicker button{padding:12px;border:1px solid #2c2e34;border-radius:9px;background:#15161a;color:#aaa}.languagePicker button.selected{border-color:#7658ff;color:#fff;background:#1b1924}.settingsHint{font-size:11px;color:#777a82;line-height:1.45;margin-top:10px}

/* V22 — product-like mobile redesign */
@media(max-width:700px){
 body{background:#090a0c!important}.app{display:block!important;padding-bottom:92px}.sidebar,.rightbar{display:none!important}main{padding:18px 17px 110px!important;max-width:none!important}header{margin:0 0 28px!important;min-height:54px}header>div:first-child small{display:none}#pageTitle{font-size:30px!important;letter-spacing:-1.2px!important;margin:0!important}.headActions{gap:7px!important}.headActions .coinBadge{display:none!important}.round,.menuButton{width:38px!important;height:38px!important;border-radius:12px!important;background:transparent!important;border:1px solid #24262b!important}.headActions .round:first-of-type{display:none}.mobileNav{background:rgba(9,10,12,.96)!important;border-top:1px solid #202126!important;backdrop-filter:blur(20px);padding-bottom:max(8px,env(safe-area-inset-bottom))!important}.mobileNav button{font-size:10px!important;gap:4px!important;color:#6f7279!important}.mobileNav button span{font-size:20px!important}.mobileNav button.active{color:#f3f3f4!important}.v22Page{max-width:760px;margin:0 auto}.home22Head{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #202126;padding:4px 0 20px}.home22Head small,.screenIntro small,.label22{font-size:9px;letter-spacing:1.6px;color:#6e7178;font-weight:800}.home22Head h2,.screenIntro h2{font-size:34px;letter-spacing:-1.5px;line-height:1.02;margin:7px 0 0}.textAction{border:0;background:transparent;color:#b6a8ff;font-weight:750;padding:8px 0}.feedSwitch{margin:0!important;padding-top:17px;gap:25px!important}.feedSwitch button{font-size:12px!important}.empty22{padding:70px 8px 40px;text-align:left!important;align-items:flex-start!important;border:0!important}.emptyGlyph{font-size:26px;color:#9b8cff;display:block;margin-bottom:28px}.empty22 h3{font-size:25px;margin:0 0 8px;letter-spacing:-.7px}.empty22 p{font-size:14px;line-height:1.55;color:#7d8087;max-width:390px;margin:0 0 22px}.solid22{border:0;background:#f2f2f3;color:#0c0d0f;padding:10px 14px;border-radius:8px;font-weight:800}.link22{border:0;background:transparent;color:#a5a7ad;padding:10px 14px}.trackList22{border-top:1px solid #202126}.track22{display:grid;grid-template-columns:52px 1fr 34px;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid #1f2024}.art22{width:52px;height:52px;background:#17181c;display:grid;place-items:center;color:#9182e6;overflow:hidden}.art22 img,.discoverTile22 img{width:100%;height:100%;object-fit:cover}.trackText22{display:grid;min-width:0}.trackText22 b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trackText22 span{font-size:11px;color:#74777e;margin-top:3px}.play22{border:0;background:transparent;color:#d7d7da;font-size:13px}.screenIntro{padding:8px 0 30px;border-bottom:1px solid #202126}.screenIntro p{color:#777a82;font-size:13px;margin:8px 0 0}.compactIntro{padding-bottom:22px}.discoverGrid22{display:grid;grid-template-columns:1fr 1fr;gap:20px 12px;padding-top:20px}.discoverTile22{border:0;background:none;color:#f3f3f4;text-align:left;padding:0}.discoverTile22>div{aspect-ratio:1;background:#17181c;display:grid;place-items:center;font-size:28px;color:#9182e6;margin-bottom:8px;overflow:hidden}.discoverTile22 b,.discoverTile22 span{display:block}.discoverTile22 b{font-size:13px}.discoverTile22 span{font-size:10px;color:#74777e;margin-top:3px}.emptyLine22{padding:34px 0;border-bottom:1px solid #202126;display:grid;gap:7px}.emptyLine22 b{font-size:16px}.emptyLine22 span{font-size:13px;color:#777a82}.emptyLine22 button{width:max-content;border:0;background:transparent;color:#a99cff;padding:8px 0 0;font-weight:700}.searchWrap22{height:48px;border-bottom:1px solid #33353a;display:flex;align-items:center;gap:10px;margin-bottom:30px}.searchWrap22 span{font-size:22px;color:#73767d}.searchWrap22 input{flex:1;border:0;outline:0;background:transparent;color:#f3f3f4;font-size:17px}.searchWrap22 input::placeholder{color:#62656c}.label22{padding-bottom:8px;border-bottom:1px solid #202126}.person22{display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;padding:13px 0;border-bottom:1px solid #1f2024}.avatar22{width:42px;height:42px;border-radius:50%;background:#202126;display:grid;place-items:center;font-weight:800}.person22>div:nth-child(2){display:grid}.person22 span{font-size:11px;color:#777a82;margin-top:2px}.person22 button{border:1px solid #34363c;background:transparent;color:#eee;border-radius:7px;padding:7px 11px;font-size:11px;font-weight:750}.searchEmpty22{padding-top:16px}.profile22{display:grid!important;grid-template-columns:82px 1fr!important;gap:17px!important;align-items:start!important;padding:6px 0 24px!important;border-bottom:0!important;background:none!important}.profileAvatar22{width:82px;height:82px;border-radius:50%;background:#202126;display:grid;place-items:center;font-size:27px;font-weight:850;overflow:hidden}.profileAvatar22 img{width:100%;height:100%;object-fit:cover}.profileMain22{min-width:0}.nameLine22{display:flex;align-items:center;gap:4px}.nameLine22 h2{font-size:25px;letter-spacing:-.7px;margin:0}.handle22{display:block;color:#888b92;font-size:12px;margin-top:2px}.profileMain22 p{font-size:12px;color:#c0c1c5;margin:10px 0 0;line-height:1.4}.stats22{display:flex;gap:17px;margin-top:12px;font-size:11px;color:#777a82}.stats22 b{color:#f1f1f2}.edit22{grid-column:1/-1;border:1px solid #33353b;background:transparent;color:#eee;border-radius:7px;padding:9px;font-size:12px;font-weight:750}.profileTabs22{display:flex;gap:24px;border-bottom:1px solid #202126;overflow-x:auto}.profileTabs22 button{border:0;background:transparent;color:#70737a;padding:13px 0 11px;white-space:nowrap}.profileTabs22 button.active{color:#f2f2f3;border-bottom:2px solid #f2f2f3}.profileEmpty22{padding-top:28px}.verifiedBadge svg{width:18px!important;height:18px!important}.specialBadges{margin:8px 0 0!important}
}

.ownerSpecialBadge{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #30313a;border-radius:999px;background:#121319;color:#f4f4f6;font-size:12px}.ownerSpecialBadge i{font-style:normal;color:#aa91ff;font-size:14px}.badge-artist i{color:#9d87ff}.badge-rising i{color:#72d6a4}.badge-creator i{color:#e7b6ff}.badge-featured i{color:#ffd36a}.badge-producer i{color:#6fc7ff}.badge-songwriter i{color:#ff9fb5}.ownerActionRow{width:100%;color:inherit;text-align:left;border:0;cursor:pointer}

/* V27 — refined recognition badges */
.specialBadges{margin:7px 0 10px!important;display:flex!important;align-items:center!important;gap:6px!important}
.specialBadges button{appearance:none!important;border:0!important;background:transparent!important;padding:0!important;margin:0!important;border-radius:0!important;box-shadow:none!important;line-height:1!important;cursor:pointer!important}
.ownerSpecialBadge{--badge:#b79cff;display:inline-flex!important;align-items:center!important;gap:5px!important;padding:3px 7px!important;border:1px solid color-mix(in srgb,var(--badge) 30%,#2a2b31)!important;border-radius:999px!important;background:color-mix(in srgb,var(--badge) 8%,#0b0c0f)!important;color:#f3f3f5!important;font-size:10px!important;font-weight:650!important;letter-spacing:.01em!important;white-space:nowrap!important;box-shadow:none!important}
.ownerSpecialBadge i{width:13px!important;height:13px!important;display:grid!important;place-items:center!important;font-style:normal!important;font-size:10px!important;line-height:1!important;color:var(--badge)!important}.ownerSpecialBadge b{font-size:10px!important;font-weight:650!important;line-height:1!important}
.badge-artist{--badge:#a994ff}.badge-rising{--badge:#70d8a2}.badge-creator{--badge:#d9a6ff}.badge-featured{--badge:#f3c45d}.badge-producer{--badge:#70c6ff}.badge-songwriter{--badge:#ff9ab2}
.badgeGrantGrid .ownerSpecialBadge{font-size:11px!important;padding:5px 8px!important}.badgeGrantGrid .ownerSpecialBadge b{font-size:11px!important}.badgeGrantGrid button{min-height:42px!important;justify-content:flex-start!important}
.badgeManageRow .ownerSpecialBadge{margin-right:auto!important}
@media(max-width:700px){.specialBadges{margin-top:6px!important}.ownerSpecialBadge{padding:3px 6px!important}}

/* v28 iOS-safe upload controls */
.coverPicker{display:flex;align-items:center;gap:12px;min-height:72px;border:1px solid #343640;border-radius:14px;padding:11px 13px;background:#17181e;cursor:pointer;overflow:hidden}
.coverPicker input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.coverPickerPreview{width:50px;height:50px;flex:0 0 50px;border-radius:11px;background:#22232b;border:1px solid #343640;display:grid;place-items:center;color:#a895ff;font-size:20px;overflow:hidden}
.coverPickerPreview img{width:100%;height:100%;object-fit:cover;display:block}
.coverPickerText{display:grid;gap:4px;min-width:0}.coverPickerText b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coverPickerText small{font-size:11px;color:#777a85}
.lightMode .coverPicker{background:#f1f2f6;border-color:#c9cbd5}.lightMode .coverPickerPreview{background:#e7e8ed;border-color:#d4d5dc}

/* v29 clearer upload flow */
.uploadHeader{align-items:flex-start}.uploadHeader h2{margin:3px 0 4px;font-size:27px}.uploadHeader p{margin:0;color:#858791;font-size:13px;line-height:1.45}.uploadEyebrow{font-size:10px;font-weight:800;letter-spacing:.14em;color:#9f8cff}
.clearSteps{margin:18px 0 8px}.clearSteps span{display:flex;align-items:center;gap:7px}.clearSteps b{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;border:1px solid #3a3c46;font-size:10px}.clearSteps .active b{background:#a68cff;color:#0c0c10;border-color:#a68cff}
.uploadSection{padding:18px 0;border-bottom:1px solid #25262d}.uploadSection:last-of-type{border-bottom:0}.uploadSectionTitle{display:flex;gap:11px;align-items:flex-start;margin-bottom:13px}.uploadSectionTitle>span{width:27px;height:27px;flex:0 0 27px;border-radius:50%;display:grid;place-items:center;background:#24212f;color:#b5a4ff;font-weight:800;font-size:12px}.uploadSectionTitle div{display:grid;gap:3px}.uploadSectionTitle b{font-size:15px}.uploadSectionTitle small{color:#7d7f89;font-size:12px;line-height:1.35}
.clearerAudio{min-height:190px;position:relative}.clearerAudio .pickerAction{margin-top:8px;padding:9px 14px;border-radius:999px;background:#f4f4f6;color:#111217;font-weight:800;font-size:12px}
.uploadDetails{gap:15px}.uploadDetails .field label{display:flex;align-items:center;gap:7px}.uploadDetails .field label em,.uploadDetails .field label i{font-style:normal;font-size:9px;text-transform:none;letter-spacing:0}.uploadDetails .field label em{color:#b7a7ff}.uploadDetails .field label i{color:#70727b}
.coverBrowse{margin-left:auto;padding:8px 11px;border:1px solid #3b3d47;border-radius:9px;font-size:11px;font-weight:700}
.publishSection{padding-bottom:8px}.publishSongBtn{margin-top:3px;min-height:54px;font-size:15px}.localNote{padding:12px 13px;border:1px solid #282a31;border-radius:12px;background:#14151a;line-height:1.45}.localNote b{color:#b2a2ff}
@media(max-width:520px){.modal{padding:20px 18px}.uploadHeader h2{font-size:24px}.clearSteps{gap:5px}.clearSteps span{font-size:10px}.clearSteps b{width:19px;height:19px}.clearerAudio{min-height:175px}}

/* v30 simple upload */
.simpleUploadHead{align-items:flex-start}.simpleUploadHead h2{margin:0 0 5px;font-size:27px}.simpleUploadHead p{margin:0;color:#81838d;font-size:13px}
.simpleAudio{margin-top:20px;min-height:175px}.simpleUploadFields{display:grid;gap:15px;margin:18px 0}.simpleUploadFields .field label{display:flex;gap:7px;align-items:center}.simpleUploadFields .field label i{font-style:normal;text-transform:none;letter-spacing:0;color:#777983;font-size:9px}.simpleUploadFields input[readonly]{opacity:.72;cursor:default}.simpleUploadFields+.publishSongBtn{min-height:55px;font-size:15px}

/* v31 navigation cleanup: one clear action per job */
.sidebar .uploadBtn{display:none!important}
.home22Head:has(.textAction){} /* compatibility placeholder */

/* v32 — Upload is the primary action */
.primaryUploadTop{height:42px;padding:0 16px;border:0;border-radius:12px;background:#9d86ff;color:#0d0d11;display:inline-flex;align-items:center;justify-content:center;gap:7px;font:inherit;font-weight:850;cursor:pointer;box-shadow:0 7px 24px rgba(157,134,255,.16)}
.primaryUploadTop span{font-size:20px;line-height:1;font-weight:500}.primaryUploadTop b{font-size:13px;letter-spacing:-.01em}
.primaryUploadTop:active{transform:scale(.97)}
@media(max-width:620px){.primaryUploadTop{height:42px;padding:0 13px;border-radius:11px}.primaryUploadTop b{display:inline;font-size:12px}.headActions{gap:7px}}

/* v33 track detail + durable device audio */
.sheet.songSheet{position:fixed;inset:0!important;z-index:120;background:#09090b;display:block;overflow:auto;padding:0!important;border:0!important;border-radius:0!important;max-width:none!important;transform:none!important}
.songDetail{min-height:100%;max-width:620px;margin:auto;padding:calc(env(safe-area-inset-top) + 14px) 22px calc(110px + env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 14%,#242129 0,#111114 35%,#09090b 67%)}
.songDetailTop{height:48px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;text-align:center}.songDetailTop>span{font-size:10px;font-weight:800;letter-spacing:.14em;color:#a0a0a8}.songBack,.songMore{border:0;background:transparent;color:#f4f4f6;font-size:34px;line-height:1}.songMore{font-size:18px}
.songHeroArt{width:min(82vw,430px);aspect-ratio:1;margin:25px auto 30px;border-radius:8px;background:#1d1d22;display:grid;place-items:center;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.38)}.songHeroArt img{width:100%;height:100%;object-fit:cover}.songHeroArt>span{font-size:80px;color:#9c88ff}
.songIdentity h2{font-size:30px;line-height:1.08;margin:0 0 15px;letter-spacing:-.035em}.artistLine{width:100%;border:0;background:transparent;color:#eee;display:flex;align-items:center;gap:10px;padding:0 0 18px;text-align:left}.artistLine i{margin-left:auto;font-style:normal;color:#777}.artistMini{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#29262f;color:#b9aaff;font-weight:800}
.songDetail audio{width:100%;margin:4px 0 17px}.songActions{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #29292e;border-bottom:1px solid #29292e;padding:13px 0}.songActions button{border:0;background:transparent;color:#f5f5f6;font-size:22px;display:grid;gap:5px;place-items:center}.songActions small{font-size:10px;color:#85858e}
.songAbout{padding:25px 0}.songAbout small{font-size:9px;font-weight:800;letter-spacing:.14em;color:#777983}.songAbout p{margin:8px 0;color:#c5c5ca}.audioMissing{padding:18px;border:1px solid #303038;border-radius:14px;background:#151519}.audioMissing p{color:#85858e;font-size:13px}.audioMissing button{border:0;border-radius:10px;padding:11px 14px;font-weight:800}
@media(min-width:700px){.sheet.songSheet{background:rgba(0,0,0,.78);padding:35px!important}.songDetail{min-height:auto;border:1px solid #28282e;border-radius:22px}}

/* v34 identity + engagement */
.identityInline{display:inline-flex;align-items:center;gap:7px;min-width:0;vertical-align:middle}.identityName{display:inline-flex;align-items:center;gap:4px;min-width:0}.identityAvatar{width:31px;height:31px;border-radius:50%;overflow:hidden;background:#29262f;color:#b9aaff;display:grid;place-items:center;font-weight:800;flex:0 0 31px}.identityAvatar img,.commentAvatar img{width:100%;height:100%;object-fit:cover;display:block}.inlineVerify{display:inline-flex!important;width:16px!important;height:16px!important;vertical-align:middle;flex:0 0 16px}.inlineVerify .svgIcon{width:16px;height:16px}.inlineVerify svg{width:16px;height:16px}
.artistLine .identityInline{flex:1}.artistLine .identityName{font-weight:800}.artistLine>i{margin-left:auto}
.songActions button.liked{color:#b59fff}.songActions button.liked small{color:#b59fff}
.commentsSection{padding:24px 0;border-top:1px solid #29292e}.commentsTitle{display:flex;align-items:center;gap:7px;margin-bottom:15px}.commentsTitle b{font-size:17px}.commentsTitle span{color:#777983;font-size:12px}
.commentComposer{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;margin-bottom:20px}.commentAvatar{width:34px;height:34px;border-radius:50%;overflow:hidden;background:#29262f;display:grid;place-items:center;color:#b9aaff;font-weight:800}.commentComposer input{min-width:0;height:42px;border:1px solid #303139;border-radius:21px;background:#15161a;color:#f4f4f5;padding:0 14px;font:inherit}.commentComposer button{border:0;background:transparent;color:#ad9aff;font-weight:800;padding:8px}
.songComment{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:10px 0}.songComment b{display:flex;align-items:center;gap:4px;font-size:13px}.songComment p{margin:4px 0 0;color:#c7c7cc;font-size:13px;line-height:1.4;word-break:break-word}.noComments{color:#777983;font-size:13px;margin:5px 0 0}
.songAbout .identityInline{margin-top:9px}.trackText22 .identityAvatar{display:none}.trackText22 .identityInline{gap:3px}.trackText22 .inlineVerify{width:13px!important;height:13px!important;flex-basis:13px}.trackText22 .inlineVerify .svgIcon,.trackText22 .inlineVerify svg{width:13px;height:13px}

/* v35 verification sizing + comment cards */
.trackText22 .identityName{display:inline-flex;align-items:center;gap:4px;line-height:1.2}
.trackText22 .verifiedBadge.inlineVerify{width:14px!important;height:14px!important;flex:0 0 14px!important;margin:0!important;transform:none!important}
.trackText22 .verifiedBadge.inlineVerify .svgIcon,.trackText22 .verifiedBadge.inlineVerify svg{width:14px!important;height:14px!important;display:block}
.discoverTile22 .identityInline{display:inline-flex;align-items:center;gap:4px}.discoverTile22 .verifiedBadge.inlineVerify{width:14px!important;height:14px!important;flex:0 0 14px!important;margin:0!important}.discoverTile22 .verifiedBadge.inlineVerify svg{width:14px!important;height:14px!important}
.songCommentCard{border:1px solid #2b2c33;border-radius:14px;background:#141519;padding:13px 14px;margin:10px 0}.commentHead{display:flex;align-items:center;gap:10px}.commentWho{display:grid;gap:2px;min-width:0}.commentWho b{display:flex;align-items:center;gap:4px;font-size:13px}.commentWho small{font-size:10px;color:#737680}.songCommentCard>p{margin:11px 0 12px;font-size:14px;line-height:1.45;color:#e1e1e4;word-break:break-word}.deleteComment{margin-left:auto;border:0;background:transparent;color:#8b8d96;font-size:11px;padding:7px}.commentActions{border-top:1px solid #24252b;padding-top:9px}.commentActions button{border:0;background:transparent;color:#858792;padding:4px 2px;font-weight:700;font-size:12px}.commentActions button.liked{color:#b09cff}.commentActions button span{margin-left:3px}
.songCommentCard .inlineVerify{width:14px!important;height:14px!important;flex:0 0 14px!important}.songCommentCard .inlineVerify svg,.songCommentCard .inlineVerify .svgIcon{width:14px!important;height:14px!important}

/* v36 desktop rebuild — mobile rules remain authoritative below 720px */
@media (min-width:721px){
  html,body{min-width:0}
  body{background:#09090b}
  .app{grid-template-columns:240px minmax(0,1fr);padding-bottom:0;min-height:100vh}
  .sidebar{width:240px;padding:24px 16px;background:#0c0c0f;border-right:1px solid #24242a}
  .rightbar{display:none!important}
  main{min-width:0;padding:0 42px 70px!important;max-width:none!important}
  main>header{position:sticky;top:0;z-index:15;height:92px;padding:20px 0!important;margin:0!important;background:linear-gradient(#09090bf5 72%,#09090b00);display:flex;align-items:center;justify-content:space-between}
  main>header h1{font-size:30px!important;line-height:1.05;margin:4px 0 0!important}
  main>header small{font-size:9px;letter-spacing:.16em}
  .headActions{display:flex;align-items:center;gap:9px}
  #content{width:min(100%,1120px);margin:0 auto}
  .v22Page{padding:20px 0 40px!important;max-width:none!important}
  .screenIntro{padding:18px 0 26px!important;margin:0 0 28px!important;border-bottom:1px solid #25262b}
  .screenIntro h2,.home22 h2{font-size:clamp(36px,4vw,58px)!important;line-height:1.02!important;letter-spacing:-.045em!important;max-width:850px}
  .home22Head{padding:24px 0 28px!important}
  .trackList22{max-width:900px}
  .trackRow22{min-height:82px;padding:12px 0!important}
  .trackRow22>img,.trackRow22>.trackCover22{width:58px!important;height:58px!important}
  .discoverGrid22{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important;gap:24px!important}
  .discoverTile22{text-align:left!important;min-width:0}
  .discoverTile22>div:first-child{aspect-ratio:1;width:100%;overflow:hidden;background:#15151a}
  .discoverTile22>div:first-child img{width:100%;height:100%;object-fit:cover}
  .profile22{max-width:900px!important;margin:0!important;padding:24px 0!important}
  .profileHero22{display:grid!important;grid-template-columns:120px minmax(0,1fr) auto!important;gap:26px!important;align-items:center!important;padding:10px 0 28px!important}
  .profileAvatar22{width:120px!important;height:120px!important;font-size:36px!important}
  .profileMain22{min-width:0}
  .stats22{display:flex!important;gap:24px!important;flex-wrap:wrap!important;margin-top:14px!important}
  .edit22{align-self:center!important;min-width:130px}
  .profileTabs22{max-width:900px!important;gap:30px!important}
  .profileTracks22{max-width:900px!important}
  .shopPage,.shop22,.ownerPage{max-width:1100px!important}
  .shopGrid,.productGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
  .productCard{min-height:126px!important}
  .productPreview{flex:0 0 100px!important}
  .ownerGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .sheet.songSheet{padding:30px!important;background:#050507e8!important}
  .songDetail{width:min(100%,760px)!important;min-height:auto!important;border:1px solid #292930;border-radius:20px!important;padding:28px 38px 44px!important}
  .songHeroArt{width:min(420px,48vh)!important;margin-top:10px!important}
  .modal{width:min(620px,calc(100vw - 80px))!important;max-height:calc(100vh - 70px)!important}
  .miniProfile{margin-top:auto;min-width:0}
  .miniProfile .avatar,.menuAccount .avatar{overflow:hidden}
  .miniProfile .avatar img,.menuAccount .avatar img,.productAvatar img{width:100%;height:100%;object-fit:cover;display:block}
  .miniProfile>div:nth-child(2){min-width:0;display:grid}
  .miniProfile b,.miniProfile small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .legacyPlayer{display:none!important}
}
@media (min-width:1280px){
  .app{grid-template-columns:260px minmax(0,1fr)}
  .sidebar{width:260px;padding-left:22px;padding-right:22px}
  main{padding-left:56px!important;padding-right:56px!important}
}

/* v37 search + coin clarity */
.coinGuide{margin-top:18px;max-width:610px;border:1px solid #2b2c33;border-radius:14px;background:#121318;padding:14px 16px}.coinGuide>div{display:flex;gap:12px;align-items:flex-start}.coinGuide>div>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#282238;color:#b7a4ff;font-weight:900}.coinGuide b{font-size:14px}.coinGuide p{font-size:12px!important;color:#8c8e98!important;margin:5px 0 0!important;line-height:1.45}
.searchPersonMain{border:0!important;background:transparent!important;color:inherit!important;display:flex!important;align-items:center!important;gap:11px!important;min-width:0!important;flex:1!important;text-align:left!important;padding:0!important}.avatar22{overflow:hidden;flex:0 0 auto}.avatar22 img{width:100%;height:100%;object-fit:cover;display:block}.searchPersonText{display:grid;min-width:0;gap:2px}.searchPersonText b{display:flex;align-items:center;gap:4px;min-width:0}.searchPersonText small{color:#7f818a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.searchYou{border-color:#373841!important;color:#c9c9cf!important}.peopleList22{max-width:760px}.person22{min-width:0}
@media(min-width:721px){.searchWrap22{max-width:760px}.coinGuide{max-width:620px}.storeTop{align-items:flex-start!important}}

/* v38 structural repair: intentionally final cascade */
.menuAccount{display:flex!important;align-items:center!important;gap:11px!important;padding:12px 8px 17px!important;background:transparent!important;border:0!important;border-bottom:1px solid #292a31!important;margin:0 0 8px!important}
.menuAccountAvatar{width:40px!important;height:40px!important;flex:0 0 40px!important;border-radius:50%!important;overflow:hidden!important;background:#24252b!important;color:#b4a2ff!important;display:grid!important;place-items:center!important;font-size:14px!important;font-weight:800!important}
.menuAccountAvatar img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.menuAccountText{min-width:0!important;display:grid!important;gap:2px!important}
.menuAccountText b{display:flex!important;align-items:center!important;gap:4px!important;font-size:14px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.menuAccountText small{font-size:11px!important;color:#858791!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.menuAccountText .inlineVerify{width:14px!important;height:14px!important;flex:0 0 14px!important;margin:0!important}
.menuAccountText .inlineVerify svg,.menuAccountText .inlineVerify .svgIcon{width:14px!important;height:14px!important}
.appMenu{background:#111217!important}
.profileHero22{display:grid;grid-template-columns:82px minmax(0,1fr);gap:17px;align-items:start;width:100%}
.profileAvatar22{grid-column:1;width:82px!important;height:82px!important;aspect-ratio:1;border-radius:50%!important;overflow:hidden!important;background:#202126!important;display:grid!important;place-items:center!important;font-size:27px!important;font-weight:850!important;line-height:1!important}
.profileAvatar22 img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.profileMain22{grid-column:2;min-width:0!important}
.edit22{grid-column:1/-1!important;width:100%!important}
.profileTabs22 button,.edit22,.searchWrap22 input,.person22 button{font-family:inherit}
.person22{display:flex!important;align-items:center!important;gap:11px!important;padding:12px 0!important;border-bottom:1px solid #202126!important}
.searchPersonMain{display:flex!important;align-items:center!important;gap:11px!important;flex:1!important;min-width:0!important}
.avatar22{width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:50%!important;overflow:hidden!important;background:#202126!important;display:grid!important;place-items:center!important;font-weight:800!important}
.searchWrap22{width:100%!important;max-width:760px!important;height:52px!important;border:1px solid #2d2f35!important;border-radius:12px!important;padding:0 14px!important;background:#111217!important;margin:0 0 28px!important}
.searchWrap22 input{width:100%!important;height:100%!important;border:0!important;background:transparent!important;color:#f4f4f5!important;font-size:15px!important;padding:0!important}
@media(max-width:720px){
 .profileHero22{grid-template-columns:82px minmax(0,1fr)!important}
 .appMenu{width:min(390px,90vw)!important}
}
@media(min-width:721px){
 .app{grid-template-columns:240px minmax(0,1fr)!important}
 .sidebar{display:flex!important;width:240px!important}
 main{padding:0 44px 70px!important;min-width:0!important}
 #content{width:min(100%,1100px)!important;margin:0 auto!important}
 .profilePage38{width:100%!important;max-width:1000px!important;margin:0 auto!important;padding-top:26px!important}
 .profile22{display:block!important;width:100%!important;max-width:none!important;padding:24px 0 30px!important}
 .profileHero22{display:grid!important;grid-template-columns:132px minmax(0,1fr) auto!important;gap:28px!important;align-items:center!important}
 .profileAvatar22{grid-column:1!important;width:132px!important;height:132px!important;font-size:40px!important}
 .profileMain22{grid-column:2!important}
 .nameLine22 h2{font-size:34px!important;line-height:1.1!important}
 .handle22{font-size:14px!important;margin-top:5px!important}
 .stats22{font-size:13px!important;gap:28px!important;margin-top:18px!important}
 .edit22{grid-column:3!important;width:auto!important;min-width:138px!important;padding:10px 18px!important;align-self:center!important}
 .profileTabs22{width:100%!important;max-width:none!important;margin-top:4px!important}
 .profileTabs22 button{background:transparent!important;border:0!important;color:#7f8189!important;padding:15px 2px!important;font-size:14px!important}
 .profileTabs22 button.active{color:#f4f4f5!important;border-bottom:2px solid #f4f4f5!important}
 .profileEmpty22{padding:34px 0!important}
 .peopleList22{width:100%!important;max-width:760px!important}
 .person22>button:last-child{flex:0 0 auto!important;background:#17181d!important;border:1px solid #30323a!important;color:#f1f1f3!important;border-radius:8px!important;padding:8px 13px!important}
}
