:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#efedf6;background:#0e0e14;font-synthesis:none;--muted: #938c9f;--line: #ffffff0b;--purple: #b6a0ee;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;color:inherit;background:none;transition:background .16s,color .16s}button:disabled{opacity:.4;cursor:default}button:hover:not(:disabled){color:#fff}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #baa0f2;outline-offset:4px}h1,h2,h3,p{margin:0}h1{font-size:clamp(26px,2.7vw,38px);font-weight:650;letter-spacing:-1.2px;line-height:1.2}h2{font-size:21px;letter-spacing:-.5px;font-weight:620}h3{font-size:17px;font-weight:600}p{font-size:13px;line-height:1.7;color:var(--muted)}small{color:var(--muted)}label{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#c8b8d6;margin:20px 0}input,textarea,select{width:100%;border:1px solid #ffffff18;background:#110e18;color:#eae1f3;border-radius:9px;padding:12px 13px}input:focus,textarea:focus,select:focus{border-color:#a88ec9}input[type=range]{appearance:none;height:3px;accent-color:var(--purple);padding:0;border:0;background:#ffffff25;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background:#dfc9f7}.sidebar{width:230px;position:fixed;inset:0 auto 0 0;height:100dvh;overflow-y:auto;background:#111117;border-right:1px solid var(--line);padding:31px 19px 22px;z-index:30;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;margin:0 8px 45px}.brand img{width:38px;height:38px;border-radius:11px}.brand>span{font-size:23px;font-weight:650;letter-spacing:-.7px}.brand small{display:block;font-size:7px;letter-spacing:2px;color:#8b849e;margin-top:4px}.nav-label{font-size:9px;letter-spacing:1.6px;color:#777381;font-weight:650;padding:0 13px;margin-bottom:16px}.nav-item{width:100%;display:flex;align-items:center;text-align:left;gap:14px;padding:13px 14px;border-radius:9px;color:#9995a5;font-size:13px;font-weight:520;margin-bottom:6px}.nav-item:hover{background:#ffffff06}.nav-item.selected{background:#a58beb14;color:#c4b1ff}.sidebar-divider{height:1px;background:var(--line);margin:23px 12px;flex-shrink:0}.with-action{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:29px;min-height:29px;border-radius:7px;color:#96879f;padding:5px;flex-shrink:0}.icon-button:hover:not(:disabled){background:#ffffff09;color:#d4c4ff}.playlist-nav{display:flex;align-items:center;gap:12px;width:100%;text-align:left;font-size:12px;color:#aaa5b4;padding:11px 12px;border-radius:8px}.playlist-nav:hover{background:#ffffff06}.playlist-nav>span:last-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.liked-icon{display:grid;place-items:center;width:27px;height:27px;background:linear-gradient(140deg,#7751b5,#5b73aa);border-radius:5px;color:#fff}.sidebar-hint{font-size:11px;padding:18px 14px;color:#605d6b;line-height:1.8}.sidebar-bottom{margin-top:auto;padding-top:24px}.sidebar-bottom .nav-item{font-size:12px;padding-top:9px;padding-bottom:9px}.sidebar-foot{border-top:1px solid var(--line);padding:20px 12px 0;margin-top:16px;display:flex;align-items:center;gap:10px;font-size:9px;color:#666173}.sidebar-foot svg{color:#9c82bc}.content{margin-left:230px;min-height:100dvh;background:radial-gradient(ellipse 70% 30% at 10% -10%,#a887d30d,transparent),#0e0e14}.has-player .content{margin-right:352px;padding-bottom:108px}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid #ffffff04;gap:16px}.top-left,.top-right{display:flex;align-items:center;gap:18px}.breadcrumb{font-size:11px;color:#837f8e}.breadcrumb span{margin:0 12px;color:#4a4654}.back-button{border:1px solid #ffffff0b;width:29px;height:29px;border-radius:50%}.private-badge{display:flex;align-items:center;gap:7px;color:#8e879c;font-size:8px;letter-spacing:1.3px;font-weight:600}.private-badge i{width:5px;height:5px;background:#a38bda;border-radius:50%}.avatar{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#a992dc21;color:#ccbcf1;font-size:15px;font-weight:600;flex-shrink:0}.avatar.small{width:28px;height:28px;font-size:11px}.account-button{display:flex;align-items:center;gap:9px;font-size:11px;border:1px solid #ffffff09;border-radius:30px;padding:5px 12px 5px 5px}.page-body{padding:32px 40px 44px;max-width:1600px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:29px}.eyebrow{color:#9383b1;letter-spacing:2.1px;font-weight:650;font-size:9px;margin-bottom:13px}.page-heading p{font-size:12px;margin-top:11px}.date-label{font-size:10px;color:#7b7487;white-space:nowrap;text-transform:capitalize;margin-bottom:4px}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:304px;position:relative;overflow:hidden;border-radius:15px;background:radial-gradient(ellipse at 80% 25%,#6c4e8d70,transparent 65%),linear-gradient(110deg,#282032,#241e33 60%,#2b243e);border:1px solid #b196de20;margin-bottom:35px}.hero-copy{padding:32px 35px;z-index:2}.hero-tag{display:inline-flex;align-items:center;gap:7px;font-size:8px;color:#c3afd9;letter-spacing:1.5px;margin-bottom:19px}.hero h2{font-size:clamp(28px,3vw,41px);line-height:1.16;letter-spacing:-1.2px;font-weight:620}.hero h2 span{color:#c5b0e8}.hero p{font-size:11px;color:#b2a4be;max-width:280px;margin-top:16px}.hero-button{display:flex;align-items:center;gap:10px;background:#e3d7f3;border-radius:7px;padding:11px 15px;margin-top:25px;font-size:11px;font-weight:650;color:#30233d}.hero-button:hover{background:#f0e6ff;color:#2b1f36!important}.hero-button svg:last-child{margin-left:12px}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:280px}.hero-art:after{content:"";position:absolute;width:250px;height:250px;background:#a77ed93b;filter:blur(60px);border-radius:50%}.record{width:200px;height:200px;background:repeating-radial-gradient(circle,#17121f 0px 2px,#24202e 3px,#1a1524 4px);border-radius:50%;position:relative;transform:rotate(-18deg);box-shadow:7px 17px 35px #06030b55;z-index:1;display:grid;place-items:center;border:1px solid #a18ab045}.record:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent,#9b7aa940,transparent 40%,#ad8ace26,transparent 75%)}.record>div{width:78px;height:78px;background:linear-gradient(140deg,#a98acd,#745c99);border-radius:50%;border:4px solid #211b2c}.record>svg{position:absolute;width:32px;height:32px;color:#e0c7f1}.orbit{position:absolute;border:1px solid #cab2e417;border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:295px;height:235px}.orbit-two{width:370px;height:310px}.orbit-three{width:460px;height:390px}.floating-tag{position:absolute;z-index:2;display:flex;align-items:center;gap:9px;color:#d7cce2;font-size:9px;letter-spacing:.3px;padding:11px 14px;background:#352b456e;border:1px solid #cfb0ff1c;border-radius:9px;backdrop-filter:blur(12px);box-shadow:0 8px 25px #0002}.tag-one{left:1%;top:26%;transform:rotate(-7deg)}.tag-two{right:5%;bottom:20%;transform:rotate(7deg)}section{margin-bottom:34px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:21px}.section-heading h2{font-size:19px}.section-heading p{font-size:11px;margin-top:5px}.text-button{display:inline-flex;align-items:center;gap:6px;padding:4px 0;color:#a594bc;font-size:11px;white-space:nowrap}.section-caption{font-size:8px;letter-spacing:1.3px;color:#716b80}.genre-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.genre-card{display:flex;align-items:center;gap:14px;text-align:left;position:relative;overflow:hidden;padding:22px 18px;border-radius:10px;min-height:93px;border:1px solid #cab4ff12;background:#211b2e}.genre-card.rust{background:#2c201f;border-color:#cf9b8510}.genre-card.blue{background:#1b2532;border-color:#82a3cb10}.genre-nr{font-size:8px;align-self:flex-start;margin-top:2px;color:#8f789f}.genre-card strong{font-size:13px;font-weight:600;display:block;margin-bottom:7px}.genre-card small{font-size:9px;color:#a08ba9}.genre-card.rust small{color:#a08b83}.genre-card.blue small{color:#7f96ab}.genre-card>svg:not(.genre-wave){margin-left:auto;position:relative;z-index:1;width:14px}.genre-wave{position:absolute;right:28px;width:75px!important;height:90px;opacity:.055;transform:rotate(-20deg)}.music-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 18px}.music-card{min-width:0}.art-button{display:block;position:relative;width:100%;padding:0;margin-bottom:12px}.cover{aspect-ratio:1;width:100%;border-radius:8px;overflow:hidden;background:radial-gradient(ellipse at 10% 10%,#5c427e,#211e2b 70%);display:grid;place-items:center;position:relative}.cover img{width:100%;height:100%;object-fit:cover;display:block}.cover>svg{color:#a48dbd;width:33%;height:33%;opacity:.3}.cover>span{position:absolute;font-size:46px;font-weight:200;color:#ccb4eb6b}.card-play{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#b49ae9;color:#1c142a;opacity:0;transform:translateY(6px);transition:.2s;box-shadow:0 4px 15px #0005}.art-button:hover .card-play,.art-button:focus-visible .card-play{opacity:1;transform:translateY(0)}.card-title{font-size:12px;font-weight:560;text-align:left;padding:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.45}.card-subtitle{display:block;font-size:10px;color:#86798f;line-height:1.5;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artist-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}.artist-spotlight{display:flex;flex-direction:column;align-items:center;padding:0;min-width:0;text-align:center}.artist-monogram{width:100%;aspect-ratio:1;border-radius:50%;background:radial-gradient(at 30% 20%,#52415e,#1c1923 80%);display:grid;place-items:center;position:relative;margin-bottom:14px;overflow:hidden;border:1px solid #ffffff08}.artist-monogram svg{width:90%;height:90%;position:absolute;opacity:.1;transform:rotate(-20deg)}.artist-monogram b{font-size:clamp(20px,2.8vw,42px);font-weight:200;color:#c4b1d1ab;letter-spacing:-3px}.tone-1{background:radial-gradient(at 20% 20%,#344958,#141b24 80%)}.tone-2{background:radial-gradient(at 20% 20%,#524c47,#211b1f 80%)}.tone-3{background:radial-gradient(at 20% 20%,#503539,#21161c 80%)}.tone-4{background:radial-gradient(at 20% 20%,#54412d,#231d17 80%)}.tone-5{background:radial-gradient(at 20% 20%,#394b44,#161f21 80%)}.artist-spotlight strong{font-size:11px;font-weight:550;line-height:1.4}.artist-spotlight small{font-size:9px;margin-top:6px;color:#7b6b87}.catalog-credit{font-size:9px;line-height:1.6;color:#756581;text-align:center;border-top:1px solid var(--line);padding-top:25px;margin-top:40px}.catalog-credit a{color:#b29aca}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:8px;font-weight:550;font-size:12px;line-height:1.5}.primary{background:#b7a0ed;color:#21172f}.primary:hover:not(:disabled){background:#c6b2f8;color:#21172f}.secondary{border:1px solid #ffffff1a;background:#ffffff03;color:#c2b9ce}.secondary:hover:not(:disabled){background:#ffffff09}.small.primary,.small.secondary{padding:6px 10px;font-size:11px}.full{width:100%}.accent,.active{color:#c3a6ff!important}.muted{color:var(--muted);font-size:12px}.danger{color:#d58c99!important}.grow{flex:1;min-width:0}.empty,.search-empty,.private-empty{padding:64px 25px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:17px;background:linear-gradient(#ffffff02,transparent);border-radius:13px}.empty>svg{color:#8a6ead}.empty h2,.private-empty h2{font-size:21px}.empty p,.private-empty p{max-width:460px}.private-empty{min-height:320px;justify-content:center;border:1px solid var(--line)}.large-icon{width:64px;height:64px;background:#a98bdb12;border:1px solid #b79bd425;border-radius:18px;display:grid;place-items:center;color:#b5a0d5;margin:0 0 9px}.large-icon svg{width:27px;height:27px}.search-box{max-width:760px;display:flex;align-items:center;gap:16px;border:1px solid #bca5e52b;background:#19151f;border-radius:11px;padding:3px 17px;color:#ac94c9;margin-bottom:23px}.search-box input{border:0;background:none;font-size:14px;padding:17px 0;outline:0!important}.search-box input::placeholder{color:#887394}.filter-row,.chips{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:27px}.chip{border:1px solid #ffffff0f;border-radius:25px;padding:8px 15px;font-size:11px;color:#a99ab5;background:#ffffff02;display:inline-flex;align-items:center;gap:6px}.chip.selected{color:#22182f;background:#c0a8ed;border-color:#c0a8ed}.filter-label{font-size:10px;color:#90789f;margin-left:auto;display:flex;align-items:center;gap:6px}.search-empty h2{font-size:25px}.search-empty .chips{justify-content:center;margin-top:10px}.load-more{margin:24px auto;display:flex}.loading{display:flex;align-items:center;justify-content:center;gap:10px;color:#a495bb;padding:60px 15px;font-size:13px}.spin{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.source-note{font-size:11px;line-height:1.7;color:#927da1;margin-top:25px;max-width:800px}.error{color:#e2a2ad;font-size:12px;padding:12px 0}.inline-error{border:1px solid #ca8c9a25;background:#a45a6e08;border-radius:10px;padding:22px;font-size:13px;color:#c8a5ad}.inline-error p{margin-bottom:14px}.skeleton-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.skeleton-card{aspect-ratio:.79;border-radius:8px;background:linear-gradient(100deg,#1d1924,#27202f,#1d1924);background-size:200%;animation:shimmer 2s infinite}@keyframes shimmer{to{background-position:-200%}}.detail-hero{display:flex;gap:30px;align-items:center;background:radial-gradient(ellipse at 30% 0,#6b437827,transparent);padding:18px 0 33px;margin-bottom:18px}.detail-cover{max-width:210px;min-width:150px;box-shadow:0 16px 30px #0006}.detail-hero h1{font-size:clamp(28px,4vw,50px);margin-bottom:12px}.artist-link{display:block;color:#b2a1c9;font-size:15px;padding:0}.detail-actions{display:flex;align-items:center;gap:10px;margin-top:23px;flex-wrap:wrap}.song-list{width:100%}.song-row{display:flex;align-items:center;gap:14px;padding:12px 8px;border-bottom:1px solid #ffffff05;border-radius:7px;min-height:66px}.song-row:hover{background:#ffffff03}.song-row.selected{background:#ba9ae70a}.song-number{width:22px;flex-shrink:0;display:flex;justify-content:center;color:#a18ab2;font-size:11px;padding:0}.hover-play{display:none}.song-row:hover .song-number>span{display:none}.song-row:hover .hover-play{display:block}.song-cover{width:38px;min-width:38px;height:38px;border-radius:5px}.song-cover>span{font-size:19px}.song-info{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px}.song-info>button:first-child{font-size:12px;color:#d0c8dd;text-align:left;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.song-info .muted{font-size:10px;padding:0}.song-album{color:#9580a3;font-size:10px;width:20%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-row time{font-size:10px;color:#a18ab2;min-width:32px;text-align:right}.favorite.active svg{fill:#bca2e5}.menu{position:relative;flex-shrink:0}.menu>summary{list-style:none;cursor:pointer;color:#a48ab5;padding:6px;border-radius:5px;display:flex;align-items:center;justify-content:center;min-width:28px;min-height:28px;font-size:13px;margin:0}.menu>summary::-webkit-details-marker{display:none}.menu[open]>summary{background:#ffffff0b}.menu>div{position:absolute;right:0;top:100%;z-index:45;width:206px;background:#24202c;border:1px solid #ffffff12;box-shadow:0 15px 35px #0007;border-radius:9px;padding:6px}.menu>div>button,.menu>div>a{display:flex;align-items:center;gap:8px;width:100%;font-size:11px;text-align:left;padding:11px 9px;border-radius:5px;color:#c3b4d1}.menu>div>button:hover,.menu>div>a:hover{background:#ffffff0a}.settings-card{background:#17141d;border:1px solid #ffffff09;border-radius:12px;padding:25px 27px;margin-bottom:19px;max-width:850px}.settings-card h3{display:flex;align-items:center;gap:10px;margin-bottom:13px}.settings-card>p{font-size:12px;max-width:650px}.settings-card label{max-width:420px}.settings-card .notice{margin-top:23px}.notice{display:flex;align-items:flex-start;gap:11px;padding:14px 16px;border-radius:8px;background:#a88cce0a;border:1px solid #b291d411;color:#ac98c3;font-size:11px;line-height:1.7}.notice svg{flex-shrink:0;margin-top:2px}.device-row{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid #ffffff07}.device-row:last-child{border:0}.device-row>svg{color:#9b83b0}.device-row strong{display:block;font-size:12px;font-weight:500}.device-row small{display:block;margin-top:6px;font-size:10px;color:#aa8dbd}.device-list{margin-top:10px}.settings-card .secondary{margin-top:13px}.device-row .secondary{margin-top:0}.about{display:flex;align-items:center;gap:19px}.about img{width:56px;height:56px;border-radius:13px}.about h3{margin-bottom:7px}.about h3 span{font-size:10px;font-weight:400;color:#a88bbc;margin-left:8px}.about p{font-size:11px}.about .text-button{margin-top:9px}.banner{display:flex;align-items:center;justify-content:center;gap:13px;padding:11px 20px;font-size:12px;background:#33283e;color:#d4bddf}.banner button{color:#e4d6f1;text-decoration:underline}.sortable-row{display:flex;align-items:center;gap:10px;min-height:75px;border:1px solid #ffffff07;padding:11px 12px;background:#17141b;border-radius:8px;margin-bottom:9px}.sortable-row.dragging{border-color:#b8a0e8;opacity:.6}.drag-handle{touch-action:none;color:#91779f;cursor:grab}.library-entry-main{display:flex;align-items:center;gap:15px;flex:1;min-width:0;text-align:left;padding:0}.library-entry-main>span:last-child{min-width:0}.library-entry-main strong{display:block;font-size:13px;font-weight:520;overflow:hidden;text-overflow:ellipsis}.library-entry-main small{display:block;font-size:10px;margin-top:5px;color:#a28bb0}.collection-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:6px;background:#a18ab919;color:#a38abe}.collection-icon svg{width:19px}.row-actions{display:flex;align-items:center;gap:3px}.sortable-row select{width:auto;font-size:10px;padding:6px 10px;max-width:150px}.collection-toolbar{display:flex;gap:18px;align-items:center;margin:10px 0 25px;flex-wrap:wrap}.modal-backdrop{position:fixed;inset:0;z-index:100;background:#06050bba;backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:22px}.modal{width:100%;max-width:470px;background:#1b1622;border:1px solid #c9a5ed20;border-radius:16px;padding:32px;max-height:90dvh;overflow-y:auto;position:relative;box-shadow:0 30px 100px #0008;margin-bottom:0;outline:none}.modal h2{padding-right:20px;font-size:23px;margin-bottom:18px}.modal p{font-size:13px;margin-bottom:15px}.modal strong{color:#d7c5e8}.modal .primary{margin-top:4px}.modal-close{position:absolute;right:16px;top:15px}.modal .source-note{font-size:10px;margin-top:20px;margin-bottom:0}.playlist-choice{display:flex;align-items:center;gap:14px;padding:15px 11px;border-radius:7px;border:1px solid #ffffff08;width:100%;margin:8px 0;text-align:left;color:#b6a0c8;font-size:12px}.playlist-choice span{flex:1}.playlist-choice:hover{background:#ffffff08}.queue-row{display:flex;align-items:center;border-bottom:1px solid #ffffff08;gap:8px}.queue-track{display:flex;align-items:center;gap:16px;flex:1;text-align:left;min-width:0;padding:15px 0}.queue-track>span:first-child{width:20px;flex-shrink:0;font-size:12px;color:#b092c4}.queue-track strong{display:block;font-size:12px;font-weight:500}.queue-track small{display:block;font-size:10px;margin-top:5px}.queue-row.active{color:#c7a4ef}.now-view{display:flex;align-items:center;text-align:center;flex-direction:column;gap:13px;padding:15px 0 50px}.now-cover{max-width:330px;width:65%;box-shadow:0 18px 65px #0007;margin-bottom:20px}.now-view h1{font-size:32px}.now-view .detail-actions{justify-content:center;margin-top:15px}.video-panel{position:fixed;right:16px;top:20px;width:320px;background:#17131d;border:1px solid #ffffff12;border-radius:11px;padding:12px;z-index:25;box-shadow:0 10px 35px #0003}.video-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.video-heading>span{font-size:7px;letter-spacing:1px;color:#b99ecf;display:flex;gap:6px;align-items:center}.video-heading i{width:4px;height:4px;background:#b494d7;display:block;border-radius:50%}.video-frame{width:100%;height:210px;background:#08060c;border-radius:5px;overflow:hidden;min-width:200px;min-height:200px}.video-frame iframe{width:100%;height:100%;border:0}.video-meta{margin:15px 2px 10px;display:flex;flex-direction:column;gap:6px}.video-meta strong{font-size:13px;line-height:1.4;font-weight:550}.video-meta span{font-size:11px;color:#ad93bc}.source-link{display:inline-flex;align-items:center;gap:6px;color:#b89cd2;font-size:10px;margin-left:2px}.player-limit{font-size:9px;color:#aa8bbd;line-height:1.65;margin:12px 2px 1px}.player-message{font-size:10px;line-height:1.5;margin-top:9px;color:#e0c9ab;padding:8px;background:#f1c49608}.player-bar{position:fixed;bottom:0;left:230px;right:0;z-index:40;height:92px;border-top:1px solid #ffffff12;background:#17131ef5;backdrop-filter:blur(18px);display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;padding:10px 27px;gap:24px}.current-track{display:flex;align-items:center;gap:13px;min-width:0;text-align:left;padding:0}.current-track>span:last-child{min-width:0}.current-track strong{font-size:11px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:550}.current-track small{font-size:9px;display:block;margin-top:6px}.track-art{height:44px;width:44px;display:grid;place-items:center;background:#3d2b4f;border-radius:6px;flex-shrink:0;color:#cfb0ed;letter-spacing:2px}.transport-buttons{display:flex;align-items:center;justify-content:center;gap:17px;margin-bottom:8px}.play-circle{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#251632;background:#cfb2ee}.play-circle:hover{background:#ead6ff;color:#251632!important}.seek{display:flex;align-items:center;gap:10px}.seek time{font-size:8px;color:#b594c9;min-width:27px}.seek time:last-child{text-align:right}.seek input{width:100%}.player-extras{display:flex;align-items:center;justify-content:flex-end;gap:12px;color:#ac8ebe}.volume{max-width:75px!important}.toast{position:fixed;bottom:26px;left:calc(50% + 100px);transform:translate(-50%);z-index:150;background:#352741;border:1px solid #b28bcf40;color:#e2c8f4;box-shadow:0 10px 40px #0006;border-radius:10px;padding:12px 14px;max-width:550px;display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.5}.has-player .toast{bottom:108px}.toast>svg{flex-shrink:0}.play-loading{position:fixed;bottom:30px;right:25px;display:flex;align-items:center;gap:9px;z-index:90;background:#2a1f37;border:1px solid #9d77b849;border-radius:9px;padding:14px 20px;color:#cbb3de;font-size:11px}.has-player .play-loading{bottom:108px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:25px}.stats>div{background:#1c1623;border:1px solid #ffffff0a;border-radius:10px;padding:20px 18px;display:flex;flex-direction:column;gap:11px}.stats svg{width:20px;color:#af8ed0}.stats strong{font-size:25px;font-weight:550}.stats span{font-size:10px;color:#b095c3}.stats .accent{font-size:15px}.inline-form{display:flex;gap:15px}.inline-form input{flex:1;min-width:0}.user-card{padding:19px;border:1px solid #ffffff0a;border-radius:10px;background:#17121e;margin-top:15px}.user-top{display:flex;align-items:center;gap:13px}.user-top strong{font-size:14px;font-weight:550}.status{font-size:9px;color:#a9c4ad;background:#56765a20;margin-left:10px;border-radius:20px;padding:4px 7px}.status.disabled{color:#dbadb9;background:#9f586126}.admin .settings-card{max-width:none}.narrow{max-width:500px;margin:15px auto}.qr{display:block;max-width:210px;margin:23px auto;border-radius:8px;background:#fff;padding:8px}details summary{font-size:12px;color:#b598ca;margin-top:13px;cursor:pointer}.break{word-break:break-all;font-size:11px;display:block;margin-top:15px}.install-step{display:flex;gap:16px;margin:24px 0}.install-step>svg{flex-shrink:0;width:22px;color:#b496d1}.install-step strong{font-size:13px;font-weight:550}.install-step p{font-size:12px;margin-top:8px}.mobile-menu,.mobile-bottom,.nav-overlay{display:none}@media(max-width:1200px){.sidebar{width:205px;padding-left:13px;padding-right:13px}.content{margin-left:205px}.player-bar{left:205px}.topbar{padding:0 27px}.page-body{padding:28px 27px 40px}.music-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-copy{padding:28px}.record{width:165px;height:165px}.genre-card{padding:18px 13px;gap:10px}.genre-card strong{font-size:12px}.artist-grid{gap:18px}.section-caption{display:none}.has-player .content{margin-right:332px}.video-panel{right:12px;width:308px}.has-player .music-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.has-player .hero{grid-template-columns:1fr}.has-player .hero-art{display:none}.has-player .genre-grid{grid-template-columns:1fr}.has-player .artist-grid{grid-template-columns:repeat(3,1fr)}.has-player .private-badge,.has-player .breadcrumb,.has-player .date-label{display:none}.has-player .stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:950px){.private-badge,.date-label{display:none}.hero h2{font-size:32px}.hero-art{transform:scale(.85)}.hero-copy{padding:26px}.genre-nr{display:none}.genre-card small{font-size:8px}.genre-grid{gap:9px}.artist-grid{grid-template-columns:repeat(3,1fr);gap:24px}.artist-monogram{max-width:145px}.artist-monogram b{font-size:36px}.music-grid{gap:15px}.stats{grid-template-columns:repeat(2,1fr)}.player-extras .optional{display:none}.player-bar{grid-template-columns:1fr 1.2fr auto;gap:15px;padding:12px 20px}.detail-cover{max-width:150px;min-width:100px}.song-album{display:none}.has-player .detail-hero{flex-direction:column;text-align:center}.has-player .detail-actions{justify-content:center}.has-player .song-cover{display:none}.has-player .account-button>span:last-child{display:none}}@media(max-width:760px){.sidebar{transform:translate(-100%);transition:transform .2s;width:245px;z-index:60;padding-top:26px}.sidebar.open{transform:translate(0)}.nav-overlay{display:block;position:fixed;inset:0;background:#030107a6;z-index:55;backdrop-filter:blur(4px)}.content,.has-player .content{margin-left:0;margin-right:0;padding-bottom:85px}.topbar{height:70px;padding:0 21px}.mobile-menu{display:flex}.back-button{display:none}.top-left{gap:10px}.breadcrumb{font-size:10px}.breadcrumb span{margin:0 6px}.account-button{font-size:10px;padding-right:8px}.account-button>span:last-child{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-body{padding:24px 22px 35px}.page-heading{margin-bottom:25px}.eyebrow{font-size:8px;margin-bottom:10px}.page-heading h1{font-size:28px;letter-spacing:-1px}.page-heading p{font-size:11px;margin-top:9px}.page-heading>.primary,.page-heading>.secondary{padding:9px 11px;font-size:10px;white-space:nowrap}.hero{min-height:274px;border-radius:12px;margin-bottom:30px;grid-template-columns:1.25fr 1fr}.hero-copy{padding:25px}.hero h2{font-size:32px}.hero p{font-size:10px}.hero-tag{font-size:7px;margin-bottom:16px}.hero-art{transform:scale(.85);min-height:250px}.hero-button{font-size:10px;padding:10px 12px;gap:7px}.hero-button svg:last-child{margin-left:0}.tag-one{left:-15%;top:25%}.tag-two{right:-12%}.genre-grid{gap:10px}.genre-card{padding:18px 13px;min-height:90px}.genre-card>svg:not(.genre-wave){display:none}.genre-card small{font-size:8px;line-height:1.4;display:block}.genre-card strong{font-size:11px}.music-grid,.has-player .music-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 15px}.card-title{font-size:11px}.card-subtitle{font-size:9px}.section-heading h2{font-size:18px}.section-heading .text-button{font-size:10px}.artist-grid,.has-player .artist-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px 20px}.artist-monogram{max-width:150px}.skeleton-grid{grid-template-columns:repeat(3,1fr)}.mobile-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:45;background:#17121eee;backdrop-filter:blur(18px);border-top:1px solid #ffffff10;height:calc(65px + env(safe-area-inset-bottom));padding:8px 10px calc(8px + env(safe-area-inset-bottom));justify-content:space-around}.mobile-bottom button{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;font-size:8px;min-width:55px;color:#a28ab1}.mobile-bottom button.selected{color:#d3b0fb}.settings-card{padding:22px}.settings-card label{max-width:100%}.private-empty{padding:40px 20px}.private-empty h2{font-size:20px}.has-player .content{padding-bottom:440px}.video-panel{top:auto;bottom:calc(141px + env(safe-area-inset-bottom));left:auto;right:12px;width:300px;padding:8px;background:#17101e}.video-frame{height:200px}.video-heading{margin-bottom:5px}.video-heading>span{font-size:6px}.video-meta{margin:8px 2px 0;gap:2px}.video-meta strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-meta span{font-size:8px}.source-link{font-size:8px;margin-top:4px}.player-limit{display:none}.player-bar{height:77px;bottom:calc(65px + env(safe-area-inset-bottom));left:0;right:0;grid-template-columns:1fr auto auto;padding:10px 17px;gap:13px}.transport-buttons{gap:10px;margin-bottom:0}.transport .optional,.seek,.player-extras .optional{display:none}.player-extras{gap:0}.track-art{width:37px;height:37px}.current-track{gap:10px}.current-track strong{font-size:10px;max-width:150px}.current-track small{font-size:8px}.video-panel .player-message{position:absolute;bottom:100%;right:0;left:0;background:#33233e;border-radius:8px;font-size:10px}.play-circle{height:30px;width:30px}.has-player .genre-grid{grid-template-columns:repeat(3,1fr)}.has-player .hero{grid-template-columns:1.25fr 1fr}.has-player .hero-art{display:flex}.toast,.has-player .toast{bottom:calc(82px + env(safe-area-inset-bottom));left:50%;width:calc(100% - 32px);max-width:450px;font-size:11px;padding:10px 12px}.has-player .toast{bottom:calc(430px + env(safe-area-inset-bottom))}.play-loading,.has-player .play-loading{bottom:calc(82px + env(safe-area-inset-bottom));right:16px;left:16px;justify-content:center}.has-player .play-loading{bottom:calc(430px + env(safe-area-inset-bottom))}.detail-hero,.has-player .detail-hero{flex-direction:column;text-align:center;gap:23px;padding-top:7px}.detail-cover{max-width:200px}.detail-hero h1{font-size:34px}.detail-actions,.has-player .detail-actions{justify-content:center}.detail-hero .artist-link{margin:auto}.filter-label{font-size:9px;width:100%;margin-top:7px}.filter-row{gap:7px}.chip{font-size:10px;padding:7px 13px}.song-row{gap:10px;padding:12px 0}.song-row .song-cover{width:33px;height:33px;min-width:33px}.song-info>button:first-child{font-size:11px}.song-row time{font-size:9px;min-width:28px}.song-row .favorite{display:none}.song-number{width:18px;font-size:10px}.sortable-row{padding:10px 7px;gap:5px;flex-wrap:wrap}.row-actions{gap:0}.row-actions .icon-button{min-width:26px;padding:4px}.library-entry-main{gap:9px}.library-entry-main strong{font-size:11px}.sortable-row select{font-size:9px;min-width:95px;max-width:100px}.search-empty h2{font-size:22px}.search-empty p{font-size:12px}.search-empty{padding:45px 10px}.modal{padding:28px 24px;max-height:85dvh}.modal-backdrop{padding:16px}.modal h2{font-size:21px}.user-top{gap:9px;flex-wrap:wrap}.user-top>.secondary{font-size:10px;padding:7px 9px;order:3;margin-left:47px}.stats{gap:10px}.stats>div{padding:17px}.stats strong{font-size:22px}.stats span{font-size:9px}.about h3{font-size:15px}.collection-toolbar{gap:12px}.collection-toolbar .primary,.collection-toolbar .secondary{font-size:10px;padding:8px 12px}.now-cover{max-width:270px}.now-view h1{font-size:28px}}@media(max-width:430px){.hero{grid-template-columns:1fr .65fr;min-height:280px}.hero-copy{padding:23px 20px;min-width:220px}.hero h2{font-size:30px}.hero-art{transform:scale(.65);margin-left:-22px}.hero p{max-width:225px}.floating-tag{display:none}.genre-grid{gap:7px}.genre-card{padding:16px 10px}.genre-card strong{font-size:10px}.genre-card small{font-size:7px}.page-body{padding-left:18px;padding-right:18px}.topbar{padding-left:15px;padding-right:15px}.breadcrumb{font-size:9px}.page-heading h1{font-size:25px}.music-grid,.has-player .music-grid{gap:18px 11px}.cover{border-radius:6px}.card-title{font-size:10px}.card-subtitle{font-size:8px}.has-player .hero{grid-template-columns:1fr .65fr}.sortable-row select{display:block;width:calc(100% - 40px);max-width:none;margin:3px 0 0 33px}.row-actions{margin-left:auto}.page-heading{align-items:flex-start}.page-heading>.primary{font-size:9px;gap:5px;padding:8px}.page-heading>.primary svg{width:14px}.page-heading p{font-size:10px}.video-panel{right:8px;width:calc(100% - 16px);max-width:330px}.current-track strong{max-width:115px}.transport-buttons{gap:7px}.player-bar{gap:9px;padding:9px 12px}.about{gap:12px;padding:20px}.about img{width:45px;height:45px}.about h3{font-size:14px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}