.ui-icon{width:21px;height:21px;display:inline-block;vertical-align:middle;flex-shrink:0;transition:stroke-width .15s,transform .15s}
.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:38px;padding:9px;border-radius:10px;color:var(--muted);flex-shrink:0}
.icon-button:hover{background:#75997a15;color:var(--green)}.icon-button.selected{color:var(--green);background:color-mix(in srgb,var(--accent) 9.4%,transparent)}
.icon-button:disabled{opacity:.25;cursor:default}.icon-button:disabled:hover{background:none;color:var(--muted)}
.icon-selected{color:var(--green)}nav .active .icon-selected{filter:drop-shadow(0 0 5px color-mix(in srgb,var(--accent) 14.5%,transparent))}nav .active .icon-selected path:first-child{fill:color-mix(in srgb,var(--accent) 13.3%,transparent)}nav button.active{position:relative}#nav button.active:before{content:'';position:absolute;left:0;top:14px;bottom:14px;background:var(--green);width:3px;border-radius:3px}
.like.liked svg{fill:currentColor;transform:scale(1.06)}.controls .on{position:relative}.controls .on:after{content:'';width:3px;height:3px;border-radius:50%;position:absolute;bottom:1px;background:var(--green)}
.pill,.chip,.icon-label{display:inline-flex;align-items:center;gap:7px}.pill svg,.chip svg,.icon-label svg{width:17px;height:17px}.icon-label{vertical-align:middle}.pill .icon-label{display:contents}.section-head button .icon-label{font-size:11px}.side-library>button .icon-label{font-size:20px}.side-library>button .icon-label>svg{width:21px;height:21px}.playlist-link:before{content:none}.playlist-link{display:flex;align-items:center;gap:12px}.playlist-link svg{width:16px;height:16px}.search-box>span svg{width:20px;height:20px}.genre .icon-label svg,.category .icon-label svg{width:40px;height:40px}
.song-row{gap:0;padding:7px 0}.song-row .song-main{display:flex;align-items:center;gap:12px;min-width:0;flex:1;text-align:left;padding:0;color:inherit}.song-main .track-info{min-width:0}.song-main b,.song-main small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-row .icon-button{min-width:32px;min-height:38px;padding:7px}.song-row .icon-button svg{width:18px;height:18px}.song-row.playing b{color:var(--green)}.now .song-row .icon-button:last-child{display:none}.mini-title{padding:0;text-align:left;min-width:0;color:inherit}.mini-title b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.mini-title small{display:block;margin-top:4px;font-size:10px;color:var(--muted)}
.playing-bars{display:flex;align-items:center;gap:2px;height:18px;margin:0 7px;color:var(--green)}.playing-bars i{width:2px;height:12px;background:currentColor;animation:equalize .8s ease-in-out infinite alternate}.playing-bars i:nth-child(2){height:18px;animation-delay:-.3s}.playing-bars i:nth-child(3){height:7px;animation-delay:-.5s}@keyframes equalize{to{transform:scaleY(.35)}}
.queue-preview-heading{margin-top:22px;margin-bottom:8px}.queue-preview-heading h3{margin:0;font-size:15px}.queue-preview-heading button{display:flex;align-items:center;gap:5px;max-width:150px;font-size:10px;overflow:hidden}.queue-preview-heading button svg{width:15px}.queue-open-button{display:flex;align-items:center;gap:10px;width:100%;padding:12px 13px;border-radius:10px;border:1px solid var(--line);font-size:11px;margin-top:14px}.queue-open-button span{margin-left:auto;color:var(--green)}
.sheet-backdrop{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);z-index:30;display:flex;align-items:center;justify-content:center;padding:25px}.sheet-backdrop[hidden]{display:none}.sheet{position:relative;width:min(760px,100%);max-height:85vh;overflow:auto;background:var(--bg);border:1px solid var(--line);border-radius:24px;padding:32px;box-shadow:0 25px 100px #0008}.sheet-close{position:absolute;right:15px;top:12px;z-index:1}.sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:10px 35px 22px 0}.sheet-heading h2{font-size:30px;margin-top:7px}.count{font-size:15px;color:var(--green);margin-left:5px}.queue-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:12px}.queue-tabs .chip{white-space:nowrap}.queue-tabs small{opacity:.65}.queue-toolbar{display:flex;gap:4px;align-items:center;border-bottom:1px solid var(--line);margin-bottom:10px;padding:8px 0 15px}.queue-toolbar>span{font-size:11px;color:var(--muted);margin-right:auto}.queue-toolbar .chip{font-size:10px;padding:8px 10px}.queue-row{display:flex;align-items:center;border-radius:10px;padding:7px;gap:6px}.queue-row.current{background:color-mix(in srgb,var(--accent) 7.1%,transparent)}.queue-row.current b{color:var(--green)}.queue-play{display:flex;align-items:center;gap:12px;min-width:0;flex:1;text-align:left;padding:0}.queue-play .cover{width:44px;flex-shrink:0;font-size:9px;padding:5px;border-radius:6px}.queue-play span{min-width:0}.queue-play b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-play small{display:block;margin-top:5px;font-size:10px;color:var(--muted)}.queue-play:disabled{opacity:.5}.queue-reorder{display:flex;flex-shrink:0}.queue-reorder .icon-button{min-width:30px;padding:5px}.queue-reorder svg{width:16px;height:16px}.queue-empty{margin:18px 0}.queue-empty>svg{width:40px;height:40px;color:var(--green);margin-bottom:15px}.queue-empty h3{font-size:22px}.queue-empty p{font-size:12px}.timer-sheet{max-width:400px}.timer-sheet h2{padding-top:10px}.timer-sheet p{font-size:12px}.timer-option{display:flex;align-items:center;gap:12px;padding:16px 8px;width:100%;text-align:left;border-bottom:1px solid var(--line)}.timer-option:hover{color:var(--green)}
.library-greeting{gap:10px;flex-wrap:wrap}.import-buttons{display:flex;align-items:center;gap:6px}.library-actions{display:flex;align-items:center;gap:8px;margin-bottom:20px;flex-wrap:wrap}.library-actions .chip{font-size:11px;padding:8px 12px}.sort-label{display:flex;align-items:center;margin-left:auto;font-size:10px;color:var(--muted);gap:7px}.sort-label select{font-size:10px;max-width:125px}.folder-row{display:flex;gap:15px;align-items:center;width:100%;padding:16px 4px;border-bottom:1px solid var(--line);text-align:left}.folder-row>svg:first-child{color:var(--green);width:30px;height:30px}.folder-row>svg:last-child{margin-left:auto;width:17px}.folder-row span{flex:1;min-width:0}.folder-row b{font-size:13px;overflow-wrap:anywhere}.folder-row small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.storage-note{display:flex;align-items:center;gap:8px;font-size:10px;margin-top:24px}.storage-note svg{width:15px}.offline-empty{padding:30px}.offline-empty>svg{color:var(--green);width:35px;height:35px;margin-bottom:15px}.offline-empty h2{font-size:23px}.offline-empty p{font-size:12px;max-width:400px}.offline-banner{display:flex;align-items:center;gap:15px;border:1px solid color-mix(in srgb,var(--accent) 20.0%,transparent);background:color-mix(in srgb,var(--accent) 4.3%,transparent);border-radius:14px;padding:22px;margin:20px 0}.offline-banner>svg{width:32px;height:32px;color:var(--green)}.offline-banner>div{flex:1}.offline-banner p{font-size:11px;margin:6px 0 0}.setting select{max-width:150px;font-size:11px}.setting .chip{white-space:nowrap;font-size:11px}.setting .chip svg{width:17px}.settings-nav .icon-selected{color:var(--green)}
html[data-theme="light"] .queue-row.current{background:#19bd5915}html[data-theme="light"] .sheet{box-shadow:0 25px 100px #183c2640}html[data-theme="light"] .sheet-backdrop{background:#17321f65}html[data-theme="light"] .mobile-nav button.active{color:#079442}
@media(max-width:650px){.sheet-backdrop{align-items:flex-end;padding:0}.sheet{width:100%;max-height:90dvh;padding:27px 15px 22px;border-radius:24px 24px 0 0;border-bottom:0}.sheet-heading{margin-left:4px}.sheet-heading h2{font-size:27px}.queue-toolbar .chip{font-size:9px}.queue-row{padding:7px 0}.queue-play{gap:9px}.queue-reorder .icon-button{min-width:29px}.queue-play b{font-size:11px}.queue-play small{font-size:9px}.queue-tabs{margin-right:-10px}.queue-play .cover{width:40px}.song-row .icon-button{min-width:30px}.song-main .cover{width:46px;height:46px}.track-info b{font-size:12px}.track-info small{font-size:9px}.library-actions{gap:6px}.library-actions .chip{padding:8px 10px;font-size:10px}.library-actions .chip svg{width:14px;height:14px}.sort-label{margin-left:0}.library-greeting h1{font-size:27px}.import-buttons .pill{padding:10px 13px;font-size:10px}.mini-title{flex:1}.mini-title b{font-size:11px}.mini-title small{font-size:9px}.now .controls button:not(.play){display:flex}.mobile-nav button.active .nav-icon{position:relative}.mobile-nav button.active .nav-icon:after{content:'';position:absolute;width:3px;height:3px;background:var(--green);border-radius:50%;bottom:-5px;left:50%;transform:translateX(-50%)}.now .queue-preview-heading{margin-top:25px}.offline-banner{gap:10px;flex-wrap:wrap;padding:15px}.offline-banner .pill{padding:10px 13px}.setting{font-size:12px}.setting p{font-size:10px}.setting select{max-width:120px}.setting .chip{font-size:9px;padding:8px 10px}.storage-note{font-size:9px}.offline-empty{padding:24px}}
@media(prefers-reduced-motion:reduce){.playing-bars i{animation:none}.ui-icon{transition:none}}
@media(max-width:650px){body>.sidebar{display:none}}
@media(max-width:650px){.mobile-nav .settings-nav{display:flex}.mobile-nav button{font-size:9px}.mobile-nav .nav-icon svg{width:18px;height:18px}}
.sidebar{display:flex;flex-direction:column;overflow:hidden}.sidebar>.brand,.sidebar>#nav,.sidebar>.navlabel{flex-shrink:0}.sidebar .side-library{margin-top:22px;min-height:0;overflow-y:auto;flex:1;padding-bottom:10px}.sidebar .side-bottom{position:static;display:flex;align-items:center;flex-shrink:0;margin-top:12px;width:100%;min-height:24px}.side-bottom button{margin-left:auto}.side-bottom button svg{width:17px;height:17px}.transport .progress{padding-top:0;gap:2px}.transport .progress .seek{margin:0}.transport .controls{margin-bottom:4px}.now .close-now{display:none}@media(max-width:1000px){.now .close-now{display:inline-flex}}

.ui-icon{transform-origin:50% 50%;transform-box:fill-box}nav .active [data-icon="settings"] path:first-child{fill:color-mix(in srgb,var(--accent) 7.1%,transparent)}[data-icon="settings"]{stroke-linejoin:round}