:root{color:#f4f4f5;font-synthesis:none;text-rendering:optimizelegibility;background:#08090b;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh}*{box-sizing:border-box}button,input,select{font:inherit}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{background:#07080a}.app{--accent:#ad72ff;--accent-soft:#ad72ff38;color:#f4f4f5;background:#07080a;width:100vw;height:100vh;position:relative;overflow:hidden}.artwork-background{pointer-events:none;background:radial-gradient(circle at 20% 15%,#2a2f3729,#0000 38%),#07080a;position:absolute;inset:0;overflow:hidden}.artwork-background-image{filter:blur(8px)saturate(1.08);opacity:.78;background-position:50%;background-size:cover;animation:.42s both artworkFade;position:absolute;inset:-48px;transform:scale(1.06)}.artwork-background-shade{background:linear-gradient(#05060866,#0506088a),radial-gradient(circle at 50% 35%,#08090c14,#0506086b 82%);position:absolute;inset:0}@keyframes artworkFade{0%{opacity:0}to{opacity:.78}}.library{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e0f12d1;border:1px solid #ffffff12;border-radius:18px;width:min(1180px,100% - 80px);position:absolute;top:20px;bottom:106px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 24px 80px #00000057}.library-scroll{scrollbar-width:thin;scrollbar-color:#ad72ff2e transparent;cursor:default;width:100%;height:100%;position:relative;overflow:hidden auto}.library-scroll::-webkit-scrollbar{width:9px}.library-scroll::-webkit-scrollbar-track{background:0 0}.library-scroll::-webkit-scrollbar-thumb{background:#ad72ff2e padding-box padding-box;border:2px solid #0000;border-radius:999px}.library-scroll:hover{scrollbar-color:#ad72ff94 transparent}.library-scroll:hover::-webkit-scrollbar-thumb{background:#ad72ff94 padding-box padding-box;border:1px solid #0000}.scrollbar-hover-zone{display:none}.library-content{padding:30px 32px 28px}.header{justify-content:space-between;min-height:96px;display:flex}.brand{letter-spacing:.16em;font-size:32px;font-weight:750}.brand-subtitle{color:#858891;letter-spacing:.22em;margin-top:5px;font-size:10px}.header-placeholder{color:#60636c;letter-spacing:.12em;border:1px dashed #ffffff1a;border-radius:12px;place-items:center;width:260px;height:66px;font-size:10px;display:grid}.toolbar{grid-template-columns:1fr 180px;gap:12px;margin-bottom:18px;display:grid}.search-wrap{height:48px;position:relative}.search-icon{color:#83868e;pointer-events:none;font-size:25px;position:absolute;top:50%;left:17px;transform:translateY(-52%)}.search,.sort{color:#ededee;background:#0003;border:1px solid #303238;border-radius:12px;outline:none;height:48px;transition:border-color .15s,box-shadow .15s}.search:focus,.sort:focus{border-color:#ad72ff94;box-shadow:0 0 0 2px #ad72ff14}.search{width:100%;padding:0 18px 0 47px}.sort{cursor:pointer;padding:0 14px}.sort option{background:#15161a}.track-list{flex-direction:column;display:flex}.track-row{will-change:transform;border-radius:10px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:67px;padding:7px 16px 7px 8px;transition:background .16s,opacity .12s,box-shadow .16s,transform .14s cubic-bezier(.2,.8,.2,1);display:grid}.track-row:hover{background:#ffffff0b}.track-row.active{background:#ad72ff13}.track-row.sortable{cursor:default;touch-action:none;-webkit-user-select:none;user-select:none}.sorting-tracks,.sorting-tracks *{cursor:default!important}.drag-floating{z-index:10000;pointer-events:none;cursor:default;will-change:top;opacity:.98;background:#1f1b27fa;margin:0;box-shadow:0 18px 48px #00000085,0 0 0 1px #ad72ff2e;transition:none!important;position:fixed!important;transform:none!important}.drag-floating:hover{background:#1f1b27fa}.drag-cover{pointer-events:none}.cover-button{color:#696d76;cursor:pointer;background:linear-gradient(145deg,#25272c,#18191d);border:0;border-radius:6px;width:48px;height:48px;padding:0;position:relative;overflow:hidden}.cover-button img,.player-cover img{object-fit:cover;width:100%;height:100%;display:block}.cover-action{color:#fff;opacity:0;background:#00000080;place-items:center;font-size:18px;transition:opacity .14s;display:grid;position:absolute;inset:0}.cover-button:hover .cover-action{opacity:1}.playing-bars{background:#00000052;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.playing-bars i{background:var(--accent);border-radius:2px;width:3px;height:13px;animation:.75s ease-in-out infinite alternate eq}.playing-bars i:nth-child(2){animation-delay:.18s}.playing-bars i:nth-child(3){animation-delay:.36s}.cover-button:hover .playing-bars{opacity:0}@keyframes eq{0%{opacity:.65;height:5px}to{opacity:1;height:17px}}.track-info{min-width:0}.track-title{color:#ededee;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:550;overflow:hidden}.track-artist{color:#999ca4;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:14px;overflow:hidden}.track-duration{color:#9699a1;font-variant-numeric:tabular-nums;padding-left:20px;font-size:14px}.player{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#101114e6;border:1px solid #ffffff14;border-radius:14px;height:78px;position:absolute;bottom:14px;left:22px;right:22px;box-shadow:0 18px 60px #0000006b}.progress{--progress:0%;appearance:none;cursor:pointer;background:0 0;width:calc(100% - 30px);height:18px;margin:0;position:absolute;top:-1px;left:15px;transform:translateY(-50%)}.progress::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) 0%, var(--accent) var(--progress), #36383e var(--progress), #36383e 100%);border-radius:999px;height:3px;transition:height .14s}.progress:hover::-webkit-slider-runnable-track{height:6px}.progress::-webkit-slider-thumb{appearance:none;background:0 0;border:0;width:0;height:0;margin:0}.progress::-moz-range-track{background:#36383e;border:0;border-radius:999px;height:3px;transition:height .14s}.progress::-moz-range-progress{background:var(--accent);border-radius:999px;height:3px;transition:height .14s}.progress:hover::-moz-range-track{height:6px}.progress:hover::-moz-range-progress{height:6px}.progress::-moz-range-thumb{background:0 0;border:0;width:0;height:0}.player-content{grid-template-columns:minmax(230px,1fr) auto minmax(230px,1fr);align-items:center;width:100%;height:100%;padding:7px 18px;display:grid}.now-playing{align-items:center;gap:12px;min-width:0;display:flex}.player-cover{color:#696d76;background:linear-gradient(145deg,#25272c,#18191d);border-radius:7px;place-items:center;width:60px;height:60px;display:grid;overflow:hidden}.now-playing-text{min-width:0}.now-title{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.now-artist{color:#999ca4;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:13px;overflow:hidden}.transport{justify-content:center;align-items:center;gap:8px;display:flex}.control,.play-button{cursor:pointer;border:0}.control{color:#898c94;background:0 0;border-radius:50%;place-items:center;width:34px;height:34px;font-size:16px;display:grid;position:relative}.control:hover{color:#f3f3f4;background:#ffffff0e}.control.enabled{color:#f1f1f2}.control.enabled:after{content:"";background:currentColor;border-radius:50%;width:3px;height:3px;position:absolute;bottom:1px}.control.transport-primary{color:var(--accent)}.control.transport-primary:hover{color:#c59cff;background:#ad72ff14}.repeat-one{font-size:8px;font-weight:800;position:absolute;bottom:4px;right:4px}.play-button{color:#100b17;background:var(--accent);border-radius:50%;place-items:center;width:44px;height:44px;font-size:15px;transition:background .14s,transform .14s,box-shadow .14s;display:grid;box-shadow:0 0 18px #ad72ff29}.play-button:hover{background:#bd8cff;transform:scale(1.035);box-shadow:0 0 24px #ad72ff42}.player-right{justify-content:flex-end;align-items:center;gap:7px;display:flex}.time{color:#8b8e96;font-variant-numeric:tabular-nums;margin-right:8px;font-size:12px}.volume-control{align-items:center;gap:9px;width:150px;display:flex}.volume-control input{--volume:70%;appearance:none;cursor:pointer;background:0 0;width:105px;height:18px}.volume-control input::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) 0%, var(--accent) var(--volume), #393b40 var(--volume), #393b40 100%);border-radius:999px;height:3px;transition:height .14s}.volume-control input:hover::-webkit-slider-runnable-track{height:6px}.volume-control input::-webkit-slider-thumb{appearance:none;background:0 0;border:0;width:0;height:0;margin:0}.volume-control input::-moz-range-track{background:#393b40;border:0;border-radius:999px;height:3px;transition:height .14s}.volume-control input::-moz-range-progress{background:var(--accent);border-radius:999px;height:3px;transition:height .14s}.volume-control input:hover::-moz-range-track{height:6px}.volume-control input:hover::-moz-range-progress{height:6px}.volume-control input::-moz-range-thumb{background:0 0;border:0;width:0;height:0}.volume-control span{color:#8b8e96;text-align:right;width:30px;font-size:11px}.cover-action .pause-glyph{justify-content:space-between;align-items:stretch;width:16px;height:20px;display:flex}.cover-action .pause-glyph i{background:#fff;border-radius:1.5px;width:6px;height:20px;display:block;box-shadow:0 1px 4px #00000059}.cover-action .play-glyph{font-size:23px;line-height:1;display:block;transform:translate(1px)}@media (width<=850px){.library{width:calc(100% - 20px);top:10px;bottom:96px}.library-content{padding:22px 18px 24px}.header-placeholder{display:none}.toolbar{grid-template-columns:1fr}.player{bottom:9px;left:10px;right:10px}.player-content{grid-template-columns:1fr auto;padding-left:8px;padding-right:12px}.player-right{display:none}}.header-placeholder{overflow:hidden}.header{width:100%;height:110px;position:relative;overflow:hidden}.header-image{object-fit:contain;pointer-events:none;width:250%;height:250%;display:block;position:absolute;top:50%;left:43%;transform:translate(-50%,-50%)}.admin-toggle{z-index:80;color:#ffffff38;cursor:default;background:0 0;border:0;border-radius:8px;place-items:center;width:30px;height:30px;padding:0;font-size:14px;line-height:1;transition:color .15s,background .15s,text-shadow .15s;display:grid;position:absolute;top:12px;right:15px}.admin-toggle:hover{color:#c59cffd1;background:#ad72ff12}.admin-toggle.unlocked{color:#b46cff;text-shadow:0 0 9px #ad72ff85}.eq-toggle{letter-spacing:.04em;font-size:11px;font-weight:750}.eq-toggle.enabled{color:var(--accent)}.eq-panel{box-sizing:border-box;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:30;background:#0f1014f7;border:1px solid #ffffff17;border-radius:14px;width:min(532px,100vw - 24px);padding:14px 16px 12px;position:absolute;bottom:88px;right:10px;box-shadow:0 22px 70px #0000008c}.eq-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.eq-head>div:first-child{align-items:baseline;gap:10px;display:flex}.eq-head strong{font-size:14px}.eq-head span{color:#7f828b;font-size:11px}.eq-head-actions{gap:7px;display:flex}.eq-head-actions button{color:#92959d;cursor:pointer;background:#ffffff09;border:1px solid #ffffff14;border-radius:7px;height:28px;padding:0 10px;font-size:11px}.eq-head-actions button:hover{color:#eee;background:#ffffff12}.eq-head-actions button.active{color:#c59cff;background:#ad72ff14;border-color:#ad72ff40}.eq-bands{box-sizing:border-box;grid-template-columns:repeat(11,40px);justify-content:start;align-items:stretch;column-gap:6px;width:100%;height:170px;display:grid;transform:translate(-46px)}.eq-band{grid-template-rows:20px 1fr 18px;place-items:center;min-width:0;display:grid}.eq-value{color:#858892;font-variant-numeric:tabular-nums;font-size:9px}.eq-label{color:#9a9da5;font-size:10px}.preamp-band{position:relative}.preamp-band .eq-label{color:#b48aff}.eq-band input{appearance:none;cursor:pointer;background:0 0;width:120px;height:24px;transform:rotate(-90deg)}.eq-band input::-webkit-slider-runnable-track{background:linear-gradient(90deg,#35373d 0 50%,#ad72ff80 50% 100%);border-radius:999px;height:4px}.eq-band input::-webkit-slider-thumb{appearance:none;background:#b47cff;border:2px solid #1b1c21;border-radius:50%;width:14px;height:14px;margin-top:-5px;box-shadow:0 0 10px #ad72ff59}.eq-band input::-moz-range-track{background:#35373d;border:0;border-radius:999px;height:4px}.eq-band input::-moz-range-progress{background:#ad72ff80;border-radius:999px;height:4px}.eq-band input::-moz-range-thumb{background:#b47cff;border:2px solid #1b1c21;border-radius:50%;width:12px;height:12px;box-shadow:0 0 10px #ad72ff59}.eq-scale{display:none}@media (width<=540px){.eq-panel{width:calc(100% - 12px);bottom:86px;right:6px;overflow-x:auto}.eq-bands{min-width:500px}.eq-scale{min-width:550px}.eq-toggle{display:none}}