.giftModal{z-index:60}.giftSheet{max-height:92dvh}.demoBanner{background:#2a2410;border:1px solid #6b5a1c;color:#ffe08a;border-radius:12px;padding:10px 12px;font-size:12.5px;line-height:1.5;margin:6px 0 10px}.giftToggle{display:flex;gap:8px;align-items:center;font-size:13px;min-height:44px}.giftStage{height:190px;border-radius:18px;display:grid;place-items:center;position:relative;overflow:hidden;margin:6px 0 14px;background:radial-gradient(circle at 50% 40%,#2b2a63,#0c0e18 70%);border:1px solid var(--line)}.giftStage.big{background:radial-gradient(circle at 50% 40%,#5a3df0,#0a0b16 72%)}.giftStage .sub{margin:0;padding:0 16px;text-align:center}.giftPlay{position:relative;display:grid;place-items:center;width:100%;height:100%}.giftPlay .giftArt{width:96px;height:96px}.giftStage.big .giftPlay .giftArt{width:150px;height:150px;filter:drop-shadow(0 0 22px #ffd45c88)}.giftBigName{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:15px;letter-spacing:.3px;text-shadow:0 2px 8px #000}.giftGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.giftTile{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 6px;border:1px solid var(--line);border-radius:16px;background:#0e121c;min-height:112px;text-align:center}.giftTile.big{background:linear-gradient(160deg,#241a52,#0e121c);border-color:#4b3aa8}.giftTile b{font-size:12px;line-height:1.2;overflow-wrap:anywhere}.giftTile .giftArt.small{width:48px;height:48px;display:block}.coins{display:inline-flex;align-items:center;gap:4px;color:#ffd45c;font:700 12px DM Mono}.coin{width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3b0,#e0a81e);display:inline-block}.giftPlay.floatUp .giftArt{animation:gFloat 1.8s ease-out both}.giftPlay.bloom .giftArt{animation:gBloom 1.8s cubic-bezier(.2,1.4,.4,1) both;transform-origin:50% 90%}.giftPlay.flutter .giftArt{animation:gFly 1.9s ease-in-out both}.giftPlay.flutter .wing{animation:gFlap .18s ease-in-out infinite alternate;transform-box:fill-box}.giftPlay.flutter .wing.l{transform-origin:100% 50%}.giftPlay.flutter .wing.r{transform-origin:0 50%;animation-direction:alternate-reverse}.giftPlay.dance .giftArt{animation:gDance 1.6s ease-in-out both}.giftPlay.spinPop .giftArt{animation:gSpinPop 1.8s cubic-bezier(.3,1.5,.5,1) both}.giftPlay.spin .giftArt{animation:gSpin 2s linear both}.giftPlay.bounce .giftArt{animation:gBounce 1.7s ease-out both}.giftPlay.steam .steamA{animation:gSteam 1.4s ease-in-out infinite}.giftPlay.steam .steamB{animation:gSteam 1.4s .5s ease-in-out infinite}.giftPlay.steam .giftArt{animation:gPopIn .5s ease-out both}.giftPlay.royal .giftArt{animation:gRoyal 3s ease-out both}.giftPlay.rain .giftArt{animation:gRain 3s ease-in-out both}.giftPlay.spots .giftArt{animation:gPopIn .6s ease-out both}.giftPlay.burst .giftArt{animation:gBurst 3s cubic-bezier(.2,1.4,.4,1) both}.giftPlay.swirl .giftArt{animation:gSwirl 3.2s ease-in-out both}.sparkles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.sparkles i{position:absolute;left:50%;top:48%;width:7px;height:7px;border-radius:50%;background:#ffd45c;opacity:0;animation:gSpark 2.6s ease-out both;animation-delay:calc(var(--i)*60ms);--a:calc(var(--i)*25.7deg)}.giftStage.reduced *{animation:none!important}.giftStage.reduced .giftPlay .giftArt{opacity:1}@keyframes gFloat{0%{transform:translateY(60px) scale(.5);opacity:0}25%{opacity:1}to{transform:translateY(-70px) scale(1.1);opacity:0}}@keyframes gBloom{0%{transform:scale(.2) rotate(-8deg);opacity:0}60%{transform:scale(1.18) rotate(3deg);opacity:1}to{transform:scale(1) rotate(0)}}@keyframes gFly{0%{transform:translate(-90px,40px)}30%{transform:translate(-20px,-30px)}60%{transform:translate(40px,10px)}to{transform:translate(90px,-50px);opacity:0}}@keyframes gFlap{to{transform:scaleX(.35)}}@keyframes gDance{0%,to{transform:translateY(0) rotate(0)}20%{transform:translateY(-22px) rotate(-14deg)}40%{transform:translateY(0) rotate(10deg)}60%{transform:translateY(-16px) rotate(-8deg)}80%{transform:translateY(0) rotate(6deg)}}@keyframes gSpinPop{0%{transform:scale(0) rotate(0)}60%{transform:scale(1.25) rotate(360deg)}to{transform:scale(1) rotate(360deg)}}@keyframes gSpin{0%{transform:rotate(0)}to{transform:rotate(720deg)}}@keyframes gBounce{0%{transform:translateY(-100px);opacity:0}40%{transform:translateY(0);opacity:1}55%{transform:translateY(-26px)}70%{transform:translateY(0)}85%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes gSteam{0%{transform:translateY(6px);opacity:0}50%{opacity:1}to{transform:translateY(-8px);opacity:0}}@keyframes gPopIn{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@keyframes gRoyal{0%{transform:translateY(-120px) scale(.5);opacity:0}30%{transform:translateY(0) scale(1.15);opacity:1}45%{transform:scale(1)}85%{transform:scale(1.06)}to{transform:scale(1.06)}}@keyframes gRain{0%{transform:translateY(-130px) rotate(-20deg);opacity:0}35%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(0) rotate(0) scale(1.08)}}@keyframes gBurst{0%{transform:scale(0) rotate(-180deg)}50%{transform:scale(1.3) rotate(10deg)}70%{transform:scale(.95)}to{transform:scale(1.05)}}@keyframes gSwirl{0%{transform:scale(.2) rotate(-300deg);opacity:0}50%{transform:scale(1.1) rotate(0);opacity:1}to{transform:scale(1) rotate(60deg)}}@keyframes gSpark{0%{transform:translate(0) scale(.4);opacity:0}15%{opacity:1}to{transform:translate(calc(cos(var(--a))*130px),calc(sin(var(--a))*90px)) scale(1);opacity:0}}@media(prefers-reduced-motion:reduce){.giftPlay *,.giftPlay{animation:none!important}}.artistSheet{width:min(520px,100%)}.artistHead{display:flex;gap:16px;align-items:center;margin-bottom:12px;padding-right:34px}.artistHeadText{min-width:0}.artistHead h2{margin:0;font-size:24px;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;letter-spacing:-.8px}.artistHead .handle{margin:2px 0;font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fansLine{display:flex;gap:6px;align-items:center;margin:4px 0 0;color:#e6ebf5}.fanBtn{border:1.5px solid var(--lime);color:var(--lime);border-radius:10px;padding:10px 16px;font-weight:800;font-size:13px;min-height:44px}.fanBtn.on{background:#d8ff6622}.songRows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.songRow{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px;border-radius:14px;background:#0e121c;border:1px solid var(--line)}.songArt{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;color:#fff}.songMeta{display:flex;flex-direction:column;min-width:0}.songMeta b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.songMeta small{color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.songAction .mini{min-height:40px;padding:0 12px}.lockNote{display:flex;gap:4px;align-items:center;color:#c3cad7;font-size:10.5px;max-width:120px;line-height:1.25}.supportCard{margin:18px 0 8px;padding:14px;border-radius:16px;border:1px dashed #5b4fc2;background:linear-gradient(160deg,#1a1540,#10131d)}.supportHead{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.supportHead svg{color:#ffd45c}.soon{margin-left:auto;font:700 10px DM Mono;letter-spacing:.6px;color:#ffe08a;background:#3a3010;border-radius:20px;padding:4px 9px}.pAvatar{display:inline-grid;place-items:center;border-radius:50%;color:#fff;font-weight:800;flex:none;letter-spacing:.5px;text-shadow:0 1px 4px #0008}.songRow{grid-template-columns:44px minmax(0,1fr)}.songRow .songAction{grid-column:1/-1}.songRow .songAction .mini{width:100%}.lockNote{max-width:none;font-size:11.5px}@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/dm-mono-latin-ext-a17586-C2zvOubV.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/dm-mono-latin-9ad76c-4GdczIuU.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/manrope-latin-ext-7965cb-Ch3YOpNY.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/manrope-latin-bcbadc-DHIcAJRg.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/manrope-latin-ext-7965cb-Ch3YOpNY.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/manrope-latin-bcbadc-DHIcAJRg.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/manrope-latin-ext-7965cb-Ch3YOpNY.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/manrope-latin-bcbadc-DHIcAJRg.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/manrope-latin-ext-7965cb-Ch3YOpNY.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/manrope-latin-bcbadc-DHIcAJRg.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/manrope-latin-ext-7965cb-Ch3YOpNY.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/manrope-latin-bcbadc-DHIcAJRg.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Playfair Display;font-style:italic;font-weight:600;font-display:swap;src:url(/assets/playfair-display-latin-ext-47c5a4-Bg2sus4m.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Playfair Display;font-style:italic;font-weight:600;font-display:swap;src:url(/assets/playfair-display-latin-d4885b-Bvp5b4iR.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Playfair Display;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/playfair-display-latin-ext-8fc50f-CEjQclLc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Playfair Display;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/playfair-display-latin-d7b43d-CZLGqjJe.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#080a10;--card:#121622;--line:#282e3d;--text:#f7f4ee;--muted:#99a1b1;--lime:#d8ff66;--pink:#ff8273}*{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;overscroll-behavior:none}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,system-ui}button,input,textarea{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none}button:active{transform:scale(.97)}input,textarea{font-size:16px}.shell{min-height:100dvh;background:radial-gradient(circle at 80% -10%,#26366666,transparent 35rem)}.top{height:68px;position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100vw - 1200px)/2));background:#080a10e8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid #ffffff0a}.brand{font:500 20px DM Mono;letter-spacing:2px}.brand span{color:var(--lime);font-size:13px}.desktopNav{display:flex;gap:8px}.desktopNav button{color:var(--muted);font-size:14px;padding:8px 13px}.desktopNav .on{color:var(--text);background:#ffffff0d;border-radius:8px}.topActions{display:flex;gap:9px;align-items:center}.create,.primary{display:flex;align-items:center;justify-content:center;gap:7px;background:var(--lime);color:#101707;font-weight:800;border-radius:10px;padding:10px 14px;font-size:13px}.avatar{width:34px;height:34px;border-radius:50%;background:#26304a;font-size:11px;font-weight:800}.notice{position:fixed;z-index:20;top:80px;right:20px;background:#e2ff91;color:#18200d;padding:11px 13px;border-radius:9px;font-size:12px;font-weight:700;box-shadow:0 10px 30px #0008}.notice button{color:#18200d;margin-left:10px}.bottom{display:none}.page{max-width:1080px;padding:54px 24px 90px;margin:auto}.eyebrow{color:var(--lime);font:11px DM Mono;letter-spacing:1.3px;margin:0 0 11px}.page h1,.feedEmpty h1{font-size:clamp(32px,5vw,60px);letter-spacing:-3px;line-height:1.04;margin:0}.sub{color:var(--muted);line-height:1.6;max-width:600px;font-size:14px}.feed{height:calc(100dvh - 68px);overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain}.reel{height:calc(100dvh - 68px);min-height:560px;max-width:620px;margin:auto;position:relative;scroll-snap-align:start;background:#101521}.media{position:absolute;top:0;right:0;bottom:0;left:0}.media video{width:100%;height:100%;object-fit:cover}.mediaShade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 40%,#07090eee)}.audioVisual{height:100%;display:grid;place-items:center;background:radial-gradient(circle,#43578b,#151929 55%,#090b11)}.audioVisual .vinyl{border:12px solid #171923;box-shadow:inset 0 0 0 30px #0b0c11,0 18px 60px #0009;width:230px;height:230px;border-radius:50%;display:grid;place-items:center;color:var(--lime)}.audioVisual audio{position:absolute;bottom:135px;width:min(80%,400px)}.audioVisual p{position:absolute;bottom:95px;color:#ccd2df;font-size:12px}.reelInfo{position:absolute;left:22px;right:84px;bottom:28px;z-index:1}.author{display:grid;grid-template-columns:37px auto;grid-template-rows:20px 16px;gap:0 9px;text-align:left}.author span{grid-row:span 2;width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:#3a496e;font-size:10px;font-weight:800}.author b{font-size:13px}.author small,.now{font-size:11px;color:#c3cad7}.reelInfo>p{font-size:13px;line-height:1.5;margin:15px 0 8px}.now{display:flex;gap:6px;align-items:center}.reelActions{position:absolute;right:12px;bottom:27px;z-index:1;display:grid;gap:17px}.reelActions button{display:grid;place-items:center;gap:3px}.reelActions small{font-size:9px}.reelActions svg{filter:drop-shadow(0 2px 4px #000)}.commentBox{display:flex;margin-top:13px;border:1px solid #ffffff2e;background:#080a1099;border-radius:8px;overflow:hidden}.commentBox input{min-width:0;flex:1;background:none;border:0;padding:8px;color:#fff;font-size:12px}.commentBox button{color:var(--lime);font-size:11px;font-weight:800;padding:0 8px}.feedEmpty{height:calc(100dvh - 68px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;background:radial-gradient(circle at center,#26376b55,transparent 27rem)}.feedEmpty svg{color:var(--lime)}.feedEmpty h1{font-size:32px;max-width:510px;margin:20px 0 9px}.feedEmpty p{max-width:440px;color:var(--muted);font-size:14px;line-height:1.6;margin:0 0 22px}.genreRow{display:flex;gap:8px;overflow:auto;margin:28px 0}.genreRow button{white-space:nowrap;border:1px solid var(--line);border-radius:30px;padding:8px 12px;color:#c4cad5;font-size:12px}.musicGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.song .cover{aspect-ratio:1;border-radius:13px;position:relative}.cover button{position:absolute;bottom:10px;left:10px;background:var(--lime);color:#13200c;width:38px;height:38px;border-radius:50%;display:grid;place-items:center}.song h3{font-size:14px;margin:10px 0 2px}.song p,.song span{font-size:11px;color:var(--muted);margin:0}.song span{color:var(--lime);font-family:DM Mono}.chartList{border:1px solid var(--line);border-radius:15px;overflow:hidden;margin-top:28px}.chartList article{display:grid;grid-template-columns:55px 45px 1fr 100px 150px;gap:11px;align-items:center;padding:12px 15px;border-bottom:1px solid var(--line)}.chartList article:last-child{border:0}.chartList b{font-family:DM Mono;color:var(--muted)}.cover.sm{width:42px}.chartList strong,.chartList small{display:block}.chartList strong{font-size:13px}.chartList small,.chartList em{font-size:10px;color:var(--muted);font-style:normal}.chartList span{font:14px DM Mono;color:var(--lime)}.roomCreate{display:flex;gap:9px;max-width:560px;margin:27px 0}.roomCreate input,.modal input,.modal textarea{width:100%;border:1px solid var(--line);background:#0e111a;color:#fff;border-radius:9px;padding:11px 12px;outline-color:var(--lime)}.rooms,.playlistGrid{display:grid;gap:9px;max-width:680px}.rooms article,.playlistGrid article{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:17px;display:flex;gap:13px;align-items:center}.rooms svg{color:var(--lime)}.rooms b,.rooms small,.playlistGrid b,.playlistGrid small{display:block}.rooms b,.playlistGrid b{font-size:13px}.rooms small,.playlistGrid small{font-size:11px;color:var(--muted);margin-top:3px}.rooms article>svg:last-child{margin-left:auto;color:var(--muted)}.empty{font-size:13px;color:var(--muted);padding:18px 0}.playlistGrid{grid-template-columns:repeat(2,1fr)}.playlistGrid article{min-height:100px;display:grid;align-content:center}.playlistGrid svg{color:var(--lime)}.rate{max-width:680px}.blindCover{height:220px;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;filter:saturate(.8);box-shadow:inset 0 0 0 1000px #10162977}.blindCover h2{margin:0;font-size:25px}.blindCover p{margin:3px;color:#d8dfef}.listen{padding:18px 0}.listen b{color:var(--lime);font:26px DM Mono}.listen span{color:var(--muted);font-size:12px;margin-left:10px}.listen div{height:4px;background:#2a3041;border-radius:5px;margin-top:11px}.listen i{display:block;height:100%;background:var(--lime);border-radius:5px}.rating{border-top:1px solid var(--line);padding:14px 0;display:flex;justify-content:space-between;font-size:13px;font-weight:700}.stars{display:flex}.stars button{color:#f7d060;padding:0 3px}.stars svg{width:19px}.full{width:100%}.primary:disabled{background:#414a3b;color:#9da594}.revealed{font-size:13px;color:var(--lime)}.modal{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;background:#000a;display:grid;place-items:center;padding:20px}.modal form{position:relative;background:#141925;border:1px solid #30394e;border-radius:17px;width:min(430px,100%);padding:30px;box-shadow:0 30px 80px #000a}.modal h2{letter-spacing:-1.3px;margin:0 0 18px}.modal input,.modal textarea{margin-bottom:9px}.modal textarea{min-height:100px;resize:vertical}.close{position:absolute;right:15px;top:15px;color:var(--muted)}.switch{display:block;margin:15px auto 0;color:var(--lime);font-size:12px}.error{background:#622d36;color:#ffdce0;border-radius:7px;padding:9px;font-size:12px}.file{border:1px dashed #58647f;display:flex;gap:9px;align-items:center;padding:14px;border-radius:9px;color:#cbd3e4;font-size:12px;margin-bottom:10px}.file input{display:none}.skeleton{height:50vh;background:linear-gradient(90deg,#121622,#202738,#121622);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{to{background-position:-200%}}@media(hover:hover)and (pointer:fine){.desktopNav button:hover,.genreRow button:hover{color:#fff;background:#ffffff0d}.create:hover,.primary:hover{background:#e8ffa2}.song .cover button{opacity:0;transition:.18s}.song:hover .cover button{opacity:1}}@media(max-width:680px){.top{padding:0 15px;height:60px}.desktopNav,.create{display:none}.bottom{position:fixed;z-index:8;bottom:0;left:0;right:0;height:62px;padding-bottom:env(safe-area-inset-bottom,0px);background:#0c0f18f2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;justify-content:space-around;border-top:1px solid #ffffff12}.bottom button{width:20%;display:grid;place-items:center;align-content:center;gap:3px;color:#8d95a5}.bottom .on{color:var(--lime)}.bottom small{font-size:9px}.page{padding:35px 18px 90px}.page h1{font-size:37px;letter-spacing:-2px}.feed{height:calc(100dvh - 122px)}.reel{height:calc(100dvh - 122px);min-height:480px}.musicGrid{grid-template-columns:repeat(2,1fr);gap:13px}.chartList article{grid-template-columns:37px 40px 1fr 65px;padding:11px}.chartList em{display:none}.roomCreate{flex-direction:column}.playlistGrid{grid-template-columns:1fr}.audioVisual audio{bottom:170px}.audioVisual p{bottom:135px}}.liveRoom{max-width:1180px}.liveMeta{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;color:var(--muted);font-size:13px;margin:12px 0 26px}.liveMeta span{font-size:11px;opacity:.75}.liveGrid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:24px;align-items:start}.nowCard{display:grid;grid-template-columns:230px 1fr;gap:26px;padding:24px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(160deg,#171d2e,#0e121c)}.liveCover{display:grid;place-items:center;color:#ffffffb8;border-radius:14px;box-shadow:0 14px 40px #0008;flex:none}.liveCover.lg{width:230px;height:230px;border-radius:18px}.liveCover.lg svg{width:64px;height:64px}.liveCover.md{width:100%;aspect-ratio:1}.liveCover.sm{width:42px;height:42px;border-radius:9px}.liveCover.sm svg{width:18px}.nowInfo{display:flex;flex-direction:column;justify-content:center;min-width:0}.nowTag{display:flex;align-items:center;gap:7px;color:var(--lime);font:11px DM Mono;letter-spacing:1.2px}.onair{width:8px;height:8px;border-radius:50%;background:var(--pink);box-shadow:0 0 #ff827388;animation:pulse 1.6s infinite}@keyframes pulse{70%{box-shadow:0 0 0 9px #ff827300}}.nowInfo h2{font-size:clamp(24px,3.4vw,38px);letter-spacing:-1.5px;line-height:1.08;margin:8px 0 4px;overflow-wrap:anywhere}.nowInfo>p{color:var(--muted);font-size:14px;margin:0 0 18px}.progress{display:flex;align-items:center;gap:11px;font:12px DM Mono;color:var(--muted)}.progress .bar{flex:1;height:5px;border-radius:5px;background:#2a3041;overflow:hidden}.progress .bar i{display:block;height:100%;background:var(--lime)}.progress input[type=range]{flex:1;accent-color:var(--lime);height:28px}.controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px}.ghost,.mini{border:1px solid var(--line);border-radius:10px;padding:10px 13px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;color:var(--text);background:#ffffff08}.ghost:disabled,.mini:disabled,.qActions button:disabled{opacity:.4}.mini{padding:6px 10px;font-size:12px;border-radius:8px}.mini.accent{background:var(--lime);color:#101707;border-color:transparent}.toggle,.volume{display:flex;align-items:center;gap:8px;font-size:13px;color:#c9cfdb}.volume{margin-top:18px}.volume input{accent-color:var(--lime);width:160px}.modBar{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.modBar select,.addRow select,.pollForm select,.pollForm input,.chatInput input,.search input{border:1px solid var(--line);background:#0e111a;color:#fff;border-radius:9px;padding:11px 12px;min-width:0;flex:1}.leave{margin-top:18px;color:var(--muted);font-size:13px;text-decoration:underline}.livePanel{border:1px solid var(--line);border-radius:18px;background:var(--card);overflow:hidden;position:sticky;top:84px}.tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.tabs button{padding:13px 4px;font-size:12px;font-weight:700;color:var(--muted);border-bottom:2px solid transparent;display:flex;gap:5px;justify-content:center;align-items:center}.tabs button.on{color:var(--text);border-color:var(--lime)}.tabs em{font-style:normal;background:var(--lime);color:#101707;border-radius:9px;padding:0 6px;font-size:10px}.panelBody{padding:14px;display:flex;flex-direction:column;gap:12px;max-height:560px;overflow:auto}.chatList{display:flex;flex-direction:column;gap:7px;min-height:180px}.chatMsg{margin:0;font-size:13px;line-height:1.45;overflow-wrap:anywhere}.chatMsg b{color:var(--lime);margin-right:5px}.chatInput,.addRow{display:flex;gap:8px}.queue,.requests,.search ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}.queue li,.requests li,.search li{display:flex;align-items:center;gap:10px;padding:9px;border:1px solid var(--line);border-radius:11px;background:#0e121c;flex-wrap:wrap}.queue li[draggable=true]{cursor:grab}.queue li.dragging{opacity:.4}.queue .grip{color:var(--muted)}.queue b{font:12px DM Mono;color:var(--muted);width:16px}.qInfo{flex:1;min-width:110px}.qInfo strong,.qInfo small{display:block}.qInfo strong{font-size:13px;overflow-wrap:anywhere}.qInfo small{font-size:11px;color:var(--muted)}.qActions{display:flex}.qActions button{padding:8px;color:#c9cfdb;min-width:40px;min-height:40px;display:grid;place-items:center}.reqActions{display:flex;flex-wrap:wrap;gap:6px;width:100%}.badge{font-size:10px;font-weight:800;padding:3px 8px;border-radius:20px;background:#2a3041;color:#c9cfdb}.badge.accepted,.badge.queued{background:#2c4a1f;color:var(--lime)}.badge.declined{background:#4a2330;color:#ffb2bd}.pollCard{display:flex;flex-direction:column;gap:12px}.pollCard h3{margin:0;font-size:18px;letter-spacing:-.5px}.phase{margin:0;font-size:12px;color:var(--muted)}.duel{display:grid;grid-template-columns:1fr 1fr;gap:12px}.duel div{display:flex;flex-direction:column;gap:4px;text-align:center}.duel b{font-size:13px}.duel small,.duel em{font-size:11px;color:var(--muted);font-style:normal}.options{display:flex;flex-direction:column;gap:8px}.option{position:relative;overflow:hidden;display:flex;justify-content:space-between;gap:10px;align-items:center;text-align:left;padding:12px;border:1px solid var(--line);border-radius:11px;background:#0e121c;font-size:13px;font-weight:700;min-height:46px}.option i{position:absolute;inset:0 auto 0 0;background:#d8ff6628;transition:width .4s}.option.mine{border-color:var(--lime)}.option.won{border-color:var(--lime);background:#1c2a10}.option span{position:relative}.option .count{font:12px DM Mono;color:var(--muted)}.option small{color:var(--muted);font-weight:500}.pollForm{display:flex;flex-direction:column;gap:9px}.seg{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:10px;overflow:hidden}.seg button{padding:9px;font-size:13px;font-weight:700;color:var(--muted)}.seg .on{background:var(--lime);color:#101707}.history h4{margin:6px 0 4px;font-size:12px;color:var(--muted);letter-spacing:1px;font-family:DM Mono}.history p{font-size:13px;margin:7px 0}.history small{color:var(--lime)}.search{display:flex;flex-direction:column;gap:9px}@media(max-width:900px){.liveGrid{grid-template-columns:1fr}.livePanel{position:static}.nowCard{grid-template-columns:1fr;padding:18px}.liveCover.lg{width:100%;height:auto;aspect-ratio:1;max-width:300px;margin:auto}.panelBody{max-height:none}.tabs button{padding:15px 2px}}.modal form{max-height:92dvh;overflow:auto}.rights{border:1px solid var(--line);border-radius:12px;padding:12px;margin:0 0 10px;display:flex;flex-direction:column;gap:8px}.rights legend{font:11px DM Mono;color:var(--lime);letter-spacing:1px;padding:0 6px}.rights .check{display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.45;color:#c9cfdb}.rights .check input{width:auto;margin:3px 0 0;flex:none}.rights .draft{font-size:11px;color:var(--muted);margin:0}.songTag{flex-wrap:wrap}.songTag span{max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.liveNow{display:inline-flex;align-items:center;gap:7px;margin-top:9px;background:#ff827322;color:var(--pink);border:1px solid #ff827366;border-radius:20px;padding:6px 11px;font:700 11px DM Mono}.liveNow i{width:8px;height:8px;border-radius:50%;background:var(--pink);animation:pulse 1.6s infinite}.sheet{position:relative;background:#141925;border:1px solid #30394e;border-radius:17px;width:min(460px,100%);max-height:90dvh;overflow:auto;padding:28px;box-shadow:0 30px 80px #000a}.sheet.wide{width:min(720px,100%)}.sheet h2{margin:0 0 6px;letter-spacing:-1.3px}.sheet h3{margin:20px 0 6px;font-size:13px;color:var(--muted);font-family:DM Mono}.sheetList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;font-size:13px}.sheetList small{color:var(--muted)}.report{border:1px solid var(--line);border-radius:12px;padding:12px;margin:10px 0;display:flex;flex-direction:column;gap:7px}.report small{color:var(--muted)}.report p{margin:0;font-size:13px}.report input{border:1px solid var(--line);background:#0e111a;color:#fff;border-radius:9px;padding:10px}.bottomCreate{color:var(--lime)!important}.reelActions .leave{margin:0;display:grid;place-items:center;font-size:9px;text-decoration:none}@media(max-width:680px){.bottom button{width:20%}}.commentOpen{margin-top:12px;font-size:12px;color:#d6dcea;border:1px solid #ffffff2e;background:#080a1099;border-radius:8px;padding:8px 10px;width:100%;text-align:left}.commentList li{position:relative;padding-right:28px;overflow-wrap:anywhere}.commentList .leave{position:absolute;right:0;top:0}.commentForm{display:flex;gap:8px;margin-top:14px}.commentForm input{flex:1;min-width:0;border:1px solid var(--line);background:#0e111a;color:#fff;border-radius:9px;padding:11px 12px}.searchBox{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#0e111a;border-radius:11px;padding:0 13px;margin-top:24px;max-width:560px}.searchBox input{flex:1;border:0;background:none;color:#fff;padding:12px 0;outline:none}.secTitle{font-size:15px;margin:30px 0 12px;font-family:DM Mono;color:var(--muted);font-weight:500}.videoGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.vcard{display:flex;flex-direction:column;gap:5px;text-align:left}.vcard video,.vinylMini{width:100%;aspect-ratio:9/12;object-fit:cover;border-radius:12px;background:#151929;display:grid;place-items:center;color:var(--lime)}.vcard span{font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vcard small{font-size:11px;color:var(--muted)}.artistRow{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px}.acard{flex:none;width:140px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.acard>button:first-child{display:flex;flex-direction:column;align-items:center;gap:4px}.acard small{font-size:11px;color:var(--muted)}.avatarBig{width:52px;height:52px;border-radius:50%;background:#3a496e;display:grid;place-items:center;font-weight:800;font-size:13px}.songList{display:flex;flex-direction:column;gap:8px;max-width:680px}.songList article{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.songList article>div{flex:1;min-width:0}.songList b,.songList small{display:block}.songList small{font-size:11px;color:var(--muted)}.mySongs{margin:26px 0 34px;max-width:680px}.mySongs h2{margin:0 0 6px;letter-spacing:-1px}.songRights{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;margin:10px 0;display:flex;flex-direction:column;gap:8px}.songRights .check{display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.45;color:#c9cfdb}.songRights .check input{margin-top:3px}.legacyHint{margin:0;font-size:12px;color:var(--pink)}.legacyHint.ok{color:var(--lime)}.grantConfirm{border-top:1px solid var(--line);padding-top:8px;display:flex;flex-direction:column;gap:8px}.grantConfirm .draft{font-size:11px;color:var(--muted);margin:0}.profileHead{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}.profileHead small{color:var(--muted)}.verifyBanner{background:#2c2f1c;border:1px solid #5b6430;border-radius:11px;padding:11px 13px;font-size:13px;margin-bottom:14px;max-width:680px}@media(max-width:680px){.videoGrid{grid-template-columns:repeat(2,1fr)}.bottom .bottomCreate{width:20%}}.videoGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.vcard{min-width:0}.vcard video,.vinylMini{display:block;max-width:100%}.chartList .empty{padding:22px 20px;margin:0}.modal .check{display:flex;gap:9px;align-items:center;font-size:13px;color:#c9cfdb;margin:2px 0 10px}.modal .check input{width:auto;margin:0;flex:none}@media(max-width:680px){.videoGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}:root{--grad:linear-gradient(135deg,#d8ff66,#6be3ff 55%,#ff8ad8)}.iconBtn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#ffffff0d;color:#e9edf5}.loginBtn{background:#ffffff12;border:1px solid #ffffff22;border-radius:999px;padding:9px 16px;font-size:13px;font-weight:800}.noticeLink{background:#18200d;color:#e2ff91!important;border-radius:6px;padding:4px 9px;font-weight:800}.welcome{max-width:760px;margin:0 auto;padding:22px 18px 110px;min-height:calc(100dvh - 68px)}.hero{position:relative;overflow:hidden;border-radius:26px;padding:34px 24px 28px;background:radial-gradient(120% 90% at 85% 0%,#3a2f8f66,transparent 60%),radial-gradient(90% 80% at 0% 100%,#d8ff6622,transparent 55%),#10141f;border:1px solid #ffffff14}.hero .eyebrow{position:relative;margin-bottom:14px}.hero h1{position:relative;font-size:clamp(38px,9vw,64px);line-height:1.02;letter-spacing:-2.5px;margin:0 0 14px}.hero h1 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.hero .lead{position:relative;color:#c3cad8;font-size:16px;line-height:1.55;max-width:520px;margin:0 0 22px}.heroActions{position:relative;display:flex;gap:10px;flex-wrap:wrap}.heroActions .big{padding:15px 22px;font-size:15px;min-height:52px}.ghost.big{display:inline-flex;align-items:center;gap:8px;border-radius:12px;font-weight:800}.eq{position:absolute;right:16px;top:18px;height:54px;display:flex;align-items:flex-end;gap:4px;opacity:.55}.eq i{display:block;width:5px;border-radius:3px;background:var(--grad);height:30%;animation:eq 1.1s ease-in-out infinite alternate}@keyframes eq{0%{height:12%}to{height:100%}}@media(prefers-reduced-motion:reduce){.eq i{animation:none;height:55%}}.topTeaser{margin:18px 0;padding:22px;border-radius:22px;background:linear-gradient(160deg,#1a2238,#121622);border:1px solid #d8ff6633;display:flex;flex-direction:column;gap:14px}.topTeaser h2{margin:0 0 4px;font-size:24px;letter-spacing:-1px}.topTeaser .sub{margin:0}.miniChart{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:14px}.miniChart b{color:var(--lime);font-family:DM Mono}.miniChart small{color:var(--muted)}.miniEmpty{margin:0;font-size:13px;color:#c3cad8;border:1px dashed #ffffff2a;border-radius:12px;padding:12px}.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tile{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;padding:16px;border-radius:18px;background:var(--card);border:1px solid var(--line);min-height:128px}.tile svg{color:var(--lime)}.tile b{font-size:15px}.tile span{font-size:12px;line-height:1.45;color:var(--muted)}.tile.accent{background:linear-gradient(160deg,#27331a,#151b10);border-color:#d8ff6655;grid-column:span 2}.honest{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;margin:18px 4px 0}@media(min-width:760px){.tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.tile.accent{grid-column:span 2}}.feedSkeleton{height:calc(100dvh - 68px);background:linear-gradient(90deg,#0d1019,#151a28,#0d1019);background-size:200% 100%;animation:shimmer 1.4s infinite}.crash{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:24px;background:var(--bg);color:var(--text)}.uploadModal{place-items:end center;padding:0}.uploadModal .uploadForm{width:min(560px,100%);max-height:94dvh;overflow:auto;border-radius:22px 22px 0 0;padding:26px 18px 0;overscroll-behavior:contain}@media(min-width:700px){.uploadModal{place-items:center;padding:20px}.uploadModal .uploadForm{border-radius:20px;padding:30px 28px 0}}.uploadForm h2{margin:0 0 6px}.step{border-top:1px solid #ffffff12;padding:14px 0 6px;display:flex;flex-direction:column;gap:9px}.step h3{margin:0;font-size:14px;display:flex;align-items:center;gap:9px;letter-spacing:.2px}.step h3 i{font-style:normal;width:22px;height:22px;border-radius:50%;background:var(--lime);color:#101707;display:grid;place-items:center;font-size:12px;font-weight:800}.filePick,.coverPick{display:flex;gap:12px;align-items:center;border:1.5px dashed #6b7896;border-radius:14px;padding:16px;cursor:pointer;color:#dbe1ee;min-height:64px;margin:0}.filePick.has,.coverPick.has{border-style:solid;border-color:#d8ff6688;background:#d8ff660d}.filePick span{display:flex;flex-direction:column;gap:2px;min-width:0}.filePick b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filePick small{font-size:11px;color:var(--muted)}.filePick input,.coverPick input{display:none}.coverPick{padding:10px 14px;font-size:12px}.coverPick img{width:52px;height:52px;border-radius:10px;object-fit:cover}.genreTrigger{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:1px solid var(--line);background:#0e111a;border-radius:12px;padding:14px;min-height:50px;color:#99a1b1;font-size:16px}.genreTrigger.set{color:#fff}.genreTrigger.set b{background:var(--lime);color:#101707;border-radius:999px;padding:3px 12px;font-size:14px}.genreTrigger span{background:#ffffff18;border-radius:999px;padding:3px 12px;font-size:14px}.genreTrigger small{margin-left:auto;color:var(--lime)}.sheetOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#000b;display:flex;align-items:flex-end;justify-content:center}.genreSheet{width:min(560px,100%);max-height:86dvh;overflow:auto;background:#141925;border:1px solid #30394e;border-radius:22px 22px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:12px}.sheetTop{display:flex;align-items:center;justify-content:space-between}.sheetTop h3{margin:0;font-size:18px}.sheetTop .close{position:static}.chips{display:flex;flex-wrap:wrap;gap:9px}.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid #3a4560;background:#0e111a;color:#e4e9f4;border-radius:999px;padding:11px 16px;font-size:15px;font-weight:700;min-height:44px}.chip small{font-size:10px;background:#101707;color:var(--lime);border-radius:999px;padding:1px 6px}.chip.main{background:var(--lime);color:#101707;border-color:transparent}.chip.main small{background:#101707}.chip.second{background:#6be3ff;color:#06222b;border-color:transparent}.chip.second small{background:#06222b;color:#6be3ff}.uploadForm textarea{min-height:84px}.restoreNote{background:#1d2b3a;border:1px solid #3d5c80;border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.5;margin:6px 0}.sub.small{font-size:12px;margin:0}.progress{margin:12px 0 4px}.bar{height:10px;border-radius:6px;background:#2a3041;overflow:hidden}.bar i{display:block;height:100%;background:var(--grad);transition:width .2s}.progress small{display:block;margin-top:6px;color:#c3cad8;font-size:12px}.publishBar{position:sticky;bottom:0;margin:12px -18px 0;padding:12px 18px calc(12px + env(safe-area-inset-bottom,0px));background:linear-gradient(transparent,#141925 30%);display:flex;flex-direction:column;gap:6px;align-items:stretch}.publishBar .primary{min-height:52px;font-size:16px}.publishBar .leave{align-self:center}.error[role=alert]{line-height:1.5;font-size:13px}.chartActions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 6px}.chartActions .primary,.chartActions .ghost{min-height:46px;font-size:14px}.chartEmpty{padding:26px 22px}.chartEmpty h2{margin:0 0 6px;font-size:22px;letter-spacing:-.8px}.chartEmpty ol{margin:10px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:10px;font-size:14px;line-height:1.5;color:#c9cfdb}.genreFilter{margin:-8px 0 22px;padding-bottom:4px}.genreFilter button.on{background:var(--lime);color:#101707;border-color:transparent;font-weight:800}.coverMini{width:40px;height:40px;border-radius:8px;object-fit:cover}.lyrics{white-space:pre-wrap;font:14px/1.6 Manrope,system-ui;color:#dbe1ee;margin:12px 0 0}.usernameForm{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0 14px}.usernameForm input{border:1px solid var(--line);background:#0e111a;color:#fff;border-radius:10px;padding:11px 12px;min-width:0;flex:1 1 160px}.usernameForm small{flex-basis:100%;color:var(--muted);font-size:11px}@media(max-width:680px){.reelInfo .mini,.reelActions button{min-height:44px}.reelActions button{min-width:44px}.bottom{height:66px}.bottom button{min-height:56px}.bottom small{font-size:10px}.loginBtn{padding:9px 14px}.genreRow button{min-height:40px;padding:9px 14px}.mini{min-height:40px}}.eq{top:12px;height:38px;opacity:.4}.hero .eyebrow{max-width:62%}.mediaShade{pointer-events:none}.audioPost{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px 20px 250px;background:radial-gradient(circle at 50% 28%,hsl(var(--h) 55% 30%),hsl(var(--h) 35% 12%) 60%,#07090e);position:relative}.reel .reelInfo,.reel .reelActions{z-index:3}.audioPost .artwork{width:min(68vw,300px);aspect-ratio:1;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px;text-align:center;background:linear-gradient(145deg,hsl(var(--h) 70% 52%),hsl(calc(var(--h) + 50) 60% 28%));box-shadow:0 24px 60px #000a,inset 0 0 0 1px #fff2;color:#fff;background-size:cover;background-position:center;transition:transform .5s}.audioPost .artwork.on{transform:scale(1.03)}.audioPost .artwork b{font-size:22px;line-height:1.15;letter-spacing:-.6px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.audioPost .artwork span{font-size:13px;opacity:.85}.audioPost .bars{display:flex;align-items:flex-end;gap:4px;height:22px}.audioPost .bars i{width:4px;height:20%;border-radius:2px;background:var(--lime);opacity:.5}.audioPost .bars.on i{animation:eqbar .8s ease-in-out infinite alternate;opacity:.9}@keyframes eqbar{to{height:100%}}.apTitle{text-align:center;max-width:100%}.apTitle strong{display:block;font-size:19px;letter-spacing:-.4px}.apTitle span{display:block;font-size:12px;color:#ccd2df;margin-top:2px}.apControls{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;width:min(100%,420px);background:#0b0e16ee;border:1px solid #ffffff1a;border-radius:18px;padding:10px 12px}.apPlay{width:56px;height:56px;border-radius:50%;background:var(--lime);color:#101707;display:grid;place-items:center}.apSeek{min-width:0;display:grid;gap:2px}.apSeek small{font:11px DM Mono;color:#c3cad7}.apSeek input[type=range],.apVol{width:100%;accent-color:var(--lime);height:28px;margin:0}.apMute{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:#e8ecf5}.apVol{width:70px}.apError{display:flex;gap:10px;align-items:center;background:#622d36;color:#ffdce0;border-radius:14px;padding:12px 14px;font-size:13px}.apError button{display:flex;gap:5px;align-items:center;font-weight:800;min-height:44px}.apHint{font-size:12px;color:#e2ff91;margin:0}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:680px){.apVol{display:none}.apControls{grid-template-columns:auto 1fr auto}.audioPost{padding-bottom:230px}}@media(prefers-reduced-motion:reduce){.audioPost .bars.on i,.spin{animation:none}}.one{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block}.reel .author{display:flex;grid-template-columns:none;grid-template-rows:none;gap:10px;align-items:center;text-align:left;max-width:100%;min-height:44px}.authorText{display:flex;flex-direction:column;min-width:0;gap:1px}.authorText b{font-size:14px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.authorText small{font-size:11px;color:#c3cad7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reelInfo .caption{font-size:13px;line-height:1.45;margin:10px 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.reelActions .isFan{color:var(--lime)}.reel.audioReel{display:flex;flex-direction:column;background:#07090e}.audioReel .media{position:relative;inset:auto;flex:1 1 auto;min-height:0}.audioReel .mediaShade{display:none}.audioReel .audioPost{height:100%;padding:10px 74px 6px 16px;gap:8px;justify-content:center}.audioPost.nocover .apTitle strong{display:none}.audioPost.nocover .apTitle:empty{display:none}.audioReel .audioPost .artwork{width:min(54vw,min(250px,30dvh))}.audioReel .apControls{width:100%}.audioReel .reelInfo{position:relative;left:auto;right:auto;bottom:auto;flex:none;padding:10px 74px 16px 18px;background:linear-gradient(#07090e00,#07090ef0 22%)}.audioReel .reelActions{bottom:18px}@media(max-width:680px){.audioReel .reelInfo{padding-bottom:14px}.reelActions{gap:12px}}.discoverTitle{font-size:clamp(28px,7vw,52px)!important;letter-spacing:-1.6px!important;margin:0 0 4px}.discoverTitle em{font-style:normal;background:linear-gradient(90deg,var(--lime),#7be3ff);-webkit-background-clip:text;background-clip:text;color:transparent}.searchBox.big{max-width:none;border-radius:16px;padding:0 16px;background:#0f1320;border-color:#2c3550;margin-top:18px}.searchBox.big input{padding:15px 0;font-size:16px}.quickRow{display:flex;gap:10px;margin:14px 0 4px;flex-wrap:wrap}.quickRow button{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 15px;border-radius:14px;background:linear-gradient(135deg,#1c2342,#12172a);border:1px solid #2f3a66;font-size:13px;font-weight:700}.discover .genreFilter{margin:12px 0 0;padding-bottom:4px;scrollbar-width:none}.discover .genreFilter::-webkit-scrollbar{display:none}.discover .secTitle{display:flex;gap:8px;align-items:center;font:800 19px Manrope;color:var(--text);letter-spacing:-.5px;margin:30px 0 12px}.discover .secTitle svg{color:var(--lime)}.liveStrip{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 8px;scrollbar-width:none}.liveChip{flex:none;width:78px;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}.liveChip .pAvatar.ring{box-shadow:0 0 0 3px #080a10,0 0 0 5px var(--pink)}.liveChip small{font:700 9px DM Mono;color:var(--pink);display:flex;gap:4px;align-items:center}.liveChip small i{width:6px;height:6px;border-radius:50%;background:var(--pink);animation:pulse 1.6s infinite}.liveChip .aName{font-size:12px;font-weight:700;max-width:78px}.artistRow{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x proximity;scrollbar-width:none}.artistRow::-webkit-scrollbar{display:none}.acard{flex:none;width:158px;min-height:236px;scroll-snap-align:start;padding:14px 12px 12px;border-radius:20px;background:linear-gradient(170deg,#1a2040,#10131d 60%);border:1px solid #2b3358;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;position:relative}.acardMain{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%;min-width:0;min-height:150px;text-align:center}.acard .aName{font-size:14px;line-height:1.2;width:100%;height:2.4em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;word-break:break-word}.acard .aHandle{font-size:11px;color:var(--muted);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.acard .aStats{display:flex;gap:4px;align-items:center;font-size:11px;color:#d6dcea;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.acard .aStats svg{color:var(--pink);flex:none}.acard .liveNow.tiny{position:absolute;top:10px;right:10px;margin:0;padding:3px 8px;font-size:9px}.fanBtn.small{width:100%;min-height:40px;padding:0 8px;font-size:12px;margin-top:auto}.songGrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:none!important}.songGrid .scard{display:block;padding:0;border:0;background:none}.scardMain{display:flex;flex-direction:column;gap:5px;width:100%;text-align:left;min-width:0}.scardArt{aspect-ratio:1;width:100%;border-radius:18px;display:grid;place-items:center;color:#fff;background-position:center;box-shadow:0 10px 30px #0007}.scardMain b{font-size:14px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.scardMain small{font-size:12px;color:var(--muted)}.scardMain .chips{display:flex;gap:5px;flex-wrap:wrap}.scardMain .chips em{font-style:normal;font-size:10px;border:1px solid #3a4468;color:#cfd6e8;border-radius:20px;padding:2px 8px;white-space:nowrap}@media(min-width:700px){.songGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}.topBanner{margin:30px 0 10px;padding:18px;border-radius:22px;background:linear-gradient(135deg,#2a1f6b,#10131d 70%);border:1px solid #4b3aa8;display:flex;flex-direction:column;gap:10px;align-items:flex-start}.topBanner ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;width:100%}.topBanner li{display:flex;gap:8px;align-items:baseline;min-width:0}.topBanner li span{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.topBanner li small{color:var(--muted)}.topBanner li b{font:700 13px DM Mono;color:var(--lime)}.discoverSkeleton{height:240px;border-radius:20px;margin-top:20px}.vcard span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}.audioReel .audioPost{background:linear-gradient(#0000 78%,#07090e),radial-gradient(circle at 50% 28%,hsl(var(--h) 55% 30%),hsl(var(--h) 35% 12%) 62%,#07090e)}.audioReel .reelInfo{background:none}.logo{display:inline-flex;align-items:center;gap:7px;line-height:1}.logoMark{width:22px;height:22px;flex:none}.logoMark rect{fill:url(#none);fill:var(--lime)}.logoMark rect:nth-child(2){fill:#ff8273}.logoMark rect:nth-child(3){fill:#8f7bff}.logoMark rect:nth-child(4){fill:#44d9c4}.logoWord{font:800 21px/1 Manrope,system-ui;letter-spacing:-.8px;display:inline-flex}.logoWord b{color:var(--text);font-weight:800}.logoWord i{font-style:normal;background:linear-gradient(100deg,#d8ff66,#44d9c4 60%,#8f7bff);-webkit-background-clip:text;background-clip:text;color:transparent}.logoBy{font:600 9px DM Mono;letter-spacing:1.2px;color:var(--muted);text-transform:uppercase;align-self:flex-end;padding-bottom:3px;white-space:nowrap}.logo.lg .logoWord{font-size:34px}.logo.lg .logoMark{width:34px;height:34px}.logo.lg .logoBy{font-size:11px}.logo.sm .logoWord{font-size:17px}.logo.sm .logoMark{width:18px;height:18px}.brand{display:inline-flex;align-items:center;min-height:44px}@media(max-width:380px){.logoBy{display:none}}.secHead{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:30px}.secHead .secTitle{margin:0}.secNote{color:var(--muted);font-size:11px;text-align:right}.seeAll{display:inline-flex;align-items:center;gap:2px;color:var(--lime);font-weight:800;font-size:13px;min-height:44px;padding:0 4px;white-space:nowrap}.nsongRow,.ncardRow{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;margin:0 -18px;padding:10px 18px 14px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nsongRow::-webkit-scrollbar,.ncardRow::-webkit-scrollbar{display:none}.nsong{flex:0 0 156px;scroll-snap-align:start;display:flex;flex-direction:column;gap:5px;min-width:0}.nsongArt{position:relative;aspect-ratio:1;border-radius:18px;display:grid;place-items:center;color:#fffc;overflow:hidden;box-shadow:0 10px 28px #0007}.nsongArt .playFab{position:absolute;right:8px;bottom:8px}.nsongTitle{font-size:14px;line-height:1.25;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.nsongArtist{text-align:left;color:#d6dbe6;font-size:12.5px;font-weight:700;min-height:28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.nsongMeta{color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nsong .fanBtn{margin-top:4px;width:100%}.playFab{display:grid;place-items:center;border-radius:50%;background:var(--lime);color:#101707;box-shadow:0 4px 14px #0009;flex:none}.playFab.on{background:#fff}.playFab .spin{animation:spinFab 1s linear infinite}@keyframes spinFab{to{transform:rotate(360deg)}}.miniBar{position:absolute;left:0;right:0;bottom:0;height:4px;background:#0006}.miniBar i{display:block;height:100%;background:var(--lime)}.ncardSongText .miniBar,.arowText .miniBar{position:static;display:block;margin-top:5px;border-radius:3px;background:#ffffff1f}.miniErr{color:#ffb4a8;font-size:11px}.ncard{flex:0 0 min(272px,82vw);scroll-snap-align:start;display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:20px;border:1px solid #2c3550;background:linear-gradient(160deg,#1b2140,#10131d 70%);position:relative;min-width:0}.ncardBadge{align-self:flex-start;display:inline-flex;gap:4px;align-items:center;font:700 10px DM Mono;letter-spacing:.5px;color:#101707;background:var(--lime);border-radius:20px;padding:4px 9px}.ncardHead{display:flex;gap:12px;align-items:center;text-align:left;min-width:0;min-height:64px}.ncardNames{display:flex;flex-direction:column;min-width:0;gap:2px}.ncardNames .aName{font-size:16px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.ncardNames .aHandle{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ncardSong{display:flex;gap:10px;align-items:center;padding:8px;border-radius:14px;background:#0b0e18;min-width:0}.ncardSongText{display:flex;flex-direction:column;min-width:0;flex:1}.ncardSongText b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ncardSongText small{color:var(--muted);font-size:11px}.ncardActions{display:flex;gap:8px;align-items:center}.ncardActions .fanBtn{flex:1}.ghostSmall{border:1px solid var(--line);border-radius:10px;padding:0 14px;min-height:44px;font-weight:700;font-size:13px}.backLink{display:inline-flex;align-items:center;gap:2px;color:var(--lime);font-weight:800;min-height:44px;margin-bottom:6px}.allSongList{display:flex;flex-direction:column;gap:10px;margin-top:18px}.arow{display:grid;grid-template-columns:60px minmax(0,1fr) auto;gap:6px 12px;align-items:center;padding:10px;border-radius:16px;background:#0e121c;border:1px solid var(--line)}.arowArt{width:60px;height:60px;border-radius:12px;display:grid;place-items:center;color:#fff;grid-row:span 2;background-size:cover}.arowText{display:flex;flex-direction:column;min-width:0}.arowText b{font-size:14.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.arowText small{color:var(--muted);font-size:11px}.arow .fanBtn{grid-column:2/-1;justify-self:start}.fullBtn{width:100%;margin-top:14px;min-height:48px}@media(min-width:681px){.nsongRow,.ncardRow{margin:0 -4px;padding-left:4px}.nsong{flex-basis:176px}.ncard{flex-basis:290px}}.secHead{flex-wrap:wrap;row-gap:0}.secHead .secTitle{white-space:nowrap}.secNote{flex-basis:100%;text-align:left;order:3;margin-top:-4px}.nsongArtist{padding:0}@media(min-width:681px){.secNote{flex-basis:auto;text-align:right;order:0;margin:0}}:root{--bg: #07050f;--surface: #120d22;--surface-2: #19122e;--card: #120d22;--line: #ffffff17;--line-strong: #ffffff2b;--text: #f8f5ff;--muted: #a79fbd;--lime: #d8ff66;--pink: #ff5fa2;--violet: #8b5cf6;--cyan: #38d6ff;--grad-brand: linear-gradient(120deg, #d8ff66, #38f0b4 60%, #38d6ff);--grad-aurora: radial-gradient(60rem 28rem at 85% -8%, #7c3aed55, transparent 60%), radial-gradient(44rem 26rem at -10% 4%, #ff5fa233, transparent 60%), radial-gradient(40rem 30rem at 50% 110%, #38d6ff1f, transparent 60%);--r-sm: 12px;--r-md: 18px;--r-lg: 26px;--shadow-1: 0 10px 30px #0008;--shadow-glow: 0 8px 30px #d8ff6644;--safe-b: env(safe-area-inset-bottom, 0px)}html{scroll-behavior:smooth}body{background:var(--bg);font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased}.shell{background:var(--grad-aurora),var(--bg);background-attachment:fixed}h1,h2,h3{font-weight:800}.eyebrow{display:inline-flex;align-items:center;gap:8px;font:600 11px DM Mono,monospace;letter-spacing:1.6px;color:var(--lime)}.eyebrow:before{content:"";width:18px;height:2px;border-radius:2px;background:var(--grad-brand)}.page h1,.feedEmpty h1{letter-spacing:-.045em}.sub{color:var(--muted)}.primary,.create{background:var(--lime);color:#0d1304;border-radius:14px;min-height:44px;padding:0 18px;font-weight:800;box-shadow:var(--shadow-glow);transition:transform .12s,box-shadow .2s,filter .2s}.primary:hover:not(:disabled),.create:hover{filter:brightness(1.06);box-shadow:0 10px 36px #d8ff6666}.primary:disabled{box-shadow:none}.ghost,.mini{border:1px solid var(--line-strong);background:#ffffff0a;border-radius:14px;min-height:44px;padding:0 16px;color:var(--text)}.mini{min-height:32px;padding:0 11px;border-radius:10px}.ghost.danger,.danger{color:#ff9eb5;border-color:#ff5fa244}.roundBtn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text);flex:none}.linkBtn{display:inline-flex;align-items:center;gap:6px;color:var(--text);font-weight:700}.fanBtn{min-height:44px;padding:0 18px;border-radius:14px;background:linear-gradient(120deg,#8b5cf6,#ff5fa2);color:#fff;font-weight:800;box-shadow:0 8px 26px #8b5cf655}.fanBtn.on{background:#ffffff12;border:1px solid var(--line-strong);box-shadow:none;color:var(--lime)}.fanBtn.small{min-height:40px}input,textarea{border-radius:14px}.modal input,.modal textarea,.roomCreate input,.searchBox{background:#0d0a1a;border-color:var(--line-strong)}.error{background:#3b1224;color:#ffc2d6;border:1px solid #ff5fa244;border-radius:12px;padding:11px 13px}.okNote{background:#12301f;color:#b9ffd0;border:1px solid #38f0b433;border-radius:12px;padding:11px 13px;font-size:13px}.notice{border-radius:14px;background:linear-gradient(120deg,#e8ffa0,#b8ffe0);box-shadow:var(--shadow-1)}.top{background:#07050fcc;-webkit-backdrop-filter:blur(22px) saturate(1.3);backdrop-filter:blur(22px) saturate(1.3);border-bottom:1px solid var(--line)}.desktopNav{background:#ffffff0a;border:1px solid var(--line);border-radius:40px;padding:4px;gap:2px}.desktopNav button{border-radius:30px;padding:8px 16px;font-weight:700}.desktopNav .on{background:#ffffff1c;color:#fff}.avatar{background:linear-gradient(140deg,#8b5cf6,#ff5fa2);overflow:hidden;display:grid;place-items:center;color:#fff;box-shadow:0 0 0 2px #fff2}.avatar img{width:100%;height:100%;object-fit:cover}.iconBtn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#ffffff0f}.loginBtn{background:var(--lime);color:#0d1304;font-weight:800;padding:0 16px;min-height:38px;border-radius:20px;font-size:13px}.pAvatar{box-shadow:inset 0 0 0 1px #ffffff2a}.pAvatar.img{object-fit:cover;border-radius:50%;display:block}@media(max-width:680px){.bottom{left:10px;right:10px;bottom:calc(10px + var(--safe-b));height:64px;padding-bottom:0;border-radius:26px;border:1px solid var(--line-strong);background:#120d22e6;-webkit-backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:blur(24px) saturate(1.4);box-shadow:0 14px 40px #000c;align-items:center}.bottom button{height:56px;border-radius:18px;color:#9a91b4;font-weight:700}.bottom .on{color:#fff;background:#ffffff14}.bottom .on svg{color:var(--lime)}.bottom small{font-size:10px}.bottom .bottomCreate{width:56px;height:56px;margin-top:-22px;border-radius:20px;background:var(--lime);color:#0d1304!important;box-shadow:0 10px 30px #d8ff6655,0 0 0 5px #07050f;align-content:center}.bottom .bottomCreate small{display:none}.feed,.reel{height:calc(100dvh - 60px)}.reel .reelActions{bottom:calc(86px + var(--safe-b));gap:8px}.reel .reelActions button{width:46px;height:46px}.reel:not(.audioReel) .reelInfo{bottom:calc(86px + var(--safe-b))}.audioReel .reelInfo{padding-bottom:calc(92px + var(--safe-b))}.audioPost{padding-bottom:230px}.page{padding-bottom:calc(110px + var(--safe-b))}}.sheetBack{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#05030bcc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center}.bottomSheet{width:min(560px,100%);max-height:88dvh;overflow:auto;background:linear-gradient(180deg,#1b1334,#120d22 30%);border:1px solid var(--line-strong);border-bottom:0;border-radius:28px 28px 0 0;padding:10px 18px calc(22px + var(--safe-b));box-shadow:0 -20px 60px #000a;animation:sheetUp .22s ease-out}@keyframes sheetUp{0%{transform:translateY(40px);opacity:0}}@media(min-width:700px){.sheetBack{align-items:center}.bottomSheet{border-radius:28px;border-bottom:1px solid var(--line-strong)}}.grabber{width:44px;height:5px;border-radius:5px;background:#fff3;margin:2px auto 12px}.bsHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.bsHead b{font-size:18px;display:block;letter-spacing:-.02em}.bsHead .eyebrow{margin:0 0 4px}.newPl{display:flex;gap:8px;margin-bottom:12px}.newPl input{flex:1;min-width:0;border:1px solid var(--line-strong);background:#0d0a1a;color:#fff;padding:0 14px;min-height:48px}.plPick{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.plPick button{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:8px;border-radius:16px;background:#ffffff09;border:1px solid var(--line);min-height:62px}.plPick button[aria-pressed=true]{border-color:#d8ff6677;background:#d8ff6612}.plPick span{flex:1;min-width:0}.plPick b,.plPick small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plPick small{color:var(--muted);font-size:12px;margin-top:2px}.plPick em{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#ffffff14;font-style:normal}.plPick em.on{background:var(--lime);color:#0d1304}.addPl{width:42px;height:42px;border-radius:50%;display:inline-grid;place-items:center;background:#ffffff12;color:#e9e4fb;flex:none}.addPl span{font-size:13px;font-weight:700}.addPl.ghost{width:auto;height:auto;min-height:44px;border-radius:14px;display:inline-flex;gap:7px;align-items:center;padding:0 16px}.addPl.onArt{position:absolute;left:8px;bottom:8px;width:36px;height:36px;background:#07050fcc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.plCover{display:grid;place-items:center;border-radius:16px;overflow:hidden;flex:none;color:#ffffffd0;box-shadow:0 8px 22px #0007;background-color:#241a44}.plCover.collage{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1px;place-items:stretch}.plCover.collage i{background-size:cover;background-position:center}.plCover.add{background:#ffffff0b;border:1.5px dashed #ffffff40;box-shadow:none;color:var(--lime)}.plGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:18px 14px;margin:14px 0 24px}.plCard{display:flex;flex-direction:column;gap:4px;text-align:left;min-width:0}.plCard .plCover{width:100%!important;height:auto!important;aspect-ratio:1}.plCard b{font-size:14px;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plCard small{color:var(--muted);font-size:12px}.plCard.newCard form,form.plCard.newCard{justify-content:center;gap:8px}.plCard.newCard input{border:1px solid var(--line-strong);background:#0d0a1a;color:#fff;padding:12px;min-width:0}.plPage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:var(--grad-aurora),var(--bg);display:flex;flex-direction:column}.plScroll{flex:1;overflow:auto;padding-bottom:130px;max-width:760px;width:100%;margin:0 auto}.plHero{position:relative;display:flex;gap:18px;align-items:flex-end;padding:70px 20px 18px;background:linear-gradient(180deg,#0000,var(--bg) 96%),var(--art),linear-gradient(145deg,#3b1d7a,#ff5fa233);background-size:cover;background-position:center}.plHero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(34px) brightness(.55);backdrop-filter:blur(34px) brightness(.55)}.plHero>*{position:relative}.plClose{position:absolute!important;top:14px;right:14px}.plInfo{min-width:0;flex:1}.plInfo h2{font-size:clamp(24px,6vw,38px);letter-spacing:-.04em;margin:4px 0 6px;overflow-wrap:anywhere;line-height:1.05}.plEdit{margin-left:8px;color:var(--muted);vertical-align:middle}.plMeta{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;margin:0;color:#cfc8e6;font-size:13px}.renameForm{display:flex;gap:8px;margin:6px 0}.renameForm input{flex:1;min-width:0;border:1px solid var(--line-strong);background:#0d0a1a;color:#fff;padding:0 12px;min-height:46px}.plActions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:6px 20px 14px}.bigPlay{min-height:52px;padding:0 26px;font-size:15px;border-radius:28px}.confirmRow{display:inline-flex;gap:8px;align-items:center;font-size:13px;color:var(--muted);flex-wrap:wrap}.plEmpty{margin:14px 20px;padding:26px 18px;border-radius:22px;border:1.5px dashed #ffffff30;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;color:var(--muted)}.plEmpty svg{color:var(--lime)}.plEmpty b{color:var(--text)}.plEmpty .sub{margin:0;font-size:13px}.plTracks{list-style:none;margin:0;padding:0 12px;display:flex;flex-direction:column;gap:4px}.plTracks li{display:flex;align-items:center;border-radius:16px}.plTracks li.on{background:#d8ff6614}.plRow{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:8px;text-align:left;min-height:62px}.plArt{width:48px;height:48px;border-radius:12px;background-size:cover;background-position:center;display:grid;place-items:center;flex:none;color:#fff}.plArt.sm{width:42px;height:42px}.plText{flex:1;min-width:0}.plText b,.plText small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plText small{color:var(--muted);font-size:12px;margin-top:2px}.plDur{color:var(--muted);font:12px DM Mono,monospace}.plTools{display:flex;flex:none}.plTools button{width:38px;height:44px;display:grid;place-items:center;color:var(--muted)}.plTools button:disabled{opacity:.25}.plPlayer{position:absolute;left:10px;right:10px;bottom:calc(10px + var(--safe-b));display:grid;grid-template-columns:auto 1fr auto auto auto;grid-template-areas:"art text prev play next" "seek seek seek seek seek";gap:4px 10px;align-items:center;padding:10px 14px;background:#1b1334f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--line-strong);border-radius:24px;box-shadow:0 14px 40px #000c;max-width:740px;margin:0 auto}.plPlayer .plArt{grid-area:art}.plPlayer .plText{grid-area:text}.plPlayer input{grid-area:seek;width:100%;accent-color:var(--lime);height:22px;margin:0}.plPlayer button{width:40px;height:40px;display:grid;place-items:center}.plPlay{background:var(--lime);color:#0d1304;border-radius:50%;grid-area:play}.artistPage{padding:0!important;width:min(680px,100%)!important;border-radius:26px;overflow:auto;background:linear-gradient(180deg,#170f2e,#0e0a1c 40%)}.apBanner{height:150px;position:relative}.apBanner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 40%,#170f2e)}.apClose{position:absolute;top:12px;right:12px;z-index:2}.artistPage .close{display:none}.apHead{display:flex;gap:14px;align-items:flex-end;padding:0 20px;margin-top:-50px;position:relative;z-index:1}.apAvatar{border:4px solid #170f2e;box-shadow:0 8px 26px #0009}.apNames{min-width:0;padding-bottom:6px}.apNames h2{margin:0;font-size:26px;letter-spacing:-.04em;overflow-wrap:anywhere;line-height:1.1}.apNames .handle{margin:2px 0 0;color:var(--muted);font-size:13px}.apBio{padding:0 20px;margin:12px 0 0;line-height:1.55;color:#ddd7ee;font-size:14px;overflow-wrap:anywhere}.apStats{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;padding:0 20px;margin:14px 0;color:var(--muted);font-size:13px}.apStats li{display:inline-flex;gap:6px;align-items:center}.apStats b{color:var(--text)}.apStats svg{color:var(--pink)}.apActions{display:flex;flex-wrap:wrap;gap:10px;padding:0 20px}.apActions .liveBtnWide{background:#ff5fa2;color:#fff;box-shadow:0 8px 26px #ff5fa255}.quickActions{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;padding:16px 20px 0}.quickActions button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;min-height:84px;padding:12px 8px;border-radius:18px;background:#ffffff0c;border:1px solid var(--line);font-size:12.5px;font-weight:700;line-height:1.2}.quickActions svg{color:var(--lime)}.quickActions button:first-child{background:linear-gradient(150deg,#d8ff6622,#38f0b411);border-color:#d8ff6655}.apTabs{display:flex;gap:6px;margin:20px 20px 4px;border-bottom:1px solid var(--line)}.apTabs button{flex:1;min-height:46px;color:var(--muted);font-weight:800;border-bottom:3px solid transparent;margin-bottom:-1px}.apTabs button.on{color:#fff;border-color:var(--lime)}.apTabs em{font-style:normal;font-size:11px;background:#ffffff16;border-radius:10px;padding:1px 7px;margin-left:4px}.artistPage .songRows{padding:8px 14px}.artistPage .songRow{display:flex;align-items:center;gap:10px;padding:8px;border-radius:16px;background:#ffffff08;margin-bottom:8px}.artistPage .songArt{width:52px;height:52px;border-radius:13px;display:grid;place-items:center;flex:none;color:#fff}.artistPage .songMeta{flex:1;min-width:0}.artistPage .songMeta b,.artistPage .songMeta small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artistPage .songMeta small{color:var(--muted);font-size:12px}.artistPage .songRow{flex-wrap:wrap}.artistPage .songAction{order:9;flex:1 1 100%;padding-left:62px;margin-top:-4px}.artistPage .songAction .mini{min-height:36px}.artistPage .lockNote{display:flex;gap:5px;align-items:center;color:var(--muted);font-size:12px}.playAll{margin:8px 20px 0}.apVideos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px 20px}.apVideos figure{margin:0;position:relative;aspect-ratio:9/14;border-radius:14px;overflow:hidden;background:#000}.apVideos video{width:100%;height:100%;object-fit:cover}.apVideos figcaption{position:absolute;left:0;right:0;bottom:0;padding:18px 8px 8px;font-size:11px;background:linear-gradient(transparent,#000c);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artistPage .plGrid{padding:0 20px}.artistPage .plannedCards,.artistPage .supportCard{margin-left:20px;margin-right:20px}.artistPage .supportCard{margin-bottom:26px}.editProfile{padding-top:10px}.editBanner{height:110px;border-radius:18px;position:relative;overflow:hidden;margin-bottom:10px}.editPick{position:absolute;right:10px;bottom:10px;display:inline-flex;gap:6px;align-items:center;background:#07050fcc;border-radius:20px;padding:8px 12px;font-size:12px;font-weight:700;cursor:pointer}.editPick input,.editPickBtn input{display:none}.editRemove{position:absolute;left:10px;bottom:10px;background:#07050fcc;border-radius:20px;padding:8px 12px;font-size:12px}.editAvatarRow{display:flex;gap:14px;align-items:center;margin:12px 0}.editAvatarRow>div{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.editPickBtn{display:inline-flex;gap:7px;align-items:center;cursor:pointer}.fieldLabel{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:13px;margin-bottom:14px}.fieldLabel textarea{border:1px solid var(--line-strong);background:#0d0a1a;color:#fff;padding:12px;resize:vertical;font-weight:400}.uploadModal .uploadForm{background:linear-gradient(180deg,#1b1334,#120d22 28%);border:1px solid var(--line-strong);border-bottom:0}.wizard .step{border-top:0;padding-top:6px}.stepper{list-style:none;display:flex;gap:6px;margin:10px 0 14px;padding:0}.stepper li{flex:1;display:flex;flex-direction:column;gap:6px;font-size:11.5px;font-weight:700;color:var(--muted)}.stepper li:before{content:"";height:4px;border-radius:4px;background:#ffffff1c;order:-1}.stepper li.on:before,.stepper li.done:before{background:var(--grad-brand)}.stepper li.on{color:#fff}.stepper i{display:none}.bigPick{min-height:170px;flex-direction:column;justify-content:center;text-align:center;border:2px dashed #d8ff6666;background:radial-gradient(circle at 50% 0%,#d8ff6618,transparent 70%);border-radius:22px;gap:12px}.bigPick svg{width:38px;height:38px;color:var(--lime)}.bigPick b{font-size:19px!important;white-space:normal!important}.bigPick small{white-space:normal;line-height:1.45}.bigPick span{align-items:center}.bigPick.has{min-height:120px;border-style:solid}.infoTop{display:flex;gap:14px;align-items:stretch}.coverPick.sq{flex:none;width:128px;height:128px;padding:0;flex-direction:column;justify-content:center;text-align:center;gap:6px;position:relative;overflow:hidden;border-radius:20px;font-size:12px;line-height:1.25}.coverPick.sq img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:0}.coverPick.sq span{position:relative;z-index:1;padding:0 6px}.coverPick.sq.has span{background:#07050fcc;border-radius:10px;padding:4px 8px;position:absolute;bottom:8px}.infoFields{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px;justify-content:center}.infoFields input{margin:0;min-height:52px;font-weight:700}.genreTrigger{min-height:52px;border-radius:14px}.moreInfo{border:1px solid var(--line);border-radius:16px;padding:4px 14px 12px;background:#ffffff06}.moreInfo summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:800;font-size:13px;color:#d9d2ee;list-style:none}.moreInfo summary:before{content:"+";margin-right:8px;color:var(--lime);font-size:18px}.moreInfo[open] summary:before{content:"–"}.wizNav{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:6px}.wizNav .primary{flex:1}.stepH{margin:14px 0 2px!important;font-size:15px!important;letter-spacing:-.01em}.summary{display:flex;gap:12px;align-items:center;padding:10px;border-radius:18px;background:#ffffff0b;border:1px solid var(--line)}.sumArt{width:56px;height:56px;border-radius:14px;background-size:cover;background-position:center;display:grid;place-items:center;flex:none;color:#fff}.sumText{flex:1;min-width:0}.sumText b,.sumText small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sumText small{color:var(--muted);font-size:12px}.wizard .publishBar{position:sticky;bottom:0;margin:8px -18px 0;padding:12px 18px calc(14px + var(--safe-b));background:linear-gradient(180deg,#120d2200,#120d22 30%);display:flex;flex-direction:column;gap:8px}.uploadDone{text-align:center;padding-bottom:24px!important}.doneArt{width:170px;height:170px;margin:8px auto 14px;border-radius:28px;display:grid;place-items:center;position:relative;color:#fff;background-size:cover;background-position:center;box-shadow:0 20px 50px #000a,0 0 60px #8b5cf655}.doneArt .playFab{position:absolute;right:-10px;bottom:-10px}.uploadDone h2{font-size:28px;letter-spacing:-.04em;margin:4px 0}.doneTitle{margin:0 auto 12px}.doneActions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:10px}.doneActions .full{flex-basis:100%}.discoverTitle{letter-spacing:-.05em!important}.discoverTitle em{background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.secTitle{display:flex;align-items:center;gap:8px;font:800 19px Manrope,system-ui!important;color:var(--text)!important;letter-spacing:-.03em;margin:34px 0 12px!important}.secTitle svg{color:var(--lime)}.seeAll{color:var(--lime);font-weight:800}.searchBox.big{background:#ffffff0d;border-color:var(--line-strong);border-radius:20px;box-shadow:var(--shadow-1)}.genreRow button{border-color:var(--line-strong);background:#ffffff09;padding:10px 15px;font-weight:700}.genreFilter button.on{background:var(--lime);box-shadow:var(--shadow-glow)}.nsongArt{border-radius:22px;box-shadow:0 14px 34px #000a}.nsong{flex-basis:160px}.acard,.ncard{background:linear-gradient(165deg,#2a1b52,#120d22 65%);border:1px solid #ffffff1f;border-radius:24px;box-shadow:var(--shadow-1)}.ncardBadge{background:var(--grad-brand)}.ncardSong{background:#07050f99;border:1px solid var(--line)}.playFab{background:var(--lime);box-shadow:0 6px 20px #0009,0 0 0 4px #07050f66}.arow{background:#ffffff09;border:1px solid var(--line);border-radius:20px}.liveChip .pAvatar.ring{box-shadow:0 0 0 3px #07050f,0 0 0 5px var(--pink)}.topTeaser{background:linear-gradient(135deg,#3a1f7a,#ff5fa233 80%),#120d22;border:1px solid #ffffff22;border-radius:26px}.topBanner{background:linear-gradient(135deg,#3a1f7a,#1d1238 70%);border:1px solid #ffffff22;border-radius:24px}.chartList{border-color:var(--line);background:#ffffff07;border-radius:22px}.chartList article{border-color:var(--line)}.chartList article:nth-child(-n+3)>b{color:var(--lime);font-size:18px}.reelActions button{background:#07050f66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:52px;height:52px;border-radius:50%;align-content:center}.reelActions{gap:12px}.reelActions button small{font-size:8.5px;line-height:1}.reelActions .liked{color:var(--pink)}.audioPost .artwork{border-radius:28px;box-shadow:0 28px 70px #000c,0 0 80px hsl(var(--h) 70% 45% / .35),inset 0 0 0 1px #ffffff2e}.apControls{border-radius:24px;background:#120d22ee;border-color:var(--line-strong)}.author .pAvatar{box-shadow:0 0 0 2px #fff}.liveNow{background:linear-gradient(120deg,#ff5fa2,#ff8a5f);color:#fff;border-radius:20px}.commentOpen{color:#dcd5f0}.modal .sheet,.sheet{background:linear-gradient(180deg,#1b1334,#120d22 40%);border-color:var(--line-strong);border-radius:26px}.plannedCard{background:#ffffff0c;border:1px solid var(--line-strong);border-radius:18px}.supportCard{background:linear-gradient(135deg,#8b5cf622,#ff5fa214);border:1px solid #ffffff1f;border-radius:22px}.rooms article,.playlistGrid article{background:#ffffff09;border-color:var(--line);border-radius:20px}.skeleton{border-radius:20px}.empty{text-align:center}:focus-visible{outline:2px solid var(--lime);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.libraryPage{max-width:760px}.libHero{display:flex;gap:16px;align-items:center;margin-bottom:14px}.libNames{min-width:0}.libNames h1{font-size:clamp(26px,7vw,38px)!important;letter-spacing:-.045em!important;margin:2px 0!important;overflow-wrap:anywhere}.libNames small{color:var(--muted)}.libButtons{display:flex;flex-wrap:wrap;gap:10px}.libraryPage .quickActions{padding:16px 0 6px}.libH{font-size:22px;letter-spacing:-.04em;margin:32px 0 6px}.libAccount{margin-top:28px;border:1px solid var(--line);border-radius:18px;padding:4px 16px 14px;background:#ffffff06}.libAccount summary{min-height:46px;display:flex;align-items:center;font-weight:800;cursor:pointer}.verifyBanner{margin-top:16px;border-radius:16px;background:#2a2312;border:1px solid #ffe08a44;color:#ffe9a8;font-size:13px;line-height:1.5;padding:12px 14px}.apTabs button{white-space:nowrap;font-size:13px}.apTabs em{display:inline-block}.livePage{display:flex;flex-direction:column;max-width:760px}.livePage h1{font-size:clamp(34px,9vw,54px)!important;margin-bottom:4px!important}.goLiveCard{margin:18px 0 6px;padding:16px;border-radius:24px;background:linear-gradient(150deg,#8b5cf633,#ff5fa21f 70%),#120d22;border:1px solid #ffffff22;box-shadow:var(--shadow-1)}.goLiveCard>b{display:block;font-size:17px;letter-spacing:-.02em}.goLiveCard .roomCreate{flex-direction:row;flex-wrap:wrap;margin:12px 0 8px;max-width:none}.goLiveCard .roomCreate input{flex:1 1 100%;min-height:50px}.goLiveCard .roomCreate button{flex:1;min-height:48px}.goLiveCard label{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;margin:0}.goLiveCard label input{margin-top:3px}.livePage .libH{margin-top:26px}.livePage .rooms{max-width:none}.livePage .rooms article{padding:14px;background:#ffffff0a;border:1px solid var(--line);border-radius:22px}.livePage .rooms article[data-state=live],.livePage .rooms article:has(.liveHot:not(.paused):not(.planned)){border-color:#ff5fa266;background:linear-gradient(150deg,#ff5fa21f,#ffffff08)}.livePage .rooms article>svg:first-child{width:42px;height:42px;padding:10px;border-radius:14px;background:#ffffff12;flex:none}.livePage .rooms article>div:not(.roomBtns){flex:1;min-width:0}.livePage .rooms article b{font-size:15px;line-height:1.3;overflow-wrap:anywhere}@media(max-width:520px){.livePage .rooms article{flex-wrap:wrap}.livePage .rooms article>button,.livePage .rooms .roomBtns{flex:1 1 100%;flex-direction:row;margin-left:0}.livePage .rooms .roomBtns button{flex:1}}.mySongs h2{font-size:22px;letter-spacing:-.04em;margin:32px 0 6px}.songRights{background:#ffffff09;border:1px solid var(--line);border-radius:20px;padding:14px;margin-bottom:10px}main.routePage{display:block;min-height:calc(100dvh - 68px)}.profilePage.artistPage{width:min(1080px,100%)!important;margin:0 auto;border-radius:0;overflow:visible;background:none;padding-bottom:calc(110px + var(--safe-b))!important}.profilePage .apBanner{height:190px;border-radius:0 0 var(--r-lg) var(--r-lg);overflow:hidden}.profilePage .apBanner:after{background:linear-gradient(180deg,#0000 50%,var(--bg))}.profilePage .apBack,.profilePage .apShare{position:absolute;top:12px;z-index:2}.profilePage .apBack{left:12px}.profilePage .apShare{right:12px}.profilePage .apHead{margin-top:-56px;padding:0 20px}.profilePage .apAvatar{border-color:var(--bg)}.profilePage .apNames h1{margin:0;font-size:28px;letter-spacing:-.04em;line-height:1.1;overflow-wrap:anywhere}.apGrid{display:block}.apWelcome{display:block;width:calc(100% - 40px);text-align:left;margin:14px 20px 0;padding:14px 16px;border-radius:var(--r-md);background:linear-gradient(140deg,#d8ff6618,#8b5cf622);border:1px solid var(--line-strong)}.apWelcome b{font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:var(--lime)}.apWelcome p{margin:6px 0 0;line-height:1.55;overflow-wrap:anywhere;white-space:pre-line}.apWelcome.hint{border-style:dashed;color:var(--muted)}.apHint{padding:0 20px;margin:10px 0 0}.ownerNote{padding:0 20px}.profilePage .apMain{padding-top:6px}.profilePage .apTabs{margin-top:18px}.profilePage .apVideos{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;padding:12px 20px}.profilePage .apVideos video{width:100%;aspect-ratio:9 / 16;object-fit:cover;border-radius:var(--r-md);background:#000}.profilePage .apVideos figcaption{margin-top:6px;font-size:13px;color:var(--muted);overflow-wrap:anywhere}.profilePage .apVideos figure{margin:0}.fanMenuWrap{position:relative}.fanBtn{display:inline-flex;align-items:center;gap:6px}.fanMenu{position:absolute;z-index:6;top:calc(100% + 6px);left:0;min-width:220px;padding:6px;border-radius:var(--r-md);background:#1d1538;border:1px solid var(--line-strong);box-shadow:var(--shadow-1);display:grid}.fanMenu button{display:flex;align-items:center;gap:8px;padding:12px;border-radius:12px;text-align:left;min-height:44px}.fanMenu button:hover{background:#ffffff10}.fanWall{margin:22px 20px 0;padding:16px;border-radius:var(--r-md);background:#ffffff08;border:1px solid var(--line)}.fanWall h3{margin:0 0 8px;font-size:16px}.fanWall h3 small{font-weight:500;color:var(--muted);font-size:11px;margin-left:6px}.wallForm{display:flex;gap:8px;margin:8px 0}.wallForm input{flex:1;min-width:0;border:1px solid var(--line-strong);background:#0e0a1c;color:#fff;border-radius:12px;padding:11px 12px}.wallList{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:10px}.wallList li{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start}.wallList li p{margin:2px 0;overflow-wrap:anywhere;line-height:1.45}.wallList b small{font-weight:500;color:var(--muted)}.wallList li>div>small{color:var(--muted);font-size:11px}.wallTools{grid-column:2;display:flex;gap:8px;flex-wrap:wrap}.blockedList{display:grid;gap:6px;margin:10px 0;font-size:13px}.blockedList div{display:flex;justify-content:space-between;align-items:center}.wallSwitch{display:flex;gap:10px;align-items:center;margin:10px 0}.wallSwitch input{width:22px;height:22px}.iconBtn.msgBell{position:relative}.msgBadge{position:absolute;top:-4px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--pink);color:#fff;font:700 11px/18px Manrope,system-ui;text-align:center;font-style:normal}.convSide .msgBadge,.convList .msgBadge{position:static;display:inline-block}.msgPage{max-width:720px;margin:0 auto;padding:14px 16px calc(110px + var(--safe-b))}.msgHead{display:flex;align-items:center;gap:12px;margin-bottom:12px}.msgHead h1{font-size:24px;margin:0}.msgWho{display:flex;align-items:center;gap:10px;text-align:left;flex:1;min-width:0}.msgWho span{display:grid;min-width:0}.msgWho small{color:var(--muted)}.convList{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}.convList button{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border-radius:var(--r-md);background:#ffffff08;border:1px solid var(--line);text-align:left}.convList button.unread{border-color:var(--lime)}.convMeta{display:grid;min-width:0;flex:1}.convMeta small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.convSide{display:grid;justify-items:end;gap:4px;color:var(--muted);font-size:11px}.thread{display:grid;gap:8px;padding:6px 0 12px;min-height:40vh;align-content:end}.bubble{max-width:82%;padding:10px 13px;border-radius:18px;line-height:1.45;overflow-wrap:anywhere}.bubble p{margin:0;white-space:pre-wrap}.bubble small{display:block;margin-top:4px;font-size:10.5px;opacity:.7}.bubble.mine{justify-self:end;background:linear-gradient(140deg,#6d3df0,#9b5cf6);border-bottom-right-radius:6px}.bubble.theirs{justify-self:start;background:#ffffff12;border-bottom-left-radius:6px}.composer{position:sticky;bottom:calc(76px + var(--safe-b));display:flex;gap:8px;align-items:flex-end;padding:8px;border-radius:var(--r-md);background:#120d22f2;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.composer textarea{flex:1;min-width:0;resize:none;border:0;background:transparent;color:#fff;padding:8px;font-size:16px;outline:none}.msgWhy{padding:10px 2px}@media(min-width:900px){.profilePage .apBanner{height:260px}.apGrid{display:grid;grid-template-columns:340px 1fr;gap:28px;padding:0 20px;align-items:start}.apSide{position:sticky;top:84px}.profilePage .apHead,.profilePage .apBio,.profilePage .apStats,.profilePage .apActions,.apWelcome,.apHint,.profilePage .quickActions{padding-left:0;padding-right:0;margin-left:0;margin-right:0}.apWelcome{width:100%;padding:14px 16px}.profilePage .quickActions{grid-template-columns:1fr 1fr}.profilePage .apMain{padding-top:24px}.profilePage .apTabs,.fanWall{margin-left:0;margin-right:0}.profilePage .apVideos{padding-left:0;padding-right:0}.composer{bottom:20px}}@media(max-width:680px){main.routePage{min-height:calc(100dvh - 60px)}}.membershipPage,.legalPage{max-width:960px;margin:0 auto;padding:14px 16px calc(110px + var(--safe-b))}.planGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:16px 0}.planCard{display:grid;align-content:start;gap:8px;padding:16px;border-radius:var(--r-md);background:#ffffff0a;border:1px solid var(--line-strong)}.planCard.current{border-color:var(--lime);box-shadow:var(--shadow-glow)}.planCard h2{margin:0;font-size:18px}.planCard .price{margin:0;font-size:28px;font-weight:800}.planCard .price small{font-size:13px;color:var(--muted);font-weight:500}.planCard ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:13.5px}.planCard li{display:flex;gap:6px;align-items:flex-start}.planCard li svg{color:var(--lime);flex:none;margin-top:3px}.planCard li.muted{color:var(--muted)}.quotaCard{margin:12px 0;padding:14px 16px;border-radius:var(--r-md);background:linear-gradient(140deg,#d8ff6614,#8b5cf61f);border:1px solid var(--line-strong);display:grid;gap:6px}.quotaCard .quotaMain{margin:0}.quotaCard .promoLine{margin:0;display:flex;gap:6px;align-items:center;color:var(--lime)}.quotaParts{margin:0;padding-left:18px;color:var(--muted);font-size:13px}.profilePage .quotaCard{margin-left:0;margin-right:0}.libButtons+.quotaCard{margin:12px 20px}.draftBanner{padding:10px 12px;border-radius:12px;background:#ffb84d1a;border:1px solid #ffb84d66;color:#ffe0a8;font-size:13px}.okNote{color:var(--lime)}.promoLine{display:flex;gap:6px;align-items:center;color:var(--lime)}.legalPage article h2{font-size:17px;margin:22px 0 6px}.legalPage article p{margin:6px 0;line-height:1.6;color:#e6e0f5;overflow-wrap:anywhere}.legalFooter{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:28px;padding-top:14px;border-top:1px solid var(--line);font-size:13px}.legalFooter a{color:var(--muted);text-decoration:underline}.accountData{margin-top:26px;padding:16px;border-radius:var(--r-md);border:1px solid var(--line);background:#ffffff08;display:grid;gap:8px}.accountData h2{margin:0;font-size:17px}.deleteForm{display:grid;gap:8px}.deleteForm input{border:1px solid var(--line-strong);background:#0e0a1c;color:#fff;border-radius:12px;padding:11px 12px}.ghost.danger,.primary.danger{color:#ffb4bd;border-color:#ff6b7d66}.primary.danger{background:#ff4d63;color:#fff}.googleBox{display:grid;justify-items:center;gap:10px;margin:4px 0 10px}.orLine{color:var(--muted);font-size:12px}.consentNote{margin:8px 0 0}.consentNote a{color:var(--lime)}.landing{max-width:1080px;margin:0 auto;padding:0 16px calc(120px + var(--safe-b))}.landHero{position:relative;padding:42px 0 26px}.landHero h1{font-size:clamp(34px,7vw,64px);letter-spacing:-.04em;line-height:1.02;margin:10px 0 14px}.landHero h1 em{font-style:normal;background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.landHero .lead{max-width:620px;color:#d9d2ee;line-height:1.6;font-size:16px}.landNote{color:var(--muted);font-size:13px;margin:12px 0 0;max-width:620px}.landSection{margin:34px 0}.landSection h2{font-size:24px;margin:0 0 8px;letter-spacing:-.02em}.landSection h3{margin:22px 0 8px;font-size:15px;color:var(--muted);text-transform:uppercase;letter-spacing:1.2px}.landScroll{display:flex;gap:14px;overflow-x:auto;padding:4px 0 10px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.landScroll>*{flex:0 0 168px;scroll-snap-align:start}.landEmpty{color:var(--muted);font-size:14px;padding:10px 0}.landVideos{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.landVideos button{display:grid;gap:6px;text-align:left}.landVideos video{width:100%;aspect-ratio:9 / 16;object-fit:cover;border-radius:var(--r-md);background:#000;pointer-events:none}.landVideos span{font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.landShows{list-style:none;padding:0;margin:0;display:grid;gap:8px}.landShows button{display:flex;gap:8px;align-items:center;flex-wrap:wrap;width:100%;padding:12px;border-radius:var(--r-md);background:#ffffff0a;border:1px solid var(--line);text-align:left}.landSection.split{display:grid;gap:16px;grid-template-columns:1fr}.landSection.split h2{grid-column:1 / -1}.benefit{padding:18px;border-radius:var(--r-md);background:#ffffff08;border:1px solid var(--line);display:grid;gap:10px;align-content:start}.benefit h3{margin:0;text-transform:none;font-size:18px;letter-spacing:0;color:#fff}.benefit ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.benefit li{display:flex;gap:8px;align-items:flex-start;line-height:1.4}.benefit li svg{color:var(--lime);flex:none;margin-top:3px}.landCta{text-align:center;padding:26px 16px;border-radius:var(--r-lg);background:linear-gradient(140deg,#d8ff6614,#8b5cf626);border:1px solid var(--line-strong)}.landCta .heroActions{justify-content:center}@media(min-width:800px){.landSection.split{grid-template-columns:1fr 1fr}.landScroll>*{flex-basis:190px}}.startChoice{display:grid;gap:10px;margin:12px 0}.startChoice button{display:grid;gap:4px;text-align:left;padding:16px;border-radius:var(--r-md);background:#ffffff0c;border:1px solid var(--line-strong);min-height:88px}.startChoice button svg{color:var(--lime)}.startChoice button small{color:var(--muted)}.startChoice button:hover{border-color:var(--lime)}.linkBox{display:grid;gap:8px;width:100%}.favBtn{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;color:#d9d2ee}.favBtn.on{color:var(--pink)}.favBtn.onArt{position:absolute;top:8px;right:52px;background:#0008;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.favShelf{margin-top:18px}.becomeArtist{margin:14px 20px;padding:16px;border-radius:var(--r-md);background:linear-gradient(140deg,#d8ff6614,#8b5cf626);border:1px solid var(--line-strong);display:grid;gap:8px}.opsBanner{position:sticky;top:0;z-index:12;padding:8px 14px;text-align:center;font-size:13px;background:#ffb84d;color:#231500;font-weight:700}.chartExplain{margin:10px 0 14px;padding:12px 14px;border-radius:var(--r-md);background:#ffffff08;border:1px solid var(--line)}.chartExplain summary{font-weight:800;cursor:pointer}.chartExplain ul{margin:6px 0;padding-left:20px;display:grid;gap:4px}.adminPage{max-width:1100px;margin:0 auto;padding:14px 16px calc(110px + var(--safe-b))}.adminPage h1{display:flex;gap:8px;align-items:center;font-size:22px;margin:0}.adminPage h2{font-size:17px;margin:22px 0 8px}.adminTabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;margin-bottom:10px;border-bottom:1px solid var(--line);-webkit-overflow-scrolling:touch}.adminTabs button{flex:none;padding:10px 14px;border-radius:999px;font-weight:700;color:var(--muted);min-height:44px}.adminTabs button.on{background:var(--lime);color:#101707}.adminGate{max-width:460px;display:grid;gap:10px}.adminGate input,.adminFilter input,.adminFilter select,.reasonBox input,.adminPage .rowMain input{width:100%;border:1px solid var(--line-strong);background:#0e0a1c;color:#fff;border-radius:12px;padding:11px 12px}.secretBox{display:block;padding:12px;border-radius:12px;background:#0e0a1c;border:1px dashed var(--lime);letter-spacing:2px;word-break:break-all;-webkit-user-select:all;user-select:all}.statGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.stat{display:grid;gap:2px;padding:14px;border-radius:var(--r-md);background:#ffffff0a;border:1px solid var(--line);text-align:left}.stat b{font-size:24px}.stat small{color:var(--muted)}.adminFilter{display:flex;gap:8px;margin:8px 0;flex-wrap:wrap}.adminFilter input{flex:1 1 220px}.adminFilter select{width:auto}.adminList{list-style:none;margin:8px 0;padding:0;display:grid;gap:8px}.adminList>li{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap;padding:12px;border-radius:var(--r-md);background:#ffffff08;border:1px solid var(--line)}.adminList>li.flagged{border-color:#ffb84d99}.adminList .rowMain{flex:1 1 260px;min-width:0;display:grid;gap:3px;text-align:left;overflow-wrap:anywhere}.adminList .rowMain small{color:var(--muted)}.reasonBox{display:flex;gap:6px;flex-wrap:wrap;flex:1 1 100%}.reasonBox input{flex:1 1 200px}.adminDetail{margin:12px 0;padding:14px;border-radius:var(--r-md);background:#ffffff0c;border:1px solid var(--line-strong);display:grid;gap:6px}.adminDetail ul{margin:0;padding-left:18px;font-size:13px}.adminVideo{width:160px;max-width:100%;border-radius:12px}.kv{list-style:none;padding:0;margin:0;display:grid;gap:6px;font-size:14px}.mini.danger{color:#ffb4bd;border-color:#ff6b7d66}.langSel{background:var(--surface-2, rgba(255,255,255,.08));color:var(--text, #fff);border:1px solid var(--line, rgba(255,255,255,.18));border-radius:999px;padding:6px 10px;font:inherit;font-size:13px;min-height:36px;cursor:pointer}.langSel.compact{padding:6px;font-size:12px;font-weight:700;min-width:46px}.legalFooter .langSel{margin-left:auto}.contentMore{display:inline-grid;place-items:center;min-width:44px;min-height:44px;border-radius:999px;background:transparent;color:var(--muted, #aab);border:0;cursor:pointer}.contentMore:hover,.contentMore:focus-visible{background:var(--surface-2, rgba(255,255,255,.08));color:var(--text, #fff)}.contentSheetWrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;background:#0009;display:flex;align-items:flex-end;justify-content:center}.contentSheet{width:min(520px,100%);max-height:88dvh;overflow:auto;background:var(--surface, #121620);color:var(--text, #fff);border-radius:20px 20px 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom));box-shadow:0 -12px 40px #00000080}@media(min-width:700px){.contentSheetWrap{align-items:center}.contentSheet{border-radius:20px}}.contentSheet header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.contentSheet header b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contentActions{display:grid;gap:8px;margin-top:8px}.contentActions button{min-height:52px;display:flex;align-items:center;gap:10px;padding:0 16px;border-radius:14px;border:1px solid var(--line, rgba(255,255,255,.14));background:var(--surface-2, rgba(255,255,255,.06));color:inherit;font:inherit;font-weight:600;cursor:pointer}.contentActions button.danger{color:#ff8c8c;border-color:#ff787866}.contentActions button.danger.primary{background:#b3261e;color:#fff;border-color:#b3261e;justify-content:center}.contentConfirm h3{margin:4px 0 8px}.contentConfirm ul{margin:8px 0;padding-left:18px;display:grid;gap:6px;font-size:14px}.contentList{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:6px}.contentList li{display:flex;align-items:center;gap:8px;padding:6px 8px 6px 12px;border:1px solid var(--line, rgba(255,255,255,.12));border-radius:14px}.contentName{flex:1;min-width:0;display:grid}.contentName b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.songRow.isHidden,.apVideos figure.isHidden{opacity:.6}.apVideos figcaption{display:flex;align-items:center;gap:4px;justify-content:space-between}.hiddenSongs h3{margin:18px 0 6px;font-size:15px;color:var(--muted, #aab)}.wizard .publishBar{position:static;margin:14px 0 0;padding:4px 0 calc(8px + var(--safe-b, 0px));background:none}.wizard .rights{scroll-margin:90px}.fieldBad{outline:2px solid #ff6b6b;outline-offset:2px;border-radius:10px;animation:fieldBadPulse 1.2s ease-out 2}label.check.fieldBad{padding:6px;background:#ff6b6b1f}@keyframes fieldBadPulse{0%{box-shadow:0 0 #ff6b6b99}to{box-shadow:0 0 0 10px #ff6b6b00}}.error.nearBtn{margin:10px 0 0}.staleBanner{position:sticky;top:0;z-index:1500;display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;padding:10px 14px;background:#3a2a05;color:#ffd98a;font-size:14px}.staleBanner button{min-height:40px;padding:0 16px;border-radius:999px;border:0;background:#ffd98a;color:#2a1d00;font-weight:700}.msgHead .backToApp{margin-left:auto;min-height:40px;padding:0 14px}.libButtons .adminEntry{display:inline-flex;align-items:center;gap:8px}.chartPanel{margin:10px 0;padding:12px;border:1px solid var(--line,#282e3d);border-radius:14px;display:grid;gap:8px;background:#ffffff08}.chartPanel .chartState{margin:0}.chartPanel .chartState.qualified{color:var(--lime,#d8ff66)}.chartPanel .chartState.withdrawn,.chartPanel .chartState.held{color:var(--muted,#99a1b1)}.chartPanel .waitBar{display:block;height:6px;border-radius:99px;background:#ffffff1f;overflow:hidden}.chartPanel .waitBar i{display:block;height:100%;background:var(--lime,#d8ff66)}.chartPanel button.full{width:100%;min-height:48px}.chartConfirm{display:grid;gap:8px}.chartConfirm ul{margin:0;padding-left:18px;display:grid;gap:4px}.chartConfirm .contentActions button{min-height:48px}.installHint{position:fixed;left:12px;right:12px;bottom:calc(92px + env(safe-area-inset-bottom));z-index:40;max-width:520px;margin:0 auto;padding:10px 12px;border:1px solid var(--line,#282e3d);border-radius:16px;background:#121622f5;box-shadow:0 8px 28px #00000073;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.installHint .installRow{display:flex;align-items:center;gap:8px}.installHint .installText{flex:1;display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}.installHint .installClose{width:32px;height:32px;flex:none}.installHint .installSteps{margin:8px 0 2px;padding-left:20px;display:grid;gap:4px;font-size:13px;color:var(--muted,#99a1b1)}@media(min-width:900px){.installHint{bottom:20px;right:20px;left:auto}}