:root{color-scheme:dark;--bg:#090a0f;--sidebar:#0d0e15;--surface:#14151e;--surface-soft:#1a1b27;--surface-alt:#20202e;--border:#292b39;--text:#f8f6ff;--muted:#9694aa;--subtle:#6b6a7d;--purple:#b090ff;--violet:#7850eb;--green:#56ddad;--red:#fa8ea6;--radius:19px;--shadow:0 18px 60px #05050950}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.52 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;padding-bottom:94px}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.17;letter-spacing:-.035em}em{font-style:normal;color:var(--purple)}.purple{color:var(--purple)}.muted,.hint{color:var(--muted)}.hint{font-size:12px;line-height:1.6}.required{color:var(--purple)}.eyebrow{display:flex;align-items:center;gap:9px;font-weight:800;letter-spacing:.17em;color:var(--purple);font-size:10px}.pulse-dot,.live-indicator i{height:7px;width:7px;background:#69e0b7;border-radius:50%;box-shadow:0 0 0 4px #42d8a111}.line{height:1px;background:var(--border);margin:25px 0}.inline-form{display:inline-flex;align-items:center;margin:0}.spaced-form{margin-top:15px}.app-shell{min-height:100vh}.sidebar{position:fixed;top:0;left:0;bottom:94px;width:242px;background:var(--sidebar);border-right:1px solid var(--border);padding:28px 18px 19px;z-index:15;display:flex;flex-direction:column;overflow-y:auto}.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-weight:850;letter-spacing:-.06em;font-size:27px;margin:0 11px 49px}.brand-icon{width:37px;height:37px;border-radius:12px;background:linear-gradient(145deg,#b48aff,#7245e8);color:white;display:inline-flex;align-items:center;justify-content:center;font-size:28px;letter-spacing:-.09em;box-shadow:0 6px 20px #8e52f744}.brand-icon span{color:#ece0ff}.sidebar-label{font-size:9px;letter-spacing:.17em;color:#757389;font-weight:850;margin:0 13px 13px}.second-label{margin-top:29px}.sidebar-nav{display:grid;gap:5px}.nav-link{display:flex;gap:14px;align-items:center;padding:13px 14px;color:#aaa8bc;border:1px solid transparent;border-radius:12px;font-weight:600;transition:all .18s}.nav-link:hover{background:#ffffff08;color:#fff}.nav-link.active{color:#e7dbff;background:linear-gradient(90deg,#6544b53b,#7650e40a);border-color:#8054e536}.nav-link.active svg{color:#b090ff}.sidebar-bottom{margin-top:auto;padding:35px 5px 0}.sidebar-tip{padding:19px 17px;border-radius:17px;background:linear-gradient(140deg,#251b40,#141421);border:1px solid #57457c6a}.sidebar-tip-icon{color:#b991ff;margin-bottom:16px}.sidebar-tip strong{font-size:13px;line-height:1.4;display:block}.sidebar-tip p{font-size:11px;color:#aaa2c0;margin:8px 0 13px}.sidebar-tip a{font-size:11px;color:#cbb2ff;font-weight:750;display:flex;gap:8px;align-items:center}.sidebar-copyright{display:block;color:#5e5c6c;font-size:9px;margin:24px 8px 0;letter-spacing:.1em}.workspace{margin-left:242px;min-width:0;min-height:calc(100vh - 94px)}.topbar{height:78px;position:sticky;z-index:12;top:0;padding:0 clamp(24px,4vw,54px);background:#0b0c12eb;backdrop-filter:blur(20px);border-bottom:1px solid #292936a3;display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:20px;min-width:0}.topbar-crumb{font-size:11px;color:#aaa9b8;letter-spacing:.11em;font-weight:750}.topbar-crumb b{padding:0 12px;color:#534d69}.topbar-crumb span{color:#efebf7}.live-indicator{display:flex;gap:8px;align-items:center;color:#a8a7b7;font-size:9px;letter-spacing:.1em;font-weight:800}.top-user{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:750;max-width:210px}.top-user>span:last-child{white-space:nowrap;max-width:130px;overflow:hidden;text-overflow:ellipsis}.top-user-avatar{flex:none;width:35px;height:35px;border-radius:50%;background:linear-gradient(145deg,#9f84e2,#5a48b9);display:grid;place-items:center;font-weight:800;overflow:hidden}.top-user-avatar img{width:100%;height:100%;object-fit:cover}.top-logout button{border:0;background:transparent;color:#9995ae;padding:9px}.top-logout button:hover{color:#fff}.top-login{color:#d7c9f8;font-size:12px;font-weight:800}.mobile-menu{display:none;border:1px solid var(--border);background:#191924;color:#fff;border-radius:9px;padding:7px}.main-content{padding:34px clamp(24px,4vw,54px) 62px;max-width:1560px;margin:0 auto;min-height:calc(100vh - 210px);transition:opacity .1s}.loading-view{opacity:.55;pointer-events:none}.site-footer{padding:19px clamp(24px,4vw,54px) 35px;display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#666579;letter-spacing:.035em}.btn{display:inline-flex;gap:9px;align-items:center;justify-content:center;padding:12px 18px;border-radius:11px;border:1px solid transparent;font-weight:770;font-size:12px;white-space:nowrap;transition:background .2s,transform .2s,color .2s;min-height:43px}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(110deg,#aa83ff,#7953ea);color:#fff;box-shadow:0 9px 25px #6748b530}.btn-primary:hover{background:linear-gradient(110deg,#ba99ff,#895fee)}.btn-ghost{background:#232030;color:#ebe3fc;border:1px solid #453b5c}.btn-ghost:hover{background:#2e2841}.btn-small{padding:9px 13px;min-height:34px;font-size:11px}.btn-wide{width:100%}.btn-text{background:none;color:#bdabc9;padding:7px 0;min-height:auto}.disabled{opacity:.35;pointer-events:none}.hero-gradient{background:linear-gradient(113deg,#271a43 0%,#1a152d 48%,#13121d 100%);border:1px solid #4e396c8a;border-radius:25px;min-height:303px;padding:46px clamp(28px,4vw,58px);display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.hero-gradient::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 45%,#b690ff25,transparent 48%);pointer-events:none}.hero-copy{max-width:610px;z-index:1;position:relative}.hero-copy h1{font-size:clamp(35px,4.4vw,60px);margin:17px 0 12px;line-height:1.08}.hero-copy p{max-width:460px;color:#c7bdd9;font-size:13px;line-height:1.7;margin-bottom:25px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-visual{width:32%;height:260px;position:relative;flex:none}.hero-vinyl{position:absolute;width:256px;height:256px;top:4px;right:3%;border-radius:50%;background:repeating-radial-gradient(circle at 50%,#221b33 0 3px,#383046 4px 5px,#171623 6px 8px);border:10px solid #0f0e18;box-shadow:0 12px 55px #0009,0 0 50px #ad70ff39;transform:rotate(-20deg)}.hero-vinyl::before{content:"";position:absolute;inset:70px;border-radius:50%;background:linear-gradient(145deg,#cdadff,#8656e8);border:7px solid #13111e}.hero-vinyl::after{content:"";position:absolute;inset:117px;border-radius:50%;background:#130f1b;border:5px solid #ded1ff}.hero-orbit{position:absolute;border:1px solid #9b77cd44;border-radius:50%}.orbit-one{width:330px;height:180px;transform:rotate(-24deg);top:45px;right:0}.orbit-two{width:340px;height:340px;top:-30px;right:-20px}.hero-shine{position:absolute;right:22%;top:-35px;width:100px;height:100px;background:#a774ff44;filter:blur(50px)}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 19px}.section-top h2{font-size:25px;margin:8px 0 0}.count-marker{font-size:11px;color:var(--muted)}.feed-section{margin-top:40px}.feed-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:23px}.search-box{min-width:240px;max-width:400px;flex:1;display:flex;gap:10px;align-items:center;background:#171822;border:1px solid var(--border);border-radius:11px;padding:0 6px 0 13px;color:var(--muted)}.search-box input{width:100%;min-width:0;border:0;color:#eeeaf8;background:transparent;outline:0;font-size:12px}.search-box button{background:#2a253b;color:#cfbdf7;border:0;border-radius:8px;padding:9px 12px;font-size:11px;font-weight:750}.sort-options{display:flex;gap:6px;overflow-x:auto;padding:2px}.sort-pill{font-size:11px;font-weight:750;color:#9693a9;background:#181921;border:1px solid transparent;padding:10px 13px;border-radius:9px;white-space:nowrap}.sort-pill:hover{color:#fff}.sort-pill.active{color:#d7c2ff;border-color:#5a437f;background:#2a2042}.track-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 17px}.track-card{position:relative;min-width:0}.track-cover{position:relative;aspect-ratio:1;background:#201c2d;border-radius:16px;overflow:hidden;border:1px solid #3a334b}.track-cover>img,.cover-preview>img{width:100%;height:100%;object-fit:cover;display:block}.track-cover::after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(0deg,#0f0b2470,transparent 50%)}.cover-placeholder{height:100%;width:100%;position:relative;overflow:hidden;background:radial-gradient(circle at 27% 20%,#8567c2,#483260 48%,#1a1928 100%);display:grid;place-items:center}.cover-disc{width:72%;aspect-ratio:1;background:repeating-radial-gradient(circle,#171322 0 3px,#2c2641 4px 6px);border:5px solid #1b1829;border-radius:50%;box-shadow:0 15px 34px #08070c80;display:grid;place-items:center;transform:rotate(-15deg)}.cover-disc span{width:28%;aspect-ratio:1;border-radius:50%;border:8px solid #ad84ef;background:#251b3c}.cover-letter{font-size:46px;letter-spacing:-.08em;font-weight:900;color:#e2d2ffb0;position:absolute;bottom:6%;left:11%}.cover-play{width:52px;height:52px;border:1px solid #ffffff50;border-radius:50%;background:#bd9bffef;color:#160d26;display:grid;place-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-43%) scale(.88);z-index:2;opacity:0;transition:.19s}.track-cover:hover .cover-play,.track-card.is-playing .cover-play,.cover-play:focus-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.track-card.is-playing .track-cover{border-color:#aa7ef7;box-shadow:0 0 0 1px #aa7ef76c}.cover-state{position:absolute;z-index:2;left:11px;top:11px;background:#121019c9;color:#f4e8fe;font-size:10px;padding:6px 9px;border-radius:8px;backdrop-filter:blur(5px)}.track-info{padding:13px 2px 3px;min-width:0}.track-title-line{display:flex;justify-content:space-between;align-items:center;gap:6px}.track-title{display:block;min-width:0;border:0;background:transparent;color:#f5f3fc;padding:0;font-weight:760;font-size:13px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-title:hover{color:var(--purple)}.track-title:disabled{opacity:.9;cursor:default}.track-artist{display:block;color:#9c9aac;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin:4px 0 10px}.track-artist:hover{color:#d1b6ff}.track-metrics{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:#89879b;font-size:10px}.track-metrics>span{display:inline-flex;gap:4px;align-items:center}.track-genre{color:#b9a4da;background:#231e30;padding:3px 6px;border-radius:5px}.mini-like,.action-chip{display:inline-grid;place-items:center;background:transparent;color:#9995af;border:0;padding:5px;border-radius:8px;transition:.2s}.mini-like:hover,.mini-like.liked{color:#f494bc}.mini-like.liked svg{fill:#ec76ab50}.track-ops{display:flex;align-items:center;gap:5px;padding:5px 1px 0}.action-chip{background:#22212d;border:1px solid #383344;width:32px;height:30px}.action-chip:hover{color:#f7f1ff;background:#3d3056}.danger-hover:hover{color:#ff9ab0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:17px 0 32px}.page-heading h1{font-size:clamp(34px,4vw,53px);margin:11px 0 11px}.page-heading p{font-size:13px;color:var(--muted);margin:0}.profile-banner{background:linear-gradient(125deg,#3b245d,#261b3b 50%,#161521);height:210px;border:1px solid #654983;border-radius:22px;position:relative;overflow:hidden;display:flex;align-items:flex-end}.profile-banner-ink{position:absolute;right:-2%;bottom:-60px;font-weight:900;letter-spacing:-.09em;font-size:240px;color:#c0a1f30f;line-height:1}.profile-banner-content{z-index:1;display:flex;gap:22px;align-items:center;padding:26px 35px;width:100%}.profile-avatar{flex:none;width:112px;height:112px;background:linear-gradient(145deg,#b395ee,#564ab5);border:5px solid #241634;border-radius:50%;display:grid;place-items:center;font-size:48px;font-weight:850;box-shadow:0 13px 30px #03010a66;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-name{min-width:0;flex:1}.profile-name h1{font-size:clamp(28px,3vw,43px);margin:6px 0 3px;word-wrap:break-word}.overview-stats{display:flex;gap:10px;margin:17px 0 31px}.overview-stats>div{background:#151620;border:1px solid var(--border);border-radius:13px;padding:14px 20px;min-width:156px}.overview-stats b{display:block;font-size:23px;line-height:1.25}.overview-stats span{color:#a09bac;font-size:10px}.profile-settings-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;margin-top:20px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:17px;min-width:0;overflow:hidden}.panel-heading{border-bottom:1px solid var(--border);padding:20px 23px;display:flex;justify-content:space-between;align-items:center;gap:10px}.panel-heading>div{display:flex;gap:11px;align-items:center;color:var(--purple)}.panel-heading h2{color:var(--text);font-size:15px;margin:0}.panel-body{padding:23px}.form-stack{display:grid;gap:17px}.field{display:grid;gap:7px;color:#d7d4e3;font-size:12px;font-weight:720}.field input,.field select{display:block;width:100%;min-width:0;border:1px solid #383646;outline:0;background:#1a1a26;border-radius:10px;padding:12px 13px;color:#fbf9ff;min-height:45px}.field input::placeholder{color:#727084;font-weight:500}.field input:focus,.field select:focus{border-color:#ae89ff;box-shadow:0 0 0 3px #986ff323}.field input:read-only,.field input:disabled{background:#171720;color:#9c99aa}.field .hint{font-weight:400}.prefix{display:flex;align-items:center;background:#1a1a26;border:1px solid #383646;border-radius:10px;overflow:hidden}.prefix b{padding:0 0 0 13px;font-size:18px;color:var(--purple)}.prefix input{border:0}.prefix:focus-within{border-color:#aa87ee}.avatar-edit-row{display:flex;align-items:center;gap:15px;margin-bottom:15px}.avatar-preview{width:85px;height:85px;flex:none;display:grid;place-items:center;background:linear-gradient(130deg,#aa8ff0,#6552bc);font-size:36px;border-radius:50%;overflow:hidden;font-weight:800}.avatar-preview img{width:100%;height:100%;object-fit:cover}.avatar-edit-row strong{display:block;font-size:13px}.avatar-edit-row .hint{margin:6px 0 9px}.upload-label{cursor:pointer}.upload-filename{display:block;margin-top:7px;overflow-wrap:anywhere}.section-small-title{font-size:15px;margin:0 0 15px}.empty-state{padding:55px 24px 60px;text-align:center;background:linear-gradient(140deg,#15121e,#101119);border:1px dashed #453757;border-radius:20px}.empty-icon{width:65px;height:65px;border-radius:17px;color:#b499ed;background:#3f305e63;display:grid;place-items:center;margin:0 auto 16px}.empty-state h3{font-size:21px;margin-bottom:8px}.empty-state p{color:var(--muted);max-width:400px;margin:0 auto 22px;font-size:12px}.pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin:30px 0}.pagination span{color:var(--muted)}.editor-page{max-width:1120px;margin:0 auto}.back-link{display:inline-flex;gap:9px;align-items:center;font-weight:700;color:#c5b2e8;font-size:12px}.back-link:hover{color:#fff}.editor-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.85fr);gap:17px}.editor-side{display:grid;gap:17px;align-content:start}.drop-zone{min-height:166px;display:flex;flex-direction:column;gap:7px;justify-content:center;align-items:center;border:1.5px dashed #7358a3;background:linear-gradient(#271f3b,#1b1a29);border-radius:12px;cursor:pointer;padding:23px;text-align:center}.drop-zone svg{color:#b794ff}.drop-zone strong{font-size:13px}.drop-zone span,.drop-zone small{color:#aaa2b8;font-size:11px}.file-display{font-size:11px;color:var(--muted);margin-top:12px;word-wrap:break-word}.audio-check audio{width:100%;height:42px;margin-top:12px}.cover-picker{display:flex;gap:17px;align-items:center}.cover-preview{aspect-ratio:1;width:145px;flex:none;overflow:hidden;border-radius:13px;background:#2e2540}.cover-select{min-width:0;flex:1}.cover-select #coverLabel{display:block;margin-top:9px;overflow-wrap:anywhere}.action-panel{padding:20px;display:grid;gap:13px}.action-panel>.hint{text-align:center}.info-note{display:flex;align-items:flex-start;gap:9px;border-radius:11px;background:#262036;padding:12px}.info-note svg{flex:none;color:#b395ef}.upload-progress{width:100%;height:7px;border-radius:5px;background:#30293c;overflow:hidden}.upload-progress[hidden]{display:none}.upload-progress>div{height:100%;width:0;background:linear-gradient(90deg,#8863e4,#b99cff);transition:width .3s}.settings-panel{max-width:760px}.settings-data>div{display:flex;justify-content:space-between;border-bottom:1px solid #2b2838;padding:13px 0;gap:20px}.settings-data span{color:var(--muted)}.settings-data b{font-size:12px;text-align:right;overflow-wrap:anywhere}.settings-data form{margin-top:20px}.alert{background:#322440;border:1px solid #76549d;color:#e5d9fb;padding:12px 14px;font-size:12px;border-radius:9px}.form-between{display:flex;justify-content:flex-end}.form-between a,.auth-switch a{color:#c0a3ff;font-size:12px;font-weight:750}.auth-screen{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);min-height:calc(100vh - 250px);border:1px solid #332a46;border-radius:23px;overflow:hidden;position:relative;background:#15131d}.auth-glow{position:absolute;top:-70px;left:-70px;height:190px;width:190px;background:#9763ff33;filter:blur(70px)}.auth-panel{width:100%;max-width:530px;padding:35px clamp(24px,4vw,64px) 48px;margin:auto;z-index:1}.auth-logo{margin:0 0 33px}.auth-panel h1{font-size:43px;margin:15px 0 10px}.auth-panel>p{color:#aaa4bb;font-size:12px;max-width:330px;margin-bottom:28px}.auth-panel .form-stack{gap:15px}.auth-switch{border-top:1px solid #383044;margin-top:24px;padding-top:23px;text-align:center;color:var(--muted);font-size:12px}.check-line{display:flex;gap:11px;align-items:flex-start;color:#aaa4ba;font-size:11px;line-height:1.55}.check-line input{accent-color:#ad84ef;margin-top:4px}.check-line a{color:#d7baff;text-decoration:underline}.auth-art{position:relative;overflow:hidden;background:radial-gradient(circle at 49% 43%,#4b2c79,#241636 45%,#12121d 78%);display:flex;align-items:flex-end}.auth-ring{width:440px;height:440px;position:absolute;border:1px solid #a27cdd36;border-radius:50%;left:50%;top:42%;transform:translate(-50%,-50%);display:grid;place-items:center}.auth-ring::before{content:"";border:1px solid #b89aff4f;position:absolute;inset:40px;border-radius:50%}.auth-disc{width:260px;height:260px;border-radius:50%;background:repeating-radial-gradient(circle,#161121 0 5px,#332346 6px 7px);border:12px solid #150e21;box-shadow:0 12px 50px #000a;display:grid;place-items:center;animation:spin 27s linear infinite}.auth-disc::after{content:"";width:82px;height:82px;border-radius:50%;background:radial-gradient(circle,#141020 0 10px,#aa8aeb 12px 34px,#5d3d86 35px)}.auth-art-bottom{z-index:1;width:100%;padding:45px;text-align:center;background:linear-gradient(0deg,#120d1be3,transparent)}.auth-art-bottom h2{font-size:30px;margin:12px 0}.auth-art-bottom em{color:#b691ff}.check-line+.btn{margin-top:3px}.toast{position:fixed;left:50%;bottom:111px;max-width:min(440px,calc(100vw - 28px));transform:translate(-50%,20px);padding:13px 20px;background:#303044;border:1px solid #665384;border-radius:12px;color:white;box-shadow:0 10px 50px #0007;opacity:0;pointer-events:none;z-index:150;transition:.22s;white-space:normal;font-size:12px}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.is-error{border-color:#ce677d;background:#402631}.player{position:fixed;z-index:100;bottom:0;left:0;right:0;height:94px;background:linear-gradient(100deg,#16131f,#171521,#12121b);border-top:1px solid #463854;box-shadow:0 -15px 45px #070609b0;display:grid;grid-template-columns:minmax(180px,1fr) minmax(300px,1.2fr) minmax(120px,1fr);align-items:center;gap:14px;padding:10px clamp(15px,2vw,36px);backdrop-filter:blur(20px)}.player-track{display:flex;gap:12px;align-items:center;min-width:0}.player-cover{width:55px;height:55px;flex:none;background:#47335f;border:1px solid #6b5293;border-radius:9px;display:grid;place-items:center;overflow:hidden}.player-cover img{height:100%;width:100%;object-fit:cover}.small-disc{width:32px;height:32px;border-radius:50%;background:repeating-radial-gradient(circle,#171322 0 3px,#aa83ff 3px 5px,#271f3a 7px 9px);border:4px solid #171322}.player-meta{min-width:0}.player-song{font-size:12px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-artist{color:#9c94ab;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-heart{color:#8b819d;background:transparent;border:0;padding:8px;display:grid;place-items:center}.player-main{display:grid;gap:5px}.player-controls{display:flex;align-items:center;justify-content:center;gap:22px}.player-controls button,.player-volume button{display:grid;place-items:center;border:0;background:transparent;color:#9995af;padding:2px}.player-controls button:hover,.player-volume button:hover,.player-controls .selected{color:#ba9bff}.player-controls .player-action{width:34px;height:34px;border-radius:50%;background:#eee7ff;color:#251637}.player-controls .player-action:hover{color:#251637;background:#c1abff}.player-timeline{display:flex;align-items:center;gap:10px;color:#8f8a9d;font-size:10px}.player-timeline input{flex:1;min-width:0}.player-volume{display:flex;gap:10px;align-items:center;justify-content:flex-end;color:#9a90b2}.player-volume input{width:95px}.player-volume button{margin-left:6px}input[type=range]{accent-color:#b996f3;height:4px;cursor:pointer}.player[data-ready="0"] .player-heart{opacity:.3}.player input,.player button{touch-action:manipulation}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1370px){.track-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-vinyl{right:-50px}.hero-visual{width:27%}.sidebar{width:226px}.workspace{margin-left:226px}.cover-picker{flex-direction:column;align-items:flex-start}}
@media(max-width:1020px){.sidebar{width:210px}.workspace{margin-left:210px}.hero-visual{display:none}.hero-gradient{min-height:265px}.hero-copy{max-width:100%}.profile-settings-grid{grid-template-columns:1fr}.player{grid-template-columns:minmax(140px,1fr) minmax(270px,1.4fr) 90px}.player-volume input{width:55px}.live-indicator{display:none}.topbar-right{gap:12px}}
@media(max-width:820px){.sidebar{transform:translateX(-105%);transition:transform .2s;width:250px;top:0;bottom:90px;box-shadow:20px 0 45px #0009}.sidebar.menu-open{transform:translateX(0)}.workspace{margin-left:0}.mobile-menu{display:inline-grid;place-items:center}.main-content{padding:28px 23px 58px}.topbar{height:66px;padding:0 23px}.player{grid-template-columns:minmax(0,1fr) minmax(245px,1.35fr);height:90px}.player-volume{display:none}.track-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.editor-grid{grid-template-columns:1fr}.editor-side{grid-template-columns:1fr 1fr}.action-panel{grid-column:1/-1}.auth-art{display:none}.auth-screen{grid-template-columns:1fr}.auth-panel{max-width:480px}.auth-panel h1{font-size:40px}}
@media(max-width:600px){body{padding-bottom:116px}.topbar{height:64px;padding:0 15px}.topbar-crumb{font-size:10px}.top-user>span:last-child{display:none}.top-user{max-width:40px}.top-login{display:none}.main-content{padding:20px 15px 50px}.hero-gradient{min-height:300px;padding:30px 24px;border-radius:18px}.hero-copy h1{font-size:39px}.hero-copy p{font-size:12px}.hero-actions{gap:7px}.hero-actions .btn{padding:10px 11px;font-size:11px}.track-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.track-cover{border-radius:13px}.cover-play{width:45px;height:45px;opacity:1;transform:translate(-50%,-50%);background:#bb98ffce}.track-title{font-size:12px}.track-artist{font-size:11px}.track-genre{display:none}.sort-options{width:100%}.feed-section{margin-top:30px}.feed-controls{gap:10px}.search-box{max-width:100%;flex-basis:100%}.section-top h2{font-size:22px}.section-top .eyebrow{font-size:9px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:39px}.profile-banner{height:170px}.profile-banner-content{padding:19px;gap:12px}.profile-avatar{width:82px;height:82px;font-size:36px;border-width:3px}.profile-name h1{font-size:26px}.overview-stats>div{min-width:0;flex:1;padding:12px 9px}.overview-stats b{font-size:19px}.overview-stats span{font-size:9px}.panel-heading,.panel-body{padding:17px}.editor-side{grid-template-columns:1fr}.cover-picker{flex-direction:row}.site-footer{flex-direction:column;padding:17px}.player{height:115px;grid-template-columns:minmax(0,1fr) 145px;gap:8px 13px;padding:9px 14px}.player-track{gap:9px}.player-cover{width:43px;height:43px}.player-song{font-size:11px}.player-artist{font-size:10px}.player-heart{display:none}.player-main{display:contents}.player-controls{justify-content:flex-end;gap:11px}.player-controls button:first-child,.player-controls button:last-child{display:none}.player-controls .player-action{width:35px;height:35px}.player-timeline{grid-column:1/-1;grid-row:2;gap:7px}.player-timeline span{font-size:9px}.toast{bottom:132px}.auth-screen{border-radius:15px}.auth-panel{padding:27px 19px 34px}.auth-logo{margin-bottom:27px}.auth-panel h1{font-size:35px}.topbar-right .btn{font-size:10px}.sidebar{bottom:115px}}
@media(max-width:370px){.track-grid{gap:16px 10px}.player-controls{gap:7px}.hero-copy h1{font-size:35px}.cover-picker{flex-direction:column}.topbar-crumb{letter-spacing:.02em}.profile-banner-content{gap:8px}.profile-avatar{width:72px;height:72px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.track-details-link{display:inline-flex;gap:6px;align-items:center;color:#ad93db;font-size:10px;font-weight:700;margin-top:8px}.track-details-link:hover{color:#e4d4ff}.track-detail{display:grid;grid-template-columns:minmax(225px,340px) minmax(0,1fr);gap:43px;margin:28px 0 40px;padding:32px;background:linear-gradient(115deg,#211731,#13151f);border:1px solid #49345e;border-radius:22px}.track-detail-cover{aspect-ratio:1;border-radius:18px;overflow:hidden;box-shadow:0 15px 55px #0503078c}.track-detail-cover img{height:100%;width:100%;object-fit:cover}.track-detail-copy{align-self:center}.track-detail-copy h1{font-size:clamp(38px,4vw,66px);margin:15px 0 24px;word-break:break-word}.detail-artist{display:inline-flex;gap:12px;align-items:center;font-size:17px;font-weight:760;color:#eadcff}.detail-artist img,.mini-profile-char{display:grid;place-items:center;flex:none;width:37px;height:37px;object-fit:cover;background:#9871da;border-radius:50%;font-size:18px;font-weight:800}.track-detail-metrics{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:28px 0 24px;color:#a9a0bb;font-size:12px}.track-detail-metrics span{display:flex;align-items:center;gap:8px}.detail-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.detail-actions .mini-like{font-weight:700;color:#e9dafa}.detail-actions .mini-like.liked{color:#ff9dbe}.track-detail-copy .alert{margin-top:25px}.legal-wrap{max-width:840px;margin:15px auto}.legal-wrap h1{font-size:clamp(36px,5vw,52px);margin:30px 0 9px}.legal-date{color:var(--muted);font-size:12px;margin-bottom:27px}.legal-card{padding:33px}.legal-card h2{font-size:18px;margin:15px 0 9px}.legal-card p{line-height:1.8;color:#b8b2c5;font-size:13px;margin-bottom:26px}.legal-card p:last-child{margin-bottom:0}@media(max-width:700px){.track-detail{grid-template-columns:1fr;gap:24px;padding:19px}.track-detail-cover{max-width:300px;width:100%;justify-self:center}.track-detail-copy h1{font-size:39px}.track-detail-metrics{gap:12px}.legal-card{padding:20px}}

.remove-cover{margin-top:12px}.cover-select .check-line{font-size:10px}
.moderation-module{margin-top:38px;display:grid;gap:17px}.moderation-module .section-top{margin:0}.moderation-module .section-top h2{margin-bottom:2px}.moderation-list{display:grid}.moderation-row{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #2c2b39}.moderation-row:last-child{border:0}.moderation-row strong{font-size:12px;display:block}.moderation-row span{font-size:11px;color:#9793a8}.moderation-actions{display:flex;align-items:center;gap:7px}.report-form{margin-top:26px;padding-top:20px;border-top:1px solid #393143;display:flex;flex-wrap:wrap;gap:10px;align-items:end}.report-form label{color:#a8a1b5;font-size:11px;display:grid;gap:6px}.report-form select{padding:9px 12px;background:#251f30;color:#f3ebff;border:1px solid #4f3f67;border-radius:8px}.report-form .btn-text{font-size:11px}@media(max-width:520px){.moderation-row{align-items:flex-start;flex-direction:column;gap:8px}}

.track-detail>.report-form{grid-column:2;margin-top:-35px}@media(max-width:700px){.track-detail>.report-form{grid-column:1;margin-top:-10px}}
/* AQIN V4 — list feed, mobile-first music controls, artist identity, fullscreen player */
html{scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar,.sidebar::-webkit-scrollbar,.sort-options::-webkit-scrollbar,.full-queue-list::-webkit-scrollbar,.full-player::-webkit-scrollbar,*::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}body,.sidebar,.sort-options,.full-queue-list{scrollbar-width:none;-ms-overflow-style:none}body{overscroll-behavior-y:none}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #bb99ff;outline-offset:3px}
.brand-icon{overflow:hidden;background:#1b1528;border:1px solid #57416f}.brand-icon img{width:100%;height:100%;object-fit:cover;display:block}.install-menu-button{display:flex;align-items:center;gap:9px;color:#d8c4ff;border:1px solid #513c75;background:#211a36;border-radius:11px;padding:12px 13px;width:100%;text-align:left;margin-bottom:16px;font-size:11px;font-weight:760}.install-menu-button:hover{background:#312448}
.feed-controls{align-items:flex-start}.search-box{max-width:390px;flex:0 1 390px;padding:4px 4px 4px 13px;border-radius:14px;min-height:47px;transition:border-color .2s,box-shadow .2s}.search-box:focus-within{border-color:#9c77eb;box-shadow:0 0 0 3px #9671dc1a}.search-box input{font-size:12px;flex:1;min-width:0}.search-box button{display:inline-flex;justify-content:center;gap:6px;align-items:center;min-width:76px;min-height:35px;background:linear-gradient(135deg,#8d68df,#6948b2);color:#fff;border-radius:10px;padding:6px 10px;font-size:11px;transition:filter .2s,transform .2s;white-space:nowrap}.search-box button:hover{filter:brightness(1.15)}.sort-options{width:auto;max-width:100%;scrollbar-width:none}.sort-pill{border-radius:11px;padding:11px 15px}.feed-playbar{display:flex;align-items:center;gap:14px;padding:3px 0 18px}.feed-playbar .btn{border-radius:12px}.feed-playbar .hint{font-size:11px}.feed-playbar button:disabled{opacity:.45;cursor:not-allowed}
/* A real music LIST, not a 2-column album catalog */
.track-grid{counter-reset:aqin-row;display:grid;grid-template-columns:minmax(0,1fr)!important;gap:7px!important;max-width:1100px}.track-card{counter-increment:aqin-row;display:grid;grid-template-columns:23px 60px minmax(0,1fr) minmax(105px,160px) auto;min-height:76px;gap:15px;align-items:center;position:relative;padding:8px 13px;background:linear-gradient(110deg,#171620,#13141c);border:1px solid #292536;border-radius:14px;min-width:0;transition:background .2s,border-color .2s,opacity .2s,transform .2s;isolation:isolate}.track-card:hover{background:#201a2a;border-color:#524067}.track-card.is-playing{background:linear-gradient(110deg,#312044,#171421);border-color:#7959aa}.track-card.removing-row{opacity:0;transform:translateX(12px)}.track-index{text-align:center;font-size:12px;font-variant-numeric:tabular-nums;color:#777188}.track-index:after{content:counter(aqin-row)}.track-card.is-playing .track-index:after{content:'♫';color:#c7a1ff;font-size:15px}.track-row-cover{position:relative;border:0;padding:0;display:block;width:60px;height:60px;overflow:hidden;border-radius:11px;background:#302041;flex:none;cursor:pointer}.track-row-cover img{display:block;width:100%;height:100%;object-fit:cover}.track-row-cover .cover-placeholder{display:flex;position:relative;align-items:center;justify-content:center;height:100%;width:100%}.track-row-cover .cover-disc{width:77%;height:77%;border-width:2px}.track-row-cover .cover-disc span{border-width:3px}.track-row-cover .cover-letter{font-size:18px;bottom:2px;left:6px}.row-play-icon{position:absolute;inset:0;display:grid;place-items:center;background:#0d081c75;color:white;opacity:0;transition:opacity .15s}.track-row-cover:hover .row-play-icon,.track-card.is-playing .row-play-icon,.track-row-cover:focus-visible .row-play-icon{opacity:1}.track-card.is-playing .row-play-icon{color:#eadbff}.track-info{min-width:0;display:flex;align-items:flex-start;flex-direction:column;gap:3px}.track-title{display:block;max-width:100%;border:0;padding:0;color:#f6f0ff;background:none;text-align:left;font-weight:780;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5}.track-title:hover{color:#bc9aff}.track-title:disabled{cursor:default;color:#a8a0b0}.track-artist{display:block;max-width:100%;color:#aaa0b8;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artist:hover{color:#e0caff}.track-visibility{font-size:10px;color:#d3a7ff}.track-metrics{display:flex;justify-content:flex-end;gap:20px;align-items:center;color:#867f96;font-size:11px;white-space:nowrap;line-height:1.3}.track-metrics span{display:inline-flex;gap:6px;align-items:center}.track-metrics svg{color:#9b8aaf}.track-row-actions{display:flex;gap:7px;align-items:center}.icon-circle{border:1px solid #362e45;background:#272132;color:#b8a8ce;display:inline-grid;place-items:center;width:38px;height:38px;min-width:38px;border-radius:50%;padding:0;cursor:pointer;transition:background .18s,color .18s,border-color .18s,transform .18s}.icon-circle:hover{background:#3a2c51;color:#f0e4ff;border-color:#70559b;transform:translateY(-1px)}.track-row-actions .track-details-link{margin:0;font-size:inherit;color:#c4adf2}.icon-circle.liked,.mini-like.liked,.player-heart.liked{color:#f38ebd!important;background:#3d263c;border-color:#9e4f75}.icon-circle.liked svg,.mini-like.liked svg{fill:#ef8eb6}.track-row-actions .inline-form{flex:none}.track-card .track-ops{display:flex;align-items:center;gap:5px;justify-content:flex-end;grid-column:4/-1;padding:0;margin-top:-3px}.track-card .track-ops .action-chip{width:32px;height:29px;padding:4px;border-radius:9px}.track-card .track-ops button{cursor:pointer}
.profile-banner{overflow:hidden}.profile-banner-content{align-items:center;flex-wrap:wrap}.profile-banner-actions{display:flex;align-items:center;gap:9px;justify-content:flex-end;margin-left:auto;z-index:1}.profile-banner-actions .btn{box-shadow:none}.artist-share-line{display:flex;align-items:center;justify-content:flex-end;gap:9px;color:#8e85a1;font-size:12px;padding:11px 2px}.artist-share-line b{color:#c7a4fa}.artist-share-line button{width:29px;height:29px;min-width:29px}.profile-name{min-width:0}.profile-name h1{overflow-wrap:anywhere}
/* Compact persistent player */
.player{height:91px!important;grid-template-columns:minmax(180px,1fr) minmax(270px,1.2fr) minmax(110px,.8fr)!important;gap:15px!important;padding:10px clamp(14px,2.5vw,28px)!important;background:linear-gradient(90deg,#181222f7,#16131df9,#101019f9);border-top:1px solid #54436a;box-shadow:0 -6px 40px #0008}.player-track{min-width:0}.player-open{display:flex;align-items:center;gap:12px;text-align:left;padding:0;border:0;background:none;color:inherit;min-width:0;flex:1;cursor:pointer}.player-open:hover .player-song{color:#bd99ff}.player-cover{width:55px;height:55px;border-radius:12px;border:1px solid #5d4a77;min-width:55px}.player-meta{display:grid;min-width:0}.player-song{font-size:13px}.player-artist{font-size:11px}.player-heart{border:0;background:transparent;flex:none}.player-main{display:grid!important;gap:4px}.player-controls{gap:13px!important;justify-content:center}.player-controls button,.full-controls button{display:grid!important;place-items:center!important}.player-controls button.round-control,.player-volume button{width:33px;height:33px;border-radius:50%;background:#ffffff07;border:1px solid #ffffff08;color:#b4a3c9}.player-controls button.round-control:hover,.player-controls button.selected{color:#d8bdff;background:#49315f;border-color:#685183}.player-controls .player-action{width:39px;height:39px;border-radius:50%;background:#e8d9ff;color:#301c48}.player-volume{display:flex;gap:9px;justify-content:flex-end}.player-volume input{width:80px}.player-volume .round-control{width:36px;height:36px}.player-timeline{gap:9px}.player-timeline input,.full-timeline input{flex:1;accent-color:#bb91ff;cursor:pointer;min-width:0}.player[data-ready="0"] #playerExpand{opacity:.8}
/* Fullscreen immersive overlay - same <audio> stays in bottom player */
.full-player{position:fixed;inset:0;z-index:220;background:linear-gradient(162deg,#241733 0%,#100e19 62%,#08090e 100%);overflow-y:auto;overflow-x:hidden;color:#fff;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(15px);transition:opacity .25s,visibility .25s,transform .25s}.full-player.open{opacity:1;visibility:visible;pointer-events:auto;transform:none}.full-player-glow{position:absolute;inset:-10% -15% auto;height:75vh;background:radial-gradient(ellipse at 50% 15%,#7e4fbd55,transparent 70%);background-size:cover;background-position:center;filter:blur(55px);opacity:.8;pointer-events:none}.full-player-content{position:relative;max-width:680px;margin:auto;padding:26px 28px max(26px,env(safe-area-inset-bottom));min-height:100dvh;display:flex;flex-direction:column;justify-content:space-between;gap:21px}.full-player-top{display:flex;align-items:center;justify-content:space-between;gap:13px}.full-player-top>div{display:grid;text-align:center;gap:2px}.full-player-top>div>span{font-size:9px;letter-spacing:.22em;color:#ab94c5;font-weight:800}.full-player-top>div>strong{font-size:12px;color:#f0e3ff}.full-stage{display:flex;flex-direction:column;gap:15px;width:100%;margin:auto}.full-player-art{position:relative;aspect-ratio:1;width:min(100%,365px);height:auto;border-radius:22px;overflow:hidden;background:#271c39;border:1px solid #694985;box-shadow:0 35px 80px #0008,0 0 80px #8552ba34;margin:auto;display:grid;place-items:center}.full-player-art img{display:block;width:100%;height:100%;object-fit:cover}.full-no-cover{width:100%;height:100%;background:radial-gradient(circle at 23% 17%,#7555a1,#362446 60%,#171320);display:grid;place-items:center}.full-no-cover .cover-disc{width:64%;height:auto;aspect-ratio:1}.full-no-cover>span:last-child{position:absolute;left:10%;bottom:6%;font-size:56px;color:#d9bafb;font-weight:900}.full-song-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.full-song-names{min-width:0}.full-song-names h2{font-size:clamp(23px,3.5vw,29px);margin:0 0 5px;line-height:1.25;overflow-wrap:anywhere}.full-song-names>span{color:#b4a2c9;font-size:14px}.full-side-actions{display:flex;gap:8px}.full-side-actions .icon-circle{width:43px;height:43px}.full-wave{display:flex;height:28px;gap:4px;align-items:center;justify-content:center;overflow:hidden;margin:1px 0}.full-wave i{display:block;width:4px;height:18%;border-radius:10px;background:linear-gradient(#d6b6ff,#8c56e8);animation:wave 1.65s ease-in-out infinite alternate;opacity:.8}.full-wave i:nth-child(3n){height:76%;animation-delay:-.4s}.full-wave i:nth-child(4n){height:45%;animation-delay:-.9s}.full-wave i:nth-child(5n){height:92%;animation-delay:-.2s}.full-wave i:nth-child(7n){height:36%;animation-delay:-1.2s}body:not(.is-audio-playing) .full-wave i{animation-play-state:paused;opacity:.35}@keyframes wave{0%{transform:scaleY(.3)}100%{transform:scaleY(1)}}.full-timeline{display:grid;gap:6px}.full-timeline input{width:100%;height:5px}.full-timeline>div{display:flex;justify-content:space-between;color:#b6acc7;font-size:11px;font-variant-numeric:tabular-nums}.full-controls{display:flex;justify-content:space-evenly;align-items:center;gap:9px;margin:0 0 5px}.full-controls .round-control{width:45px;height:45px;border-radius:50%;border:1px solid transparent;background:#ffffff08;color:#e1d2f4}.full-controls .round-control:hover,.full-controls .round-control.selected{color:#ca9aff;background:#61408150}.full-controls .full-play-action{width:74px;height:74px;flex:none;border:0;border-radius:50%;background:linear-gradient(135deg,#eadcff,#b998ff);color:#21152d;box-shadow:0 10px 38px #a679e54a}.full-player-bottom{display:flex;align-items:center;justify-content:space-between;color:#9a85b0;font-size:12px}.full-player-bottom span span{color:#ac7fff;padding:0 5px}.full-player-bottom button{font-size:11px}.player-expanded{overflow:hidden}.full-queue{position:absolute;inset:72px 0 0;background:#100e19f8;border-top:1px solid #382c4b;z-index:2;border-radius:24px 24px 0 0;overflow:hidden;display:flex;flex-direction:column;padding:23px 22px max(18px,env(safe-area-inset-bottom));box-shadow:0 -25px 50px #0006}.full-queue[hidden]{display:none!important}.full-queue-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.full-queue-head h3{font-size:23px;margin:7px 0 0}.full-queue-list{overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:5px}.queue-item{width:100%;display:flex;align-items:center;gap:13px;min-height:65px;text-align:left;background:#201a2a;border:1px solid #342944;border-radius:12px;color:#eee6fa;padding:8px 11px;cursor:pointer}.queue-item:hover,.queue-item.queue-current{background:#30203e;border-color:#795ba9}.queue-pic{display:grid;place-items:center;flex:none;width:45px;height:45px;background:#483262;border-radius:9px;overflow:hidden}.queue-pic img{width:100%;height:100%;object-fit:cover}.queue-meta{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.queue-meta strong,.queue-meta small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-meta strong{font-size:12px}.queue-meta small{font-size:11px;color:#aaa0b7}.queue-index{color:#c9aaff;font-size:12px}
/* installation instructions */
.install-overlay[hidden]{display:none!important}.install-overlay{position:fixed;inset:0;z-index:260;background:#08070ce5;display:grid;place-items:center;padding:17px;backdrop-filter:blur(15px)}.install-card{width:min(100%,410px);border-radius:23px;border:1px solid #574373;background:linear-gradient(145deg,#251b37,#12111b);box-shadow:0 30px 90px #000a;padding:28px 25px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:15px;position:relative}.install-card>img{border-radius:19px;box-shadow:0 12px 30px #0005}.install-card h2{font-size:25px;margin:0}.install-card p{font-size:13px;line-height:1.75;color:#b6a8c9;max-width:315px;margin:0}.install-card .btn{width:100%;max-width:270px}.install-dismiss{position:absolute;right:13px;top:13px;width:32px;height:32px;min-width:32px}
@media(max-width:1100px){.track-card{grid-template-columns:21px 60px minmax(0,1fr) minmax(88px,125px) auto;gap:11px}.track-metrics{gap:10px}.player{grid-template-columns:minmax(130px,1fr) minmax(235px,1.2fr)!important}.player-volume{display:none!important}}
@media(max-width:700px){.search-box{flex:1 1 100%;max-width:100%;min-width:0}.search-box button{min-width:40px;padding:6px 10px}.search-box button span{display:none}.sort-options{width:100%}.track-card{grid-template-columns:51px minmax(0,1fr) auto;gap:11px;min-height:67px;padding:8px 10px;border-radius:12px}.track-index{display:none}.track-row-cover{width:51px;height:51px;border-radius:9px}.track-title{font-size:12px}.track-artist{font-size:10px}.row-play-icon{opacity:.75}.track-metrics{display:none}.track-row-actions{gap:2px}.track-row-actions .icon-circle{width:34px;height:34px;min-width:34px}.track-card .track-ops{grid-column:2/-1;justify-content:flex-start;margin-top:0;gap:8px}.feed-playbar .hint{display:none}.profile-banner{height:auto;min-height:185px}.profile-banner-content{padding:18px;justify-content:flex-start}.profile-banner-actions{width:100%;margin-left:0;justify-content:flex-start}.profile-banner-actions .btn{min-height:34px;padding:7px 11px;font-size:10px}.artist-share-line{justify-content:flex-start;padding-top:12px}.player{height:116px!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:55px 1fr;gap:1px 6px!important;padding:9px 14px max(9px,env(safe-area-inset-bottom))!important}.player-track{min-width:0}.player-open{gap:10px}.player-cover{width:46px;height:46px;min-width:46px;border-radius:11px}.player-song{font-size:12px}.player-artist{font-size:10px}.player-main{display:contents!important}.player-controls{justify-content:flex-end;gap:4px!important}.player-controls .round-control{width:32px;height:32px}.player-controls #shuffleBtn,.player-controls #repeatBtn{display:none!important}.player-controls #prevBtn{display:none!important}.player-controls .player-action{width:42px;height:42px}.player-heart{display:none!important}.player-timeline{grid-column:1/-1;grid-row:2;align-self:center;gap:10px}.player-timeline span{font-size:10px}.full-player-content{padding:calc(15px + env(safe-area-inset-top)) 20px max(16px,env(safe-area-inset-bottom));gap:14px}.full-stage{gap:10px}.full-player-art{width:min(100%,min(43dvh,350px))}.full-song-meta{margin-top:9px}.full-song-names h2{font-size:23px}.full-song-names>span{font-size:12px}.full-side-actions .icon-circle{width:40px;height:40px;min-width:40px}.full-controls{margin-bottom:3px}.full-controls .round-control{width:41px;height:41px}.full-controls .full-play-action{height:64px;width:64px}.full-wave{height:25px}.full-player-top>div>strong{font-size:11px}}
@media(max-width:390px){.track-row-actions .icon-circle{width:31px;height:31px;min-width:31px}.track-row-actions svg{width:15px;height:15px}.track-card{gap:7px;padding:7px}.track-row-cover{width:45px;height:45px}.track-card{grid-template-columns:45px minmax(0,1fr) auto}.full-stage{gap:7px}.full-player-content{padding-left:14px;padding-right:14px}.full-player-art{width:min(100%,39dvh)}.full-song-names h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){.full-wave i{animation:none}}

.top-install{width:32px;height:32px;min-width:32px;background:#231a35;color:#c6abec;border-color:#3a2c51}.top-install:hover{background:#463064}@media(max-width:450px){.topbar-right{gap:7px}.topbar-crumb b{padding:0 8px}.top-install{width:29px;height:29px;min-width:29px}}
/* Respect HTML hidden even on styled buttons and cards */
[hidden]{display:none!important}
.track-card{cursor:pointer}.track-card button,.track-card a{cursor:pointer}
#prevBtn svg,#fullPrev svg{transform:scaleX(-1)}