.custom-scrollbar{position:absolute;top:0;right:2px;bottom:0;width:8px;pointer-events:none;z-index:2}.custom-scrollbar-thumb{position:absolute;left:0;right:0;border-radius:999px;background:rgba(var(--text-secondary-rgb),.3);pointer-events:auto;cursor:pointer;touch-action:none;transition:background .15s ease}.custom-scrollbar-thumb:hover{background:rgba(var(--text-secondary-rgb),.55)}.custom-scrollbar-thumb-active{background:rgb(var(--text-secondary-rgb))}.mobile-panel .custom-scrollbar{width:22px;right:0}.mobile-panel .custom-scrollbar-thumb{background:none}.mobile-panel .custom-scrollbar-thumb:after{content:"";position:absolute;top:0;bottom:0;right:6px;width:8px;border-radius:999px;background:rgba(var(--text-secondary-rgb),.3);transition:background .15s ease}.mobile-panel .custom-scrollbar-thumb-active:after{background:rgb(var(--text-secondary-rgb))}.scroll-top-btn{position:absolute;left:calc(100% - 68px);bottom:20px;width:48px;height:48px;border-radius:50%;border:1px solid var(--gray-1);background:var(--bg);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:calc(64px / 3);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s ease,left .2s ease}.scroll-top-btn-visible{opacity:1;pointer-events:auto}.mobile-panel .scroll-top-btn.has-miniplayer{bottom:82px}.mobile-panel .scroll-pad-miniplayer{padding-bottom:82px}.scroll-top-btn-centered{left:calc(50% - 24px)}.settings-btn{position:absolute;left:calc(100% - 68px);bottom:20px;width:48px;height:48px;border-radius:50%;border:1px solid var(--gray-1);background:var(--bg);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:calc(64px / 3);cursor:pointer;transition:bottom .2s ease}.mobile-panel .settings-btn.has-miniplayer{bottom:82px}.settings-btn-pushed-up{bottom:88px}.mobile-panel .settings-btn.has-miniplayer.settings-btn-pushed-up{bottom:150px}.slider{--fill: 0%;position:relative;flex:1;height:24px;min-width:0;display:flex;align-items:center;cursor:pointer;touch-action:none;outline:none}.slider:before{content:"";position:absolute;left:2px;right:2px;height:6px;border-radius:999px;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--fill),rgba(var(--text-secondary-rgb),.55) var(--fill),rgba(var(--text-secondary-rgb),.55) 100%);opacity:.62;transition:height .15s ease,opacity .15s ease,box-shadow .15s ease}.slider:hover:before,.slider:focus-visible:before,.slider.slider-dragging:before{height:10px;opacity:1;box-shadow:0 3px 10px var(--shadow-slider)}.settings-overlay{position:absolute;top:12px;right:12px;bottom:12px;left:12px;z-index:5;background:var(--bg);border:1px solid var(--border);border-radius:18px;box-shadow:0 20px 45px var(--shadow-panel);display:flex;flex-direction:column;overflow:hidden}.settings-overlay-header{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:8px;padding:16px;border-bottom:1px solid var(--border)}.settings-overlay-title{font-size:24px;font-weight:700;line-height:1;white-space:nowrap;position:relative;left:13px;top:7px}.settings-overlay-summary{font-size:calc(64px / 3);font-weight:400;line-height:1;color:var(--text-secondary);white-space:nowrap;text-align:center;min-width:0;position:relative;top:7px}.settings-overlay-close{align-self:end;width:42px;height:42px;border-radius:50%;border:none;background:none;color:var(--text-secondary);font-size:30px;cursor:pointer;display:flex;align-items:center;justify-content:center}.settings-overlay-list{flex:1;min-height:0;overflow-y:auto}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px}.settings-row:not(:first-child){border-top:1px solid var(--border)}.settings-row-label{font-size:calc(64px / 3);color:var(--text-secondary)}.settings-action-btn{flex:none;height:42px;min-width:8ch;text-align:center;background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid var(--border);border-radius:10px;padding:0 18px;font-size:calc(64px / 3);color:var(--accent);cursor:pointer}.settings-action-btn-done{background:none;color:var(--gray-3)}.settings-theme-pill{flex:none;min-width:8ch;height:42px;display:flex;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:10px;overflow:hidden}.settings-theme-pill-btn{flex:1;border:none;background:var(--bg);color:var(--text-secondary);font-size:22.5px;cursor:pointer;display:flex;align-items:center;justify-content:center}.settings-theme-pill-btn-active{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--bg))}.settings-row-error{padding:0 16px 16px;font-size:calc(64px / 3);color:var(--accent)}.settings-row-hue{flex-direction:column;align-items:stretch;gap:24px}.settings-row-hue-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.slider.settings-hue-slider:before{background:linear-gradient(to right,#f42525,#f4f425,#25f425,#25f4f4,#2525f4,#f425f4,#f42525);opacity:1}.settings-signout-btn{position:absolute;right:16px;bottom:16px}.settings-signout-divider{position:absolute;left:0;right:0;bottom:74px;border-top:1px solid var(--border)}.slider.settings-hue-slider:after{content:"";position:absolute;left:var(--fill);top:50%;width:18px;height:18px;border-radius:50%;background:transparent;border:2px solid var(--text-secondary);box-shadow:0 1px 4px var(--shadow-cover);transform:translate(-50%,-50%);pointer-events:none}.tree-panel{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.tree-toolbar{position:relative;z-index:2;display:flex;gap:15px;padding:15px;border-bottom:1px solid var(--border)}.tree-filter-wrap{flex:1;min-width:0;height:50px;display:flex;align-items:center;border-radius:10px;border:1px solid var(--border);background:transparent}.tree-filter-wrap:focus-within{box-shadow:0 0 0 2px var(--accent)}.tree-filter-wrap:focus-within .tree-filter-icon{color:var(--accent)}.tree-filter-icon{flex:none;display:flex;align-items:center;justify-content:center;width:44px;height:48px;color:var(--text-secondary);font-size:22px}.tree-filter{flex:1;min-width:0;padding:12px 15px 12px 0;border:none;outline:none;font-size:22px;background:transparent;color:var(--text);transform:translate(-1px)}.tree-filter::placeholder{color:var(--text-secondary);transition:opacity .15s ease}.tree-filter:focus::placeholder{opacity:.45}.tree-scroll-wrap{position:relative;isolation:isolate;overflow:hidden;flex:1;min-height:0;display:flex;flex-direction:column}.tree-scroll{flex:1;overflow-y:auto;padding:6px 9px}.tree-scroll-wrap .custom-scrollbar{right:3px}.tree-decor{position:absolute;left:0;bottom:0;width:90%;aspect-ratio:700 / 770;pointer-events:none;z-index:-1;background-color:var(--lily-color);-webkit-mask-image:url(/lily1.svg);mask-image:url(/lily1.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.tree-scroll-top-btn,.tree-settings-btn{z-index:3}.tree-loading,.tree-empty,.tree-error{padding:24px 12px;color:var(--text-secondary);font-size:22px}.tree-row{display:flex;align-items:center;gap:6px;height:51px;padding-right:9px;border-radius:10px;cursor:pointer}.tree-row:hover{background:var(--overlay-hover)}.tree-row-selected{background:color-mix(in srgb,var(--accent) 14%,transparent)}.tree-row-selected .tree-chevron,.tree-row-selected .tree-name{color:var(--accent)}.tree-row-root{position:relative;margin-bottom:8px;padding-bottom:8px}.tree-row-root:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--border);-webkit-mask-image:linear-gradient(to right,transparent 0,black 24px,black calc(100% - 24px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,black 24px,black calc(100% - 24px),transparent 100%)}.tree-row-root.tree-row-selected:after,.tree-row-root:hover:after{display:none}.tree-row-root .tree-name{font-weight:600}.tree-chevron{width:30px;height:30px;flex:none;border:none;background:none;padding:0;font-size:27px;line-height:1;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center}.tree-chevron-empty{cursor:default}.tree-chevron-icon{transition:transform .15s ease}.tree-chevron-icon-expanded{transform:rotate(90deg)}.tree-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:22px;padding:3px 0}.tree-children{margin-left:14px;padding-left:13px;border-left:2px solid var(--gray-2)}.tree-depth-0>.tree-row .tree-name{font-weight:600}.tree-depth-1>.tree-row .tree-name{font-weight:500}.tree-depth-2plus>.tree-row .tree-name{font-weight:400}.compact-header{position:sticky;top:-1px;z-index:5;display:grid;height:50px;column-gap:calc(64px / 3);padding:0 calc(64px / 3);align-items:stretch;background:var(--bg);flex:none}.compact-header-icon-col{justify-content:center;color:var(--text-secondary)}.compact-header-sort-col{border:none;background:none;padding:0;font:inherit;cursor:pointer;justify-content:flex-start;gap:4px;color:var(--text-secondary);font-size:calc(64px / 3)}.compact-header-chevron{flex:none}.compact-header-divider-right{position:relative}.compact-header-divider-right:after{content:"";position:absolute;top:25%;height:50%;right:calc(-1 * (64px / 3) / 2);width:1px;background:var(--gray-1)}.compact-header-bottom-line{position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--gray-1);-webkit-mask-image:linear-gradient(to right,transparent 0,black var(--fade),black calc(100% - var(--fade)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,black var(--fade),black calc(100% - var(--fade)),transparent 100%)}.compact-scroll{position:relative;isolation:isolate;background:var(--bg)}.compact-row{position:relative}.compact-row-content{position:relative;display:grid;column-gap:calc(64px / 3);padding:0 calc(64px / 3);align-items:stretch;border-radius:10px}.compact-row-content:before{content:"";position:absolute;top:0;bottom:0;left:calc(64px / 3);right:calc(64px / 3);border-radius:10px;pointer-events:none}.compact-row-content:hover:before{background-color:var(--card-bg)}.compact-col{position:relative;min-width:0;height:100%;display:flex;align-items:center}.compact-num-btn{border:none;background:none;padding:0;font:inherit;cursor:pointer;justify-content:center}.compact-num,.compact-play-hint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center}.compact-num{font-size:calc(64px / 3);color:var(--black);font-variant-numeric:tabular-nums}.compact-play-hint{width:calc(64px / 3);height:calc(64px / 3);margin:auto;color:var(--text-secondary);opacity:0}.compact-row-content:hover .compact-num{opacity:0}.compact-row-content:hover .compact-play-hint{opacity:1}.compact-col-cover{justify-content:center}.compact-cover{width:64px;height:64px;border-radius:10px;object-fit:cover}.compact-cover-placeholder{background:var(--placeholder-bg-compact)}.compact-connector{position:absolute;left:50%;width:2px;transform:translate(-1px);background:var(--text-secondary)}.compact-col-title,.compact-col-album{flex-direction:column;justify-content:center;align-items:flex-start}.compact-album-btn{border:none;background:none;padding:0;font:inherit;cursor:pointer;text-align:left}.compact-line{position:relative;z-index:1;width:100%;font-size:calc(64px / 3);color:var(--black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-artist{color:var(--text-secondary)}.compact-col-date{justify-content:center;font-size:calc(64px / 3);color:var(--black);white-space:nowrap;z-index:1}.compact-col-duration{justify-content:center;font-size:calc(64px / 3);color:var(--black);font-variant-numeric:tabular-nums;z-index:1}.compact-col-add{justify-content:center;margin-left:calc(-1 * (64px / 3));width:calc(100% + (64px / 3))}.compact-add{width:100%;height:100%;border:none;background:none;color:var(--text-secondary);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;font-size:32px;opacity:0}.compact-row-content:hover .compact-add{opacity:1}@keyframes compact-add-pulse{0%{transform:scale(1)}40%{transform:scale(1.25)}to{transform:scale(1)}}.compact-add-pulse{animation:compact-add-pulse .22s ease}.compact-row-active:before{background:color-mix(in srgb,var(--accent) 14%,transparent)}.compact-row-active .compact-num,.compact-row-active .compact-play-hint,.compact-row-active .compact-line,.compact-row-active .compact-artist,.compact-row-active .compact-col-date,.compact-row-active .compact-col-duration,.compact-row-active .compact-add{color:var(--accent)}.mobile-panel .compact-row-content{column-gap:calc(64px / 6);padding:0 calc(64px / 6);cursor:pointer}.mobile-panel .compact-row-content:before{left:calc(64px / 6);right:calc(64px / 6)}.mobile-panel .compact-row-content:hover:not(.compact-row-active):before{background-color:transparent}.mobile-panel .compact-row-content:hover.compact-row-active:before{background:color-mix(in srgb,var(--accent) 14%,transparent)}.mobile-panel .compact-row-content:hover .compact-num{opacity:1}.mobile-panel .compact-row-content:hover .compact-play-hint{opacity:0}.mobile-panel .compact-col-add{margin-left:calc(-1 * (64px / 6));width:calc(100% + (64px / 6))}.mobile-panel .compact-add,.mobile-panel .compact-row-content:hover .compact-add{opacity:1}.mobile-panel .compact-row-content:not(.compact-row-active) .compact-add{color:var(--gray-2)}.library-panel{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;position:relative}.library-toolbar{display:flex;align-items:center;gap:15px;padding:15px;border-bottom:1px solid var(--border)}.library-search-wrap{flex:1;min-width:0;height:50px;display:flex;align-items:center;border-radius:10px;border:1px solid var(--border);background:transparent}.library-search-wrap:focus-within{box-shadow:0 0 0 2px var(--accent)}.library-search-wrap:focus-within .library-search-icon{color:var(--accent)}.library-search-icon{flex:none;display:flex;align-items:center;justify-content:center;width:44px;height:48px;color:var(--text-secondary);font-size:22px}.library-search-input{flex:1;min-width:0;padding:12px 15px 12px 0;border:none;outline:none;font-size:22px;background:transparent;color:var(--text);transform:translate(-1px)}.library-search-input::placeholder{color:var(--text-secondary);transition:opacity .15s ease}.library-search-input:focus::placeholder{opacity:.45}.library-scroll-wrap{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.library-scroll{flex:1;min-height:0;overflow-y:auto}.library-placeholder,.library-empty,.library-error{padding:26px;color:var(--text-secondary);font-size:22px}.queue-overlay-list-wrap{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.queue-overlay-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px}.queue-overlay-rows{position:relative;width:100%}.queue-row{position:absolute;top:0;left:0;right:0;height:76px;display:flex;align-items:center;padding:0 6px;box-sizing:border-box;border-radius:10px}.queue-row-active{background:color-mix(in srgb,var(--accent) 12%,transparent)}.queue-row-active .queue-row-title{color:var(--accent)}.queue-row-dragging{background:color-mix(in srgb,var(--accent) 22%,var(--panel-bg));box-shadow:0 14px 28px var(--shadow-drag);transform-origin:center}.queue-row-cover-btn{flex:none;border:none;background:none;padding:0;cursor:pointer;display:flex}.queue-row-cover{flex:none;width:64px;height:64px;border-radius:10px;object-fit:cover;margin-right:12px}.queue-row-cover-placeholder{background:var(--placeholder-bg)}.queue-row-main{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:6px 4px;background:none;border:none;cursor:pointer;text-align:left}.queue-row-title{font-size:calc(64px / 3);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.queue-row-artist{font-size:calc(64px / 3);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.queue-row-duration{flex:none;font-size:calc(64px / 3);color:var(--text-secondary);font-variant-numeric:tabular-nums;margin:0 20px 0 6px}.queue-row-handle{flex:none;width:34px;height:34px;margin-right:14px;border-radius:8px;border:none;background:none;color:var(--text-secondary);font-size:27px;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;display:flex;align-items:center;justify-content:center}.queue-row-handle:active{cursor:grabbing}.queue-row-remove{flex:none;width:34px;height:34px;border-radius:50%;border:none;background:none;color:var(--text-secondary);font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center}.queue-list-empty{padding:24px;text-align:center;color:var(--text-secondary);font-size:calc(64px / 3)}.queue-list-scroll{position:absolute;top:-12px;left:0;right:0;bottom:0;overflow-y:auto;padding-top:12px;padding-bottom:12px;-webkit-mask-image:linear-gradient(to bottom,transparent 0,black 12px,black calc(100% - 12px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,black 12px,black calc(100% - 12px),transparent 100%)}.queue-item{position:absolute;left:0;right:0;height:64px;box-sizing:border-box;display:flex;align-items:center;border-radius:10px}.queue-item:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--border);-webkit-mask-image:linear-gradient(to right,transparent 0,rgba(0,0,0,.35) 16px,black 32px,black calc(100% - 32px),rgba(0,0,0,.35) calc(100% - 16px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,rgba(0,0,0,.35) 16px,black 32px,black calc(100% - 32px),rgba(0,0,0,.35) calc(100% - 16px),transparent 100%)}.queue-item-active:after,.queue-item:hover:after,.queue-item:has(+.queue-item-active):after,.queue-item:has(+.queue-item:hover):after{display:none}.queue-item:hover{background:var(--overlay-hover)}.queue-item-active{background:color-mix(in srgb,var(--accent) 12%,transparent)}.queue-item-main{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;height:100%;padding:0 12px;background:none;border:none;cursor:pointer;text-align:left}.queue-item-title{font-size:calc(64px / 3);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.queue-item-active .queue-item-title{color:var(--accent)}.queue-item-artist{font-size:calc(64px / 3);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.queue-item-remove{flex:none;width:34px;height:34px;margin-right:8px;border-radius:50%;border:none;background:none;color:var(--text-secondary);font-size:24px;cursor:pointer;opacity:0;display:flex;align-items:center;justify-content:center}.queue-item:hover .queue-item-remove{opacity:1}.queue-overlay{position:absolute;top:12px;right:12px;bottom:12px;left:12px;z-index:5;background:color-mix(in srgb,var(--dominant-color, var(--bg)) 15%,var(--bg));border:1px solid var(--border);border-radius:18px;box-shadow:0 20px 45px var(--shadow-panel);display:flex;flex-direction:column;overflow:hidden}.queue-overlay-header{display:grid;grid-template-columns:auto 1fr auto auto;align-items:baseline;gap:8px;padding:16px;border-bottom:1px solid var(--border)}.queue-overlay-title{font-size:24px;font-weight:700;line-height:1;white-space:nowrap;position:relative;left:13px;top:7px}.queue-overlay-summary{font-size:calc(64px / 3);font-weight:400;line-height:1;color:var(--text-secondary);white-space:nowrap;text-align:center;min-width:0;position:relative;top:7px}.queue-overlay-clear{align-self:end;position:relative;left:-8px;height:42px;background:none;border:1px solid var(--border);border-radius:10px;padding:0 18px;font-size:calc(64px / 3);color:var(--text-secondary);cursor:pointer}.queue-overlay-close{align-self:end;width:42px;height:42px;border-radius:50%;border:none;background:none;color:var(--text-secondary);font-size:30px;cursor:pointer;display:flex;align-items:center;justify-content:center}.player-panel{position:relative;height:100%;overflow:hidden;display:flex;flex-direction:column;align-items:center}.player-bg{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:var(--bg);filter:blur(90px);opacity:.4;transition:background .6s ease;z-index:0}.player-content{--gap-md: 14px;--gap-sm: 4px;--gap-sm2: 2px;--gap-cover-title: var(--gap-md);--gap-title-artist: var(--gap-sm);--gap-artist-album: var(--gap-sm);--gap-album-timeline: var(--gap-md);--gap-timeline-transport: var(--gap-md);--gap-transport-volume: var(--gap-md);--gap-transport-secondary: var(--gap-md);position:relative;z-index:1;width:100%;max-width:540px;margin:0 auto;height:100%;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:28px 28px 16px}.player-cover-wrap{flex:none;width:100%}.player-cover{display:block;width:100%;aspect-ratio:1;border-radius:22px;box-shadow:0 20px 45px var(--shadow-cover);object-fit:cover}.player-cover-placeholder{background:var(--placeholder-bg)}.player-cover-empty{background:var(--lily-color);display:flex;align-items:center;justify-content:center;color:var(--bg)}.player-cover-empty-icon{width:75%;height:75%}.player-info{width:100%;margin-top:var(--gap-cover-title);display:flex;flex-direction:column;text-align:center}.player-title{font-size:32px;font-weight:700}.player-artist{margin-top:var(--gap-title-artist);font-size:22px;font-weight:500;color:var(--text-secondary)}.player-album-line{margin-top:var(--gap-artist-album);display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--text-secondary);min-width:0}.player-album-text{min-width:0;flex:0 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.player-album-sep,.player-album-suffix{flex:none;white-space:nowrap}.player-album-sep{margin:0 .5em}.player-album-sep-tight-left{margin-left:0}.player-album-sep-tight-right{margin-right:0}.player-album-invisible-pad{visibility:hidden}.player-line3{margin-top:var(--gap-sm2);font-size:18px;color:var(--text-secondary);opacity:.85}.player-error-text{color:var(--accent);font-size:15px}.marquee{overflow:hidden;min-width:0;display:flex;justify-content:center}.marquee-active{justify-content:flex-start;-webkit-mask-image:linear-gradient(to right,transparent 0,black var(--marquee-fade, 0px),black calc(100% - var(--marquee-fade, 0px)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,black var(--marquee-fade, 0px),black calc(100% - var(--marquee-fade, 0px)),transparent 100%)}.marquee-text{display:inline-block;white-space:nowrap}.marquee-text-animated{animation-name:marquee-pingpong;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes marquee-pingpong{0%,3%{transform:translate(13px)}47%,53%{transform:translate(calc(var(--marquee-distance) - 13px))}97%,to{transform:translate(13px)}}.player-progress{width:100%;display:flex;align-items:center;gap:14px;margin-top:var(--gap-album-timeline)}.player-time{font-size:20px;color:var(--text-secondary);font-variant-numeric:tabular-nums;flex:none}.player-progress .player-time:first-child{text-align:right}.player-progress .player-time:last-child{text-align:left}.player-transport{margin-top:var(--gap-timeline-transport);display:flex;align-items:center;gap:28px}.player-transport-btn{background:none;border:none;cursor:pointer;color:var(--text);font-size:30px;line-height:1;padding:4px;display:flex;align-items:center;justify-content:center}.player-play{font-size:44px}.player-play-error{color:var(--accent)}.player-volume{width:80%;margin-top:var(--gap-transport-volume);display:flex;align-items:center;gap:10px}.player-volume-icon{flex:none;width:32px;height:32px;color:var(--text-secondary);font-size:24px;opacity:.6;display:flex;align-items:center;justify-content:center}.player-volume-icon-btn{flex:none;width:32px;height:32px;border:none;background:none;cursor:pointer;font-size:24px;color:var(--text-secondary);opacity:.6;padding:0;display:flex;align-items:center;justify-content:center}.player-volume-icon-btn:hover{opacity:.85}.player-volume-muted{opacity:1;color:var(--accent)}.player-secondary{margin-top:var(--gap-transport-secondary);display:flex;align-items:center;gap:16px}.player-pill{display:flex;border:2px solid var(--border);border-radius:23px;overflow:hidden}.player-pill-btn{width:46px;height:46px;border:none;background:transparent;color:var(--text-secondary);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}.player-pill-btn:first-child{border-right:2px solid var(--border)}.player-pill-btn-active{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.player-toggle{width:46px;height:46px;border-radius:50%;border:2px solid var(--border);background:transparent;color:var(--text-secondary);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;text-decoration:none}.player-toggle-active{border-color:var(--accent);color:var(--accent)}.player-queue-embedded-header{flex:none;width:100%;margin-top:var(--gap-md);font-size:calc(64px / 3);color:var(--text-secondary);text-align:center;border-top:2px solid var(--border);border-bottom:2px solid var(--border);padding-top:12px;padding-bottom:12px}.player-queue-embedded{position:relative;flex:1 1 auto;min-height:0;width:100%;margin-top:12px}.mobile-panel .player-content{max-width:none;--gap-cover-title: 8px;--gap-title-artist: 6px;--gap-artist-album: 6px;--gap-album-timeline: 21px;--gap-timeline-transport: 21px;--gap-transport-volume: 21px;--gap-transport-secondary: 21px;padding:24px}.mobile-panel .player-transport{gap:34px}.mobile-panel .player-transport-btn{font-size:36px}.mobile-panel .player-play{font-size:52px}.mini-player{position:absolute;left:12px;right:12px;bottom:10px;z-index:5;display:flex;align-items:center;gap:10px;padding:6px;border:1px solid var(--border);border-radius:10px;background:var(--bg);overflow:hidden}.mini-player-main{position:relative;z-index:1;flex:1;min-width:0;display:flex;align-items:center;gap:10px;border:none;background:none;padding:0;text-align:left;cursor:pointer}.mini-player-cover{flex:none;width:48px;height:48px;border-radius:8px;object-fit:cover}.mini-player-cover-placeholder{background:var(--placeholder-bg)}.mini-player-info{min-width:0;flex:1;display:flex;padding:0 8px 0 2px}.mini-player-title{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:calc(64px / 3);color:var(--text)}.mini-player-controls{position:relative;z-index:1;flex:none;display:flex;align-items:center;gap:18px}.mini-player-btn{width:48px;height:48px;border:none;background:none;color:var(--text-secondary);cursor:pointer;font-size:27px;line-height:1;padding:0;display:flex;align-items:center;justify-content:center}.mini-player-progress{position:absolute;z-index:1;left:0;right:0;bottom:0;height:2px;background:rgba(var(--text-secondary-rgb),.25)}.mini-player-progress-fill{height:100%;background:color-mix(in srgb,var(--accent) 55%,transparent)}.mobile-pager{height:100%;display:flex;flex-direction:column;overflow:hidden}.mobile-pager-viewport{position:relative;flex:1;min-height:0;overflow:hidden}.mobile-pager-track{height:100%;display:flex;will-change:transform}.mobile-pager-page{flex:none;min-width:0;height:100%;overflow:hidden;display:flex;flex-direction:column}.mobile-tabbar{flex:none;display:flex;border-top:1px solid var(--border);background:var(--bg);padding-bottom:env(safe-area-inset-bottom,0px)}.mobile-tab{flex:1;display:flex;align-items:center;justify-content:center;padding:12px 0;border:none;background:none;color:var(--text-secondary);cursor:pointer}.mobile-tab-icon{font-size:32px;line-height:1;display:flex;align-items:center;justify-content:center}.mobile-tab-active{color:var(--accent)}:root{--hue-shift: 0deg;--accent: hsl(calc(352deg + var(--hue-shift)), 95%, 58%)}:root{--bg: #f5f5f7;--panel-bg: rgba(255, 255, 255, .72);--border: rgba(60, 60, 67, .12);--text: #1d1d1f;--text-secondary: #6e6e73;--text-secondary-rgb: 110, 110, 115;--card-bg: #ececee;--black: #000000;--gray-1: #dedee1;--gray-2: #dddddf;--gray-3: #b9b9bc;--lily-color: hsl(calc(346deg + var(--hue-shift)), 59%, 90%);--overlay-hover: rgba(0, 0, 0, .04);--placeholder-bg: rgba(0, 0, 0, .1);--placeholder-bg-compact: rgba(0, 0, 0, .08);--shadow-cover: rgba(0, 0, 0, .22);--shadow-panel: rgba(0, 0, 0, .25);--shadow-drag: rgba(0, 0, 0, .28);--shadow-slider: rgba(0, 0, 0, .3)}:root[data-theme=dark]{--bg: #0a0a08;--panel-bg: rgba(0, 0, 0, .72);--border: rgba(195, 195, 188, .12);--text: #e2e2e0;--text-secondary: #91918c;--text-secondary-rgb: 145, 145, 140;--card-bg: #131311;--black: #ffffff;--gray-1: #21211e;--gray-2: #222220;--gray-3: #464643;--lily-color: hsl(calc(356deg + var(--hue-shift)), 49%, 12%);--overlay-hover: rgba(255, 255, 255, .04);--placeholder-bg: rgba(255, 255, 255, .1);--placeholder-bg-compact: rgba(255, 255, 255, .08);--shadow-cover: rgba(0, 0, 0, .22);--shadow-panel: rgba(0, 0, 0, .25);--shadow-drag: rgba(0, 0, 0, .28);--shadow-slider: rgba(0, 0, 0, .3)}:root{--ui-scale: 1}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.library-scroll,.tree-scroll,.queue-overlay-list,.queue-list-scroll{scrollbar-width:none}.library-scroll::-webkit-scrollbar,.tree-scroll::-webkit-scrollbar,.queue-overlay-list::-webkit-scrollbar,.queue-list-scroll::-webkit-scrollbar{display:none}button:active,a:active,[role=button]:active{filter:brightness(.92)}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:22px;overflow:hidden}#root{width:calc(100% / var(--ui-scale));height:calc(100% / var(--ui-scale));transform:scale(var(--ui-scale));transform-origin:top left}.login-screen{height:100%;display:flex;align-items:center;justify-content:center;position:relative;background:var(--bg)}.login-decor{position:absolute;left:0;bottom:0;width:auto;height:55%;aspect-ratio:700 / 770;pointer-events:none;z-index:0;background-color:var(--lily-color);-webkit-mask-image:url(/lily1.svg);mask-image:url(/lily1.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.login-card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:18px;width:420px;padding:48px;background:var(--card-bg);border:1px solid var(--border);border-radius:10px}.login-card h1{margin:0 0 30px;font-size:32px;font-weight:700;text-align:center}.login-card input{width:100%;padding:15px 18px;border-radius:10px;border:1px solid var(--border);outline:none;font-size:22px;font-weight:500;text-align:center;color:var(--text-secondary);background:var(--bg)}.login-card input:focus{box-shadow:0 0 0 2px var(--accent);color:var(--black)}.login-card button{width:100%;padding:15px 18px;border-radius:10px;border:none;background:var(--accent);color:var(--black);font-size:22px;font-weight:500;cursor:pointer}.login-card button:disabled{opacity:.5;cursor:default;color:var(--text-secondary)}.login-error{margin:0;color:var(--accent);font-size:20px;text-align:center}.main-layout{height:100%;display:grid}.main-layout-wide{grid-template-columns:540px 1fr 540px}.main-layout-compact{grid-template-columns:0px 1fr 540px}.main-layout-player-only{grid-template-columns:0px 0px 1fr}.main-layout-player-only .panel-tree,.main-layout-player-only .panel-library{display:none}.main-layout-mobile{grid-template-columns:1fr}.mobile-panel{height:100%;overflow:hidden;display:flex;flex-direction:column}.panel{border-right:1px solid var(--border);overflow:hidden;display:flex;flex-direction:column}.panel-tree{grid-column:1;grid-row:1}.panel-library{grid-column:2;grid-row:1}.panel-player{grid-column:3;grid-row:1;border-right:none}.panel-tree-overlay{grid-column:1 / 3;z-index:20;background:var(--bg)}.panel-header{padding:21px 27px;font-size:24px;font-weight:600;border-bottom:1px solid var(--border)}.nav-toggle-btn{flex:none;height:50px;min-width:168px;padding:0 16px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-size:22px;cursor:pointer;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:11px}.nav-toggle-btn:hover{border-color:var(--accent);color:var(--accent)}