:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f5f3f8;background:#101014;font-synthesis:none;font-weight:400;--purple:#ad78f8;--muted:#95939f;--line:#ffffff10}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:none;border:0}button:disabled{opacity:.4;cursor:default}button,input,summary,select{outline-offset:5px}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--purple)}button{transition:background .18s,color .18s,transform .18s}button:hover{color:#fff}input,select{color:inherit;background:#ffffff05;border:1px solid #ffffff17;padding:12px 14px;border-radius:8px;min-width:0}label{font-size:16px;color:#b6b2bf}label>input:not([type=checkbox]):not([type=radio]){display:block;width:100%;margin-top:9px}button svg{flex-shrink:0}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-1.5px;font-weight:730}h2{font-size:25px;letter-spacing:-.65px;margin:0}h3{letter-spacing:-.4px}small{font-size:15px;color:var(--muted)}.muted{color:var(--muted);font-size:17px}.mt{margin-top:32px!important;margin-bottom:20px}.brand{display:flex;align-items:center;gap:10px;font-size:23px;white-space:nowrap;font-weight:750;letter-spacing:-.6px}.brand-dot{color:var(--purple)}.logo{width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#ec9a6c 0deg 70deg,#ba74f8 72deg 250deg,#ab75ee 251deg);color:#22142f}.logo svg{fill:#21142a;stroke:#e7c9ff;stroke-width:1.5}.eyebrow{font-size:13px;letter-spacing:1.8px;color:#ada6ba;font-weight:650;display:flex;align-items:center;gap:8px}.online-dot{width:5px;height:5px;display:inline-block;border-radius:50%;background:#b583f8;flex-shrink:0}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 18px;border-radius:7px;font-size:16px;font-weight:650;white-space:nowrap}.primary{background:#b785f8;color:#1e102e;border:1px solid #b785f8}.primary:hover{background:#c69eff;color:#1e102e;transform:translateY(-1px)}.secondary{background:#ffffff05;border:1px solid #ffffff1c;color:#ddd8e5}.secondary:hover{background:#ffffff0c}.text-button{font-size:16px;color:#b7a0d3;padding:15px 0}.on,.liked{color:#bd87ff!important}.spin{animation:spin 1.3s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:40px}.app{min-height:100vh;padding-bottom:102px}.sidebar{background:#15151c;position:fixed;left:0;top:0;bottom:102px;width:244px;padding:34px 20px 17px;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:12}.sidebar .brand{margin:0 7px 44px}.nav-label{font-size:13px;color:#777381;letter-spacing:1.7px;margin:0 17px 14px;font-weight:650}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav button,.sidebar-bottom>button{display:flex;align-items:center;gap:14px;padding:13px 17px;border-radius:7px;font-size:16px;color:#a6a2b0;text-align:left;position:relative}.sidebar nav button svg{stroke-width:1.6}.sidebar nav button.selected,.sidebar-bottom>button.selected{background:linear-gradient(90deg,#a66bfa2b,#a66bfa13);color:#e9d5ff}.sidebar nav button.selected:before{content:"";position:absolute;left:-20px;top:12px;bottom:12px;width:3px;background:var(--purple);border-radius:0 3px 3px 0}.sidebar nav button:hover{background-color:#ffffff06}.sidebar nav small{margin-left:auto;font-size:13px;background:#ffffff09;padding:2px 6px;border-radius:5px;color:#b6a6c8}.playlist-label{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:27px;margin-top:25px;margin-bottom:9px}.playlist-label button{padding:0;color:#96909d}.playlist-nav{max-height:20vh;overflow:auto}.playlist-nav>button{display:flex;align-items:center;gap:12px;color:#8d8799;font-size:15px;padding:10px 17px;text-align:left}.playlist-add{display:grid;place-items:center;width:24px;height:24px;border:1px dashed #ffffff24;border-radius:5px;font-size:21px}.sidebar-bottom{margin-top:auto}.sidebar-bottom>button{width:100%}.sidebar-bottom>button>svg:last-child{margin-left:auto}.collection-note{border-top:1px solid var(--line);margin-top:13px;padding:22px 10px 4px;display:flex;align-items:center;gap:10px;color:#b7b1c2;font-size:14px}.collection-note>span small{display:block;font-size:13px;margin-top:6px}.collection-note>.online-dot{margin-left:auto}.workspace{margin-left:244px}.topbar{height:94px;border-bottom:1px solid #ffffff07;display:flex;align-items:center;gap:28px;padding:0 39px}.history-buttons{display:flex;align-items:center;gap:15px;font-size:14px;color:#7c7788;white-space:nowrap}.history-buttons button{display:grid;place-items:center;background:#ffffff04;border:1px solid #ffffff08;width:29px;height:29px;border-radius:50%;color:#a9a0b7}.searchbox{display:flex;align-items:center;gap:11px;background:#1c1b23;border:1px solid #ffffff0d;border-radius:24px;padding:0 16px;height:42px;color:#aba5b6;max-width:500px;width:100%}.searchbox input{background:transparent;border:0;outline:0!important;padding:0;font-size:14px;flex:1;margin:0!important;width:100%;color:#e0dbe9}.searchbox input::placeholder{color:#7f798c}.account{margin-left:auto;display:flex;align-items:center;gap:21px;position:relative}.family-label{display:flex;align-items:center;gap:7px;font-size:13px;color:#a49bab;white-space:nowrap}.avatar{border:1px solid #c5a0e733;background:#76519366;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:16px;color:#e6c5fd}.account-menu{position:absolute;right:0;top:48px;min-width:220px;background:#25222e;border:1px solid #ffffff19;z-index:40;border-radius:10px;padding:17px;box-shadow:0 12px 50px #0008}.account-menu strong,.account-menu small{display:block;margin-bottom:6px}.account-menu button{border-top:1px solid var(--line);margin-top:14px;padding:14px 0 0;display:flex;gap:10px;width:100%;font-size:16px;color:#b6aabc}main{max-width:1600px;margin:auto;padding:31px 39px 10px}.hero{height:307px;border:1px solid #ffffff0a;border-radius:12px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 90% 10%,#4a293a80,transparent 64%),linear-gradient(115deg,#211d2a,#29202d 65%,#382324)}.hero-copy{padding:33px 34px;position:relative;z-index:2}.hero .eyebrow{color:#c0b1cf;font-size:13px;letter-spacing:1.9px;margin-bottom:22px}.hero-copy>p{font-size:18px;color:#c9c0d3;margin-bottom:8px}.wave{color:#dbaa75;font-size:20px;margin-left:5px}.hero h1{font-size:37px;line-height:1.16;margin-bottom:14px;letter-spacing:-1.6px}.hero h1>span,.page-heading h1>span{color:var(--purple)}.hero-copy .hero-description{font-size:15px;color:#aaa0b5;line-height:1.8}.hero-link{font-size:13px;display:flex;gap:13px;align-items:center;color:#d8c0f0;font-weight:550;padding:0;margin-top:22px}.hero-record{position:absolute;right:0;top:0;bottom:0;width:47%;overflow:hidden;background:radial-gradient(ellipse at 30% 2%,#e5986b32,transparent 60%)}.hero-disc{position:absolute;width:390px;height:390px;right:-19px;top:24px;border-radius:50%;transform:rotate(-17deg);background:repeating-radial-gradient(circle,#1a141c,#28202a,#17131b,#251e28 3px);box-shadow:inset 0 0 16px #000,0 15px 50px #0009}.hero-disc:before,.auth-vinyl:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 12deg,transparent,#a85f5144 8%,transparent 18%,transparent 37%,#a68dba33 44%,transparent 52%,transparent 65%,#f1a37266 70%,transparent 82%);mix-blend-mode:screen}.disc-label{position:absolute;inset:31%;background:#a46a54;border:10px solid #30212d;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#26131a;transform:rotate(12deg)}.disc-label:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#18131b;top:calc(50% - 4px);left:calc(50% - 4px)}.disc-label>span{font-size:8px;letter-spacing:2px;margin-bottom:7px}.disc-label>b{font-family:Georgia,serif;font-size:27px;font-style:italic;line-height:.9}.disc-label>small{color:#3d222b;font-size:6px;letter-spacing:.7px;margin-top:13px}.hero-stamp{position:absolute;right:20px;top:22px;color:#d5b8ab77;letter-spacing:1.3px;line-height:1.45;font-size:8px;text-align:right}.hero-stamp i{font-family:Georgia,serif;font-size:12px;letter-spacing:0}.collection-bar{display:flex;align-items:center;gap:27px;color:#8c8498;font-size:13px;padding:20px 0 26px;border-bottom:1px solid var(--line);margin-bottom:30px}.collection-bar>span{display:flex;align-items:center;gap:7px}.collection-bar svg{color:#b49acb}.collection-bar .quality-badge{margin-left:auto;font-size:13px;letter-spacing:1.5px;color:#81738f;border:1px solid #ffffff0c;border-radius:4px;padding:5px 7px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:23px;gap:20px}.section-heading .eyebrow{font-size:13px;letter-spacing:1.5px;color:#857d90;margin-bottom:8px}.section-heading h2{font-size:25px}.see-all{display:flex;align-items:center;gap:8px;color:#bfa0e2;font-size:13px;padding:4px 0}.album-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 23px}.album-card{min-width:0}.album-art{position:relative}.album-open{width:100%;display:block;padding:0;overflow:hidden;border-radius:9px}.cover{aspect-ratio:1;position:relative;overflow:hidden;background:linear-gradient(140deg,#493357,#243b47);isolation:isolate;border-radius:7px;width:100%}.cover:not(:has(img)){filter:hue-rotate(var(--hue));background:radial-gradient(circle at 80% 0%,#d39b8555,transparent 50%),linear-gradient(145deg,#65596a,#2b3747)}.cover img{display:block;width:100%;height:100%;object-fit:cover}.record{position:absolute;width:85%;aspect-ratio:1;border-radius:50%;right:-15%;top:20%;background:repeating-radial-gradient(circle,#16131c,#25232e 1px,#17151f,#34303e 3px);box-shadow:0 8px 25px #0008}.record:before{content:"";position:absolute;inset:29%;border-radius:50%;background:#c3a497}.record:after{content:"";position:absolute;inset:48%;border-radius:50%;background:#131018}.cover-label{position:absolute;left:9%;top:9%;right:8%;font-size:7px;color:#ede3e1aa;letter-spacing:1.2px;text-transform:uppercase}.cover-title{position:absolute;left:9%;bottom:9%;right:12%;color:#fff;font-family:Georgia,serif;font-size:clamp(15px,1.8vw,28px);line-height:1.05;text-shadow:0 1px 8px #0005;max-height:65%;overflow:hidden}.album-art .quick-play{position:absolute;right:12px;bottom:12px;background:#bb8aff;color:#221330;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;opacity:0;transform:translateY(7px);box-shadow:0 6px 20px #0006}.album-art:hover .quick-play,.album-art:focus-within .quick-play{opacity:1;transform:translateY(0)}.album-art:hover .cover{transform:scale(1.025);transition:.3s}.album-caption{display:flex;gap:8px;margin-top:12px;align-items:flex-start}.album-caption>button:first-child{min-width:0;flex:1;text-align:left;padding:0}.album-caption strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px;font-weight:600}.album-caption span{display:block;font-size:13px;color:#91899f;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.album-caption>button:last-child{padding:0;color:#746c80;margin-top:1px}.page-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:43px;padding:25px 0;color:#746b80;font-size:13px}.page-footer .brand{font-size:14px;gap:6px;color:#c9c0d3;letter-spacing:-.2px}.page-footer .logo{width:22px;height:22px}.page-footer .logo svg{width:15px}.page-footer small{font-size:13px}.continue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:33px}.continue-card{border:1px solid #ffffff09;background:#ffffff03;border-radius:8px;display:flex;align-items:center;padding:8px;gap:11px;min-width:0;text-align:left}.continue-card .cover{width:50px;flex-shrink:0}.continue-card .cover-title,.continue-card .cover-label{display:none}.continue-card>span{flex:1;min-width:0}.continue-card strong,.continue-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.continue-card small{font-size:13px;margin-top:4px}.continue-card i{height:2px;background:#ffffff0e;display:block;margin-top:8px;width:90%;border-radius:3px}.continue-card i b{background:#aa77e1;height:2px;display:block}.continue-card>svg{color:#bc97e6;margin-right:5px}.page-heading{padding:13px 0 33px}.page-heading .eyebrow{font-size:13px;margin-bottom:14px}.page-heading h1{font-size:38px;margin-bottom:12px}.page-heading p{font-size:15px;color:#968b9f;margin:0}.empty-state{text-align:center;padding:44px 24px 50px;background:radial-gradient(ellipse at 50% 0%,#a66bfa09,transparent);border:1px solid #ffffff08;border-radius:10px}.empty-state>svg{color:#a47cce;margin-bottom:18px;stroke-width:1.15}.empty-state h3{font-size:23px;margin-bottom:10px}.empty-state p{font-size:15px;line-height:1.8;color:#8d829c}.empty-state .primary{margin-top:9px}.player{position:fixed;z-index:25;bottom:0;left:0;right:0;height:102px;border-top:1px solid #ffffff13;background:#18171df5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:center;padding:14px 27px;gap:30px}.now-playing{display:flex;align-items:center;gap:13px;min-width:0}.now-playing .cover{width:56px;flex-shrink:0;border:1px solid #ffffff0c}.now-playing .cover-label,.now-playing .cover-title{display:none}.now-playing>span{min-width:0}.now-playing strong{font-size:15px;font-weight:550;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-playing small{font-size:13px;display:block;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-playing button{margin-left:15px;color:#9d94a9;display:flex}.transport{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:10px}.transport>button{padding:0;display:grid;place-items:center;color:#b3abbf;position:relative}.transport>button:first-child,.transport>button:last-child{color:#71677e}.transport .play-button,.play-button{border-radius:50%;width:35px;height:35px;background:#f4eefb;display:grid;place-items:center;color:#18131f}.transport .play-button:hover{transform:scale(1.08)}.transport>button small{position:absolute;top:5px;font-size:13px}.timeline{display:flex;align-items:center;gap:12px}.timeline small{font-size:13px;color:#9f94ad;font-variant-numeric:tabular-nums}.timeline input{width:100%}input[type=range]{appearance:none;height:3px;background:linear-gradient(to right,#b780ef 0 var(--progress,0%),#49414f var(--progress,0%) 100%);border:0;border-radius:3px;padding:0;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:9px;height:9px;background:#f3eafa;border-radius:50%}.player-right{display:flex;align-items:center;justify-content:flex-end;gap:13px;color:#a89ab7}.player-right button{display:flex;padding:0}.player-right>input{width:85px}.player-right button:last-child{margin-left:14px}.mobile-brand,.mobile-nav,.mobile-search{display:none}.album-detail{display:flex;gap:32px;padding:16px 0 35px;align-items:flex-end}.album-detail>.cover{width:230px;flex-shrink:0;box-shadow:0 15px 40px #0005}.album-detail h1{font-size:38px;margin-top:15px;margin-bottom:12px}.album-detail p{color:#b6a8c5;margin-bottom:12px}.album-detail small{font-size:14px}.album-controls{display:flex;align-items:center;gap:18px;margin-top:25px}.track-head,.track-row{display:grid;grid-template-columns:30px minmax(130px,1.6fr) minmax(100px,1fr) 70px 40px;gap:15px;align-items:center;padding:11px 12px}.track-head{font-size:13px;color:#85788f;border-bottom:1px solid #ffffff0d;margin-bottom:9px}.track-row{border-radius:6px;font-size:14px;min-height:58px}.track-row:hover{background:#ffffff05}.track-name{text-align:left;min-width:0;padding:0}.track-name strong,.track-name small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-name strong{font-size:15px;font-weight:500}.track-name small{font-size:13px;margin-top:5px}.track-num{font-size:14px;color:#998aa7;display:grid;place-items:center;padding:0}.track-num>svg{display:none}.track-row:hover .track-num>span{display:none}.track-row:hover .track-num>svg{display:block}.active-track .track-name strong{color:#c18bf7}.equalizer{color:#bf8af8}.track-album{color:#93839f;font-size:13px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.track-actions{display:flex;align-items:center;gap:9px}.track-actions>button{padding:0;color:#9584a0}.track-actions details{position:relative}.track-actions summary{list-style:none;cursor:pointer;color:#9584a0}.popover{position:absolute;right:0;top:25px;z-index:30;background:#2a2333;border:1px solid #ffffff15;border-radius:8px;padding:7px;min-width:200px;box-shadow:0 12px 40px #0008}.popover button{display:block;text-align:left;padding:9px;width:100%;font-size:14px;border-radius:5px}.popover button:hover{background:#ffffff09}.duration{font-size:13px;color:#a090af;text-align:right}.artist-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.artist-grid>button{display:flex;flex-direction:column;align-items:center;gap:12px;padding:30px 15px;border:1px solid #ffffff0b;border-radius:10px;background:#ffffff02;font-size:16px}.artist-avatar{width:85px;height:85px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#7d5d8c,#252237);font-family:Georgia,serif;font-size:27px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:27px}.stat{border:1px solid #ffffff0c;background:linear-gradient(130deg,#27222e,#1b1921);border-radius:9px;padding:20px;display:grid;grid-template-columns:1fr auto;gap:12px}.stat svg{grid-column:2;grid-row:1/3;color:#a780cd;stroke-width:1.3}.stat>span{font-size:13px;color:#a899b6}.stat strong{font-size:24px;font-weight:550;letter-spacing:-.7px}.admin-panel{border:1px solid #ffffff0c;border-radius:10px;background:#18161e;padding:25px;margin-bottom:24px}.admin-panel .section-heading h2{font-size:22px}.tag{font-size:13px;letter-spacing:1px;color:#b7a2cc;border:1px solid #b08ac42c;background:#a66bfa09;border-radius:4px;padding:5px 8px;white-space:nowrap}.dropzone{border:1px dashed #9e7ab247;border-radius:9px;padding:32px 20px 20px;text-align:center;background:radial-gradient(ellipse at 50% 0%,#a66bfa09,transparent 75%)}.upload-icon{border:1px solid #be90e333;border-radius:13px;width:58px;height:58px;display:grid;place-items:center;margin:0 auto 18px;background:#a66bfa0c;color:#b788e5}.dropzone h3{font-size:22px;margin-bottom:10px}.dropzone p{font-size:14px;line-height:1.85;color:#94839f}.upload-buttons{display:flex;gap:10px;justify-content:center;margin:23px auto}.upload-buttons label{cursor:pointer}.upload-buttons input[type=file]{display:none}.dropzone>small{font-size:13px;color:#7e6c8b;display:flex;gap:5px;align-items:center;justify-content:center}.import-steps{display:flex;align-items:center;justify-content:center;gap:12px;font-size:13px;color:#8c789b;margin-top:21px;flex-wrap:wrap}.import-steps>span{display:flex;align-items:center;gap:6px}.import-steps>span:first-child{color:#b19ac2}.job-top{display:flex;align-items:center;gap:13px;padding:16px 0;min-width:0}.import-job+.import-job{border-top:1px solid #ffffff09}.job-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:7px;background:#a66bfa0c;flex-shrink:0}.purple{color:#b98be3}.success{color:#98cbb1}.danger,.error{color:#eba09e}.job-top>div{flex:1;min-width:0}.job-top strong,.job-top small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-top strong{font-size:15px}.job-top small{font-size:13px;margin-top:5px}.job-status{font-size:13px;color:#be9edb}.job-top .secondary{font-size:13px;padding:8px 10px}.review-form{border-top:1px solid #ffffff08;padding:20px 0 8px}.review-form>p{font-size:14px;color:#ac98ba;line-height:1.7}.candidate-list{display:flex;flex-direction:column;gap:8px;margin:17px 0}.candidate{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #ffffff0c;border-radius:7px;cursor:pointer;background:#ffffff02}.candidate.selected{border-color:#b77beb70;background:#a66bfa0c}.candidate>svg{color:#9c79b3;flex-shrink:0}.candidate>span{flex:1;min-width:0}.candidate strong{font-size:15px}.candidate small{font-size:13px;display:block;margin-top:4px}.candidate>b{font-size:13px;color:#b5a0cc;white-space:nowrap}.candidate input{accent-color:#b888ee}.review-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:18px 0}.review-fields label{font-size:14px}.review-fields input{font-size:15px}.review-form details summary{font-size:14px;color:#ac8bc5;cursor:pointer;padding:10px 0}.review-track{display:flex;font-size:13px;gap:13px;border-bottom:1px solid #ffffff06;padding:7px;margin:0;color:#ae9bbb}.review-track>span:nth-child(2){flex:1}.confirm-check{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.6;color:#bca9c8;margin:20px 0}.confirm-check input{accent-color:#a66bfa}.upload-progress{display:grid;grid-template-columns:1fr auto;gap:10px;max-width:500px;margin:15px auto 22px;text-align:left;font-size:13px;color:#bca9cc}.upload-progress span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-progress progress{width:100%;grid-column:1/-1;height:5px;accent-color:#b184e3}.upload-row{display:flex;gap:12px;align-items:center;font-size:14px;color:#baa3c9;padding:12px 0;border-top:1px solid #ffffff08}.upload-row span{flex:1;overflow:hidden;text-overflow:ellipsis}.storage-note{display:flex;align-items:center;gap:14px;color:#a591b3;font-size:13px;margin:10px 0 35px}.storage-note small{display:block;margin-top:5px;font-size:13px;color:#766380}.user-list>div{display:flex;align-items:center;gap:13px;padding:12px 0}.user-list>div>span:nth-child(2){flex:1}.user-list strong{font-size:15px}.user-list small{display:block;font-size:13px;margin-top:4px}.invite-form{border-top:1px solid #ffffff0a;margin-top:14px;padding-top:22px;display:flex;gap:10px;flex-wrap:wrap}.invite-form input{flex:1;font-size:14px;width:120px}.invite-form select,.invite-form .secondary{font-size:14px}.invite-link{display:block;margin-top:15px;font-size:14px}.invite-link input{font-size:14px}.banner{display:flex;align-items:center;gap:10px;font-size:15px;background:#4d282b55;border:1px solid #d6797d22;padding:12px 15px;border-radius:8px;margin-bottom:20px}.banner button{margin-left:auto}.toast{position:fixed;z-index:90;bottom:120px;left:50%;transform:translate(-50%);border:1px solid #c6a3e133;background:#302439;box-shadow:0 10px 50px #0008;padding:15px 22px;border-radius:10px;display:flex;align-items:center;gap:11px;font-size:15px;color:#dfc5f3;max-width:90vw}.queue-panel{position:fixed;z-index:24;right:0;top:94px;bottom:102px;background:#201b29;border-left:1px solid #ffffff12;box-shadow:-20px 0 100px #0007;width:360px;padding:25px;overflow:auto}.queue-panel>button{display:flex;align-items:center;gap:13px;width:100%;padding:13px 0;border-bottom:1px solid #ffffff08;text-align:left}.queue-panel>button>span:nth-child(2){flex:1;min-width:0}.queue-panel strong{font-size:15px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-panel small{font-size:13px;display:block;margin-top:5px}.queue-panel>button>span:first-child,.queue-panel>button>span:last-child{font-size:13px;color:#8c779d}.modal-backdrop{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;z-index:100;padding:20px}.modal{width:430px;max-width:100%;padding:35px;background:#211a2b;border:1px solid #ffffff16;border-radius:14px;position:relative}.close{position:absolute;right:15px;top:15px;color:#a490b4}.modal>svg{color:#b184d9;margin:8px 0 25px}.modal h2{font-size:24px;margin-bottom:25px}.modal .primary{margin-top:22px;width:100%}.playlist-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}.chip{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid #ffffff11;border-radius:25px;font-size:15px;color:#a68cb7}.chip.active{background:#a66bfa22;border-color:#a66bfa66;color:#d5aff9}.auth{min-height:100vh;display:grid;grid-template-columns:1.12fr 1fr;background:#121116}.auth-art{min-height:100vh;overflow:hidden;position:relative;padding:38px 45px;background:radial-gradient(ellipse at 30% 30%,#62416366,transparent 65%),linear-gradient(145deg,#28202f,#19151e);border-right:1px solid #ffffff0b}.auth-copy{margin-top:72px;position:relative}.auth-copy>.eyebrow{font-size:13px;color:#bd9acc;letter-spacing:2px}.auth-copy h1{font-size:clamp(32px,3.5vw,54px);line-height:1.13;margin-top:19px;letter-spacing:-2px}.auth-copy em{font-family:Georgia,serif;font-weight:400;color:#d4acee}.auth-copy p{color:#a693b1;font-size:15px;line-height:1.9;position:relative;z-index:2}.auth-vinyl{width:450px;height:450px;position:relative;left:80px;top:35px;border-radius:50%;background:repeating-radial-gradient(circle,#19151d,#342838 1px,#18131e 3px,#29212c 4px);box-shadow:0 15px 70px #0009;transform:rotate(-15deg)}.vinyl-label{position:absolute;inset:30%;border-radius:50%;background:#bc7d66;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#2d1b26;border:10px solid #3b2938}.vinyl-label>svg{width:25px;height:25px;margin-bottom:7px}.vinyl-label b{font-size:27px;line-height:.95;letter-spacing:-1px;text-align:center}.vinyl-label small{font-size:5px;letter-spacing:1.2px;color:#4a2839;margin-top:9px}.auth-foot{position:absolute;left:45px;bottom:26px;font-size:13px;color:#89758f}.auth-form{padding:40px;align-self:center;max-width:430px;width:100%;margin:auto}.private-pill{display:inline-flex;gap:6px;font-size:13px;letter-spacing:1.2px;color:#a58ab9;border:1px solid #a48ab22b;padding:7px 9px;border-radius:5px;align-items:center;margin-bottom:29px}.auth-form h2{font-size:30px;letter-spacing:-1px;margin-bottom:11px}.auth-form>p{font-size:14px;color:#8f7f9d;line-height:1.7;margin-bottom:30px}.auth-form form>label{display:block;font-size:13px;color:#baabc4;margin-top:21px}.auth-form input{font-size:15px;background:#1e1a25;padding:14px;border:1px solid #ffffff10;box-shadow:inset 0 1px 2px #0001}.auth-form input::placeholder{color:#665b71}.auth-submit{width:100%;margin-top:28px;font-size:15px;padding:14px}.auth-submit svg{margin-left:auto}.auth-submit{justify-content:space-between}.auth-form .text-button{font-size:13px;margin-top:5px}.invite-note{margin-top:26px;border-top:1px solid #ffffff0a;padding-top:23px;display:flex;gap:12px;align-items:center;color:#7d6b8c;font-size:13px;line-height:1.7}.auth-form .error,.auth-form .success{font-size:14px;margin:15px 0 0;line-height:1.6;display:flex;gap:8px}.full-player{display:none}section+section{margin-top:30px}@media(min-width:1550px){.album-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.hero{height:340px}.hero-copy{padding:40px}.hero h1{font-size:44px}.hero-disc{width:440px;height:440px;right:35px}.hero-record{width:45%}.hero .eyebrow{margin-bottom:26px}}@media(max-width:1150px){.sidebar{width:210px;padding:28px 15px 15px}.sidebar .brand{font-size:21px;gap:8px;margin-left:5px}.sidebar .logo{width:32px;height:32px}.workspace{margin-left:210px}.sidebar nav button{padding:12px 14px}.topbar{padding:0 25px;gap:20px}.history-buttons>span,.family-label{display:none}main{padding:25px}.hero h1{font-size:31px}.hero-copy{padding:28px}.hero-record{width:43%;opacity:.8}.hero-disc{width:340px;height:340px;top:50px;right:-110px}.hero-copy .hero-description{font-size:14px}.hero-stamp{display:none}.hero{height:290px}.album-grid{gap:23px 17px}.collection-bar{gap:15px}.collection-bar .quality-badge{display:none}.player{grid-template-columns:1fr 1.4fr .7fr;padding:15px 20px;gap:20px}.player-right>input{width:55px}.now-playing{gap:10px}.now-playing button{margin-left:0}.now-playing .cover{width:48px}.page-footer>small{display:none}.page-footer{font-size:13px}.stats-grid{gap:10px}.stat{padding:16px}.stat strong{font-size:23px}.admin-panel{padding:20px}.continue-grid{grid-template-columns:repeat(2,1fr)}.continue-card:last-child{display:none}.track-head,.track-row{grid-template-columns:25px minmax(130px,1.6fr) minmax(60px,1fr) 60px 35px;gap:9px}.track-album{font-size:13px}.album-detail>.cover{width:180px}.album-detail h1{font-size:30px}.auth-art{padding:34px}.auth-copy{margin-top:66px}.auth-vinyl{width:400px;height:400px;left:25px}.auth-copy h1{letter-spacing:-1px}.auth-foot{left:34px}.artist-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:850px)and (min-width:701px){.sidebar{width:175px;padding:25px 10px}.workspace{margin-left:175px}.sidebar .brand{font-size:18px;gap:7px;margin-left:6px}.sidebar .logo{width:28px;height:28px}.sidebar .logo svg{width:20px}.sidebar nav button{font-size:14px;gap:11px;padding:12px}.sidebar .nav-label{font-size:13px;margin-left:12px;margin-right:9px;letter-spacing:1px}.sidebar nav button.selected:before{left:-10px}.sidebar .playlist-nav>button{font-size:13px;padding-left:12px;gap:8px}.hero-record{opacity:.35;right:-20px}.hero-copy{padding:27px}.hero h1{font-size:31px}.hero .eyebrow{font-size:13px}.album-grid{grid-template-columns:repeat(3,1fr)}.collection-bar{gap:11px;font-size:13px}.collection-note{padding-left:5px;font-size:13px}.collection-note small{font-size:13px!important}.player-right>input{display:none}.player{grid-template-columns:1fr 1.5fr .35fr;gap:12px}.player-right{gap:6px}.player-right button:last-child{margin-left:4px}.transport{gap:19px}.now-playing strong,.now-playing small{font-size:13px}.now-playing button{display:none}.stat svg{display:none}.stats-grid{gap:8px}.stat{padding:14px;display:block}.stat>span{display:block;font-size:13px;margin-bottom:10px}.stat strong{font-size:21px}.auth-form{padding:30px}}@media(max-width:700px){.app{padding-bottom:150px}.sidebar{display:none}.workspace{margin-left:0}.topbar{height:77px;padding:0 22px;border:0;gap:13px}.topbar .mobile-brand{display:block}.mobile-brand .brand{font-size:21px;gap:8px}.mobile-brand .logo{width:32px;height:32px}.mobile-brand .logo svg{width:22px}.topbar>.searchbox,.history-buttons,.family-label{display:none}.account{margin-left:auto}.avatar{width:31px;height:31px;font-size:14px}.account-menu{top:41px;min-width:210px}.account-menu strong{font-size:16px}.account-menu small{font-size:13px}main{padding:7px 21px 15px}.hero{height:268px;border-radius:10px}.hero-copy{padding:25px 22px}.hero .eyebrow{font-size:13px;letter-spacing:1.3px;margin-bottom:21px}.hero-copy>p{font-size:15px;margin-bottom:8px}.hero h1{font-size:29px;line-height:1.08;letter-spacing:-1px;max-width:220px;margin-bottom:15px}.hero-copy .hero-description{font-size:13px;line-height:1.8;max-width:205px}.hero-link{font-size:13px;margin-top:20px;gap:8px}.hero-record{right:-92px;top:0;width:240px;opacity:.58}.hero-disc{width:260px;height:260px;right:-25px;top:100px;transform:rotate(-20deg)}.disc-label{inset:30%;border-width:7px}.disc-label>b{font-size:18px}.disc-label>span{font-size:5px;letter-spacing:1px}.disc-label>small{font-size:4px}.disc-label:after{width:6px;height:6px;top:calc(50% - 3px);left:calc(50% - 3px)}.hero-copy{z-index:2}.collection-bar{font-size:13px;gap:9px;padding:17px 0 21px;margin-bottom:25px;justify-content:space-between}.collection-bar svg{width:12px}.collection-bar>span{gap:5px}.collection-bar>span:nth-child(2){font-size:0}.collection-bar>span:nth-child(2):after{content:"Samen bewaard.";font-size:13px}.section-heading{margin-bottom:18px}.section-heading h2{font-size:24px}.section-heading .eyebrow{font-size:13px;letter-spacing:1.3px;margin-bottom:8px}.see-all{font-size:13px;gap:5px}.see-all svg{width:14px}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px}.album-card .cover{border-radius:7px}.cover-title{font-size:21px}.cover-label{font-size:6px}.album-caption{margin-top:10px;gap:6px}.album-caption strong{font-size:14px}.album-caption span{font-size:13px;margin-top:5px}.album-caption>button:last-child>svg{width:14px}.album-art .quick-play{width:34px;height:34px;opacity:1;transform:none;right:9px;bottom:9px;background:#c79af7e6}.quick-play svg{width:17px}.player{left:9px;right:9px;bottom:75px;border:1px solid #ffffff15;background:#2b2534f7;border-radius:9px;height:62px;display:flex;padding:8px 10px;gap:12px;box-shadow:0 -5px 30px #0004}.now-playing{flex:1;min-width:0;gap:10px}.now-playing .cover{width:42px;border-radius:5px}.now-playing>span{flex:1;min-width:0}.now-playing strong{font-size:13px}.now-playing small{font-size:13px;margin-top:5px}.now-playing>button{display:none}.player-center{flex:none}.transport{gap:15px;margin-bottom:0}.transport>button:first-child,.transport>button:nth-child(2),.transport>button:last-child{display:none}.transport>.play-button{width:29px;height:29px}.transport>.play-button>svg{width:17px}.transport>button:nth-child(4){color:#ded0e9}.transport>button:nth-child(4)>svg{width:18px}.player-right{display:none}.timeline{position:absolute;left:10px;right:10px;bottom:2px;gap:0}.timeline small{display:none}.timeline input{height:2px;background:linear-gradient(to right,#b981f7 0 var(--progress),#63576c var(--progress) 100%)}.timeline input::-webkit-slider-thumb{width:0;height:0}.mobile-nav{display:flex;position:fixed;z-index:25;bottom:0;left:0;right:0;height:70px;padding:10px 13px max(12px,env(safe-area-inset-bottom));border-top:1px solid #ffffff07;background:#15121afc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);justify-content:space-around}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:13px;color:#92839e;min-width:44px}.mobile-nav button svg{stroke-width:1.7}.mobile-nav button.on{color:#d295fc!important}.page-footer{margin-top:33px;padding:23px 0 10px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.page-footer>span{font-size:13px}.page-heading{padding:13px 0 29px}.page-heading .eyebrow{font-size:13px;margin-bottom:12px}.page-heading h1{font-size:33px;letter-spacing:-1.2px}.page-heading p{font-size:14px;line-height:1.6}.track-head,.track-row{grid-template-columns:23px minmax(90px,1fr) 49px 32px;gap:8px;padding-left:0;padding-right:0}.track-album{display:none}.track-head>svg{grid-column:4}.track-head>span:nth-child(4){grid-column:3}.track-head{font-size:13px}.track-row{min-height:61px}.track-name strong{font-size:14px}.track-name small{font-size:13px}.track-actions{gap:7px}.track-actions>button svg{width:14px}.track-actions summary svg{width:15px}.duration,.track-num{font-size:13px}.album-detail{flex-direction:column;align-items:center;text-align:center;gap:22px;padding:8px 0 30px}.album-detail>.cover{width:210px}.album-detail>div:last-child{width:100%}.album-detail .eyebrow{justify-content:center;font-size:13px}.album-detail h1{font-size:29px;margin:12px 0}.album-detail p{font-size:16px}.album-detail small{font-size:13px}.album-controls{justify-content:center;margin-top:21px}.mobile-search{display:block;margin-bottom:25px}.mobile-search .searchbox{max-width:none;border-radius:8px;height:44px}.artist-grid{grid-template-columns:repeat(2,1fr);gap:13px}.artist-grid>button{padding:23px 12px;font-size:15px}.artist-avatar{width:75px;height:75px;font-size:25px}.artist-grid small{font-size:13px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:22px}.stat{padding:17px;gap:12px}.stat>span{font-size:13px}.stat strong{font-size:25px}.stat svg{width:18px}.admin-panel{padding:18px 15px;border-radius:8px;margin-bottom:18px}.admin-panel .section-heading h2{font-size:21px}.admin-panel .section-heading{gap:8px;margin-bottom:19px}.tag{font-size:13px;letter-spacing:.8px}.dropzone{padding:25px 12px 19px}.dropzone h3{font-size:19px}.dropzone p{font-size:13px;line-height:1.9}.upload-icon{width:47px;height:47px;border-radius:11px;margin-bottom:17px}.upload-icon svg{width:23px}.upload-buttons{flex-direction:column;margin:20px auto;gap:8px;width:100%;max-width:240px}.upload-buttons label{font-size:13px;padding:11px 12px}.dropzone>small{font-size:13px}.import-steps{font-size:13px;gap:7px;line-height:1.8;justify-content:flex-start}.import-steps svg{width:12px}.import-steps>svg{display:none}.import-steps>span{gap:4px}.job-top{gap:9px;flex-wrap:wrap;padding:14px 0}.job-icon{width:30px;height:30px}.job-icon svg{width:17px}.job-top strong,.job-top small{font-size:13px}.job-status{font-size:13px;white-space:nowrap}.job-top .secondary{font-size:13px;padding:7px 9px;margin-left:39px}.job-top .secondary svg{width:12px}.candidate{padding:10px;gap:8px;flex-wrap:wrap}.candidate input{margin:0}.candidate>svg{width:23px}.candidate strong{font-size:13px}.candidate small{font-size:13px;line-height:1.6}.candidate>b{font-size:13px;margin-left:44px}.review-fields{grid-template-columns:1fr;gap:13px}.review-fields label{font-size:13px}.review-fields input{font-size:14px}.review-form>p{font-size:13px}.confirm-check{font-size:13px}.review-form .primary{font-size:14px}.invite-form{gap:9px}.invite-form input{width:100%;flex:auto}.invite-form select{flex:1}.invite-form .secondary{font-size:13px}.user-list>div{gap:10px}.user-list strong{font-size:14px}.user-list small{font-size:13px}.storage-note{align-items:flex-start;font-size:13px;line-height:1.6}.storage-note small{font-size:13px}.storage-note>svg{flex-shrink:0;margin-top:2px}.empty-state{padding:40px 20px}.empty-state h3{font-size:22px}.empty-state p,.empty-state .primary{font-size:14px}.continue-grid{grid-template-columns:1fr;gap:10px;margin-bottom:27px}.continue-card:last-child{display:none}.continue-card .cover{width:45px}.continue-card strong{font-size:14px}.continue-card small{font-size:13px}.queue-panel{top:77px;bottom:145px;width:100%;padding:25px}.toast{bottom:155px;font-size:13px;padding:13px 15px;width:max-content;max-width:90vw;line-height:1.6}.toast>svg{flex-shrink:0}.banner{font-size:13px;line-height:1.5;padding:10px}.banner>svg{flex-shrink:0}.full-player{position:fixed;inset:0;z-index:95;display:flex;flex-direction:column;align-items:center;padding:30px;background:radial-gradient(ellipse at 40% 10%,#76558288,transparent 70%),#17111e}.full-player>button:first-child{align-self:flex-end}.full-player>.eyebrow{font-size:13px;margin:25px 0 30px}.full-player>.cover{width:min(330px,85vw);margin-bottom:30px;flex-shrink:0;box-shadow:0 20px 70px #0006}.full-player h2{font-size:26px;text-align:center}.full-player p{font-size:16px;color:#b59ec6;margin-top:10px}.full-player>input{width:100%;margin:25px 0 40px}.full-player .transport{gap:35px}.full-player .transport>button{display:flex!important}.full-player .play-button{width:60px;height:60px}.full-player .play-button>svg{width:25px;height:25px}.auth{display:flex;flex-direction:column;min-height:100svh;background:radial-gradient(ellipse at 50% 0%,#62406d33,transparent 65%),#131018}.auth-art{display:none}.auth-form{padding:35px 28px;max-width:430px;align-self:stretch;flex:1;display:flex;flex-direction:column;justify-content:center;margin:auto}.auth-form>.mobile-brand{display:block;margin:0 0 65px}.auth-form .mobile-brand .brand{font-size:25px}.auth-form .mobile-brand .logo{width:37px;height:37px}.auth-form .private-pill{align-self:flex-start;font-size:13px;margin-bottom:25px}.auth-form h2{font-size:29px}.auth-form>p{font-size:14px}.auth-form form>label{font-size:14px}.auth-form input{font-size:16px;padding:15px}.auth-submit{font-size:15px}.auth-form .text-button{align-self:flex-start}.invite-note{margin-top:35px;font-size:13px}.modal{padding:28px}.modal h2{font-size:25px}}.candidate-cover{width:55px;height:55px;object-fit:cover;border-radius:5px;flex-shrink:0}.review-year{display:block;max-width:140px;margin-bottom:15px;font-size:14px}.review-year input{font-size:15px}.review-track-head,.review-track-edit{display:grid;grid-template-columns:45px 45px minmax(80px,1fr) minmax(80px,1fr);gap:8px;margin-bottom:8px}.review-track-head{font-size:13px;color:#9b83aa}.review-track-edit input{width:100%;padding:9px 7px;font-size:13px}.review-track-edit input[type=number]{padding-right:0}@media(max-width:700px){.review-track-head,.review-track-edit{grid-template-columns:30px 30px minmax(65px,1fr) minmax(65px,1fr);gap:5px}.review-track-edit input{font-size:13px;padding:8px 4px}}.album-admin{display:flex;gap:10px;margin:30px 0}.album-admin input[type=file]{display:none}.album-admin label{cursor:pointer}.manage-album{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid #ffffff08;padding:12px 0}.manage-album>div:first-child{flex:1;min-width:160px}.manage-album strong{font-size:15px}.manage-album small{display:block;font-size:13px;margin-top:6px}.manage-album .secondary{padding:7px 10px;font-size:13px}.manage-album>form{flex-basis:100%;display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;padding:10px 0}.manage-album label{font-size:13px;flex:1;min-width:120px}.manage-album input{font-size:14px}.manage-album .primary{font-size:13px;padding:12px}.account-create-title{font-size:19px;margin:25px 0 9px}.invite-form{align-items:flex-end}.invite-form>label{flex:1;min-width:140px;font-size:13px}.invite-form>label input{width:100%;font-size:14px}.user-list>.managed-user{flex-wrap:wrap}.managed-user>form{flex-basis:100%;display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;padding:10px 0 5px}.managed-user>form label{flex:1;min-width:200px;font-size:13px}.managed-user .text-button{font-size:13px;padding:7px}.managed-user>form input{font-size:14px}.managed-user .secondary{font-size:13px;padding:11px}.admin-panel .muted{font-size:14px;line-height:1.7}.manual-cover{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0}.manual-cover img{width:65px;height:65px;object-fit:cover;border-radius:5px}.manual-cover input{display:none!important}.manual-cover label{cursor:pointer;font-size:13px}.manual-cover small{font-size:13px}.admin-tabs{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}.admin-tabs button{display:inline-flex;align-items:center;gap:8px}:root{font-size:17px;line-height:1.45;--muted:#aaa3b3}input:not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px}.primary,.secondary{font-size:16px;line-height:1.3}.track-name strong,.album-caption strong,.now-playing strong{font-size:16px;line-height:1.4}.track-name small,.album-caption span,.now-playing small{font-size:14px;line-height:1.45}.track-row{min-height:68px}.track-name small,.track-album,.album-caption span,.duration,.job-top small,.user-list small,.storage-note small,.collection-note small,.history-buttons{color:#b4acbf}@media(max-width:700px){.hero h1{max-width:250px}.hero-copy .hero-description{max-width:235px}.album-caption strong{font-size:15px}.album-caption span{font-size:14px}.mobile-nav button{font-size:12px}.track-row{min-height:70px}.primary,.secondary{white-space:normal;text-align:center}.invite-form>label,.managed-user>form label{font-size:14px}}@media(min-width:1151px){.sidebar{width:270px;overflow-y:auto}.workspace{margin-left:270px}.sidebar .nav-label{letter-spacing:1px}}@media(min-width:851px)and (max-width:1150px){.sidebar{width:250px;overflow-y:auto}.workspace{margin-left:250px}}@media(min-width:701px)and (max-width:850px){.sidebar{width:210px;overflow-y:auto}.workspace{margin-left:210px}}@media(max-width:700px){.hero{height:auto;min-height:330px}.hero .eyebrow{font-size:12px;letter-spacing:.9px;line-height:1.5;max-width:250px;margin-bottom:18px}.hero-copy{padding:26px 22px}.hero-link{margin-bottom:3px}}