@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@800&family=Inter:wght@700&display=swap";.ap-popup-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000002b;display:flex;align-items:center;justify-content:center;z-index:9999}.ap-popup-card{position:relative;width:550px;max-width:94vw;height:auto;min-height:400px;max-height:90vh;background:#ffe8f5;border:5.9px solid #895674;border-radius:23.6px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 12px 34px;box-shadow:0 5px 40px #8c466e2b}.ap-title{font-family:Inter,sans-serif;font-style:normal;font-weight:700;font-size:36px;line-height:1.5;color:#782355;text-align:center;width:935px;max-width:95vw;margin-bottom:18px;margin-top:0;letter-spacing:-.01em;display:flex;align-items:center;justify-content:center}.ap-icon{width:148px;height:148px;object-fit:contain;margin:0 auto 14px;display:block;background:none;border:none}.ap-achievement-title{font-family:Inter,sans-serif;font-style:normal;font-weight:700;font-size:24px;line-height:1.5;color:#782355;text-align:center;margin:18px auto 34px;width:367px;max-width:90vw;letter-spacing:-.01em;display:flex;align-items:center;justify-content:center}.ap-btn-row{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:38px;margin:36px 0 0}.ap-btn{box-sizing:border-box;background:#ad7d9b;border:4px solid #895674;border-radius:18px;font-family:Inter,sans-serif;font-style:normal;font-weight:700;font-size:18px;line-height:1.5;color:#f2f2f2;padding:10px 28px;min-width:160px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,box-shadow .15s;outline:none}.ap-btn:active,.ap-btn:focus{background:#895674;color:#fff}@media(max-width:1250px){.ap-popup-card{width:96vw;height:auto;padding:18px 2vw}.ap-title,.ap-achievement-title{width:auto;font-size:max(24px,5vw)}}@media(max-width:700px){.ap-popup-card{padding:10vw 3vw;flex-direction:column}.ap-btn-row{flex-direction:column;gap:17px}.ap-btn{font-size:5vw;min-width:200px;padding:14px 15vw}}.ap-achievement-desc{font-size:1.1em;color:#af578a;max-width:400px;margin:8px auto 24px}:root{--bg: #e8c9d8;--card: #FFE8F5;--card-border: #895674;--shadow: rgba(75, 44, 61, .25);--input: #F2F2F2;--input-border: #895674;--text: #895674;--text-light: #FFEEF8;--text-placeholder: #CA91B4;--accent: #AD7D9B;--accent-light: #ECAFD2;--white: #F2F2F2;--chip: #e1b2c6}.authShell{position:relative;min-height:100vh;background:var(--bg);display:grid;place-items:center;overflow:hidden;font-family:Fira Code,monospace}.bg{position:absolute;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.98;z-index:0}.bg-left-record{left:-22%;bottom:-24%;width:min(56vw,640px)}.bg-right-record{right:-14%;top:-6%;width:min(44vw,520px)}.bg-earbuds{top:6%;left:9%;width:min(36vw,420px);opacity:.95}.authCard{position:relative;z-index:1;width:min(556px,94vw);background:var(--card);border:5px solid var(--card-border);border-radius:20px;box-shadow:none;padding:30px;color:var(--text);display:grid;row-gap:20px;font-family:Fira Code,monospace}.authCardLarge{width:min(980px,94vw);padding:26px 30px 18px}.authTitleBlock{background:var(--accent-light);border:5px solid var(--card-border);border-radius:10px;text-align:center;padding:20px 12px;line-height:1.2}.authTitle{font-size:36px;font-weight:600;color:var(--text)}.authSubtitle{font-size:32px;font-weight:600;color:var(--text);opacity:1}.authBrand{font-size:36px;font-weight:700;letter-spacing:.5px;color:var(--text-light)}.authForm{display:grid;row-gap:20px}.authInput{width:100%;background:var(--input);border:5px solid var(--input-border);border-radius:20px;height:78px;padding:0 25px;font-size:20px;font-weight:600;color:var(--text);outline:none;box-sizing:border-box;font-family:Fira Code,monospace}.authInput::placeholder{color:var(--text-placeholder);font-weight:600}.authBtn{border:none;border-radius:20px;padding:0;font-weight:600;cursor:pointer}.authBtnPlay{width:162px;height:63px;margin:8px auto 0;background:var(--accent);color:var(--white);display:grid;place-items:center;border:5px solid var(--card-border);border-radius:20px}.playIcon{width:0;height:0;border-left:24px solid var(--white);border-top:15px solid transparent;border-bottom:15px solid transparent}.authMeta{margin-top:10px;margin-bottom:2px;text-align:center;font-size:20px;font-weight:600;color:var(--text-placeholder)}.authLinkInline{color:var(--text-placeholder);text-decoration:none}.authChip{margin:0 auto 6px;background:var(--chip);border:2px solid var(--card-border);border-radius:8px;padding:8px 14px;font-weight:700;letter-spacing:1px;width:fit-content}.regGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;row-gap:12px;align-items:start}.regField{display:grid;row-gap:4px;font-size:14px}.regField span{padding-left:2px}.regField .authInput{height:32px;font-size:14px;border-width:2px;border-radius:10px;padding:0 12px}.regActions{grid-column:1 / -1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-top:8px}.authBtnGhost{justify-self:start;background:var(--accent);color:var(--white);opacity:.9;padding:9px 16px}.authBtnChip{justify-self:center;background:#c6c8f7;color:#514f7d;border-radius:999px;padding:8px 16px}.authBtnPrimary{justify-self:end;background:var(--accent);color:var(--white);padding:9px 16px}@media(max-width:980px){.bg-left-record{left:-20%;bottom:-20%;width:100vw}.bg-right-record{right:-20%;top:-8%;width:100vw}.bg-earbuds{left:6%;width:100vw}}@media(max-width:640px){.regGrid{grid-template-columns:1fr}.regActions{grid-template-columns:1fr;gap:10px}}.authShell{--F-W: 1280;--F-H: 800;--sx: calc(100vw / var(--F-W));--sy: calc(100vh / var(--F-H));--s: min(var(--sx), var(--sy))}.bg{position:absolute;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none}:root{--R-W: 540;--R-X: 1040;--R-Y: -40;--L-W: 680;--L-X: -280;--L-Y: 1100;--E-W: 520;--E-X: 110;--E-Y: 60}.bg-right-record{width:calc(var(--R-W) * var(--s));left:calc(var(--R-X) * var(--s));top:calc(var(--R-Y) * var(--s))}.bg-left-record{width:calc(var(--L-W) * var(--s));left:calc(var(--L-X) * var(--s));bottom:calc((var(--F-H) - var(--L-Y)) * var(--s))}.bg-earbuds{width:calc(var(--E-W) * var(--s));left:calc(var(--E-X) * var(--s));top:calc(var(--E-Y) * var(--s))}.fileInputHidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.fileBtn{cursor:pointer;-webkit-user-select:none;user-select:none;text-align:center;min-width:140px;padding:10px 22px;font-weight:700;letter-spacing:.3px;box-shadow:0 2px #0000000d;transition:transform .02s ease,box-shadow .2s ease}.fileBtn:hover,.fileBtn:focus{outline:none;box-shadow:0 0 0 3px #c6c8f759}.fileBtn:active{transform:translateY(1px)}.pfpThumb{width:96px;height:96px;border-radius:50%;object-fit:cover;border:3px solid var(--card-border);background:var(--white);display:block;margin:10px auto 0}.authLinkInline:hover{text-decoration:underline;text-underline-offset:4px}.authInputContainer{position:relative;width:100%}.authShowPassBtn{position:absolute;top:50%;right:25px;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;font-size:40px;opacity:.6;transition:opacity .2s;z-index:2}.authShowPassBtn:hover{opacity:1}html,body,#root{height:100%;margin:0}.authShell{display:flex;min-height:100vh;background-color:#e3bfd4;font-family:Inter,sans-serif;justify-content:center;align-items:center;background-image:var(--bg-buds),var(--bg-right),var(--bg-left);background-repeat:no-repeat,no-repeat,no-repeat;background-position:center center,right -14% top -18%,left -18% bottom -22%;background-size:100% 100%,auto,auto;background-attachment:fixed,scroll,scroll}.authMain{flex:1;padding:24px;display:flex;align-items:center;justify-content:center;overflow:auto}.pageContainer{background:none!important}.floating-cats-container{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:0}.floating-cat{position:absolute;bottom:-100px;opacity:0;animation-name:floatUp;animation-timing-function:linear;animation-iteration-count:infinite}.floating-cat img{width:120px;height:auto}@keyframes floatUp{0%{transform:translateY(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-120vh);opacity:0}}:root{--sidebar: 240px;--topbar: 56px}.nav{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#612c4b;color:var(--fg);font-family:Inter,sans-serif;overflow:hidden;z-index:100;border-radius:0 20px 20px 0;box-sizing:border-box;transform:translate(-100%);transition:transform .3s ease-in-out;height:100vh;max-height:100vh}.nav__scroll-wrapper{display:flex;flex-direction:column;gap:20px;padding:22px 16px;box-sizing:border-box;height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#AF578A #612C4B}.nav:hover{transform:translate(0)}.nav__scroll-wrapper::-webkit-scrollbar{width:8px;background:transparent}.nav__scroll-wrapper::-webkit-scrollbar-button{display:none}.nav__scroll-wrapper::-webkit-scrollbar-thumb{background:#af578a;border-radius:20px;border:2px solid #612C4B}.nav__scroll-wrapper::-webkit-scrollbar-track{background:#612c4b;border-radius:20px}.nav.nav--open{transform:translate(0)}.navHoverTrigger{position:fixed;left:0;top:0;bottom:0;width:30px;z-index:99;pointer-events:all}.navHoverTrigger:hover+.nav{transform:translate(0)}.navSection--logout{margin-top:auto;padding-top:20px;border-top:1px solid rgba(255,218,240,.1)}.logoutBtn{background:none;border:none;width:100%;text-align:left;font:inherit;cursor:pointer;color:#ffdaf0;padding:8px 12px;border-radius:6px;transition:all .2s ease}.logoutBtn:hover{background:#ffdaf01a}.navBrand{display:flex;align-items:center;justify-content:flex-start;gap:10px;position:relative}.navBurger.closeBtn{position:absolute;top:16px;right:16px;background:transparent;border:none;color:#ffb3d9;font-size:22px;cursor:pointer;transition:color .25s ease,background .25s ease;z-index:20;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.navBurger.closeBtn:hover{color:#c44f87;background:transparent}.logo{font-weight:800;font-size:30px;line-height:1.8;font-family:Fira Code;color:#ffeef8}.navSection{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}.navTitle{font-size:16px;text-transform:uppercase;letter-spacing:1px;margin:8px 0;color:#fff;display:flex;align-items:center;gap:10px;font-weight:700}.navTitleIcon{width:40px;height:40px}.navIcon{width:22px;height:22px}.navLink{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;cursor:pointer;text-decoration:none;color:#ffdaf0;transition:background .25s ease,color .25s ease;font-weight:700}.navLink:hover{background:#4a0b30;color:#fff}.topbar{position:fixed;top:12px;left:16px;height:var(--topbar);display:flex;align-items:center;z-index:120}.topbar .navBurger{position:static;color:#612c4b;font-size:24px}body{margin:0}.cmSearchBar{background:#ad7d9b;border:5px solid #895674;border-radius:20px;width:100%;max-width:632px;height:70px;box-sizing:border-box;box-shadow:0 4px #734561;transition:box-shadow .15s ease,transform .15s ease;position:relative;margin:0 auto;padding:0;overflow:hidden}.cmSearchBar:focus-within{box-shadow:0 6px #734561;transform:translateY(-1px)}.cmSearchIconBtn{position:absolute;left:0;top:0;background:#ffe2fb;border:none;border-right:5px solid #895674;border-radius:15px 0 0 15px;width:73px;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;outline:none;padding:0;box-sizing:border-box;transition:background-color .2s ease}.cmSearchIconBtn:hover{background:#fff0fc}.cmSearchIconImg{width:34px;height:32px;object-fit:contain}.cmSearchInput{position:absolute;top:50%;transform:translateY(-50%);left:91px;right:18px;width:auto;height:38px;background:#f2f2f2;border:4px solid #895674;border-radius:10px;font-family:Inter,sans-serif;font-size:20px;font-weight:800;color:#4b2c3d;letter-spacing:-.01em;box-sizing:border-box;outline:none;padding-left:16px}.cmSearchInput::placeholder{color:#ca91b4;opacity:1}.notification-bell-container{position:relative;display:inline-block}.notification-bell-button{position:relative;background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.notification-bell-button:hover{background-color:#ffffff1a}.bell-icon{width:24px;height:24px;color:#fff}.notification-badge{position:absolute;top:4px;right:4px;background-color:#f44;color:#fff;border-radius:10px;padding:2px 6px;font-size:11px;font-weight:700;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:380px;max-height:500px;background:#1a1a1a;border:1px solid #333;border-radius:12px;box-shadow:0 4px 20px #0000004d;overflow:hidden;z-index:1000;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-header{padding:16px 20px;border-bottom:1px solid #333;background:#222}.notification-header h3{margin:0;font-size:18px;font-weight:600;color:#fff}.notification-list{max-height:420px;overflow-y:auto}.notification-list::-webkit-scrollbar{width:8px}.notification-list::-webkit-scrollbar-track{background:#1a1a1a}.notification-list::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.notification-list::-webkit-scrollbar-thumb:hover{background:#555}.notification-item{display:flex;gap:12px;padding:16px 20px;cursor:pointer;transition:background-color .2s;border-bottom:1px solid #2a2a2a;position:relative}.notification-item:hover{background-color:#252525}.notification-item.unread{background-color:#6633991a}.notification-item:last-child{border-bottom:none}.notification-avatar{flex-shrink:0;width:48px;height:48px;border-radius:50%;overflow:hidden;background:#333;display:flex;align-items:center;justify-content:center}.notification-avatar img{width:100%;height:100%;object-fit:cover}.notification-avatar-placeholder{font-size:24px;color:#999}.notification-content{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.notification-message{margin:0;font-size:14px;line-height:1.4;color:#fff;word-wrap:break-word}.notification-time{font-size:12px;color:#999}.notification-dot{flex-shrink:0;width:8px;height:8px;background-color:#f44;border-radius:50%;margin-top:8px}.notification-loading,.notification-empty{padding:40px 20px;text-align:center;color:#999}.notification-empty p{margin:0;font-size:14px}@media(max-width:768px){.notification-dropdown{width:calc(100vw - 32px);right:-16px;max-width:380px}}html,body,#root{height:100%;margin:0;background:#e3bfd4}.pageContainer{position:relative;display:flex;min-height:100%;font-family:Inter,sans-serif;overflow-x:hidden}.recordBg{position:fixed;inset:0 0 0 auto;width:min(55vw,900px);background-repeat:no-repeat;background-position:right top;background-size:auto 100vh;pointer-events:none;z-index:0}.pageMain{position:relative;z-index:1;flex:1;padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.pageHeader{width:100%;display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:20px}.pageContent{flex:1;display:flex;flex-direction:column;gap:24px}@media(max-width:900px){.recordBg{width:70vw}}.pc{background:#ffe8f5;border:5px solid #895674;border-radius:20px;width:min(96%,1280px);padding:24px;margin:40px auto;display:grid;grid-template-columns:220px 1fr auto;gap:32px;box-shadow:0 5px #6e4760;transition:box-shadow .25s ease,transform .25s ease;position:relative}.pc:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0000001f,0 6px #6e4760}.pc__avatarWrap{display:grid;place-items:start center}.pc__avatarImg,.pc__avatarPlaceholder{width:clamp(140px,15vw,200px);height:clamp(140px,15vw,200px);border-radius:50%;border:5px solid #895674;background:#d3a6bb}.pc__avatarImg{object-fit:cover;display:block}.pc__details{display:grid;align-content:start;gap:12px}.pc__heading{font-size:clamp(22px,2.2vw,30px);font-weight:800;margin:0 0 6px;color:#895674}.pc__meta{display:flex;flex-wrap:wrap;gap:clamp(16px,3.5vw,48px);font-size:clamp(14px,1.2vw,16px);color:#af578a;font-weight:700}.pc__bio{margin:4px 0 14px;font-size:clamp(14px,1.25vw,16px);color:#af578a;font-weight:600}.pc__stats{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(28px,5vw,80px);width:100%;margin-top:8px}.pc__stats button{min-width:clamp(120px,12vw,160px);font-size:clamp(15px,1.4vw,18px);background:#895674;color:#ffdaf0;border:0;padding:10px 14px;border-radius:12px;font-weight:700;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;cursor:pointer}.pc__stats button:hover{background:#a46e8b;color:#fff;transform:translateY(-2px);box-shadow:0 6px 12px #0000002e}.pc__stats button:active{transform:translateY(0);box-shadow:none}.pc__songs{align-self:start;font-weight:800;opacity:.9;font-size:clamp(14px,1.3vw,18px);color:#4b2c3d;white-space:nowrap;display:flex;align-items:center;gap:6px}.pc__songsIcon{width:clamp(18px,1.8vw,24px);height:clamp(18px,1.8vw,24px);object-fit:contain}@media(max-width:1024px){.pc{grid-template-columns:180px 1fr}.pc__songs{justify-self:end;grid-column:1 / -1}}@media(max-width:760px){.pc{grid-template-columns:1fr;gap:20px;padding:18px}.pc__avatarWrap{justify-content:center}.pc__songs{justify-self:center}.pc__stats{justify-content:center;gap:20px}}.pc__headingRow{display:flex;align-items:center;gap:18px;margin-bottom:8px}.pc__heading{margin:0;flex-shrink:0;font-size:clamp(22px,2.2vw,30px);font-weight:800;color:#895674}.pc__reportBtn{min-width:140px;height:44.5px;font-size:18px;font-family:inherit;background:#af578a;color:#ffdaf0;border:0;padding:10px 24px;border-radius:12px;font-weight:800;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;letter-spacing:.03em;margin-left:18px}.pc__achievements{display:flex;gap:8px;align-items:center}.pc__badgeImg{width:85px;height:85px;border:none;background:transparent;box-shadow:none;border-radius:0;transition:transform .2s ease-in-out;cursor:help;object-fit:contain}:root{--plum: #895674;--ink: #4b2c3d;--pink-50: #FFE8F5}.fa{width:100%;max-width:none;margin:0;padding-top:0;--circle: clamp(100px, 20vw, 180px);overflow:visible}.fa .playlistSection__title{font-size:clamp(26px,2vw,32px);font-weight:800;color:#782355;margin:0 0 14px;text-align:left;padding-left:8px}.fa__grid{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;gap:0;overflow:visible}.fa__item{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;color:var(--ink);background:transparent;border:0;flex:0 0 var(--circle);text-decoration:none;cursor:pointer;transition:color .2s ease}.fa__ring{width:var(--circle);height:var(--circle);border-radius:50%;overflow:hidden;transition:transform .18s ease;transform-origin:center;will-change:transform}.fa__avatar{width:100%;height:100%;object-fit:cover;border-radius:50%;border:5px solid var(--plum);background:#e7c4d6;box-sizing:border-box;transition:border-color .2s ease}.fa__placeholder{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;font-size:clamp(32px,5vw,40px);border:5px solid var(--plum);background:#e7c4d6;box-sizing:border-box;transition:border-color .2s ease}.fa__name{font-weight:700;font-size:clamp(16px,1.4vw,20px);color:var(--plum);transition:color .2s ease}.fa__item:hover{color:var(--plum);z-index:10}.fa__item:hover .fa__ring{transform:scale(1.08)}.fa__item:hover .fa__avatar,.fa__item:hover .fa__placeholder{border-color:var(--pink-50)}.fa__item:hover .fa__name{color:#fff;opacity:.95}.fa__item:link,.fa__item:visited,.fa__item:hover,.fa__item:active{text-decoration:none}@media(max-width:700px){.fa{--circle: clamp(110px, 28vw, 140px)}.fa__grid{flex-wrap:wrap;justify-content:center;gap:clamp(14px,2vw,22px)}.fa .playlistSection__title{text-align:center;padding-left:0}}:root{--plum:#895674;--plum-700:#6e4760;--ink:#4b2c3d;--pink-50:#FFE8F5}.jam{position:relative;background:var(--pink-50);border:5px solid var(--plum);border-radius:20px;width:clamp(280px,38vw,360px);max-width:92vw;padding:clamp(16px,2.5vw,20px);display:grid;justify-items:center;gap:clamp(12px,2vw,16px);box-shadow:0 5px 0 var(--plum-700);margin:clamp(16px,3vw,30px) auto;color:var(--ink);transition:transform .25s ease,box-shadow .25s ease}.jam__header{width:100%}.jam__title{margin:0;font-weight:700;font-size:clamp(18px,2.2vw,22px);color:var(--plum)}.jam__volume{position:absolute;top:clamp(10px,1.5vw,14px);right:clamp(10px,1.5vw,14px);width:clamp(36px,4vw,40px);height:clamp(36px,4vw,40px);border:0;border-radius:50%;background:#895674e6;color:#ffdaf0;display:grid;place-items:center;cursor:pointer;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.jam__volume:hover{background:#a46e8b;transform:translateY(-2px);box-shadow:0 6px 12px #00000040}.jam__artWrap{position:relative;width:100%;border:5px solid var(--plum);border-radius:16px;overflow:hidden;box-shadow:none}.jam__cover{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block;border-radius:12px}.jam__meta{text-align:center}.jam__song{font-weight:700;color:var(--plum);font-size:clamp(17px,2vw,20px)}.jam__artist{font-weight:600;color:#af578a;font-size:clamp(13px,1.6vw,16px)}.jam__controls{display:flex;justify-content:center;align-items:center;gap:clamp(20px,4vw,40px);margin-top:clamp(6px,1vw,10px);width:100%}.jam__control{background:#895674eb;color:#ffdaf0;border:0;border-radius:50%;cursor:pointer;display:grid;place-items:center;width:clamp(40px,5vw,48px);height:clamp(40px,5vw,48px);font-size:clamp(18px,2.2vw,24px);transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.jam__control:hover{background:#a46e8b;transform:translateY(-2px);box-shadow:0 6px 12px #00000040}.jam__play{width:clamp(56px,7vw,64px);height:clamp(56px,7vw,64px);font-size:clamp(22px,2.6vw,28px);display:inline-grid;place-items:center;padding:0;color:#ffe8f5;background:linear-gradient(180deg,#895674,#754260);box-shadow:0 6px 12px #0000002e}@media(max-width:520px){.jam{width:min(94vw,360px)}}@media(prefers-reduced-motion:reduce){.jam,.jam__control,.jam__volume{transition:none}}.jam__artist a{color:inherit;text-decoration:none;font-weight:600;transition:color .2s ease,text-decoration .2s ease}.jam__artist a:hover{color:var(--plum);text-decoration:underline}:root{--plum: #895674;--shadow: #6e4760;--bg: #ffe8f5}.playlistSection{width:min(96%,1280px);margin:28px auto}.playlistSection__title{font-size:clamp(26px,2vw,32px);font-weight:800;color:#782355;margin:0 0 10px}.playlistCard{background:var(--bg);border:5px solid var(--plum);border-radius:20px;box-shadow:0 5px 0 var(--shadow);padding:14px 18px}.playlistCard__body{display:grid;grid-template-columns:clamp(120px,16vw,160px) 1fr;align-items:center;gap:16px}.playlistCard__image,.playlistCard__placeholder{width:100%;height:clamp(120px,16vw,160px);border-radius:16px;border:4px solid var(--plum);object-fit:cover;display:block}.playlistCard__placeholder{background:repeating-linear-gradient(45deg,#d7b5c6 0 12px,#e9c9d7 12px 24px)}.playlistCard__text{display:flex;flex-direction:column;gap:8px}.playlistCard__title{margin:0;font-size:clamp(20px,1.7vw,24px);font-weight:700;color:#895674}.playlistCard__desc{margin:0;font-size:clamp(14px,1.2vw,16px);font-weight:600;color:#af578a;line-height:1.4}.playlistCard__titleLink{display:inline-block;color:var(--plum);font-weight:700;font-size:clamp(20px,1.7vw,24px);text-decoration:none;outline:none;cursor:pointer;border-radius:6px}.playlistCard__titleLink:hover,.playlistCard__titleLink:focus-visible{color:#a46e8b;text-decoration:underline;box-shadow:0 0 0 3px #89567440}.playlistCard__titleLink[aria-disabled=true]{cursor:not-allowed;opacity:.75;text-decoration:none;box-shadow:none}.playlistCard__titleLink[aria-disabled=true]:hover{color:var(--plum)}@media(max-width:900px){.playlistCard__body{grid-template-columns:1fr;text-align:center}.playlistCard__image,.playlistCard__placeholder{max-width:220px;margin:0 auto}.playlistCard__text{align-items:center}}:root{--shell-width: min(96%, 1280px);--gap-col: clamp(20px, 2vw, 24px);--plum: #895674;--ink: #4b2c3d}.lp{width:var(--shell-width);margin:0 auto;padding:0;box-sizing:border-box;display:grid;row-gap:clamp(20px,3vw,36px)}.lp__header>*{width:100%;margin:0}.lp__bottom{width:var(--shell-width);margin:-34px auto 0;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;align-items:start;column-gap:clamp(16px,2vw,24px)}.lp__favTitle{grid-column:1 / 2;grid-row:1 / 2;margin:0 0 clamp(20px,1vw,24px);font-weight:800;color:#782355;font-size:clamp(18px,2.2vw,26px);align-self:start}.lp__profileName{font-weight:800;font-size:clamp(26px,3vw,34px);color:#782355;text-align:left;width:var(--shell-width);margin:0 auto clamp(10px,1.5vw,20px);margin-bottom:-24px}.lp__left{grid-column:1 / 2;grid-row:2 / 3;display:flex;flex-direction:column;justify-content:flex-start;gap:clamp(14px,1.6vw,20px)}.lp__left .fa{flex:0 0 auto;overflow:hidden;min-width:0;padding-left:0!important;width:90%;max-width:none;margin-bottom:clamp(24px,2vw,32px)}.fa__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(6px,.5vw,10px);justify-items:center;align-items:start;width:100%;box-sizing:border-box}.fa__item{display:grid;justify-items:center;row-gap:6px}.fa__avatar{width:clamp(120px,18vw,180px);height:clamp(120px,18vw,180px);border-radius:50%;border:5px solid var(--plum);object-fit:cover;display:block}.fa__name{margin:0;font-weight:700;color:#fff}.lp__left .playlistSection{margin-top:0;position:relative;z-index:1}.lp__left .playlistCard{flex:0 0 auto;align-self:flex-start;width:90%;max-width:none;margin-left:0;transform:none}.lp__bottom .jam{grid-column:2 / 3;grid-row:2 / 3;justify-self:end;align-self:start;inline-size:100%;max-inline-size:clamp(260px,26vw,340px);margin-top:0;margin-right:4px}@media(max-width:960px){.lp__bottom{grid-template-columns:1fr;grid-template-rows:auto auto auto;row-gap:clamp(14px,2.4vw,22px)}.lp__favTitle{grid-column:1 / -1;grid-row:1 / 2}.lp__left{grid-column:1 / -1;grid-row:2 / 3}.lp__left .playlistCard{scale:1;width:100%;transform:none}.lp__bottom .jam{grid-column:1 / -1;grid-row:3 / 4;justify-self:center;inline-size:min(92vw,340px);max-inline-size:none;margin-right:0}.fa__grid{grid-template-columns:repeat(3,1fr);gap:6px}.fa__avatar{width:clamp(100px,22vw,140px);height:clamp(100px,22vw,140px)}}:root{--bg: #FFE8F5;--stroke: #895674;--shadow: #6e4760;--ink: #4b2c3d;--accent: #AF578A;--radius: 16px}.rs{background:var(--bg);border:5px solid var(--stroke);border-radius:var(--radius);width:min(95%,1000px);padding:16px 20px;box-shadow:0 5px 0 var(--shadow)}.rs__title{font-size:clamp(26px,1.8vw,32px);font-weight:800;color:#782355;margin-bottom:12px}.rsWrapper{width:min(94%,1000px);margin:40px auto}.rs__tray{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px}.sc{display:grid;justify-items:center;row-gap:6px;text-align:center}.sc__img{width:60%;aspect-ratio:1 / 1;object-fit:cover;border-radius:20px;border:5px solid var(--stroke);background:#f3eef2;transition:all .25s ease}.sc__img:hover{transform:translateY(-3px);box-shadow:0 5px 10px #0003}.sc__title{color:var(--accent);font-weight:700;font-size:clamp(13px,1.3vw,15px);margin-top:4px}.sc__artist{color:var(--accent);opacity:.85;font-size:clamp(11px,1.1vw,13px)}@media(max-width:800px){.rs{width:90%;padding:12px}.rs__tray{gap:16px}}.rs__artistLink{color:var(--accent);font-weight:600;text-decoration:none;transition:color .25s ease,text-shadow .25s ease}.rs__artistLink:hover{color:var(--stroke);text-shadow:0 0 6px rgba(137,86,116,.35);text-decoration:underline}.rs__artistText{color:var(--accent);opacity:.85;font-size:clamp(11px,1.1vw,13px)}.rs__meta{margin-top:4px;text-align:center}.rs__item{cursor:pointer}.rs__actions{display:flex;justify-content:center;gap:8px;margin-top:4px;margin-bottom:2px}.songActions{display:inline-flex;gap:8px}.songActions__btn{background:none;border:none;padding:0;line-height:1;font-size:18px;cursor:pointer;color:var(--stroke);transition:transform .2s ease,color .2s ease}.songActions__btn:hover{transform:scale(1.1);color:var(--accent)}.songActions__btn.is-on{color:var(--accent)}.addToPlaylistMenu-root{display:inline-block;position:relative}.addToPlaylistBtn--icon{background:none;border:none;color:#af578a;font-size:22px;cursor:pointer;padding:2px 8px;transition:transform .2s,color .2s}.addToPlaylistBtn--icon:hover{transform:scale(1.2);color:#782355}.addToPlaylistBtn--icon:active{transform:scale(.95)}.addToPlaylistBtn--compact{width:auto!important;height:auto!important;padding:2px 8px!important;font-size:40px!important;min-width:30px!important;min-height:30px!important;box-shadow:none!important}.addToPlaylistPopup-menu{position:absolute;right:0;top:36px;z-index:9999;background:#ffe2f4;border:1.5px solid #af578a;box-shadow:0 2px 14px #64001412;padding:12px 10px 10px;min-width:182px;max-width:250px;border-radius:11px}.addToPlaylistPopup__title{color:#af578a;font-size:14px;font-weight:600;margin-bottom:9px;text-align:left}.addToPlaylistPopup__playlistBtn{width:100%;background:none;border:none;color:#782355;text-align:left;cursor:pointer;padding:8px 0;border-radius:7px;transition:background .15s;font-size:1rem}.addToPlaylistPopup__playlistBtn:hover{background:#ffd7ee}.addToPlaylistPopup__noPlaylists{padding:4px 0;text-align:left}.addToPlaylistPopup__emptyTxt{font-size:12px;margin-bottom:3px;color:#666}.addToPlaylistPopup__fetchedFor{font-size:11px;color:#bfa3ba;margin-bottom:2px}.addToPlaylistPopup__create{color:#782355;font-size:13px;text-decoration:underline;margin-top:2px;display:inline-block}@media(hover:none){.addToPlaylistBtn--icon{font-size:26px}}.addToPlaylistPopup__confirmation{color:#4b2c3d;font-weight:500;background:#ffe2f4;border-radius:8px;margin:10px 0;padding:13px 10px 11px;text-align:left}.songActions{display:flex;justify-content:center;gap:10px;margin-top:6px}.songActions__btn{background:none;border:none;cursor:pointer;font-size:35px;color:#af578a;transition:transform .2s ease,color .2s ease}.songActions__btn:hover{transform:scale(1.2);color:#782355}.songActions__btn:active{transform:scale(.95)}.songActions__btn.is-on{color:#782355}.songActions__icon{display:inline-block;width:30px;height:30px;vertical-align:middle}.songActions__icon--pin{background-image:url("data:image/svg+xml,%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20viewBox='0%200%20512.001%20512.001'%20xml:space='preserve'%20fill='%23895674'%20stroke='%23895674'%3e%3cg%20id='SVGRepo_bgCarrier'%20stroke-width='0'%3e%3c/g%3e%3cg%20id='SVGRepo_tracerCarrier'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3c/g%3e%3cg%20id='SVGRepo_iconCarrier'%3e%3crect%20x='240.708'%20y='72.606'%20transform='matrix(-0.7071%20-0.7071%200.7071%20-0.7071%20417.1353%20551.282)'%20style='fill:%23d09fbc;'%20width='164.067'%20height='233.287'%3e%3c/rect%3e%3cpath%20style='fill:%23e599b8;'%20d='M276.92,235.081c-49.059-49.059-116.582-68.387-180.199-58.007L334.927,415.28%20C345.307,351.663,325.979,284.139,276.92,235.081z'%3e%3c/path%3e%3cpolygon%20style='fill:%23fafafa;'%20points='63.083,485.576%208.096,503.904%2026.425,448.918%20197.495,277.848%20234.153,314.506%20'%3e%3c/polygon%3e%3crect%20x='178.414'%20y='291.418'%20transform='matrix(-0.7071%20-0.7071%200.7071%20-0.7071%20131.2715%20669.6971)'%20style='fill:%23d8d4d4;'%20width='51.841'%20height='32.487'%3e%3c/rect%3e%3cpath%20style='fill:%23e599b8;'%20d='M493.777,134.236L377.764,18.224c-13.497-13.497-35.38-13.497-48.877,0l0,0%20c-13.497,13.497-13.497,35.38,0,48.877L444.9,183.115c13.497,13.497,35.38,13.497,48.877,0l0,0%20C507.274,169.617,507.274,147.733,493.777,134.236z'%3e%3c/path%3e%3cpath%20d='M499.505,128.508l-72.045-72.045c-3.163-3.162-8.293-3.162-11.455,0c-3.163,3.165-3.163,8.293,0,11.456l72.045,72.044%20c10.2,10.201,10.2,27.222,0,37.422c-10.201,10.2-27.221,10.2-37.421-0.001L334.614,61.371c-10.2-10.199-10.2-27.22,0-37.419%20c10.2-10.201,27.221-10.201,37.421,0l23.986,23.984c3.163,3.162,8.293,3.163,11.455-0.001c3.163-3.163,3.163-8.293,0-11.455%20l-23.984-23.984C375.434,4.438,364.721,0,353.324,0c-11.396,0-22.108,4.438-30.167,12.495c-8.057,8.058-12.495,18.771-12.495,30.167%20c0,8.646,2.56,16.895,7.312,23.894L204.956,179.574c-3.392-1.254-6.81-2.441-10.263-3.52c-31.896-9.958-66.224-12.369-99.277-6.976%20c-6.383,1.041-9.004,9.14-4.423,13.723l95.046,95.046l-25.347,25.347c-3.163,3.165-3.163,8.293,0,11.456%20c3.163,3.162,8.293,3.162,11.455,0l25.347-25.347l25.203,25.202L58.707,478.495l-37.804,12.602l12.601-37.804l120.011-120.011%20c3.163-3.165,3.163-8.293,0-11.456c-3.163-3.162-8.293-3.162-11.455,0L20.697,443.189c-0.889,0.889-1.56,1.973-1.957,3.167%20L0.411,501.343c-2.069,6.207,4.033,12.317,10.246,10.246l54.987-18.329c1.192-0.397,2.277-1.067,3.167-1.957l165.341-165.341%20l95.047,95.046c4.583,4.583,12.681,1.954,13.723-4.424c5.394-33.054,2.981-67.384-6.976-99.277c-1.078-3.453-2.266-6.87-3.52-10.264%20l113.019-113.019c6.999,4.752,15.248,7.312,23.894,7.312c11.396,0,22.108-4.438,30.167-12.495%20c8.057-8.058,12.495-18.771,12.495-30.167S507.562,136.566,499.505,128.508z%20M328.895,397.793L114.206,183.106%20c57.916-4.625,115.622,16.339,156.985,57.703C312.557,282.174,333.52,339.867,328.895,397.793z%20M282.648,229.353%20c-17.847-17.847-38.781-32.431-61.525-43.033L328.887,78.556l104.559,104.558L325.682,290.878%20C315.079,268.134,300.494,247.2,282.648,229.353z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");background-size:contain;background-repeat:no-repeat;background-position:center}.songActions__add{display:inline-flex;align-items:center}.addToPlaylistBtn--compact{background:transparent!important;border:none!important;color:#782355!important;width:auto!important;height:auto!important;padding:2px 8px!important;font-size:20px!important;min-width:30px!important;min-height:30px!important;box-shadow:none!important}@media(hover:none){.songActions__btn{font-size:26px}}:root{--stroke: #895674;--shadow: #6e4760;--bg: #ffe8f5;--accent: #af578a;--ink: #4b2c3d;--gap: 16px;--cols-desktop: 4;--cols-tablet: 3;--cols-mobile: 2}.newRel{width:min(96%,1000px);margin:32px auto;text-align:center;overflow:visible;position:relative}.newRel__title{font-size:clamp(26px,2vw,32px);font-weight:800;color:#782355;text-align:left;margin-bottom:12px;z-index:2;position:relative}.newRel__rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--cols-desktop) - 1) * var(--gap)) / var(--cols-desktop));gap:var(--gap);overflow-x:hidden;overflow-y:visible;scroll-snap-type:x mandatory;padding-bottom:16px;scrollbar-width:none}.newRel__rail::-webkit-scrollbar{display:none}.newRel__card{scroll-snap-align:start;border-radius:20px;border:4px solid var(--stroke);box-shadow:0 6px 0 var(--shadow);background:var(--bg);overflow:hidden;cursor:pointer;display:flex;flex-direction:column;position:relative}.newRel--polaroid .newRel__img{width:88%;margin:12px auto 10px;display:block;aspect-ratio:1 / 1;object-fit:cover;border:5px solid var(--stroke);border-radius:12px;background:#f8d0e0;transition:transform .25s ease,box-shadow .25s ease}.newRel--polaroid .newRel__img:hover{transform:translateY(-6px);box-shadow:0 6px 12px #00000040}.newRel__meta{padding:8px 10px 14px;display:flex;flex-direction:column;text-align:center;gap:4px}.newRel__song{font-weight:800;font-size:clamp(13px,1.3vw,16px);color:var(--accent);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.newRel__artistLink{color:var(--stroke);font-size:clamp(11px,1.1vw,14px);opacity:.9;text-decoration:none;transition:color .25s ease}.newRel__artistLink:hover{color:var(--accent);text-decoration:underline}.newRel__artist{color:var(--accent);opacity:.8;font-size:clamp(11px,1.1vw,14px)}.newRel__controls{margin-top:18px;display:flex;justify-content:center;gap:16px}.newRel__controls button{border:3px solid var(--stroke);background:var(--bg);color:var(--stroke);border-radius:12px;width:44px;height:36px;font-size:22px;line-height:1;cursor:pointer;box-shadow:0 3px 0 var(--shadow)}@media(max-width:1100px){.newRel__rail{grid-auto-columns:calc((100% - (var(--cols-tablet) - 1) * var(--gap)) / var(--cols-tablet))}}@media(max-width:740px){.newRel__rail{grid-auto-columns:calc((100% - (var(--cols-mobile) - 1) * var(--gap)) / var(--cols-mobile))}}.newRel__actions{display:flex;justify-content:center;padding:0 0 12px}:root{--stroke: #895674;--shadow: #6e4760;--bg: #ffe8f5}.genres{width:min(96%,1000px);margin:40px auto}.genres__title{font-size:clamp(26px,2vw,32px);font-weight:800;color:#782355;margin-bottom:20px}.genres__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px;justify-items:center}.genres__card{display:flex;align-items:center;justify-content:center;gap:10px;border:5px solid var(--stroke);background:var(--bg);border-radius:20px;box-shadow:0 5px 0 var(--shadow);width:100%;max-width:260px;height:70px;font-size:20px;font-weight:700;color:var(--stroke);cursor:pointer;transition:all .25s ease}.genres__card:hover{transform:translateY(-3px);box-shadow:0 7px 0 var(--shadow)}.genres__icon{width:48px;height:48px}@media(max-width:768px){.genres__grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.genres__card{font-size:16px;height:60px}.genres__icon{width:20px;height:20px}}.adGrid{width:min(96%,1000px);margin:32px auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--gap);justify-items:center}.adCard{border:4px solid var(--stroke);border-radius:20px;box-shadow:0 6px 0 var(--shadow);background:var(--bg);width:100%;max-width:260px;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.adCard:hover{transform:translateY(-4px);box-shadow:0 8px 12px #00000040}.adCard__img{width:100%;aspect-ratio:1 / 1;object-fit:cover;background:#f8d0e0}.adCard__meta{padding:10px 12px 16px;display:flex;flex-direction:column;gap:4px}.adCard__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--stroke);opacity:.8}.adCard__title{margin:0;font-weight:800;font-size:clamp(14px,1.3vw,16px);color:var(--accent)}.adCard__length{font-size:clamp(11px,1vw,13px);color:var(--ink);opacity:.9}.user-report-container{font-family:Inter,sans-serif;background:#f5d6e5;border-radius:20px;box-shadow:5px 5px #895674;padding:36px;max-width:600px;margin:0 auto;color:#823d6a;position:relative;border:5px solid #895674}.user-report-title{font-weight:700;font-size:2.5rem;margin-top:0;margin-bottom:24px}.user-report-label{font-size:1.6rem;margin-bottom:24px;font-weight:500}.user-report-label-bold{font-weight:700}.user-report-dropdown{position:relative;margin-bottom:34px}.user-report-reason-btn{background:#946786;color:#fff;font-weight:600;font-size:1.2rem;border-radius:14px;border:none;padding:10px 48px;cursor:pointer;outline:none;width:auto;display:block;margin-left:auto;margin-right:auto;text-align:center;box-sizing:border-box;border:4px solid #895674}.user-report-dropdown-list{box-sizing:border-box;position:absolute;top:100%;left:50%;transform:translate(-50%);width:346px;background:#ad7d9b;border:4px solid #895674;border-radius:16px;z-index:10;margin-top:8px;overflow:hidden}.user-report-dropdown-selected{background:#875b76;padding:8px 16px;font-family:Inter,sans-serif;font-weight:700;font-size:24px;color:#f2f2f2;text-align:center}.user-report-dropdown-item{padding:8px 16px;font-family:Inter,sans-serif;font-weight:700;font-size:24px;color:#f2f2f2;text-align:center;cursor:pointer;transition:background-color .2s}.user-report-dropdown-item:hover{background-color:#9d6d8b}.user-report-details-label{display:block;font-weight:700;color:#ae81a6;font-size:1.2rem;margin-bottom:8px}.user-report-form{display:flex;flex-direction:column;align-items:flex-end}.user-report-textarea{width:100%;border-radius:14px;border:5px solid #946786;padding:20px;font-size:1.25rem;resize:vertical;background:#fff;min-height:120px;box-sizing:border-box;outline:none;color:#4d2041}.user-report-submit-btn{margin-top:16px;background:#946786;color:#fff;font-weight:700;font-size:1.5rem;border-radius:16px;border:none;padding:10px 38px;cursor:pointer;box-shadow:2px 2px 8px #ccb2c8;opacity:.8;z-index:2;transition:opacity .15s}.user-report-submit-btn:disabled{cursor:not-allowed;opacity:.5}.user-report-submit-btn:hover:enabled{opacity:1}.artistCard{position:relative;width:min(96%,1280px);margin:32px auto;padding:26px 30px;display:grid;grid-template-columns:clamp(160px,18vw,240px) 1fr;align-items:center;gap:32px;background:#f9eaf3;border:5px solid #895674;border-radius:20px;box-shadow:0 5px #6e4760}.artistCard__avatarWrap{display:grid;place-items:center}.artistCard__avatar{width:clamp(160px,18vw,240px);height:clamp(160px,18vw,240px);border-radius:50%;border:4px solid #895674;background:#d3a6bb;overflow:hidden}.artistCard__avatar img{width:100%;height:100%;object-fit:cover;display:block}.artistCard__info{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px}.artistCard__headingRow{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:8px}.artistCard__name{margin:0;font-size:clamp(50px,5vw,64px);font-weight:800;color:#782355;line-height:1.05;display:flex;align-items:center;gap:12px}.artistCard__verified{width:clamp(32px,4vw,48px);height:clamp(32px,4vw,48px);display:block;flex-shrink:0}.artistCard__followers{margin:0;font-weight:700;color:#af578a;font-size:24px;--optical-nudge: 6px;transform:translate(var(--optical-nudge))}.artistCard__stats{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:8px 0;--optical-nudge: 6px;transform:translate(var(--optical-nudge))}.artistCard__stats button{min-width:clamp(120px,12vw,160px);font-size:clamp(15px,1.4vw,18px);background:#895674;color:#ffdaf0;border:0;padding:10px 14px;border-radius:12px;font-weight:700;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;cursor:pointer}.artistCard__stats button:hover{background:#a46e8b;color:#fff;transform:translateY(-2px);box-shadow:0 6px 12px #0000002e}.artistCard__stats button:active{transform:translateY(0);box-shadow:none}.artistCard__stats button:disabled{background:#d3a6bb;color:#6e4760;cursor:default;transform:none;box-shadow:none}.artistCard__songs{position:absolute;top:16px;right:22px;font-size:20px;font-weight:700;color:#6e4760}.artistCard__fav{position:absolute;right:26px;bottom:20px;width:60px;height:60px;border-radius:20px;border:4px solid #895674;background:#f2c0d6;box-shadow:0 5px #6e4760,inset 0 -2px #0000001f;display:grid;place-items:center;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.artistCard__fav:hover{transform:translateY(-2px);background:#f8d0e0;box-shadow:0 7px #6e4760}.artistCard__fav:active{transform:translateY(0);box-shadow:0 3px #6e4760}.artistCard__favIcon{width:34px;height:34px;color:#fff1fa;transition:color .15s ease,filter .15s ease;filter:drop-shadow(0 0 2px rgba(0,0,0,.1))}.artistCard__fav.is-active{background:#ffd1e6}.artistCard__fav.is-active .artistCard__favIcon{color:#612c4b;filter:drop-shadow(0 0 4px rgba(255,79,163,.5))}@media(max-width:720px){.artistCard{grid-template-columns:clamp(120px,28vw,160px) 1fr;padding:20px}.artistCard__songs{top:10px;right:14px}.artistCard__fav{right:14px;bottom:12px;width:52px;height:52px;border-radius:18px}.artistCard__favIcon{width:28px;height:28px}}.pc__followBtn{min-width:140px;font-size:18px;background:#895674;color:#ffdaf0;border:0;padding:10px 24px;border-radius:12px;font-weight:800;box-shadow:0 3px #6e4760;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;letter-spacing:.03em;margin-left:18px}.pc__followBtn:hover{background:#a46e8b;color:#fff;transform:translateY(-2px) scale(1.04);box-shadow:0 8px 24px #00000024}.pc__followBtn:active{transform:translateY(0) scale(.98);box-shadow:none}.pc__followBtn.following{background:#af578a;color:#fff;box-shadow:0 2px #895674}.pc__followBtn.following:hover{background:#c377a5}.pc__reportBtn{min-width:140px;height:44.5px;font-size:18px;font-family:inherit;background:#af578a;color:#ffdaf0;border:0;padding:10px 24px;border-radius:12px;font-weight:800;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;letter-spacing:.03em;margin-left:12px}.pc__reportBtn:hover{background:#c377a5;color:#fff;transform:translateY(-2px) scale(1.04);box-shadow:0 8px 24px #00000024}.pc__reportBtn:active{transform:translateY(0) scale(.98);box-shadow:none}.tt{width:min(96%,1280px);margin:0 auto}.tt__title{margin:0 0 10px;font-size:clamp(28px,3vw,32px);font-weight:800;color:#782355}.tt__card{background:#f9eaf3;border:5px solid #895674;border-radius:20px;box-shadow:0 5px #6e4760;padding:14px 10px;overflow:hidden;position:relative}.tt__list{margin:0;padding:8px;list-style:none;max-height:clamp(160px,34vh,220px);overflow-y:auto;display:grid;gap:18px}.tt__list::-webkit-scrollbar{width:8px}.tt__list::-webkit-scrollbar-track{background:transparent;border-radius:8px}.tt__list::-webkit-scrollbar-thumb{background:#ad7d9b;border-radius:8px}.tt__list{scrollbar-width:thin;scrollbar-color:#ad7d9b transparent}.tt__row{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:16px;border-radius:16px;padding:14px 16px;transition:background .25s ease,transform .2s ease}.tt__row:nth-child(odd){background:#ad7d9b59}.tt__row:nth-child(2n){background:#ad7d9b1a}.tt__row:hover{background:#ad7d9b8c;transform:translateY(-2px)}.tt__art{width:56px;height:56px;border-radius:16px;background:#5b2f46;box-shadow:inset 0 0 0 4px #89567459;overflow:hidden;display:flex;align-items:center;justify-content:center}.tt__name{font-weight:700;color:#6e4760;font-size:clamp(16px,1.6vw,20px)}.tt__dur{font-weight:800;color:#a87c96;font-size:clamp(16px,1.6vw,20px)}.tt__empty{display:flex;align-items:center;justify-content:center;min-height:160px;font-size:22px;font-weight:700;color:#895674;background:#f9eaf3;border:5px solid #895674;border-radius:20px;box-shadow:0 5px #6e4760;letter-spacing:.5px;text-align:center;animation:ttEmptyFadeIn .25s ease}@keyframes ttEmptyFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.about{width:min(96%,1280px);margin:0 auto}.about__title{margin:0 0 10px;font-size:clamp(28px,3vw,32px);font-weight:600;color:#fff}.about__card{background:#f9eaf3;border:5px solid #895674;border-radius:20px;box-shadow:0 5px #6e4760;padding:24px 30px;overflow:hidden;position:relative}.about__text{font-size:clamp(18px,1.6vw,20px);line-height:1.5;color:#5b2f46;font-weight:500;margin:0;word-break:break-word}:root{--stroke: #895674;--shadow: #6e4760;--bg: #ffe8f5;--col-gap: clamp(24px, 3vw, 40px)}.nr{width:min(96%,1250px);margin:40px auto 0;text-align:left}.nr__title{font-size:clamp(26px,2vw,32px);font-weight:800;color:#782355;margin-bottom:14px}.nr__rail{display:grid;grid-auto-flow:column;gap:var(--col-gap);grid-auto-columns:calc((100% - 3 * var(--col-gap)) / 4);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding-bottom:10px;scrollbar-width:none}.nr__rail::-webkit-scrollbar{display:none}.nr__card{scroll-snap-align:start;border-radius:20px;border:5px solid var(--stroke);box-shadow:0 5px 0 var(--shadow);background:#ecc8da;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.nr__card:hover{transform:translateY(-3px);box-shadow:0 7px 0 var(--shadow);background:#e0a5c3}.nr__img{width:100%;aspect-ratio:1 / 1;border-radius:15px;display:block}.nr__card.placeholder .nr__img{background:linear-gradient(90deg,#eecfe0 25%,#f7deea 37%,#eecfe0 63%);background-size:400% 100%;animation:nr-skeleton 1.1s ease-in-out infinite}@keyframes nr-skeleton{0%{background-position:100% 50%}to{background-position:0 50%}}.nr__caption{margin:8px 6px 12px;font-weight:700;color:#6e4760;text-align:center}.nr__year{font-size:14px;color:#a87c96}.nr__empty,.nr__error{display:grid;place-items:center;min-height:260px;border-radius:20px;border:5px solid var(--stroke);box-shadow:0 5px 0 var(--shadow);background:#f9eaf3;font-weight:800;font-size:clamp(18px,2vw,22px);color:#6e4760;text-align:center}.nr__rail>.nr__empty,.nr__rail>.nr__error{grid-column:1 / -1}.nr__controls{margin-top:16px;display:flex;justify-content:center;gap:18px}.nr__controls button{border:3px solid var(--stroke);background:var(--bg);color:var(--stroke);border-radius:12px;width:48px;height:38px;font-size:24px;line-height:1;cursor:pointer;box-shadow:0 4px 0 var(--shadow);transition:transform .15s ease,background .15s ease}.nr__controls button:hover{transform:translateY(-2px);background:#f8d0e0}@media(max-width:1100px){.nr__rail{grid-auto-columns:calc((100% - 2 * var(--col-gap)) / 3)}}@media(max-width:740px){.nr__rail{grid-auto-columns:calc((100% - 1 * var(--col-gap)) / 2)}}:root{--alb-stroke: #895674;--alb-shadow: #6e4760;--alb-bg: #ffe8f5;--alb-gap: clamp(24px, 3vw, 40px)}.alb{width:min(96%,1250px);margin:48px auto 0;text-align:left}.alb__title{font-size:clamp(26px,2vw,32px);font-weight:800;color:#782355;margin-bottom:14px}.alb__rail{display:grid;grid-auto-flow:column;gap:var(--alb-gap);grid-auto-columns:calc((100% - 3 * var(--alb-gap)) / 4);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding-bottom:10px;scrollbar-width:none}.alb__rail::-webkit-scrollbar{display:none}.alb__card{scroll-snap-align:start;border-radius:20px;border:5px solid var(--alb-stroke);box-shadow:0 5px 0 var(--alb-shadow);background:#ecc8da;transition:transform .15s,box-shadow .15s,background .15s}.alb__card:hover,.alb__card:focus{transform:translateY(-3px);box-shadow:0 7px 0 var(--alb-shadow);background:#e0a5c3;outline:none}.alb__img{width:100%;aspect-ratio:1 / 1;border-radius:15px;display:block}.alb__card.placeholder .alb__img{background:linear-gradient(90deg,#eecfe0 25%,#f7deea 37%,#eecfe0 63%);background-size:400% 100%;animation:alb-skeleton 1.1s ease-in-out infinite}@keyframes alb-skeleton{0%{background-position:100% 50%}to{background-position:0 50%}}.alb__caption{margin:8px 6px 12px;font-weight:700;color:#6e4760;text-align:center}.alb__year{font-size:14px;color:#a87c96}.alb__empty,.alb__error{display:grid;place-items:center;min-height:220px;border-radius:20px;border:5px solid var(--alb-stroke);box-shadow:0 5px 0 var(--alb-shadow);background:#f9eaf3;font-weight:800;font-size:clamp(18px,2vw,22px);color:#6e4760;text-align:center}.alb__rail>.alb__empty,.alb__rail>.alb__error{grid-column:1 / -1}.alb__controls{margin-top:16px;display:flex;justify-content:center;gap:18px}.alb__controls button{border:3px solid var(--alb-stroke);background:var(--alb-bg);color:var(--alb-stroke);border-radius:12px;width:48px;height:38px;font-size:24px;line-height:1;cursor:pointer;box-shadow:0 4px 0 var(--alb-shadow);transition:transform .15s,background .15s}.alb__controls button:hover{transform:translateY(-2px);background:#f8d0e0}@media(max-width:1100px){.alb__rail{grid-auto-columns:calc((100% - 2 * var(--alb-gap)) / 3)}}@media(max-width:740px){.alb__rail{grid-auto-columns:calc((100% - 1 * var(--alb-gap)) / 2)}}.artistView{position:relative;z-index:1;padding-right:calc(24px + var(--right-art-w));width:min(92%,1280px);margin:0 auto}.artistView__bottom{width:100%;margin:50px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,4vw,60px);align-items:start}.artistView__bottom>*{display:flex;flex-direction:column;height:100%}.about__card{flex:1;display:flex;align-items:flex-start;background:#f9eaf3;border:5px solid #895674;border-radius:20px;box-shadow:0 5px #6e4760;padding:28px 36px;overflow-y:auto}.about__card::-webkit-scrollbar{width:8px}.about__card::-webkit-scrollbar-thumb{background:#ad7d9b;border-radius:8px}.about__card{scrollbar-width:thin;scrollbar-color:#ad7d9b transparent}.discography{margin-top:60px}@media(max-width:1100px){.artistView{padding-right:24px}.artistView__bottom{grid-template-columns:1fr;gap:32px}}.songGrid{width:min(96%,1280px);margin:0 auto;padding-bottom:60px}.songGrid__title{font-size:26px;font-weight:700;color:#782355;margin:10px 0 20px}.songGrid__container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:clamp(12px,1.6vw,20px);align-items:start;overflow:visible;padding-right:8px}.songCard{background:#ffe8f5;border:4px solid #895674;border-radius:18px;box-shadow:0 4px #6e4760;padding:14px 10px 16px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,background .22s ease,z-index 0s;height:300px;position:relative;z-index:1}.songCard:hover{background:#f6d3ea;transform:scale(1.07);box-shadow:0 10px 16px #00000040;z-index:5}.songCard__art{width:85%;aspect-ratio:1 / 1;border-radius:14px;object-fit:cover;margin:0 auto 14px;display:block}.songCard__meta{text-align:center;display:flex;flex-direction:column;justify-content:center;row-gap:4px;flex-grow:1}.songCard__title{font-weight:700;font-size:16px;color:#4b2c3d;line-height:1.25}.songCard__artist{font-size:14px;color:#895674}@media(max-width:700px){.songGrid__container{grid-template-columns:repeat(2,1fr)}.songCard{height:260px}.songCard__art{width:88%}.songCard__title{font-size:15px}.songCard__artist{font-size:13px}}.songCard__artist a{color:#895674;text-decoration:none;font-weight:600;transition:color .2s ease,text-shadow .2s ease}.songCard__artist a:hover{color:#782355;text-shadow:0 0 4px rgba(120,35,85,.3)}.songCard__artist a:active{color:#5a1b45}.songCard__actionsRow{margin-top:8px;display:flex;justify-content:center}.albumCard{width:1150px;margin:0 auto;border-radius:20px;border:3px solid #895674;box-shadow:0 5px #6e4760;background:#fbeaf3}.albumCard.headerCard{padding:30px 70px;display:flex;align-items:center;justify-content:space-between;background:#ffe6f5;border:5px solid #895674;box-shadow:0 5px #6e4760}.albumCard.headerCard{position:relative}.albumCard.headerCard{min-height:180px;padding:20px 0}.likedSongsCard{position:relative;width:min(96%,1280px);margin:32px auto;padding:26px 30px;display:flex;flex-direction:column;align-items:center;gap:16px;background:#f9eaf3;border:5px solid #895674;border-radius:20px;box-shadow:0 5px #6e4760}.headerCard{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;min-height:160px}.likedHeaderLeft{display:flex;align-items:center;gap:20px}.likedCoverCircle{width:240px;height:240px;border-radius:16px;border:4px solid #895674;background:linear-gradient(135deg,#d7a1d7,#5e2750);color:#fff;font-weight:900;font-size:28px;display:grid;place-items:center;margin-left:20px}.likedHeaderText{min-width:0;max-width:calc(100% - 300px);overflow:visible}.likedHeaderText .likedTitle{white-space:normal;overflow:visible;text-overflow:clip}.likedCoverCircle img,.playlistCoverImg{width:100%;height:100%;object-fit:cover;object-position:center;display:block;overflow:hidden;border-radius:inherit}.playlistCardImg{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;object-position:center;display:block;border-radius:8px}.playlistCard{overflow:hidden}.playlistLabel{margin:0;text-transform:uppercase;letter-spacing:.06em;color:#782355;font-weight:700;font-size:12px}.likedTitle{margin:6px 0 8px;font-size:clamp(32px,4vw,64px);line-height:1.08;color:#782355;font-weight:900}.likedUser{margin:0;color:#782355;font-weight:600}.likedControls{display:flex;gap:12px;align-items:center;margin-top:175px;margin-right:15px}.playButton,.shuffleButton{width:50px;height:50px;border-radius:50%;border:3px solid #6e4760;box-shadow:0 4px #6e4760;display:grid;place-items:center;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.playButton:hover,.shuffleButton:hover{transform:translateY(-2px);box-shadow:0 5px #6e4760}.playButton:active,.shuffleButton:active{transform:translateY(0);box-shadow:0 3px #6e4760}.playlistEditBtn{position:absolute;top:12px;right:20px;width:44px;height:44px;border-radius:10px;background:#ffe6f5;border:2px solid #895674;cursor:pointer;display:grid;place-items:center;font-size:14px;z-index:30;color:#782355}.playlistEditBtn:hover{transform:translateY(-2px);box-shadow:0 4px #6e4760}.playlistEditBtn:focus{outline:3px solid rgba(137,86,116,.12)}.playlistEditBtn svg{display:block}.likedTableHeader{position:relative;display:block;height:60px;background:#fbeaf3;border-bottom:2px solid #6e4760;font-weight:800;color:#782355;z-index:5}.likedTableHeader{--th-num-left: 70px;--th-heart-left: 130px;--th-title-left: 230px;--th-title-right: auto;--th-album-left: 702px;--th-date-left: 930px;--th-dur-left: 1170px;position:relative;display:block!important;height:60px;background:#fbeaf3;border-bottom:2px solid #6e4760;font-weight:800;color:#782355;z-index:5}.likedTableHeader .th{position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap}.likedTableHeader .th-num{left:var(--th-num-left)}.likedTableHeader .th-heart{left:var(--th-heart-left)}.likedTableHeader .th-title{left:var(--th-title-left);right:var(--th-title-right);overflow:hidden;text-overflow:ellipsis}.likedTableHeader .th-album{left:var(--th-album-left)}.likedTableHeader .th-date{left:var(--th-date-left)}.likedTableHeader .th-dur{left:var(--th-dur-left)}.likedTableHeader .th-dur svg{vertical-align:middle;margin-left:2px}.likedTableHeader .th-heart svg{fill:#782355;width:18px;height:18px}.likedRow{display:grid;grid-template-columns:60px 40px 36px minmax(200px,2fr) minmax(150px,1fr) minmax(120px,1fr) minmax(100px,.8fr);align-items:center;gap:1rem;margin:10px 0;padding:12px 20px;border:3px solid #6e4760;border-radius:28px;box-shadow:0 4px #6e4760;transition:background .25s ease,box-shadow .25s ease,transform .25s ease;color:#782355;min-width:800px}.listCard{overflow-x:auto}.tableBody{max-height:520px;overflow-y:auto;overflow-x:visible;padding:0 20px 16px;scrollbar-width:thin}.tableBody>.likedRow:nth-child(odd){background:#ad7d9b59}.tableBody>.likedRow:nth-child(2n){background:#ad7d9b1a}.tableBody>.likedRow:hover{background:#ad7d9b8c;transform:translateY(-2px);box-shadow:0 6px #6e4760}.col-num{text-align:center;padding-left:0}.col-title{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;min-width:0;padding-left:-5px;width:100%}.songInfo{display:flex;flex-direction:column;min-width:0;width:100%;overflow:hidden}.songTitle{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#782355;font-size:16px}.songArtist{font-size:13px;color:#8a4f77;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.artistLink{background:none;border:none;padding:0;margin:0;color:inherit;font:inherit;cursor:pointer;display:inline-block}.col-album{text-align:right;color:#782355;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:20px;justify-self:end}.col-date{text-align:right;color:#782355;font-weight:500;font-size:14px;justify-self:end;padding-right:20px;white-space:nowrap}.col-duration{justify-self:end;display:flex;align-items:center;gap:10px;color:#782355;font-weight:600;padding-right:10px}.songCoverPlaceholder{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#b989b1,#8d5a8c)}.songInfo{display:flex;flex-direction:column;min-width:0}.songTitle{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#782355}.songArtist{font-size:13px;color:#782355;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.heartBtn{background:none;border:none;cursor:pointer;padding:4px;font-size:14px;color:#782355;transition:transform .15s ease,color .15s ease}.heartBtn:hover{color:#4a2940;transform:scale(1.2)}.col-heart .heartBtn svg{fill:#782355!important}.heartBtn.active svg{fill:#782355;stroke:#782355}.th-dur svg{color:#782355;vertical-align:middle}.albumCard.headerCard,.albumCard.listCard,.listCard{width:min(96%,1250px)!important;max-width:1250px!important;margin:0 auto!important}@media(max-width:1200px){.likedRow{grid-template-columns:50px 36px 36px minmax(170px,2fr) minmax(140px,1fr) minmax(120px,1fr) minmax(90px,.8fr);gap:.75rem;padding:10px 16px}.col-album,.col-date,.col-duration{text-align:right;justify-self:end;padding-right:16px}.listCard .likedTableHeader .th-num{left:26px!important}.listCard .likedTableHeader .th-heart{left:66px!important}.listCard .likedTableHeader .th-title{left:170px!important;right:360px!important}.listCard .likedTableHeader .th-album{right:300px!important}.listCard .likedTableHeader .th-date{right:130px!important}.listCard .likedTableHeader .th-dur{right:24px!important}}@media(max-width:900px){.likedRow{grid-template-columns:45px 34px 34px minmax(150px,2fr) minmax(130px,1fr) minmax(110px,1fr) minmax(80px,.8fr);gap:.6rem;padding:8px 14px}.likedTableHeader{min-width:700px}.listCard .likedTableHeader .th-num{left:22px!important}.listCard .likedTableHeader .th-heart{left:60px!important}.listCard .likedTableHeader .th-title{left:106px!important;right:320px!important}.listCard .likedTableHeader .th-album{right:280px!important}.listCard .likedTableHeader .th-date{right:120px!important}.listCard .likedTableHeader .th-dur{right:20px!important}.col-album,.col-date,.col-duration{padding-right:14px}}.col-heart{display:flex;align-items:center;justify-content:center;padding-left:0;padding-right:0}.listCard.lockedLayout,.listCard.lockedLayout .likedTableHeader,.listCard.lockedLayout .tableBody,.listCard.lockedLayout .likedRow{box-sizing:border-box!important;width:1250px!important;max-width:1250px!important}.listCard.lockedLayout .likedTableHeader,.listCard.lockedLayout .likedRow{display:grid!important;grid-template-columns:60px 40px 36px 480px 300px 190px 60px!important;gap:16px!important}.songCoverTiny{width:32px;height:32px;border-radius:6px;border:2px solid #895674;overflow:hidden;display:inline-block;background:linear-gradient(135deg,#b989b1,#8d5a8c);box-sizing:content-box}.songCoverTiny img{width:100%;height:100%;object-fit:cover;display:block}.listCard.lockedLayout,.listCard.lockedLayout *{-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important}.listCard.lockedLayout .likedTableHeader .th,.listCard.lockedLayout .likedRow>*{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}@media(max-width:1250px){.listCard.lockedLayout{overflow-x:auto!important}}:root{--rose: #FFE8F5;--plum: #895674;--ink: #4b2c3d;--berry: #AF578A;--shadow: #6e4760}.plGrid{width:min(96%,1280px);margin:0 auto;padding:40px 0 80px}.plGrid__title{font-size:28px;font-weight:800;color:#782355;margin-bottom:20px}.plGrid__container{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,2vw,28px);justify-items:center;align-items:start}.pl{background:var(--rose);border:4px solid var(--plum);border-radius:18px;box-shadow:0 4px 0 var(--shadow);padding:14px 12px 18px;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,background .22s ease;width:250px;height:380px;z-index:1}.pl:hover{background:#f6d3ea;transform:scale(1.07);box-shadow:0 10px 16px #00000040;z-index:5}.pl__pill{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:#f2cce1;border:3px solid var(--plum);font-weight:700;color:var(--plum);font-size:13px;margin-bottom:10px}.pl__pillIcon{font-size:14px;transform:translateY(-1px)}.pl__coverWrap{width:92%;border-radius:14px;border:4px solid var(--plum);padding:4px;background:transparent;margin-bottom:12px;flex-shrink:0}.pl__coverWrap{aspect-ratio:1 / 1;overflow:hidden;padding:0;box-sizing:border-box}.pl__cover{width:100%;height:100%;border-radius:10px;object-fit:cover;display:block}.pl__cover--liked{background:linear-gradient(135deg,#d7a1d7,#5e2750);width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:64px;font-weight:700;border-radius:10px}.pl__cover--liked:before{content:"❤";font-size:96px;line-height:1;color:#fff}.pl__title{font-weight:800;font-size:17px;color:var(--plum);text-align:center;margin:6px 0 4px;flex-shrink:0}.pl__by{font-weight:600;color:var(--berry);font-size:14px;text-align:center;margin-bottom:4px}.pl__tracks{font-weight:700;color:var(--berry);font-size:14px;text-align:center}@media(max-width:1100px){.plGrid__container{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.plGrid__container{grid-template-columns:repeat(2,1fr)}.pl{width:220px;height:340px}}@media(max-width:500px){.plGrid__container{grid-template-columns:1fr}.pl{width:90%;height:auto}}.pl__pinBtn{font-size:20px;background:transparent;border:none;cursor:pointer;transition:transform .2s ease,opacity .2s ease;opacity:.8}.pl__pinBtn:hover{transform:scale(1.2);opacity:1}.pl__pinBtn.active{color:#d63384;opacity:1}.pl--pinned{outline:2px solid #d63384;border-radius:10px}.playlistOptionsBtn{position:absolute;top:6px;right:8px;background:none;border:none;color:#782355;font-size:20px;cursor:pointer;transition:.2s ease}.pl__pinRow{position:absolute;top:8px;right:8px;display:flex;gap:8px;align-items:center;z-index:10}.pl__pinBtn{--pl-pin-offset: -15px;transform:translate(var(--pl-pin-offset))!important}.pl__pinBtn:hover{transform:translate(var(--pl-pin-offset)) scale(1.2)!important}.pl__pinBtn.is-on{transform:translate(var(--pl-pin-offset))!important}.pl__privacyBtn{background:var(--rose);border:none;color:var(--plum);padding:6px 8px;border-radius:8px;font-size:13px;cursor:pointer;transition:transform .12s ease,background .12s ease,color .12s ease;display:inline-flex;align-items:center;gap:6px}.pl__privacyBtn:hover{transform:scale(1.03);background:#f7d9ea}.pl{position:relative}.playlistOptions{position:absolute;top:22px;right:8px}.playlistOptionsBtn{background:none;border:none;color:#782355;font-size:20px;cursor:pointer;transition:.2s ease;padding:2px 4px}.playlistOptionsBtn:hover{color:#a94486;transform:scale(1.1)}.playlistDropdown{position:absolute;top:25px;right:0;background:#fff;border:1px solid #78235533;border-radius:10px;box-shadow:0 2px 6px #0000001a;z-index:20;display:flex;flex-direction:column;padding:4px 0}.dropdownItem{background:none;border:none;text-align:left;padding:6px 12px;color:#782355;font-size:14px;cursor:pointer;transition:.15s ease}.dropdownItem:hover{background-color:#f7e4f0;color:#a94486}.dropdownItem.delete{color:#a94486}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}.createPlaylistBtn{background-color:#e8c9d8;color:#782355;border:2px solid #782355;padding:10px 18px;font-size:16px;border-radius:12px;cursor:pointer;font-weight:600;transition:all .3s ease;margin-bottom:1.2rem}.createPlaylistBtn:hover{background-color:#f0d9e4;transform:scale(1.03)}.modalOverlay{position:fixed;inset:0;background:#78235566;display:flex;align-items:center;justify-content:center;z-index:1000}.modalContainer{background:#f8e4ec;border:3px solid #782355;border-radius:16px;box-shadow:0 8px 24px #78235566;width:90%;max-width:420px;padding:2rem;text-align:center;color:#782355;font-family:Inter,sans-serif}.modalRightActions{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.modalRightActions{width:160px;flex:0 0 160px;margin-left:12px;align-self:flex-start}.playlistNameInput{padding-right:176px;box-sizing:border-box}.modalContainer input,.modalContainer textarea,.modalContainer select{width:100%;border:2px solid #782355;border-radius:8px;padding:8px;background-color:#fbeaf1;color:#782355;margin-top:.5rem;font-family:inherit}.modalContainer input:focus,.modalContainer textarea:focus,.modalContainer select:focus{outline:none;border-color:#9a3a6e;box-shadow:0 0 4px #9a3a6e}.modalContainer button[type=submit]{background-color:#782355;color:#fff;border:none;border-radius:8px;padding:10px;font-weight:700;cursor:pointer;transition:.3s ease}.modalContainer button[type=submit]:hover{background-color:#9a3a6e}.closeBtn{background:#fbeaf1;border:2px solid #782355;color:#782355;border-radius:8px;padding:8px 14px;font-weight:600;margin-top:1rem;cursor:pointer;transition:all .3s ease}.closeBtn:hover{background:#e8c9d8;transform:scale(1.03)}.modalBtn{background:#ffe6f5;border:2px solid #895674;color:#782355;border-radius:8px;padding:6px 10px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px}.modalBtn:hover{background:#ffdff1;transform:translateY(-1px)}.modalBtn.icon{width:36px;height:36px;padding:0;gap:0}.modalBtn.primary{background:#782355;color:#fff;border-color:#782355}.modal-overlay{position:fixed;inset:0;background-color:#782355d9;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-in}.modal-content{font-family:Inter,sans-serif;background:#fff0fd;border:5px solid #895674;border-radius:20px;padding:0;width:90%;max-width:450px;box-shadow:0 12px 40px #78235566;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:3px solid #895674}.modal-header h2{font-family:Inter,sans-serif;margin:0;font-size:1.75rem;font-weight:800;color:#782355}.modal-close-btn{background:none;border:none;font-size:2.5rem;color:#895674;cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:color .2s,transform .2s;font-weight:300}.modal-close-btn:hover{color:#782355;transform:rotate(90deg)}.modal-close-btn:disabled{cursor:not-allowed;opacity:.5}.modal-body{padding:28px;color:#895674;text-align:center}.modal-body p{font-family:Inter,sans-serif;margin:0 0 12px;font-size:1.05rem;line-height:1.6;font-weight:500}.song-title-highlight{color:#782355;font-weight:700;font-size:1.25rem;margin:20px 0!important}.warning-text{color:#d9534f;font-size:.95rem;font-weight:600;margin-top:20px!important}.modal-footer{display:flex;gap:12px;padding:20px 28px;border-top:3px solid #895674;justify-content:flex-end}.modal-footer button{font-family:Inter,sans-serif;padding:12px 28px;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.btn-cancel{background:#ad7d9b;color:#fff;border-color:#895674}.btn-cancel:hover:not(:disabled){background:#895674;border-color:#782355;transform:translateY(-1px)}.btn-confirm-delete{background:#d9534f;color:#fff;border-color:#c9302c}.btn-confirm-delete:hover:not(:disabled){background:#c9302c;border-color:#ac2925;transform:translateY(-1px)}.modal-footer button:disabled{opacity:.6;cursor:not-allowed}.modal-footer button:active{transform:translateY(0)}.subscription-container{padding:2rem;max-width:1200px;margin:0 auto}.subscription-header{text-align:center;margin-bottom:3rem;background:#ffe8f5;padding:2rem;border-radius:20px;box-shadow:0 4px 6px #0000001a;max-width:800px;margin-left:auto;margin-right:auto;border:5px solid #895674}.subscription-header h1{color:#782355;font-size:2.5rem;margin-bottom:1rem;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-weight:700}.subscription-header p{color:#895674;font-size:1.2rem;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.transaction-history-link{margin-top:1rem;padding:.75rem 1.5rem;background:#895674;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.transaction-history-link:hover{background:#612c4b;transform:translateY(-2px);box-shadow:0 4px 12px #8956744d}.plans-container{display:flex;justify-content:center;gap:2rem;padding:1rem}.plan-card{background:#fff0fd;border-radius:20px;padding:2rem;min-width:300px;max-width:340px;box-shadow:0 4px 6px #0000001a;position:relative;display:flex;flex-direction:column;gap:1rem;text-align:center;border:5px solid #895674}.plan-card h2{font-size:2rem;color:#8b1858;margin-bottom:.5rem}.plan-price{font-size:2.25rem;color:#8b1858;font-weight:700;margin-bottom:1rem}.plan-price span{font-size:1rem;font-weight:400;color:#895674}.plan-features{flex-grow:1;text-align:left}.feature{display:flex;align-items:center;gap:.5rem;margin-bottom:.8rem;color:#8b1858}.feature span{color:#895674}.checkmark{color:#8b1858;font-weight:700}.crown-icon{position:absolute;top:1.5rem;right:1.5rem;width:2.5rem;height:2.5rem;background-image:url(/assets/subscribe-crown-BtCJIsVT.svg);background-size:contain;background-repeat:no-repeat;background-position:center}.plan-button{width:100%;padding:1rem;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .2s ease,background-color .2s ease;margin-top:auto}.plan-button:hover:not(:disabled){transform:scale(1.02)}.plan-button:disabled{opacity:.6;cursor:not-allowed}.current{background-color:#c5a0b6;color:#fff;cursor:default}.current-inactive{background-color:#8b1858;color:#fff}.revert-free{background-color:#8b1858;color:#fff;cursor:pointer}.revert-free:hover:not(:disabled){background-color:#6d1245}.subscribe{background-color:#8b1858;color:#fff}.subscribed{background-color:#c5a0b6;color:#fff}.subscribe-toggle{background-color:#8b1858;color:#fff}.subscribe-toggle:hover:not(:disabled){background-color:#6d1245}.subscribed-light{background-color:#c5a0b6;color:#fff;cursor:pointer}.subscribed-light:hover:not(:disabled){background-color:#b08fa0}.subscription-error{color:#d8000c;background-color:#ffd2d2;padding:1rem;border-radius:10px;text-align:center;margin-top:1.5rem;max-width:800px;margin-left:auto;margin-right:auto}@media(max-width:1024px){.plans-container{flex-direction:column;align-items:center}.plan-card{width:100%;max-width:450px}}.follow-container{position:relative;width:809px;height:541px;background:#ffe8f5;border:4px solid #895674;border-radius:16px;box-shadow:5px 5px #895674;box-sizing:border-box;margin:2rem auto;overflow:hidden}.tabs{display:flex;width:100%;height:87px;border-bottom:4px solid #895674}.tabs button{display:flex;justify-content:center;align-items:center;height:100%;cursor:pointer;font-family:Inter,sans-serif;font-weight:700;font-size:38px;flex-grow:1;border:none}.tabs button{background:#ffe8f5;color:#782355}.tabs button.active{background:#ad7d9b;color:#f2f2f2}.tabs button:first-child{border-radius:12px 0 0;border-right:4px solid #895674}.tabs button:last-child{border-radius:0 12px 0 0}.search-bar-container{padding:16px 0;display:flex;justify-content:center}.follow-search{width:654px;height:34px;background:#f2f2f2;border:4px solid #895674;border-radius:16px;padding:0 16px;font-family:Inter,sans-serif;font-weight:700;font-size:18px;color:#ad7d9b}.follow-search::placeholder{color:#ad7d9b;opacity:.8}.user-list{padding:8px 32px;height:calc(100% - 160px);overflow-y:auto}.user-row{width:100%;height:70px;border-radius:16px;margin-bottom:16px;padding:5px 14px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between}.user-info{display:flex;align-items:center}.user-avatar{width:60px;height:60px;border-radius:50%;margin-right:12px;border:2px solid #FFDAF0;background-color:#eee}.user-details{display:flex;flex-direction:column}.user-name{font-family:Inter,sans-serif;font-weight:700;font-size:22px;color:#ffdaf0}.user-username{font-family:Inter,sans-serif;font-weight:700;font-size:13px;color:#ffdaf0}.follow-btn,.following-btn{width:110px;height:39px;border:none;border-radius:13px;font-family:Inter,sans-serif;font-weight:700;font-size:15px;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:2px;padding:11px 0;transition:transform .2s ease-in-out}.follow-btn:hover,.following-btn:hover{transform:scale(1.05) translateY(-.5px)}.follow-btn{background:#ad7d9b;color:#f2f2f2}.following-btn{background:#be6891;color:#f2f2f2}.buyads-container{max-width:800px;margin:0 auto;padding:2rem}.buyads-header{background:#ffe8f5;padding:2.5rem 2rem;border-radius:20px;text-align:center;margin-bottom:2rem;box-shadow:0 4px 15px #0000001a}.buyads-header h1{color:#6b3d6b;margin:0 0 .8rem;font-size:2.2rem;font-weight:700}.buyads-header p{color:#6b3d6b;margin:0;font-size:1.05rem;opacity:.9}.transaction-history-btn{margin-top:1rem;padding:.75rem 1.5rem;background:#895674;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.transaction-history-btn:hover{background:#612c4b;transform:translateY(-2px);box-shadow:0 4px 12px #8956744d}.buyads-form-container{background:#ffffffb3;padding:3rem 2.5rem 2rem;padding-bottom:140px;border-radius:20px;box-shadow:0 4px 20px #0000001a;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:auto}form{display:flex;flex-direction:column;gap:1.5rem}.artist-id-group{width:100%}.artist-id-input{width:100%;padding:1rem 1.5rem;border:4px solid #8b5a8b!important;border-radius:30px;font-size:1rem;outline:none;background-color:#fff;box-sizing:border-box;transition:border-color .2s,box-shadow .2s;text-align:center}.artist-id-input::placeholder{color:#a26aa1;opacity:.8}.artist-id-input:focus{border-color:#6b3d6b;box-shadow:0 0 0 3px #a26aa11a}.middle-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group{position:relative}.form-group input[type=email]{width:100%;padding:1rem 1.5rem;border:2px solid #a26aa1;border-radius:30px;font-size:1rem;outline:none;background-color:#fff;box-sizing:border-box;transition:border-color .2s,box-shadow .2s;text-align:center}.form-group input[type=email]::placeholder{color:#a26aa1;opacity:.8}.form-group input[type=email]:focus{border-color:#6b3d6b;box-shadow:0 0 0 3px #a26aa11a}.upload-group{display:flex;flex-direction:column;gap:.5rem;width:60%;margin:0 auto}.upload-button{background:#5a8fc4!important;padding:.75rem 1rem;border:none!important;border-radius:15px;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #7eb3e84d;outline:2.5px dotted #8b5a8b;outline-offset:0}.upload-button:hover{background:#4a7fb4;transform:translateY(-2px);box-shadow:0 4px 12px #7eb3e866}.upload-button label{color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;display:block}.file-name{font-size:.85rem;color:#6b3d6b;text-align:center;display:block;margin-top:.3rem}.message-group{width:100%}.message-group textarea{width:100%;padding:1rem 1.5rem;border:4px solid #8b5a8b!important;border-radius:20px;font-size:1rem;outline:none;background-color:#fff;box-sizing:border-box;resize:vertical;min-height:100px;font-family:Arial,sans-serif;transition:border-color .2s,box-shadow .2s;text-align:center}.message-group textarea::placeholder{color:#a26aa1;opacity:.8}.message-group textarea:focus{border-color:#6b3d6b;box-shadow:0 0 0 3px #a26aa11a}.submit-button{background-color:#6b3d6b;color:#fff;padding:.7rem 1.5rem;border:4px solid #8b5a8b!important;border-radius:10px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 10px #a26aa14d;position:static;align-self:center;width:auto;max-width:220px;margin-top:.25rem}.submit-button:hover:not(:disabled){background-color:#a26aa1;transform:translateY(-2px);box-shadow:0 5px 15px #a26aa166}.submit-button:disabled{background-color:#ccc;border-color:#999;cursor:not-allowed;opacity:.6}.decoration{position:absolute;bottom:20px;left:0;right:0;height:100px;pointer-events:none}.cat-icon{width:100px;height:100px;position:absolute;bottom:0}.cat-icon.left{left:30px}.cat-icon.right{right:30px}@media(max-width:768px){.buyads-container{padding:1rem}.buyads-header{padding:2rem 1.5rem}.buyads-header h1{font-size:1.8rem}.buyads-form-container{padding:2rem 1.5rem 3.5rem}.middle-row{grid-template-columns:1fr}.cat-icon{width:70px;height:70px}.cat-icon.left{left:10px}.cat-icon.right{right:10px}}@media(max-width:480px){.buyads-header h1{font-size:1.5rem}.buyads-header p{font-size:.95rem}.cat-icon{width:60px;height:60px}}.tab-navigation{display:flex;gap:1rem;margin-bottom:1.5rem;justify-content:center}.tab-button{flex:1;max-width:200px;padding:1rem 1.5rem;background:#fff;border:3px solid #a26aa1;border-radius:15px;font-size:1rem;font-weight:600;color:#6b3d6b;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem}.tab-button:hover:not(:disabled){background:#f8e9f5;transform:translateY(-2px);box-shadow:0 4px 12px #a26aa133}.tab-button.active{background:#6b3d6b;color:#fff;border-color:#8b5a8b;box-shadow:0 4px 15px #6b3d6b4d}.tab-button:disabled{opacity:.5;cursor:not-allowed}.tab-icon{font-size:1.5rem}.tab-description{background:#f0e6f5;padding:1rem 1.5rem;border-radius:12px;margin-bottom:1.5rem;border-left:4px solid #8b5a8b}.tab-description p{margin:0;color:#6b3d6b;font-size:.95rem;line-height:1.6}.tab-description strong{color:#6b3d6b;font-weight:700}@media(max-width:768px){.tab-navigation{flex-direction:column}.tab-button{max-width:100%}}.edit-profile-container{background:#ffe8f5;border:5px solid #895674;border-radius:20px;width:1011px;padding:40px;margin:60px auto;position:relative}.edit-profile-title{color:#782355;font-family:Inter,sans-serif;font-size:48px;font-weight:700;margin-bottom:32px;text-align:center}.edit-profile-form .input-row{display:flex;gap:30px;margin-bottom:18px}.input-group{display:flex;flex-direction:column;width:368px}.input-group label{color:#ad7d9b;font-size:28px;font-weight:700;margin-bottom:6px}.input-group input,.input-group textarea{background:#f2f2f2;border:5px solid #895674;border-radius:20px;padding:10px;font-size:20px}.update-image-btn{background:#b2c4fa;color:#f2f2f2;font-size:24px;font-weight:700;border:5px solid #895674;border-radius:20px;padding:18px 53px;margin:20px auto;display:block;cursor:pointer}.bio-group textarea{width:887px;height:132px;resize:none}.edit-profile-buttons{display:flex;justify-content:flex-end;gap:20px;margin-top:20px}.cancel-btn{background:#ad7d9b;color:#f2f2f2;font-size:24px;font-weight:700;border:5px solid #895674;border-radius:20px;padding:18px 53px;cursor:pointer}.save-changes-btn{background:#d4abc5;color:#f2f2f2;font-size:24px;font-weight:700;border:5px solid #B4809F;border-radius:20px;padding:18px 53px;cursor:pointer}.remove-account-container{display:flex;justify-content:center;margin-top:40px}.remove-account-btn{background:#f8b4b4;color:#852929;font-size:22px;font-weight:700;border:5px solid #c76262;border-radius:20px;padding:18px 50px;cursor:pointer;transition:background .2s ease-in-out}.remove-account-btn:hover{background:#f99}:root{--plum: #895674;--shell: #FFE8F5;--shell-dark: #ECAFD2;--ink: #782355;--text-placeholder: #CA91B4}.acctType{width:100%;min-height:100vh;display:grid;place-items:center;padding:24px;font-family:Fira Code,monospace}.acctType__panel{width:1065px;height:550px;background:var(--shell);border:5.55px solid var(--plum);border-radius:22.19px;box-shadow:none;padding:30px;display:flex;flex-direction:column;align-items:center}.acctType__badge{width:220px;margin:0 auto;text-align:center;border:5px solid var(--plum);background:var(--shell-dark);border-radius:10px;font-weight:700;color:var(--plum);padding:20px 12px;font-size:36px;font-family:Fira Code,monospace}.acctType__heading{color:var(--ink);font-family:Inter,sans-serif;font-weight:700;font-size:48px;width:1053px;text-align:center;letter-spacing:-.01em;margin-top:0;margin-bottom:32px}.acctType__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,3vw,28px);align-items:start;justify-items:center}.acctType__svgBtn{appearance:none;background:transparent;border:none;padding:0;margin:0;line-height:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;font-family:Fira Code,monospace}.acctType__svgBtn:focus-visible{outline:3px solid var(--plum);outline-offset:4px;border-radius:10px}.acctType__svgBtn:hover{transform:scale(1.05);filter:brightness(1.06)}.acctType__svgBtn:active{transform:scale(.98);filter:brightness(.98)}.acctType__svgBtn svg{display:block;width:clamp(220px,32vw,300px);height:auto}.acctType__info{text-align:center;max-width:34ch}.acctType__title{font-size:clamp(18px,2vw,22px);font-weight:800;color:var(--plum)}.acctType__blurb{color:var(--ink);opacity:.9;font-size:clamp(14px,1.4vw,16px);line-height:1.3}@media(max-width:720px){.acctType__grid{grid-template-columns:1fr}}.acctType__footer{margin-top:34px;text-align:center;font-family:Fira Code,monospace;font-size:20px;font-weight:600;color:var(--text-placeholder);display:flex;justify-content:center;align-items:center}.acctType__footer p{margin:0}.acctType__signinLink{color:var(--plum);font-weight:700;text-decoration:none;font-family:Fira Code,monospace;margin-left:8px}.acctType__signinLink:hover{text-decoration:underline;text-underline-offset:4px}.artist-dashboard{padding:32px 48px;max-width:1400px;margin:0 auto}.welcome-title{font-size:32px;font-weight:600;color:#4b2c3d;margin-bottom:32px}.welcome-row{display:flex;align-items:center;gap:16px;margin-bottom:32px}.artist-avatar{max-width:80px;height:80px;border-radius:50%;object-fit:cover;border:4px solid #BDA0AE;background:#e9d2df;display:flex;align-items:center;justify-content:center;font-size:24px;color:#612c4b;flex-shrink:0}.artist-avatar.placeholder{font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px}.stat-card{background:#f7ecf2;border:1px solid #BDA0AE;border-radius:20px;padding:24px;display:flex;align-items:center;gap:16px}.stat-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon img{width:100%;height:100%;object-fit:contain}.stat-content{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:16px;font-weight:500;color:#612c4b}.stat-value{font-size:32px;font-weight:700;color:#4b2c3d}.quick-actions{margin-bottom:40px}.section-title{font-size:24px;font-weight:600;color:#4b2c3d;margin-bottom:16px}.actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.action-btn{background:#f7ecf2;border:1px solid #BDA0AE;border-radius:16px;padding:20px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s ease;font-size:16px;font-weight:500;color:#4b2c3d}.action-btn:hover{background:#efdbe8;border-color:#895674;transform:translateY(-2px)}.action-btn img{width:24px;height:24px;object-fit:contain}.qa-icon{width:24px;height:24px;display:inline-block;background-color:#612c4b;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;mask-repeat:no-repeat;mask-position:center;mask-size:contain}.qa-icon--upload-song{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='SVGRepo_bgCarrier'%20stroke-width='0'%3e%3c/g%3e%3cg%20id='SVGRepo_tracerCarrier'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3c/g%3e%3cg%20id='SVGRepo_iconCarrier'%3e%3cpath%20d='M12%2015C12%2016.1046%2011.1046%2017%2010%2017C8.89543%2017%208%2016.1046%208%2015C8%2013.8954%208.89543%2013%2010%2013C11.1046%2013%2012%2013.8954%2012%2015Z'%20stroke='%23ffdaf0'%20stroke-width='1.5'%3e%3c/path%3e%3cpath%20d='M12%2015V9'%20stroke='%23ffdaf0'%20stroke-width='1.5'%3e%3c/path%3e%3cpath%20d='M14.0584%2011.0294L12.7416%2010.371C12.5592%2010.2798%2012.468%2010.2342%2012.3926%2010.1765C12.1974%2010.0273%2012.064%209.81145%2012.0178%209.57014C12%209.47699%2012%209.37499%2012%209.171C12%208.68545%2012%208.44268%2012.0598%208.27764C12.2178%207.84144%2012.6551%207.57119%2013.1159%207.62495C13.2902%207.64528%2013.5074%207.75385%2013.9416%207.971L15.2584%208.62936C15.4408%208.72058%2015.532%208.7662%2015.6074%208.82381C15.8026%208.97304%2015.936%209.1889%2015.9822%209.43021C16%209.52337%2016%209.62536%2016%209.82936C16%2010.3149%2016%2010.5577%2015.9402%2010.7227C15.7822%2011.1589%2015.3449%2011.4292%2014.8841%2011.3754C14.7098%2011.3551%2014.4926%2011.2465%2014.0584%2011.0294Z'%20stroke='%23ffdaf0'%20stroke-width='1.5'%20stroke-linecap='round'%3e%3c/path%3e%3cpath%20d='M14%2021.8C13.3538%2021.9311%2012.6849%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012C2%2010.1786%202.48697%208.47087%203.33782%207M21.8%2014C21.9311%2013.3538%2022%2012.6849%2022%2012C22%206.47715%2017.5228%202%2012%202C10.1786%202%208.47087%202.48697%207%203.33782'%20stroke='%23ffdaf0'%20stroke-width='1.5'%20stroke-linecap='round'%3e%3c/path%3e%3cpath%20d='M18%2022V15M18%2015L20.5%2017.5M18%2015L15.5%2017.5'%20stroke='%23ffdaf0'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='SVGRepo_bgCarrier'%20stroke-width='0'%3e%3c/g%3e%3cg%20id='SVGRepo_tracerCarrier'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3c/g%3e%3cg%20id='SVGRepo_iconCarrier'%3e%3cpath%20d='M12%2015C12%2016.1046%2011.1046%2017%2010%2017C8.89543%2017%208%2016.1046%208%2015C8%2013.8954%208.89543%2013%2010%2013C11.1046%2013%2012%2013.8954%2012%2015Z'%20stroke='%23ffdaf0'%20stroke-width='1.5'%3e%3c/path%3e%3cpath%20d='M12%2015V9'%20stroke='%23ffdaf0'%20stroke-width='1.5'%3e%3c/path%3e%3cpath%20d='M14.0584%2011.0294L12.7416%2010.371C12.5592%2010.2798%2012.468%2010.2342%2012.3926%2010.1765C12.1974%2010.0273%2012.064%209.81145%2012.0178%209.57014C12%209.47699%2012%209.37499%2012%209.171C12%208.68545%2012%208.44268%2012.0598%208.27764C12.2178%207.84144%2012.6551%207.57119%2013.1159%207.62495C13.2902%207.64528%2013.5074%207.75385%2013.9416%207.971L15.2584%208.62936C15.4408%208.72058%2015.532%208.7662%2015.6074%208.82381C15.8026%208.97304%2015.936%209.1889%2015.9822%209.43021C16%209.52337%2016%209.62536%2016%209.82936C16%2010.3149%2016%2010.5577%2015.9402%2010.7227C15.7822%2011.1589%2015.3449%2011.4292%2014.8841%2011.3754C14.7098%2011.3551%2014.4926%2011.2465%2014.0584%2011.0294Z'%20stroke='%23ffdaf0'%20stroke-width='1.5'%20stroke-linecap='round'%3e%3c/path%3e%3cpath%20d='M14%2021.8C13.3538%2021.9311%2012.6849%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012C2%2010.1786%202.48697%208.47087%203.33782%207M21.8%2014C21.9311%2013.3538%2022%2012.6849%2022%2012C22%206.47715%2017.5228%202%2012%202C10.1786%202%208.47087%202.48697%207%203.33782'%20stroke='%23ffdaf0'%20stroke-width='1.5'%20stroke-linecap='round'%3e%3c/path%3e%3cpath%20d='M18%2022V15M18%2015L20.5%2017.5M18%2015L15.5%2017.5'%20stroke='%23ffdaf0'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3c/path%3e%3c/g%3e%3c/svg%3e")}.action-btn:hover .qa-icon{background-color:#4b2c3d}.top-songs{margin-bottom:40px}.songs-list{display:flex;flex-direction:column;gap:12px}.song-row{background:#f7ecf2;border:1px solid #BDA0AE;border-radius:16px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s ease}.song-row:hover{background:#efdbe8;border-color:#895674;transform:translate(4px)}.song-left{display:flex;align-items:center;gap:16px;flex:1}.song-heart{width:20px;height:20px;object-fit:contain;flex-shrink:0}.song-artwork{width:48px;height:48px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#e9d2df;display:flex;align-items:center;justify-content:center}.artwork-placeholder{width:100%;height:100%;background:#e9d2df;display:flex;align-items:center;justify-content:center;font-size:20px}.song-info{display:flex;flex-direction:column;gap:4px;min-width:0}.song-title{font-size:16px;font-weight:600;color:#4b2c3d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-artist{font-size:14px;color:#8e3f65}.song-right{display:flex;align-items:center;gap:32px;flex-shrink:0}.song-date{font-size:14px;color:#612c4b;min-width:100px;text-align:right}.song-plays{font-size:14px;font-weight:600;color:#4b2c3d;min-width:60px;text-align:right}.no-songs{padding:40px;text-align:center;color:#8e3f65;font-size:16px}@media(max-width:1024px){.stats-grid,.actions-grid{grid-template-columns:1fr}.song-right{gap:16px}.song-date{min-width:80px}}@media(max-width:768px){.artist-dashboard{padding:24px}.song-left{gap:12px}.song-date{display:none}}.album-form-container{max-width:940px;margin:0 auto 40px;padding:40px;background:#fff0fd;border:4px solid #895674;border-radius:20px;font-family:Inter,sans-serif;box-sizing:border-box}.album-form{background:none;border-radius:20px;padding:0;box-shadow:none}.album-layout{display:grid;grid-template-columns:280px 1fr;gap:40px}.album-cover-section{display:flex;flex-direction:column;gap:32px}.album-cover-upload{width:100%;max-width:280px;height:280px;background:#fff0fd;border:4px dashed #895674;border-radius:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s,background .2s;overflow:hidden;position:relative}.album-cover-upload:hover{border-color:#ad7d9b;background:#fff8fe}.album-cover-preview,.cover-preview-img{width:100%;height:100%;object-fit:cover;border-radius:10px;max-height:180px}.album-cover-placeholder{display:flex;flex-direction:column;align-items:center;gap:16px}.upload-icon{color:#8b5ba8;margin-bottom:10px}.upload-icon svg{width:48px;height:48px;color:#782355}.upload-text{font-size:16px;font-weight:600;color:#782355}.add-songs-section{display:flex;flex-direction:column;gap:12px}.add-songs-label{font-size:18px;font-weight:600;color:#782355;margin-bottom:4px}.choose-tracks-btn{width:100%;padding:14px;background:#9d6b88;color:#fff;border:none;border-radius:12px;font-size:17px;font-weight:700;cursor:pointer;text-align:center;margin-top:10px;box-shadow:0 4px #784d66;transition:transform .1s,background .2s}.choose-tracks-btn:hover{background:#ad7d9b;transform:translateY(-2px)}.choose-tracks-btn:active{transform:translateY(2px);box-shadow:0 1px #784d66}.track-list{display:flex;flex-direction:column;gap:10px}.track-item{display:flex;align-items:center;justify-content:space-between;background:#e9d3f3;color:#895674;border-radius:10px;font-size:15px;font-weight:600;padding:9px 14px;margin-bottom:2px}.track-item-remove{background:none;border:none;color:#895674;font-size:24px;cursor:pointer;margin-left:15px;transition:color .2s}.track-item-remove:hover{color:#b04495}.track-item-placeholder{color:#ad7d9b;font-weight:500;padding:14px 0;text-align:center}.album-details-section{display:flex;flex-direction:column;gap:28px}.form-field{margin-bottom:28px}.form-field label{font-family:Inter,sans-serif;font-weight:600;font-size:24px;color:#782355;margin-bottom:12px;display:block}.form-field input[type=text],.form-field input[type=date],.form-field textarea{width:100%;height:60px;padding:0 20px;border:4px solid #895674;border-radius:20px;background:#fff0fd;color:#4b2c3d;font-size:18px;font-family:Inter,sans-serif;font-weight:500;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.form-field textarea{min-height:100px;padding-top:18px;resize:vertical}.form-field input:focus,.form-field textarea:focus{outline:none;border-color:#ad7d9b;box-shadow:0 0 0 3px #8b5ba812}.form-field input::placeholder,.form-field textarea::placeholder{color:#ad7d9b;font-size:16px}.publish-button{width:100%;height:68px;background:#9d6b88;border:none;border-radius:14px;font-family:Inter,sans-serif;font-weight:800;font-size:24px;color:#fff;cursor:pointer;transition:transform .1s,background .2s;margin-top:18px;letter-spacing:.2px;box-shadow:0 4px #784d66}.publish-button:hover{background:#ad7d9b;transform:translateY(-2px)}.publish-button:active{transform:translateY(2px);box-shadow:0 1px #784d66}.publish-button:disabled{background:#bda1b2;cursor:not-allowed;opacity:.7}.genre-selector{position:relative}.selected-genres{display:flex;flex-wrap:wrap;gap:8px;padding:14px;border:4px solid #895674;border-radius:16px;background:#fff0fd;min-height:50px;align-items:center}.genre-tag{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;background:#895674;color:#fff;border:2px solid #895674;border-radius:50px;font-size:15px;font-weight:600}.genre-tag-remove{background:none;border:none;color:#782355;font-size:22px;cursor:pointer;width:18px;height:18px;display:flex;align-items:center;justify-content:center;transition:color .2s}.genre-tag-remove:hover{color:#b04495}.add-genre-btn{background:none;border:2px dashed #AD7D9B;color:#782355;padding:7px 15px;border-radius:16px;font-size:15px;font-weight:500;cursor:pointer;transition:border-color .2s,background .2s}.add-genre-btn:hover{border-color:#782355;background:#f8f4fd}.genre-dropdown{position:absolute;top:110%;left:0;right:0;background:#fff;border:3px solid #895674;border-radius:12px;box-shadow:0 4px 16px #8b5ba814;max-height:250px;overflow-y:auto;z-index:12;padding:12px;margin-top:8px}.genre-option{display:flex;align-items:center;gap:12px;padding:13px 14px;cursor:pointer;border-radius:8px;transition:background .18s;-webkit-user-select:none;user-select:none}.genre-option:hover{background:#f8f4fd}.genre-option input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#782355}.genre-option span{font-size:17px;color:#782355}@media(max-width:900px){.album-layout{grid-template-columns:1fr;gap:32px}.album-cover-upload{max-width:90vw;height:240px;margin:0 auto}.album-form-container{padding:18px}.album-details-section{gap:20px}}.form-notification{position:relative;padding:15px 40px 15px 20px;margin-bottom:24px;border-radius:12px;font-size:16px;font-weight:500;font-family:Inter,sans-serif}.form-notification.error{background:#ffe5e9;border:2px solid #b93846;color:#b93846}.form-notification.success{background:#e3fff0;border:3px solid #5dd48c;color:#1e8346}.form-notification-close{position:absolute;top:50%;right:15px;transform:translateY(-50%);background:none;border:none;font-size:26px;font-weight:600;color:inherit;opacity:.6;cursor:pointer;padding:0 5px;line-height:1}.form-notification-close:hover{opacity:1}.song-upload-modal{background:#fff0fd;border:4px solid #895674;border-radius:28px;width:min(95vw,880px);min-width:600px;max-width:98vw;max-height:92vh;overflow-y:auto;color:#782355;font-family:Inter,sans-serif;box-shadow:0 12px 36px #00000029;padding:28px 36px;position:relative;display:flex;flex-direction:column}.song-form-layout{display:flex;flex-direction:row;gap:38px;width:100%;height:100%;align-items:flex-start}.modal-left-col{flex:1;display:flex;flex-direction:column;gap:17px;min-width:215px}.modal-title-desktop{font-size:2.4rem;font-weight:900;margin:0 0 14px;color:#782355;line-height:1}.form-group{display:flex;flex-direction:column;gap:7px}.form-group label{font-size:1.65rem;font-weight:700;color:#782355;margin-bottom:0}.title-input{background:#fff;border:3px solid #895674;border-radius:15px;padding:14px 22px;font-size:1.55rem;color:#4b2c3d;font-weight:700;width:100%;outline:none;transition:border-color .3s}.title-input:focus{border-color:#ad7d9b;box-shadow:0 0 0 4px #ad7d9b38}.upload-group{display:flex;flex-direction:column}.upload-box{flex:1;min-height:138px;background:#fff0fd;border:3.5px dashed #895674;border-radius:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;padding:24px 8px;margin-bottom:0;transition:border-color .24s}.upload-box:hover{background:#faeef8;border-color:#ad7d9b}.upload-content{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:7px}.upload-icon svg{width:38px;height:38px;color:#895674}.select-text{font-weight:800;font-size:1.3rem;color:#782355}.file-selected{font-size:1.16rem;color:#895674;margin-top:5px}.supported-text{font-size:1.08rem;text-align:center;margin-top:10px;color:#895674;opacity:.92;font-weight:600}.modal-right-col{flex:1.05;display:flex;flex-direction:column;gap:18px;min-width:190px;padding-top:10px}.genres-group{display:flex;flex-direction:column}.genre-label{font-size:1.33rem;font-weight:800;margin-bottom:6px;margin-left:4px;color:#782355;display:block;text-align:left;letter-spacing:0}.genre-grid-scroll{padding:7px 0 7px 2px;scrollbar-width:thin;scrollbar-color:#ad7d9b transparent}.genre-grid{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:18px 20px;align-content:flex-start}.genre-capsule{background:#fff;border:2.6px solid #895674;border-radius:42px;padding:4px 20px;font-size:.8rem;font-weight:800;color:#782355;cursor:pointer;transition:all .16s;white-space:nowrap;display:flex;align-items:center;justify-content:center;min-width:100px;min-height:42px;letter-spacing:.01em;text-align:center;line-height:1.1;text-transform:capitalize;box-sizing:border-box;overflow-wrap:break-word}.genre-capsule.selected{background:#895674;color:#fff;border-color:#895674}.genre-capsule:hover{background:#fbebf7;transform:translateY(-2px)}.modal-actions{display:flex;flex-direction:column;gap:16px;margin-top:8px}.error-message{color:#b93846;background:#ffe5e9;padding:13px 7px;border-radius:15px;text-align:center;font-weight:800;font-size:1.08rem}.btn-primary{background:#9d6b88;color:#fff;border:none;border-radius:14px;padding:18px;font-size:1.32rem;font-weight:800;cursor:pointer;box-shadow:0 4px #784d66;transition:transform .12s,background .16s}.btn-primary:hover{background:#ad7d9b;transform:translateY(-2px)}.btn-primary:active{transform:translateY(2px);box-shadow:0 1px #784d66}.btn-secondary{background:#fff;color:#9d6b88;border:2.5px solid #9D6B88;border-radius:14px;padding:14px;font-size:1.05rem;font-weight:800;cursor:pointer;transition:background .22s,color .22s,border-color .19s}.btn-secondary:hover{background:#fff5fa;color:#782355;border-color:#782355}@media(max-width:900px){.song-upload-modal{min-width:0;width:97vw;padding:18px;max-height:97vh}.song-form-layout{flex-direction:column;gap:13px}.modal-left-col,.modal-right-col{min-width:0;gap:14px;padding-top:0}.modal-title-desktop{font-size:1.07rem;margin-bottom:4px}.upload-box{min-height:58px}}.upload-page-title{font-family:Inter,sans-serif;font-weight:600;font-size:40px;line-height:1.5;color:#782355;border:none;margin:40px 0 10px;text-align:center}.upload-page-container{max-width:940px;margin:0 auto 40px;padding:40px;background:#fff0fd;border:4px solid #895674;border-radius:20px;font-family:Inter,sans-serif;box-sizing:border-box}.upload-subtitle{font-family:Inter,sans-serif;font-weight:400;font-size:20px;line-height:1.5;color:#895674;margin-bottom:30px}.song-form{width:100%}.upload-boxes-row{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px}.upload-box{background:#fff0fd;border:4px dashed #895674;border-radius:20px;min-height:225px;padding:20px;text-align:center;cursor:pointer;transition:background-color .2s ease;display:grid;place-content:center;gap:16px}.upload-box:hover{background:#fff8fe}.upload-icon svg{width:48px;height:48px;color:#782355;margin-bottom:10px}.select-button{font-family:Inter,sans-serif;font-weight:600;font-size:20px;color:#782355;background:none;border:none;cursor:pointer;transition:color .2s ease}.upload-box:hover .select-button{color:#ad7d9b}.file-selected{font-family:Inter,sans-serif;font-weight:500;font-size:14px;color:#ad7d9b;margin-top:10px}.cover-preview-img{width:100%;height:100%;max-height:180px;object-fit:cover;border-radius:10px}.form-field{margin-bottom:25px}.form-field label{font-family:Inter,sans-serif;font-weight:600;font-size:24px;line-height:1.5;color:#782355;display:block;margin-bottom:12px}.form-field input[type=text]{box-sizing:border-box;width:100%;height:70px;background:#fff0fd;border:4px solid #895674;border-radius:20px;padding:0 20px;font-family:Inter,sans-serif;font-weight:500;font-size:18px;color:#4b2c3d}.form-field input[type=text]::placeholder{color:#ad7d9b}.genre-checkbox-group{box-sizing:border-box;width:100%;max-height:220px;overflow-y:auto;background:#fff0fd;border:4px solid #895674;border-radius:20px;padding:15px 25px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.genre-checkbox-item{display:block;position:relative;cursor:pointer;font-family:Inter,sans-serif;font-weight:600;font-size:18px;color:#782355;-webkit-user-select:none;user-select:none}.genre-checkbox-item input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.genre-checkbox-item label{font-size:18px;font-weight:600;color:#782355;margin-bottom:0;display:block;line-height:25px;position:relative;padding-left:30px;cursor:pointer}.genre-checkbox-item label:before{content:"";position:absolute;left:0;top:0;width:20px;height:20px;background:#fff;border:2px solid #895674;border-radius:5px}.genre-checkbox-item input:checked+label{color:#4b2c3d}.genre-checkbox-item input:checked+label:before{background-color:#ad7d9b}.genre-checkbox-item label:after{content:"";position:absolute;display:none;left:7px;top:3px;width:6px;height:12px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg)}.genre-checkbox-item input:checked+label:after{display:block}.upload-success-message{font-family:Inter,sans-serif;font-weight:600;font-size:18px;color:#34a853;background:#e6f4ea;border:2px solid #34A853;border-radius:10px;padding:15px;text-align:center;margin-bottom:20px}.upload-submit-button{box-sizing:border-box;width:100%;height:70px;background:#ad7d9b;border:5px solid #895674;border-radius:10px;font-family:Inter,sans-serif;font-weight:600;font-size:24px;line-height:1.5;color:#f2f2f2;cursor:pointer;transition:background-color .2s ease;margin-top:30px}.upload-submit-button:hover{background:#c395b4}.upload-submit-button:disabled{background:#bda1b2;cursor:not-allowed;opacity:.7}.playlistPage .col-title{display:flex;align-items:center;overflow:visible;justify-self:start;padding-left:14px}.playlistPage .songInfo{display:flex;flex-direction:column;gap:4px;justify-content:center;padding-left:10px;align-items:flex-start;background:transparent;mix-blend-mode:normal}.playlistPage .likedRow{grid-template-columns:60px minmax(180px,1.6fr) minmax(140px,1fr) minmax(120px,1fr) 80px!important;align-items:center;column-gap:12px}.playlistPage .songTitle{white-space:normal!important;word-break:break-word;overflow:visible!important;text-overflow:clip!important;text-align:left;width:100%}.playlistPage .songArtist{text-align:left}.playlistPage .songTitle,.playlistPage .songArtist{color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}.playlistPage .col-album,.playlistPage .col-date{margin-left:0!important}.playlistPage .col-album,.playlistPage .col-date{justify-self:start;padding-left:40px;text-align:left}.playlistPage .songInfo{gap:2px}.playlistPage .playlistCoverImg,.playlistView .playlistCoverImg{width:100%;height:100%;object-fit:cover;display:block;border-radius:12px}.playlistPage .likedTableHeader .th-title{left:133px!important;right:auto!important}.playlistPage .likedTableHeader .th-album{left:620px!important}.playlistPage .likedTableHeader .th-date{left:880px!important}.myads-container{max-width:1200px;margin:0 auto;padding:2rem}.myads-header{margin-bottom:2rem}.myads-header h1{font-size:2.5rem;color:#6f233f;margin-bottom:.5rem}.myads-header p{color:#6f233f;font-size:1.1rem}.loading{text-align:center;padding:3rem;font-size:1.2rem;color:#666}.error-message{background-color:#fee;color:#c33;padding:1rem;border-radius:8px;margin-bottom:2rem;border-left:4px solid #c33}.no-ads{text-align:center;padding:4rem 2rem;background:#f8f9fa;border-radius:12px;margin-top:2rem}.no-ads p{font-size:1.2rem;color:#666;margin-bottom:1.5rem}.upload-link{display:inline-block;color:#6a0dad;font-size:1.1rem;text-decoration:none;font-weight:600;transition:color .2s}.upload-link:hover{color:#8b2dcf}.ads-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:2rem}.ad-card{background:#fff;border-radius:12px;border:5px solid #895674;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.ad-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.ad-preview{width:100%;height:200px;background:#f0f0f0;display:flex;align-items:center;justify-content:center;overflow:hidden}.ad-file-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ad-file-preview img{width:100%;height:100%;object-fit:cover}.ad-file-preview video{width:100%;height:100%;object-fit:cover}.ad-file-preview audio{width:90%}.file-icon{font-size:1.2rem;opacity:.5;color:#999}.img-fallback{color:#bbb;text-align:center;width:100%;padding:2em 0;font-size:1.05rem}.ad-info{padding:1.5rem;flex-grow:1}.ad-title{font-size:1.3rem;color:#1a1a1a;margin:0 0 .5rem;word-wrap:break-word}.ad-meta{display:flex;gap:1rem;margin-bottom:1rem}.ad-id{font-size:.85rem;color:#999}.view-link{display:inline-block;color:#6a0dad;text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s}.view-link:hover{color:#8b2dcf;text-decoration:underline}.delete-btn{width:100%;padding:.75rem;background:#dc3545;color:#fff;border:none;font-size:1rem;cursor:pointer;transition:background .2s;font-weight:500}.delete-btn:hover{background:#c82333}.delete-btn:active{transform:scale(.98)}@media(max-width:768px){.myads-container{padding:1rem}.myads-header h1{font-size:2rem}.ads-grid{grid-template-columns:1fr;gap:1.5rem}}.sub-modal-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center}.sub-modal-backdrop{position:fixed;inset:0;background:transparent;border:none;padding:0;margin:0;cursor:default;z-index:1000}.sub-modal{position:relative;width:min(92vw,560px);background:#ffe8f5;border:5px solid #895674;border-radius:18px;box-shadow:0 12px 40px #00000040;padding:24px 28px;color:#782355;z-index:1001}.sub-modal h3{margin:0 0 10px;font-size:1.6rem;color:#782355}.sub-modal p{margin:0 0 18px;color:#895674;line-height:1.4}.sub-modal-actions{display:flex;gap:12px;justify-content:flex-end}.btn-secondary,.btn-danger{border:3px solid #895674;border-radius:10px;padding:10px 14px;font-weight:800;cursor:pointer}.btn-secondary{background:#f7ddec;color:#782355}.btn-secondary:hover{background:#f1cfe3}.btn-danger{background:#8b1858;color:#fff}.btn-danger:hover{background:#6d1245}.success-alert{margin-bottom:1.5rem;padding:1rem;background-color:#e0ffe0;color:#157d1c;border-radius:8px;border-left:4px solid #3eb86c;font-size:1rem}.edit-song-modal{max-width:380px;min-width:0;width:98vw;max-height:90vh;overflow-y:auto;font-size:.92rem;border-radius:14px}.modal-header{padding:9px 15px;border-bottom:2px solid #895674}.modal-header h2{font-size:1.05rem;font-weight:700;color:#782355;margin:0}.modal-close-btn{font-size:1.3rem;width:26px;height:26px;padding:0;color:#895674}.edit-song-modal .modal-body{padding:14px 15px;text-align:left}.form-group input[type=text]{font-family:Inter,sans-serif;width:100%;padding:8px 10px;background:#fffcff;border:2px solid #895674;border-radius:8px;color:#782355;font-size:.95rem;font-weight:500;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.form-group input[type=text]:focus{outline:none;border-color:#782355;box-shadow:0 0 0 2px #78235514}.form-group input[type=text]::placeholder{color:#ad7d9b}.form-group input[type=text]:disabled{opacity:.6;cursor:not-allowed}.genre-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:6px}.genre-tag{font-family:Inter,sans-serif;padding:5px 10px;background:#fffcff;border:2px solid #895674;border-radius:14px;color:#895674;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center}.genre-tag:hover:not(:disabled){background:#fff0f8;border-color:#782355;transform:translateY(-1px)}.genre-tag.selected{background:#782355;border-color:#782355;color:#fff}.genre-tag:disabled{opacity:.6;cursor:not-allowed}.cover-preview{width:70px;height:70px;border-radius:7px;overflow:hidden;border:2px solid #895674;background:#ad7d9b}.file-label{font-family:Inter,sans-serif;display:inline-block;padding:7px 12px;background:#fffcff;border:2px solid #895674;border-radius:8px;color:#782355;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center;font-size:.91rem}.error-message{font-family:Inter,sans-serif;padding:8px 10px;background:#ffe0e0;border:2px solid #d9534f;border-radius:8px;color:#c9302c;margin-bottom:11px;font-size:.9rem;font-weight:600}.btn-submit{background:#782355;color:#fff;border-color:#895674;padding:7px 17px;font-size:.98rem;border-radius:7px}.btn-cancel{background:#ad7d9b;color:#fff;border-color:#895674;padding:7px 17px;font-size:.98rem;border-radius:7px}.edit-song-modal::-webkit-scrollbar{width:6px}.edit-song-modal::-webkit-scrollbar-track{background:#fffcff;border-radius:6px}.edit-song-modal::-webkit-scrollbar-thumb{background:#ad7d9b;border-radius:6px;border:1px solid #fffcff}.edit-song-modal::-webkit-scrollbar-thumb:hover{background:#895674}@media(max-width:500px){.edit-song-modal{max-width:99vw;min-width:0;padding:0}.cover-preview{width:44px;height:44px}}.my-songs-page-title{font-family:Inter,sans-serif;font-size:clamp(26px,3vw,36px);font-weight:800;color:#782355;margin:40px 0 10px;text-align:center}.my-songs-search{font-family:Inter,sans-serif;padding:12px 18px;font-size:16px;min-width:300px;border:4px solid #895674;border-radius:15px;background:#fffcff;color:#782355}.my-songs-search::placeholder{color:#ad7d9b}.my-songs-total{font-family:Inter,sans-serif;font-size:18px;font-weight:700;color:#895674}.my-song-row{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:20px;transition:background-color .2s ease;color:#782355;border-radius:10px;padding:20px 24px 80px;margin-bottom:16px;border:5px solid #895674;background-color:#fffafc}.my-song-row:hover{background-color:#fff0f8}.ms-title-image-wrap{display:flex;align-items:center;gap:20px}.ms-cover-image{width:100px;height:100px;border-radius:8px;background:#ad7d9b;border:3px solid #895674;flex-shrink:0;object-fit:cover;display:block}.ms-info{display:flex}.ms-title{font-family:Inter,sans-serif;color:#782355;font-weight:700;font-size:1.5rem}.ms-meta-info{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px 24px;font-size:1.05rem;color:#895674;flex-shrink:0}.ms-meta-item{font-family:Inter,sans-serif;display:inline-flex;gap:6px;align-items:center}.ms-meta-item strong{font-family:Inter,sans-serif;color:#782355;font-weight:600}.ms-actions{position:absolute;left:24px;bottom:20px;display:flex;gap:10px}.ms-edit-btn,.ms-take-down-btn{font-family:Inter,sans-serif;padding:10px 20px;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;flex-shrink:0;border:2px solid;transition:all .2s ease}.ms-edit-btn{color:#fff;background:#782355;border-color:#895674}.ms-edit-btn:hover{background:#5f1c43;border-color:#782355;transform:translateY(-1px)}.ms-edit-btn:active{transform:translateY(0)}.ms-take-down-btn{color:#fff;background:#d9534f;border-color:#c9302c}.ms-take-down-btn:hover{background:#c9302c;border-color:#ac2925;transform:translateY(-1px)}.ms-take-down-btn:active{transform:translateY(0)}@media(max-width:900px){.my-song-row{flex-direction:column;align-items:flex-start;padding:16px 16px 100px}.ms-meta-info{justify-content:flex-start;gap:10px 16px;font-size:1rem}.ms-title{font-size:1.3rem}.ms-cover-image{width:80px;height:80px}.ms-actions{left:16px;bottom:16px;flex-direction:column;gap:12px}}.my-albums-page-title,.create-album-title{font-family:Inter,sans-serif;font-size:clamp(26px,3vw,36px);font-weight:800;color:#782355;margin:40px 0 10px;text-align:center}.list-controls-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;padding:8px 16px 20px}.my-albums-search{font-family:Inter,sans-serif;padding:12px 18px;font-size:16px;min-width:300px;border:4px solid #895674;border-radius:15px;background:#fffcff;color:#782355}.my-albums-search::placeholder{color:#ad7d9b}.my-albums-total{font-family:Inter,sans-serif;font-size:18px;font-weight:700;color:#895674}.playlistView .albumPage{max-width:1400px;margin:0 auto;padding:0 1.5rem 2rem}.albumCard{font-family:Inter,sans-serif;background:#fff0fd;border:5px solid #895674;border-radius:20px;padding:24px}.listCard{padding:16px}.noTracks{font-family:Inter,sans-serif;padding:32px;text-align:center;color:#895674;font-weight:600}.my-album-row{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:20px;transition:background-color .2s ease;color:#782355;border-radius:10px;padding:20px 24px 80px;margin-bottom:16px;border:5px solid #895674;background-color:#fffafc}.my-album-row:hover{background-color:#fff0f8}.ma-title-image-wrap{display:flex;align-items:center;gap:20px}.ma-cover-image{width:100px;height:100px;border-radius:8px;background:#ad7d9b;border:3px solid #895674;flex-shrink:0;object-fit:cover;display:block}.ma-info{display:flex}.ma-title{font-family:Inter,sans-serif;color:#782355;font-weight:700;font-size:1.5rem}.ma-meta-info{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px 24px;font-size:1.05rem;color:#895674;flex-shrink:0}.ma-meta-item{font-family:Inter,sans-serif;display:inline-flex;gap:6px;align-items:center}.ma-meta-item strong{font-family:Inter,sans-serif;color:#782355;font-weight:600}.ma-row-controls{position:absolute;left:24px;bottom:20px;display:flex;gap:10px}.ma-edit-btn,.ma-take-down-btn{font-family:Inter,sans-serif;padding:10px 20px;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;flex-shrink:0;border:2px solid;transition:all .2s ease}.ma-edit-btn{color:#fff;background:#782355;border-color:#895674}.ma-edit-btn:hover{background:#5f1c43;border-color:#782355;transform:translateY(-1px)}.ma-edit-btn:active{transform:translateY(0)}.ma-take-down-btn{color:#fff;background:#d9534f;border-color:#c9302c}.ma-take-down-btn:hover{background:#c9302c;border-color:#ac2925;transform:translateY(-1px)}.ma-take-down-btn:active{transform:translateY(0)}@media(max-width:900px){.my-album-row{flex-direction:column;align-items:flex-start;padding:16px 16px 100px}.ma-meta-info{justify-content:flex-start;gap:10px 16px;font-size:1rem}.ma-title{font-size:1.3rem}.ma-cover-image{width:80px;height:80px}.ma-row-controls{left:16px;bottom:16px;flex-direction:column;gap:12px}}.edit-album-modal{max-width:380px;min-width:0;width:98vw;max-height:90vh;overflow-y:auto;font-size:.92rem;border-radius:14px;background:#fff0fd;color:#782355;box-shadow:0 4px 22px #ffcaef26}.edit-album-modal .modal-header{padding:9px 15px;border-bottom:2px solid #895674;display:flex;align-items:center;justify-content:space-between}.edit-album-modal .modal-header h2{font-size:1.05rem;font-weight:700;color:#782355;margin:0}.modal-close-btn{font-size:1.3rem;width:26px;height:26px;padding:0;color:#895674;background:none;border:none;cursor:pointer}.edit-album-modal .modal-body{padding:14px 15px;text-align:left}.form-group{margin-bottom:15px}.form-group label{font-family:Inter,sans-serif;display:block;margin-bottom:6px;color:#782355;font-weight:600;font-size:.98rem}.form-group input[type=text],.form-group textarea{font-family:Inter,sans-serif;width:100%;padding:8px 10px;background:#fffcff;border:2px solid #895674;border-radius:8px;color:#782355;font-size:.95rem;font-weight:500;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.form-group textarea{min-height:70px;resize:vertical}.form-group input[type=text]:focus,.form-group textarea:focus{outline:none;border-color:#782355;box-shadow:0 0 0 2px #78235514}.form-group input[type=text]::placeholder,.form-group textarea::placeholder{color:#ad7d9b}.form-group input[type=text]:disabled,.form-group textarea:disabled{opacity:.6;cursor:not-allowed}.edit-tracks-list{background:#fff0fd;border:1.5px dashed #895674;border-radius:10px;min-height:38px;max-height:115px;overflow-y:auto;padding:7px 5px;margin-bottom:4px}.edit-track-song{margin-bottom:5px;padding-bottom:2px;font-size:.97rem;color:#782355}.tracks-help-text{color:#895674;font-size:.91rem;margin-top:2px}.file-upload-area{display:flex;flex-direction:column;gap:7px}.cover-preview{width:70px;height:70px;border-radius:7px;overflow:hidden;border:2px solid #895674;background:#ad7d9b;margin-bottom:7px}.cover-preview img{width:100%;height:100%;object-fit:cover}.file-input{display:none}.file-label{font-family:Inter,sans-serif;display:inline-block;padding:7px 12px;background:#fffcff;border:2px solid #895674;border-radius:8px;color:#782355;font-weight:600;cursor:pointer;font-size:.91rem;text-align:center;transition:all .2s ease}.file-label:hover{background:#fff0f8;border-color:#782355;transform:translateY(-1px)}.file-input:disabled+.file-label{opacity:.6;cursor:not-allowed}.edit-album-modal .error-message{font-family:Inter,sans-serif;padding:8px 10px;background:#ffe3e9;border:2px solid #d9534f;border-radius:8px;color:#c9302c;margin-bottom:11px;font-size:.91rem;font-weight:600}.edit-album-modal .modal-footer{padding:0 16px 17px;display:flex;justify-content:flex-end;gap:8px}.btn-submit{background:#782355;color:#fff;border-color:#895674;padding:7px 17px;font-size:.98rem;border-radius:7px;border:2px solid #895674}.btn-submit:hover:not(:disabled){background:#5f1c43;border-color:#782355}.btn-cancel{background:#ad7d9b;color:#fff;border-color:#895674;padding:7px 17px;font-size:.98rem;border-radius:7px;border:2px solid #895674}.btn-cancel:hover:not(:disabled){background:#895674;border-color:#782355}.edit-album-modal::-webkit-scrollbar{width:6px}.edit-album-modal::-webkit-scrollbar-track{background:#fffcff;border-radius:6px}.edit-album-modal::-webkit-scrollbar-thumb{background:#ad7d9b;border-radius:6px;border:1px solid #fffcff}.edit-album-modal::-webkit-scrollbar-thumb:hover{background:#895674}@media(max-width:500px){.edit-album-modal{max-width:99vw;min-width:0;padding:0}.cover-preview{width:44px;height:44px}}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;font-family:Inter,sans-serif}.modal-content{background:#fff0fd;border:3px solid #895674;border-radius:16px;width:min(90vw,480px);box-shadow:0 4px #ad7d9b,0 8px 20px #00000021;color:#782355;padding:16px 24px}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2.5px solid #E6D8E2;padding-bottom:12px}.modal-header h2{margin:0;font-size:1.4rem;font-weight:700}.modal-close-btn{background:none;border:none;font-size:2rem;font-weight:600;color:#895674;cursor:pointer;line-height:1}.modal-body{padding:24px 4px;font-size:1rem;line-height:1.5}.modal-body p{margin:0 0 16px}.item-title-highlight{font-size:1.1rem;font-weight:700;color:#4b2c3d;background:#fceff9;padding:10px;border-radius:8px;text-align:center}.warning-text{font-weight:600;color:#b93846;font-size:.95rem;margin-top:20px!important}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:2.5px solid #E6D8E2}.btn-cancel,.btn-confirm-delete{padding:10px 18px;font-size:1rem;font-weight:700;font-family:Inter,sans-serif;border-radius:8px;cursor:pointer;transition:all .2s}.btn-cancel{background:#fff;color:#895674;border:2px solid #ad7d9b}.btn-cancel:hover{background:#f8f4fd;color:#782355}.btn-confirm-delete{background:#d94f4f;color:#fff;border:2px solid #b93846;box-shadow:0 2px #b93846}.btn-confirm-delete:hover{background:#b93846;transform:translateY(1px);box-shadow:none}.btn-confirm-delete:disabled,.btn-cancel:disabled{opacity:.6;cursor:not-allowed}.artist-analytics-container{max-width:1100px;width:95%;margin:40px auto;background:#ffe6f6;border:4px solid #895674;border-radius:16px;padding:40px 32px;color:#501a33;font-family:Inter,sans-serif;box-shadow:0 4px 40px #dc2a7826}.artist-analytics-container h2{font-size:32px;font-weight:700;color:#501a33;margin-bottom:24px}.aa-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.aa-stat-card{background:#fff5fb;border:2px solid #f2c3d8;border-radius:12px;padding:24px;text-align:center;transition:transform .2s}.aa-stat-card:hover{transform:translateY(-2px);border-color:#895674}.aa-stat-label{font-size:14px;font-weight:600;color:#a11362;text-transform:uppercase;margin-bottom:8px}.aa-stat-value{font-size:28px;font-weight:800;color:#501a33}.aa-filter-bar{display:flex;gap:16px;margin-bottom:32px;align-items:flex-end;flex-wrap:wrap}.aa-filter-bar>div{display:flex;flex-direction:column;gap:6px;min-width:140px;flex-grow:1}.aa-filter-label{font-size:13px;font-weight:700;color:#a11362}.aa-filter-bar input,.aa-filter-bar select{padding:10px 12px;border:2px solid #f2c3d8;border-radius:8px;background:#fff0f7;color:#a81d57;font-size:14px;font-weight:500;outline:none}.aa-filter-bar input:focus,.aa-filter-bar select:focus{border-color:#895674}.btn-container{min-width:auto!important;flex-grow:0!important}.aa-apply-btn{padding:10px 24px;background:#895674;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;height:42px;transition:background .2s}.aa-apply-btn:hover{background:#a07096}.aa-table-card{background:#fff5fb;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #e82e7314}.aa-table{width:100%;border-collapse:collapse}.aa-table th{background:#b56f92;color:#fff;padding:16px;text-align:left;font-weight:700;font-size:15px}.aa-table td{padding:14px 16px;border-bottom:1px solid #ffdff1;color:#501a33;font-size:14px;vertical-align:middle}.aa-table tr:last-child td{border-bottom:none}.aa-row{transition:background-color .2s}.aa-row:hover{background-color:#fff0f7}.aa-row-expanded{background-color:#ffe6f6;border-left:4px solid #895674}.aa-listener-row{background:#fef8fc}.listener-details{padding:20px;border:2px solid #f2c3d8;border-radius:8px;margin:8px;background:#fff}.listener-section{margin-bottom:24px}.listener-section:last-child{margin-bottom:0}.listener-section-title{font-weight:700;color:#895674;font-size:16px;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #f2c3d8}.listener-table{width:100%;border-collapse:collapse;margin-top:8px}.listener-table th{background:#f2c3d8;color:#501a33;padding:10px 12px;text-align:left;font-weight:600;font-size:13px}.listener-table td{padding:10px 12px;border-bottom:1px solid #ffdff1;color:#501a33;font-size:13px}.listener-table tbody tr:hover{background-color:#fff5fb}.listener-section--favorites{margin-top:20px}.col-album{text-align:left;font-style:normal;font-weight:500;color:#501a33}.col-highlight{font-weight:700;color:#895674;font-family:Courier New,monospace}.aa-loading,.aa-no-results{text-align:center;padding:40px;color:#895674;font-style:italic;font-size:16px}.listener-analytics-container{max-width:1000px;width:95%;margin:40px auto;background:#ffe6f6;border:4px solid #895674;border-radius:16px;padding:40px 32px;color:#501a33;font-family:Inter,sans-serif;box-shadow:0 4px 40px #dc2a7826}.header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.controls{display:flex;gap:10px}.refresh-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#895674;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;transition:background .2s}.refresh-btn:hover{background:#a07096}.laa-table{width:100%;border-collapse:collapse}.laa-table th{background:#ffe6f6;color:#895674;padding:16px;text-align:left;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.02em;border-bottom:2px solid #f2c3d8}.laa-table td{padding:14px 16px;border-bottom:1px solid #fceef5;color:#501a33;font-size:14px;vertical-align:middle}.laa-table tr:last-child td{border-bottom:none}.laa-table tr:hover{background-color:#fff5fb}.play-row-btn{width:28px;height:28px;border-radius:50%;background:#fff0f7;border:1px solid #f2c3d8;color:#895674;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.play-row-btn:hover{background:#895674;color:#fff;border-color:#895674;transform:scale(1.1)}.date-col{font-family:monospace;color:#895674;font-weight:600;white-space:nowrap}.title-col{font-weight:600;color:#501a33}.album-col{color:#666;font-style:italic}.liked-check{color:#db2777;font-size:16px}.laa-loading,.no-results{text-align:center;padding:60px;color:#895674;font-style:italic;font-size:16px}.admin-reports-container{max-width:1100px;width:95%;margin:40px auto;color:#501a33;font-family:Inter,sans-serif}.header-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px;flex-wrap:wrap;gap:16px}.controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.date-group{display:flex;align-items:center;gap:8px;background:#fff5fb;padding:4px 12px;border:2px solid #f2c3d8;border-radius:8px}.date-sep{font-size:13px;color:#895674;font-weight:600}.filter-input{border:none;background:transparent;color:#895674;font-family:inherit;font-size:13px;outline:none}.filter-select{padding:10px 16px;border:2px solid #f2c3d8;border-radius:8px;background:#fff5fb;color:#895674;font-size:14px;cursor:pointer;font-weight:500}.reports-table{width:100%;border-collapse:collapse}.reports-table th{background:#ffe6f6;color:#895674;padding:16px;text-align:left;font-weight:700;font-size:14px;border-bottom:2px solid #f2c3d8}.reports-table td{padding:14px 16px;border-bottom:1px solid #fceef5;font-size:14px;vertical-align:middle;color:#501a33}.reports-table tr{cursor:pointer;transition:background .1s}.reports-table tr:hover{background-color:#fffcfebd}.reason-badge{font-size:12px;background:#f3f4f6;padding:2px 8px;border-radius:4px;color:#374151;font-weight:600}.status-badge{font-size:12px;font-weight:700;padding:4px 10px;border-radius:12px}.status-badge.pending{background-color:#fef3c7;color:#b45309}.status-badge.resolved{background-color:#dcfce7;color:#15803d}.review-btn{background-color:#895674;color:#fff;border:none;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer}.review-btn:hover{background-color:#a07096}.reporter-cell{font-weight:600;color:#895674}.sub-text{font-size:12px;color:#9ca3af}.no-results,.loading-state{text-align:center;padding:40px;color:#895674;font-style:italic}.modal-overlay{position:fixed;inset:0;background-color:#501a3399;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s}.modal-box{background:#fff;width:90%;max-width:550px;border-radius:16px;box-shadow:0 10px 25px #0003;overflow:hidden;animation:popIn .2s}.info-row{display:flex;margin-bottom:12px}.info-row label{width:120px;font-weight:600;color:#a11362}.view-link{margin-left:10px;font-size:12px;color:#0ea5e9;text-decoration:none;font-weight:600}.reason-text{background:#f9fafb;padding:10px;border-radius:8px;margin:0;flex:1;color:#374151;font-size:14px}.divider{border:0;border-top:1px solid #f3f4f6;margin:20px 0}.action-buttons{display:flex;gap:12px;margin-bottom:16px}.act-btn{flex:1;padding:10px;border:2px solid #e5e7eb;background:#fff;border-radius:8px;cursor:pointer;font-weight:600;color:#6b7280;transition:all .2s}.act-btn.remove.active{background:#fee2e2;border-color:#ef4444;color:#991b1b}.act-btn.ignore.active{background:#f3f4f6;border-color:#6b7280;color:#1f2937}.admin-notes{width:100%;height:80px;padding:10px;border:2px solid #f2c3d8;border-radius:8px;resize:none;margin-bottom:16px;font-family:inherit}.submit-resolve{width:100%;padding:12px;background:#895674;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer}.submit-resolve:disabled{opacity:.6;cursor:not-allowed}.view-link-btn{display:inline-block;margin-left:10px;background:none;border:1px solid #0ea5e9;color:#0ea5e9;font-size:11px;font-weight:600;padding:2px 8px;border-radius:12px;cursor:pointer;transition:all .2s}.view-link-btn:hover{background-color:#e0f2fe}.modal-overlay.profile-z-index{z-index:2000;background-color:#0006}.profile-modal-box{max-width:450px;border:2px solid #895674}.profile-preview-fallback{width:80px;height:80px;border-radius:50%;background-color:#895674;color:#fff;font-size:32px;font-weight:700;display:flex;align-items:center;justify-content:center}.type-badge{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase}.admin-home-container{width:100%;max-width:1080px;margin:0 auto;padding-top:40px;box-sizing:border-box;font-family:Inter,Helvetica,Arial,sans-serif}.admin-home-title{font-style:normal;font-weight:600;font-size:40px;line-height:1.5;text-align:left;letter-spacing:-.01em;color:#782355;margin-bottom:32px}.dashboard-cards-grid{display:flex;flex-wrap:wrap;gap:32px}.card-reports{width:250px}.card-artists{width:300px}.card-listeners{width:350px}.dashboard-card{position:relative;height:225px;background:#fff0fd;border:4px solid #895674;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}.card-title{font-size:24px;font-weight:600;color:#782355;text-align:center;margin-bottom:16px}.card-number{font-size:40px;font-weight:300;color:#782355;text-align:center;line-height:1.2}.card-exclaim{position:absolute;bottom:24px;right:24px;width:52px;height:52px;background:#895674;border-radius:50%;display:flex;align-items:center;justify-content:center}.exclaim-icon{width:32px;height:32px;color:#fff0fd}.dashboard-actions{width:100%;max-width:1080px;margin-top:48px;padding:32px;background:#fff0fd;border:4px solid #895674;border-radius:20px;box-sizing:border-box;display:flex;flex-direction:column;gap:24px}.section-title{font-size:32px;font-weight:600;color:#782355;margin-top:0;margin-bottom:24px;text-align:left}.action-buttons-container{display:flex;flex-wrap:wrap;gap:32px;align-items:center;justify-content:flex-start}.action-btn{width:250px;height:122px;background:#fff0fd;border:4px solid #895674;border-radius:20px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:24px;color:#782355;text-align:center;text-decoration:none;padding:16px;box-sizing:border-box;transition:box-shadow .2s,background-color .2s,border-color .2s}.action-btn:hover{background:#fdf6fe;border-color:#b26391;box-shadow:0 4px 12px #8956744d;transform:translateY(-2px)}.dashboard-recent{width:100%;max-width:1080px;height:320px;margin-top:48px;background:#fff0fd;border:4px solid #895674;border-radius:20px;padding:32px;box-sizing:border-box;display:flex;flex-direction:column}.recent-header{display:flex;align-items:center;gap:16px;font-weight:600;font-size:32px;color:#782355;letter-spacing:-.01em;margin-bottom:24px}.recent-info{display:flex;flex-direction:column;gap:16px;overflow-y:auto;max-height:220px}.recent-user-card{width:100%;min-width:0;background:linear-gradient(0deg,#895674,#895674);border-radius:16px;display:flex;align-items:center;padding:8px 16px 8px 8px;box-sizing:border-box;box-shadow:0 2px 8px #89567414;position:relative;transition:box-shadow .18s}.recent-user-card:hover{box-shadow:0 4px 16px #8956741f}.user-card-left{flex:0 0 120px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.user-card-id,.user-card-date{font-size:14px;color:#ffdaf0;font-weight:700;margin-bottom:3px}.user-card-center{flex:0 0 160px;display:flex;align-items:center;gap:8px;margin-left:8px}.user-card-pfp,.user-card-pfp-fallback{width:40px;height:40px;border-radius:10px;background:#ad7d9b;border:2px solid #FFDAF0;display:flex;justify-content:center;align-items:center;object-fit:cover;font-size:20px;color:#ffdaf0;font-weight:700}.user-card-name-group{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;overflow:hidden}.user-card-name{font-size:16px;color:#ffdaf0;font-weight:700;line-height:1.2;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-card-username{font-size:11px;color:#ffdaf0;font-weight:700;line-height:1.1;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-card-button{margin-left:auto;background:#ad7d9b;border-radius:10px;font-size:13px;font-weight:700;color:#f2f2f2;text-decoration:none;padding:6px 18px;border:none;outline:none;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center}.user-card-button:hover{background:#b889ac}@media(max-width:700px){.dashboard-recent{padding:14px;height:280px}.recent-user-card,.recent-info{max-width:100vw;min-width:180px}.recent-info{max-height:145px}}.albumPage{width:100%;max-width:none!important;display:flex;flex-direction:column;gap:32px;padding:16px 0}.albumCard{width:1250px;margin:0 auto;border-radius:20px;border:3px solid #895674;box-shadow:0 5px #6e4760;background:#fbeaf3}.albumCard.headerCard{padding:30px 70px;display:flex;align-items:center;justify-content:space-between;background:#ffe6f5;border:5px solid #895674;box-shadow:0 5px #6e4760;position:relative;min-height:180px}.albumHeaderLeft{display:flex;align-items:center;gap:20px}.albumCover{width:240px;height:240px;border-radius:16px;border:4px solid #895674;overflow:hidden;margin-left:20px}.albumCoverImg{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.albumHeaderText{min-width:0;max-width:calc(100% - 300px);overflow:visible}.albumLabel{margin:0;text-transform:uppercase;letter-spacing:.06em;color:#782355;font-weight:700;font-size:12px}.albumTitle{margin:6px 0 8px;font-size:clamp(32px,4vw,64px);line-height:1.08;color:#782355;font-weight:900;white-space:normal;overflow:visible;text-overflow:clip}.albumInfo{margin:0;color:#782355;font-weight:600}.artistLink{background:none;border:none;padding:0;margin:0;color:inherit;font:inherit;cursor:pointer;display:inline}.artistLink:hover{text-decoration:underline}.albumControls{display:flex;gap:12px;align-items:center;margin-top:175px;margin-right:15px}.controlButton{width:50px;height:50px;border-radius:50%;border:3px solid #6e4760;box-shadow:0 4px #6e4760;display:grid;place-items:center;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}.controlButton:hover{transform:translateY(-2px);box-shadow:0 5px #6e4760}.controlButton:active{transform:translateY(0);box-shadow:0 3px #6e4760}.playButton{background:#782355;color:#fff}.shuffleButton{background:#f5d9e8;color:#782355}.editButton{background:#782355;color:#fff}.editButton:hover{background-color:#5a1a3d}.listCard{background:#fbeaf3;border:5px solid #895674;border-radius:20px;box-shadow:0 5px #6e4760;width:min(96%,1350px);margin:0 auto;overflow:hidden}.albumTableHeader{display:grid;grid-template-columns:60px 44px 1fr 100px;align-items:center;gap:1rem;padding:12px 20px;border-bottom:2px solid #6e4760;font-weight:800;color:#782355}.albumTableHeader .th{white-space:nowrap}.albumTableHeader .th-num{text-align:center}.albumTableHeader .th-title{text-align:left}.albumTableHeader .th-dur{text-align:right;padding-right:10px}.albumTableHeader .th-dur svg{vertical-align:middle;margin-left:2px}.tableBody{max-height:520px;overflow-y:auto;padding:0 20px 16px;scrollbar-width:thin}.tableBody::-webkit-scrollbar{width:8px}.tableBody::-webkit-scrollbar-track{background:#f3d6e6;border-radius:10px}.tableBody::-webkit-scrollbar-thumb{background:#a86793;border-radius:10px}.tableBody::-webkit-scrollbar-thumb:hover{background:#8a4f77}.albumRow{display:grid;grid-template-columns:60px 44px 1fr 100px;align-items:center;gap:1rem;margin:10px 0;padding:12px 20px;border:3px solid #6e4760;border-radius:28px;box-shadow:0 4px #6e4760;transition:background .25s ease,box-shadow .25s ease,transform .25s ease;color:#782355;cursor:pointer}.tableBody>.albumRow:nth-child(odd){background:#ad7d9b59}.tableBody>.albumRow:nth-child(2n){background:#ad7d9b1a}.tableBody>.albumRow:hover{background:#ad7d9b8c;transform:translateY(-2px);box-shadow:0 6px #6e4760}.col-num{text-align:center;font-weight:600}.col-cover{display:flex;align-items:center;justify-content:center}.col-title{min-width:0;text-align:left}.trackCover{width:40px;height:40px;min-width:40px;min-height:40px;border-radius:6px;object-fit:cover;border:2px solid #895674;flex-shrink:0}.songTitle{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#782355;font-size:16px;flex:1;min-width:0}.col-duration{text-align:right;color:#782355;font-weight:600;white-space:nowrap;padding-right:10px}.noTracks{text-align:center;padding:40px 20px;color:#782355;font-size:16px}@media(max-width:1200px){.albumTableHeader,.albumRow{grid-template-columns:50px 44px 1fr 90px;gap:.75rem;padding:10px 16px}}@media(max-width:900px){.albumTableHeader,.albumRow{grid-template-columns:45px 44px 1fr 80px;gap:.6rem;padding:8px 14px}}.albumCard.headerCard,.albumCard.listCard{width:min(96%,1250px)!important;max-width:1250px!important;margin:0 auto!important}.arr-filter-bar input,.arr-filter-bar select{padding:10px 12px;border:2px solid #f2c3d8;border-radius:8px;background:#fff0f7;color:#a81d57;font-size:14px;font-weight:500;height:42px;box-sizing:border-box}.rev-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px}.rev-card{background:#fff5fb;border:2px solid #f2c3d8;border-radius:12px;padding:24px;text-align:center;transition:opacity .3s}.rev-card.dimmed{opacity:.5}.rev-pct{font-size:12px;color:#a11362;font-weight:600;margin-top:5px}.arr-row{transition:background-color .2s}.arr-row:hover{background-color:#ffdff1}.arr-row-expanded{background-color:#ffdff1;font-weight:700}.arr-listener-row td{background-color:#fff0f7;padding:20px;border-bottom:1px solid #e8bbd3}.listener-details{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000000d}.listener-section-title{font-size:14px;font-weight:700;color:#895674;text-transform:uppercase;margin-bottom:12px;border-bottom:2px solid #ffdff1;padding-bottom:8px}.listener-table{width:100%;font-size:14px}.listener-table th{background:#fdf2f8;color:#a11362;padding:10px;font-weight:700}.listener-table td{padding:10px;border-bottom:1px solid #f7e6f0;color:#666}.admin-report-container{max-width:1100px;width:95%;margin:40px auto;background:#ffe6f6;border:4px solid #895674;border-radius:16px;padding:40px 32px;color:#c7517e;font-family:Inter,sans-serif;box-shadow:0 4px 40px #dc2a7826}.admin-report-container h2{font-size:32px;font-weight:700;color:#501a33;margin-bottom:24px}.arr-filter-bar{display:flex;gap:16px;margin-bottom:32px;align-items:flex-end;flex-wrap:wrap}.arr-filter-bar>div{display:flex;flex-direction:column;gap:6px;min-width:140px;flex-grow:1}.arr-filter-bar>div:last-child{flex-grow:0}.arr-filter-label{display:block;font-size:13px;font-weight:700;color:#a11362;text-transform:uppercase}.arr-date-input,.arr-filter-bar input,.arr-filter-bar select{padding:10px 12px;border:2px solid #f2c3d8;border-radius:8px;background:#fff0f7;color:#a81d57;font-size:14px;font-weight:500;height:42px;box-sizing:border-box}.arr-filter-bar input:focus,.arr-filter-bar select:focus{outline:2px solid #a11362;border-color:#a11362}.arr-filter-apply-btn{padding:0 24px;background:#895674;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:background .2s;height:42px;display:flex;align-items:center;justify-content:center}.arr-filter-apply-btn:hover{background:#a07096}.rev-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.rev-summary-grid.two-column{grid-template-columns:1fr 1fr}.rev-card{background:#fff5fb;border:2px solid #f2c3d8;border-radius:12px;padding:24px;text-align:center}.rev-card.total{background:#895674;border-color:#895674}.rev-card.total .rev-label,.rev-card.total .rev-amount{color:#fff}.rev-label{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#a11362;margin-bottom:8px}.rev-amount{font-size:28px;font-weight:800;color:#501a33}.arr-section.table-container{background:#fff5fb;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #e82e7314}.arr-table{width:100%;border-collapse:collapse}.arr-table th{background:#b56f92;color:#fff;padding:16px;text-align:left;font-weight:700;font-size:15px}.arr-table td{padding:14px 16px;border-bottom:1px solid #ffdff1;color:#501a33;font-size:15px;font-weight:500;vertical-align:middle}.arr-table tr:last-child td{border-bottom:none}.arr-table tr:hover{background-color:#fff}.col-title{font-weight:600}.col-highlight{font-weight:700;color:#895674;font-family:monospace}.arr-no-reports,.arr-loading,.arr-error{text-align:center;padding:60px;color:#895674;font-style:italic;font-size:16px}.admin-users-container{max-width:1100px;width:95%;margin:40px auto;color:#501a33;font-family:Inter,sans-serif}.header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.header-row h1{font-size:32px;font-weight:700;color:#895674;margin:0}.controls{display:flex;gap:12px}.search-input{padding:10px 16px;border:2px solid #f2c3d8;border-radius:8px;background:#fff5fb;color:#895674;font-size:14px;min-width:250px}.filter-select{padding:10px 16px;border:2px solid #f2c3d8;border-radius:8px;background:#fff5fb;color:#895674;font-size:14px;cursor:pointer}.table-card{background:#fff;border:2px solid #f2c3d8;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #dc2a7814}.users-table{width:100%;border-collapse:collapse}.users-table th{background:#ffe6f6;color:#895674;padding:16px;text-align:left;font-weight:700;font-size:14px;border-bottom:2px solid #f2c3d8}.users-table td{padding:14px 16px;border-bottom:1px solid #fceef5;font-size:14px;vertical-align:middle;color:#501a33}.users-table tr:last-child td{border-bottom:none}.users-table tr:hover{background-color:#fffcfebd}.type-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:700;text-transform:uppercase}.type-badge.artist{background-color:#e0f2fe;color:#0369a1}.type-badge.listener{background-color:#f0fdf4;color:#15803d}.username-cell{font-weight:600;color:#895674}.status-verified{color:#0ea5e9;font-weight:700;display:inline-flex;align-items:center;gap:4px}.status-standard{color:#9ca3af}.actions-cell{display:flex;gap:8px}.verify-btn,.remove-btn{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;border:none;transition:opacity .2s}.verify-btn{background-color:#0ea5e9;color:#fff}.remove-btn{background-color:#ef4444;color:#fff}.verify-btn:hover,.remove-btn:hover{opacity:.85}.loading-state,.no-results{text-align:center;padding:40px;color:#895674;font-style:italic}.custom-confirm-overlay{position:fixed;inset:0;background-color:#501a3399;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.custom-confirm-box{background-color:#fff;border:3px solid #895674;border-radius:16px;padding:32px;width:90%;max-width:400px;text-align:center;box-shadow:0 10px 25px #0003;animation:popIn .2s cubic-bezier(.175,.885,.32,1.275)}.confirm-title{color:#895674;font-size:24px;margin-bottom:16px;font-weight:700}.confirm-text{color:#501a33;font-size:16px;margin-bottom:8px}.confirm-subtext{color:#a11362;font-size:13px;margin-bottom:24px;opacity:.8}.confirm-actions{display:flex;gap:16px;justify-content:center}.confirm-btn{padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;border:2px solid transparent;transition:all .2s}.confirm-btn.cancel{background-color:#fff0f7;color:#895674;border-color:#f2c3d8}.confirm-btn.cancel:hover{background-color:#ffe6f6;border-color:#895674}.confirm-btn.delete{background-color:#ef4444;color:#fff}.confirm-btn.delete:hover{background-color:#dc2626;box-shadow:0 4px 12px #ef44444d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.row-inactive{background-color:#f9fafb;opacity:.7}.row-inactive td{color:#9ca3af}.status-premium{color:#d946ef;font-weight:700;background-color:#fdf4ff;padding:4px 8px;border-radius:6px;border:1px solid #f0abfc}.acct-status{font-weight:600;font-size:13px;padding:4px 8px;border-radius:12px}.acct-status.active{background-color:#dcfce7;color:#166534}.acct-status.inactive{background-color:#fee2e2;color:#991b1b}.text-muted{color:#9ca3af;font-size:12px;font-style:italic}.view-btn{background-color:#fff;border:1px solid #895674;color:#895674;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.view-btn:hover{background-color:#fff5fb}.modal-overlay.profile-z-index{z-index:2000;position:fixed;inset:0;background-color:#501a3399;display:flex;align-items:center;justify-content:center}.profile-modal-box{background:#fff;width:90%;max-width:450px;border-radius:16px;border:2px solid #895674;box-shadow:0 10px 25px #0003;overflow:hidden;animation:popIn .2s}.modal-header{padding:20px 24px;background:#ffe6f6;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f2c3d8}.modal-header h2{margin:0;color:#895674;font-size:20px}.close-btn{background:none;border:none;font-size:28px;color:#895674;cursor:pointer;line-height:1}.modal-body{padding:24px}.profile-preview-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.profile-preview-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #895674}.profile-preview-fallback{width:80px;height:80px;border-radius:50%;background-color:#895674;color:#fff;font-size:32px;font-weight:700;display:flex;align-items:center;justify-content:center;border:3px solid #895674}.profile-preview-text h3{margin:0 0 4px;color:#501a33;font-size:20px}.profile-preview-tag{display:block;color:#895674;font-weight:600;font-size:14px;margin-bottom:6px}.profile-preview-bio{background:#fff5fb;padding:12px;border-radius:8px;margin-bottom:20px;border:1px solid #f2c3d8}.profile-preview-bio label{display:block;font-size:12px;font-weight:700;color:#a11362;text-transform:uppercase;margin-bottom:4px}.profile-preview-bio p{margin:0;font-size:14px;color:#501a33;line-height:1.4}.profile-preview-stats{display:flex;gap:8px;flex-wrap:wrap}.stat-chip{font-size:12px;background:#f3f4f6;padding:4px 10px;border-radius:12px;color:#374151;font-weight:600}.modal-loading{text-align:center;padding:20px;color:#895674}@keyframes popIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.transaction-history-container{max-width:1200px;margin:0 auto;padding:2rem}.transaction-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.transaction-title{font-size:2rem;font-weight:700;color:#612c4b;margin:0}.back-btn{padding:.75rem 1.5rem;background:#895674;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease}.back-btn:hover{background:#612c4b;transform:translateY(-2px);box-shadow:0 4px 12px #8956744d}.loading-spinner,.error-message{text-align:center;padding:3rem;font-size:1.2rem;color:#666}.error-message{color:#d32f2f;background:#ffebee;border-radius:8px;margin-bottom:1rem}.no-transactions{text-align:center;padding:3rem;background:#ffe8f5;border-radius:12px;margin-top:2rem}.no-transactions p{font-size:1.2rem;color:#666;margin-bottom:1.5rem}.subscribe-btn{padding:.875rem 2rem;background:#895674;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.subscribe-btn:hover{background:#612c4b;transform:translateY(-2px);box-shadow:0 4px 12px #8956744d}.transactions-list{display:grid;grid-template-columns:1fr;gap:2rem}.transactions-table{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.table-header{display:grid;grid-template-columns:1.5fr 1fr 2fr 1fr 1fr;gap:1rem;padding:1rem 1.5rem;background:#ffe8f5;color:#fff;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.table-row{display:grid;grid-template-columns:1.5fr 1fr 2fr 1fr 1fr;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid #f0f0f0;transition:background .2s ease;align-items:center}.table-row:hover{background:#ffe8f5}.table-row:last-child{border-bottom:none}.table-cell{font-size:.95rem;color:#333;overflow:hidden;text-overflow:ellipsis}.table-cell.description{display:flex;flex-direction:column;gap:.25rem}.table-cell.description strong{color:#612c4b;font-weight:600}.table-cell.description .duration,.table-cell.description .ad-type{font-size:.85rem;color:#666}.table-cell.amount{font-weight:700;color:#895674;font-size:1.05rem}.transaction-type{display:inline-block;padding:.35rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:capitalize}.transaction-type.subscription{background:#e3f2fd;color:#1976d2}.transaction-type.ad{background:#fff3e0;color:#f57c00}.status-badge{display:inline-block;padding:.35rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:capitalize}.status-badge.active{background:#c8e6c9;color:#2e7d32}.status-badge.expired{background:#ffcdd2;color:#c62828}.status-badge.completed{background:#c8e6c9;color:#2e7d32}.status-badge.deleted{background:#ffcdd2;color:#c62828}.transaction-summary{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.summary-card h3{font-size:1.25rem;color:#612c4b;margin-bottom:1rem;font-weight:700}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #f0f0f0;font-size:1rem}.summary-item:last-child{border-bottom:none}.summary-item.total{margin-top:.5rem;padding-top:1rem;border-top:2px solid #612C4B;font-size:1.15rem}.summary-item strong{color:#895674;font-weight:700;font-size:1.1em}.summary-item.total strong{color:#612c4b;font-size:1.3em}@media(max-width:1024px){.transactions-list{grid-template-columns:1fr}}@media(max-width:768px){.transaction-history-container{padding:1rem}.transaction-header{flex-direction:column;align-items:stretch}.transaction-title{font-size:1.5rem}.back-btn{width:100%}.table-header{display:none}.table-row{grid-template-columns:1fr;gap:.5rem;padding:1rem;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:1rem}.table-cell{display:flex;justify-content:space-between;align-items:center}.table-cell:before{content:attr(data-label);font-weight:600;color:#612c4b;margin-right:1rem}.table-cell.description{flex-direction:column;align-items:flex-start}.summary-card{padding:1rem}}@media(max-width:480px){.transaction-title{font-size:1.25rem}.table-cell,.summary-item{font-size:.9rem}}.music-player-bar{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:75%;max-width:1080px;min-width:600px;height:75px;background:#ad7d9b;border:4.5px solid #895674;border-radius:18px;box-sizing:border-box;font-family:Inter,sans-serif;display:flex;align-items:center;padding:0;z-index:10}.player-controls-left,.progress-section,.player-controls-right{display:flex;align-items:center;height:100%}.player-controls-left{background:#fff;border-right:4.5px solid #895674;border-radius:13.5px 0 0 13.5px;width:clamp(140px,17%,184px);justify-content:center;gap:clamp(12px,2vw,20px);flex-shrink:0}.progress-section{flex-grow:1;justify-content:center;gap:clamp(8px,1.5vw,15px);padding:0 clamp(10px,2vw,20px)}.player-controls-right{padding-right:15px;flex-shrink:0}.control-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.control-btn img{filter:brightness(1);transition:filter .2s ease-in-out}.play-pause-btn{height:clamp(30px,3.5vw,38px);width:clamp(30px,3.5vw,38px)}.play-pause-btn img{height:100%}.small-btn img{height:clamp(20px,2.5vw,28px);width:clamp(20px,2.5vw,28px);filter:brightness(150%) saturate(0%);transition:filter .2s ease-in-out,box-shadow .2s ease-in-out}.control-btn:hover img{filter:brightness(.8)}.small-btn:hover img{filter:brightness(100%) saturate(100%)}.small-btn.is-active img{filter:invert(25%) sepia(25%) saturate(650%) hue-rotate(280deg) brightness(120%) contrast(100%)!important;border-radius:4px}.small-btn.heart-btn{width:clamp(20px,2.5vw,28px);height:clamp(20px,2.5vw,28px);position:relative}.small-btn.heart-btn img{width:clamp(20px,2.5vw,28px);height:clamp(20px,2.5vw,28px);display:block}.small-btn.heart-btn.is-active:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#612c4b;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20width='29'%20height='29'%20viewBox='0%200%2029%2029'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.865%203.74609C17.6779%203.74609%2015.7204%204.80943%2014.5%206.44068C13.2795%204.80943%2011.322%203.74609%209.13496%203.74609C5.42538%203.74609%202.41663%206.76693%202.41663%2010.5007C2.41663%2011.9386%202.64621%2013.2678%203.04496%2014.5003C4.95413%2020.5419%2010.8387%2024.1548%2013.7508%2025.1457C14.1616%2025.2907%2014.8383%2025.2907%2015.2491%2025.1457C18.1612%2024.1548%2024.0458%2020.5419%2025.955%2014.5003C26.3537%2013.2678%2026.5833%2011.9386%2026.5833%2010.5007C26.5833%206.76693%2023.5745%203.74609%2019.865%203.74609Z'%20fill='%23FFE8F5'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20width='29'%20height='29'%20viewBox='0%200%2029%2029'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.865%203.74609C17.6779%203.74609%2015.7204%204.80943%2014.5%206.44068C13.2795%204.80943%2011.322%203.74609%209.13496%203.74609C5.42538%203.74609%202.41663%206.76693%202.41663%2010.5007C2.41663%2011.9386%202.64621%2013.2678%203.04496%2014.5003C4.95413%2020.5419%2010.8387%2024.1548%2013.7508%2025.1457C14.1616%2025.2907%2014.8383%2025.2907%2015.2491%2025.1457C18.1612%2024.1548%2024.0458%2020.5419%2025.955%2014.5003C26.3537%2013.2678%2026.5833%2011.9386%2026.5833%2010.5007C26.5833%206.76693%2023.5745%203.74609%2019.865%203.74609Z'%20fill='%23FFE8F5'/%3e%3c/svg%3e");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:100% 100%;mask-size:100% 100%;pointer-events:none}.small-btn.heart-btn.is-active img{opacity:0}.time-stamp{color:#ffe8f5;font-weight:700;font-size:clamp(11px,1.3vw,14px);white-space:nowrap}.album-art{width:clamp(45px,5.5vw,59px);height:clamp(45px,5.5vw,59px);border-radius:6px;border:1.5px solid #895674;overflow:hidden;background:#333;display:flex;align-items:center;justify-content:center;margin-right:clamp(10px,1.5vw,15px)}input[type=range].progress-bar{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;width:100%}input[type=range].progress-bar::-webkit-slider-runnable-track{height:9px;border-radius:5px}input[type=range].progress-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-6.5px;background-color:#ffe8f5;height:22px;width:22px;border-radius:50%}input[type=range].progress-bar::-moz-range-thumb{background-color:#ad7d9b;height:22px;width:22px;border-radius:50%;border:none}.volume-control{position:relative;display:flex;align-items:center}.volume-slider-container{position:absolute;bottom:75px;left:50%;transform:translate(-50%);visibility:hidden;opacity:0;pointer-events:none;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;box-sizing:border-box;background:#ad7d9b;border:4.5px solid rgb(138,86,117);border-radius:18px;width:48px;height:188px;display:flex;justify-content:center;align-items:center;z-index:100}.volume-slider-container.is-visible{visibility:visible;opacity:1;pointer-events:auto}.volume-track{height:140px;width:4.5px;border-radius:5px}.volume-thumb{box-sizing:border-box;height:22px;width:22px;background-color:#ffe8f5;border:3px solid #895674;border-radius:50%;cursor:grab}.control-btn.small-btn.repeat-one{position:relative}.control-btn.small-btn .repeat-badge{position:absolute;top:-6px;right:-6px;background:#ffe8f5;color:#895674;font-weight:700;font-size:10px;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid #895674}.toastsContainer{position:fixed;right:20px;top:20px;display:flex;flex-direction:column;gap:8px;z-index:9999}.toast{min-width:160px;max-width:320px;padding:10px 14px;border-radius:10px;color:#fff;font-weight:700;box-shadow:0 6px 18px #0000002e;transform-origin:right top;animation:toastIn .22s ease}.toast.info{background:#333}.toast.success{background:#2f9e44}.toast.error{background:#e03131}@keyframes toastIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.toggle-bar-btn{position:fixed;bottom:20px;right:20px;z-index:100;background:#ad7d9b;border:3px solid #895674;width:48px;height:48px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #0003;transition:background .2s,transform .2s}.toggle-bar-btn:hover{background:#c395b4;transform:translateY(-2px)}.toggle-bar-btn img{width:28px;height:28px;filter:brightness(150%) saturate(0%)}html,body,#root{height:100%}body{margin:0;background:transparent;font-family:Inter,sans-serif}