:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#10130f;--panel:#171b15;--raised:#20261c;--line:#2a3025;--muted:#919b87;--text:#edf0e7;--lime:#baee81;--font:Arial, Helvetica, sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:14px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{opacity:.35;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:4px}button,a,input,select{touch-action:manipulation}button,input,select{border-radius:8px}button{transition:background .16s,color .16s,opacity .16s}h1,h2,h3,p{margin:0}svg{flex-shrink:0}input[type=range]{accent-color:var(--lime);cursor:pointer;height:4px}input[type=range]:disabled{cursor:default}input[type=range]:focus-visible{outline-offset:8px}.app-shell{min-height:100dvh;padding-bottom:112px}.sidebar{border-right:1px solid var(--line);z-index:20;background:#12160f;flex-direction:column;width:246px;padding:36px 22px 20px;display:flex;position:fixed;inset:0 auto 112px 0}.brand{letter-spacing:-1.4px;align-items:center;gap:10px;padding-left:7px;font-size:29px;font-weight:700;display:flex}.brand-icon{background:var(--lime);color:#213611;border-radius:11px;place-items:center;width:39px;height:39px;display:grid}.brand-dot{color:var(--lime);margin-left:-10px}.nav-label{letter-spacing:1.7px;color:#78846c;margin:46px 12px 14px;font-size:10px;font-weight:700}.nav-item{text-align:left;color:#a6b09c;align-items:center;gap:13px;width:100%;min-height:46px;margin-bottom:6px;padding:12px 14px;font-weight:500;display:flex}.nav-item:hover,.source-link:hover{color:var(--text);background:#1d2419}.nav-item.active{color:var(--lime);background:#27381d}.nav-count{color:var(--lime);margin-left:auto;font-size:11px}.sidebar-source .nav-label{letter-spacing:1.2px;margin-top:34px;font-size:9px}.source-link{text-align:left;color:#a0ab95;align-items:center;gap:10px;width:100%;padding:13px 12px;font-size:12px;display:flex}.source-link>span:last-child{margin-left:auto}.status-dot{background:#58604f;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.status-dot.connected{background:var(--lime)}.privacy-note{color:#78876c;gap:10px;margin:auto 9px 23px;padding-top:42px;display:flex}.privacy-note strong{color:#b3bea6;font-size:12px;font-weight:500}.privacy-note p{margin-top:5px;font-size:11px;line-height:1.65}.privacy-note>svg{margin-top:2px}.settings-nav{font-size:12px}.sidebar-foot{border-top:1px solid var(--line);letter-spacing:1.5px;color:#606c56;justify-content:space-between;margin-top:12px;padding:19px 13px 0;font-size:9px;display:flex}.sidebar-foot span{letter-spacing:0}.main{margin-left:246px}.topbar{border-bottom:1px solid #252b20;justify-content:space-between;align-items:center;gap:16px;height:88px;padding:0 48px;display:flex}.topbar-left,.topbar-right{align-items:center;gap:22px;display:flex}.breadcrumb{color:#7e8b72;align-items:center;gap:13px;font-size:11px;display:flex}.breadcrumb strong{color:#bec7b5;font-weight:400}.private-label{color:#9bab8c;align-items:center;gap:7px;font-size:10px;display:flex}.avatar{width:34px;height:34px;color:var(--lime);background:#27321f;border:1px solid #3c4932;border-radius:50%;place-items:center;display:grid}.content{max-width:1380px;margin:auto;padding:48px 48px 0}.eyebrow{letter-spacing:2px;color:#9cb981;font-size:10px;font-weight:600}.library-intro{justify-content:space-between;align-items:center;gap:20px;margin-bottom:33px;display:flex}h1{letter-spacing:-2.2px;margin-top:13px;font-size:clamp(36px,3.7vw,53px);font-weight:500;line-height:1.12}.lead{color:#929e86;margin-top:15px;font-size:13px;line-height:1.75}.button{border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:11px 18px;font-size:12px;font-weight:600;display:inline-flex}.button.primary{background:var(--lime);color:#203411}.button.primary:hover:not(:disabled){background:#cef7a3}.button.secondary{color:#dce4d3;background:#1b2116;border:1px solid #39442e}.button.secondary:hover:not(:disabled){background:#29351e}.button.danger{color:#e7afa3;border:1px solid #60443e}.import-button{margin-top:14px}.source-tabs{border-bottom:1px solid var(--line);gap:5px;margin-bottom:29px;padding-bottom:0;display:flex}.source-tabs button{color:#8f9b82;border-radius:0;align-items:center;gap:10px;padding:14px 20px 19px;font-size:12px;display:flex;position:relative}.source-tabs button:first-child{padding-left:0;padding-right:24px}.source-tabs button.selected{color:var(--lime)}.source-tabs button.selected:after{content:"";background:var(--lime);height:2px;position:absolute;bottom:-1px;left:0;right:0}.drive-strip{color:#becfab;background:#1a2315;border:1px solid #303e25;border-radius:9px;justify-content:space-between;align-items:center;gap:15px;margin:-8px 0 25px;padding:12px 15px;font-size:12px;display:flex}.drive-strip>div,.drive-strip>button{align-items:center;gap:9px;display:flex}.drive-strip>div{min-width:0}.drive-strip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.drive-strip button{color:var(--lime);flex-shrink:0;padding:7px;font-size:11px}.collection-toolbar{align-items:center;gap:16px;margin-bottom:23px;display:flex}.collection-count{align-items:center;gap:10px;margin-right:auto;display:flex}.collection-count h2{letter-spacing:-.35px;font-size:18px;font-weight:500}.collection-count>span{color:#bccfad;text-align:center;background:#242d1e;border:1px solid #34422b;border-radius:5px;min-width:23px;padding:3px 6px;font-size:10px}.search{color:#839476;background:#171d12;border:1px solid #2c3723;border-radius:8px;align-items:center;gap:9px;width:245px;height:38px;padding:0 12px;display:flex}.search input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:none;padding:10px 0;font-size:11px}.search input::placeholder{color:#78876b}.search:focus-within{border-color:var(--lime)}.search .icon-button{width:22px;min-height:24px}.sort{color:#a3b295;background:0 0;border:1px solid #33402a;padding:9px 12px;font-size:10px}.sort option{background:var(--bg)}.empty-state{text-align:center;background:radial-gradient(at 50% 30%,#202b193d,#0000 65%);border:1px dashed #303b28;border-radius:13px;flex-direction:column;align-items:center;min-height:358px;padding:36px 20px 44px;display:flex}.empty-art{align-items:center;gap:17px;height:91px;margin-bottom:21px;display:flex;position:relative}.empty-art>svg{color:#9eb984;stroke-width:1px;width:69px;height:69px;transform:rotate(-15deg)}.empty-art>span{background:#24301d;border:1px solid #36472c;border-radius:6px;width:26px;height:46px;transform:rotate(-15deg)}.empty-art>span:last-child{background:#2b3821;border-color:#415432;width:30px;height:56px;transform:rotate(17deg)}.empty-state .eyebrow{letter-spacing:1.8px;color:#839b6e;font-size:8px}.empty-state h2{letter-spacing:-.65px;margin:12px 0;font-size:23px;font-weight:500}.empty-state>p:not(.eyebrow){color:#93a085;max-width:380px;font-size:12px;line-height:1.9}.empty-state>.button{margin-top:22px}.empty-footnote{color:#6c7e5e;align-items:center;gap:6px;margin-top:21px;font-size:9px;display:flex}.content-footer{letter-spacing:.25px;color:#65745a;justify-content:space-between;gap:20px;padding:22px 0 35px;font-size:9px;display:flex}.content-footer a{color:#879b74;align-items:center;gap:8px;display:flex}.play-selection{align-items:center;gap:12px;margin-bottom:22px;display:flex}.play-selection .button{min-height:36px;padding:9px 13px;font-size:11px}.play-selection>span{color:#839375;font-size:10px}.icon-button{color:#a0ad92;flex-shrink:0;justify-content:center;align-items:center;width:36px;min-height:36px;padding:5px;display:inline-flex}.icon-button:hover:not(:disabled){color:#def0cd;background:#2b3723}.track-header,.track{grid-template-columns:38px minmax(0,1fr) 140px 40px;align-items:center;gap:13px;padding:10px 14px;display:grid}.track-header{letter-spacing:1.5px;color:#687a59;border-bottom:1px solid var(--line);padding-bottom:15px;font-size:9px}.track-header>span:first-child{text-align:center}.track-list{margin:7px 0 0;padding:0;list-style:none}.track{border-bottom:1px solid #222b1c;border-radius:8px;padding-top:11px;padding-bottom:11px}.track:hover{background:#1b2515}.track.is-current{background:#25321d}.track-play{color:#889b77;justify-content:center;align-items:center;width:35px;height:40px;font-size:11px;display:flex}.track-hover-play,.track:hover .track-index{display:none}.track:hover .track-hover-play{display:block}.track-title{text-align:left;align-items:center;gap:13px;min-width:0;padding:0;display:flex}.track-title>span:last-child{min-width:0}.track-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:400;line-height:1.7;display:block;overflow:hidden}.track-title small{color:#80936d;font-size:10px;line-height:1.8;display:block}.track.is-current .track-title strong{color:var(--lime)}.track-origin{color:#889b77;align-items:center;gap:7px;font-size:10px;display:flex}.art{color:#bdd2a9;background:#304628;border-radius:7px;flex-shrink:0;place-items:center;width:43px;height:43px;display:grid;position:relative;overflow:hidden}.art>svg{stroke-width:1px;opacity:.45;width:68px;height:68px;position:absolute;bottom:-22px;right:-22px}.art>span{z-index:1;font-size:17px}.art-1{color:#d1c1ec;background:#38324d}.art-2{color:#e6d2a2;background:#4c3e28}.art-3{color:#b1d8ce;background:#274342}.favorite{color:#829572}.favorite.is-favorite{color:var(--lime)}.equalizer{height:20px;color:var(--lime);align-items:center;gap:3px;display:flex}.equalizer i{background:currentColor;width:2px;height:14px;animation:.8s infinite alternate equalize}.equalizer i:nth-child(2){height:8px;animation-delay:-.4s}.equalizer i:nth-child(3){height:18px;animation-delay:-.65s}@keyframes equalize{to{transform:scaleY(.35)}}.player{z-index:30;background:#1a2315;border-top:1px solid #35442a;grid-template-columns:minmax(0,1fr) minmax(270px,1.2fr) minmax(0,1fr);align-items:center;gap:35px;min-height:112px;padding:17px 30px;display:grid;position:fixed;bottom:0;left:0;right:0}.now-playing{align-items:center;gap:13px;min-width:0;display:flex}.now-playing>.art{background:#2a3920;width:52px;height:52px}.now-playing>div{min-width:0}.now-playing strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;line-height:1.8;display:block;overflow:hidden}.now-playing small{color:#8d9f7c;font-size:9px;line-height:1.8;display:block}.transport{flex-direction:column;align-items:center;gap:8px;display:flex}.transport-buttons{align-items:center;gap:16px;display:flex}.main-play{background:var(--lime);color:#203510;border-radius:50%;place-items:center;width:37px;height:37px;display:grid}.main-play:hover:not(:disabled){background:#d2f9ad}.main-play:disabled{opacity:.4}.transport .icon-button{width:28px;min-height:28px}.optional-control.enabled{color:var(--lime)}.progress{font-variant-numeric:tabular-nums;color:#829671;align-items:center;gap:10px;width:100%;font-size:9px;display:flex}.progress input{width:100%;min-width:50px;height:3px;margin:0}.progress>span{min-width:25px}.player-extras{color:#859a72;justify-content:flex-end;align-items:center;gap:13px;display:flex}.player-extras input{width:77px}.player-extras .icon-button{margin-right:8px}.alert{color:#e9c9ac;background:#38261f;border:1px solid #624936;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:25px;padding:9px 15px;font-size:12px;line-height:1.6;display:flex}.alert .icon-button{color:#e9c9ac}.toast{color:#253b18;z-index:60;background:#d3edbc;border-radius:10px;align-items:center;gap:10px;max-width:90vw;padding:15px 20px;font-size:12px;display:flex;position:fixed;bottom:133px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0006}.settings-screen{max-width:820px;padding-bottom:40px}.back-link{color:#9aab8b;align-items:center;gap:7px;margin-bottom:33px;padding:0;font-size:11px;display:flex}.settings-screen h1{font-size:42px}.settings-screen>.lead{margin-bottom:32px}.settings-card{background:#171f12;border:1px solid #333f2b;border-radius:13px;padding:27px}.section-heading{align-items:center;gap:14px;margin-bottom:25px;display:flex}.cloud-badge{width:46px;height:46px;color:var(--lime);background:#2a3e1d;border-radius:11px;place-items:center;display:grid}.section-heading h2{font-size:18px;font-weight:500}.section-heading p{color:#859a73;margin-top:6px;font-size:11px}.pill{color:#b0cc97;border:1px solid #415735;border-radius:15px;align-items:center;gap:7px;margin-left:auto;padding:6px 10px;font-size:9px;display:flex}.settings-description{color:#a5b798;max-width:570px;margin-bottom:23px;font-size:13px;line-height:1.9}.settings-row{border-top:1px solid #303e25;justify-content:space-between;align-items:center;gap:22px;padding:23px 0;display:flex}.settings-row>div{min-width:0}.field-label{letter-spacing:1.3px;color:#809c6a;margin-bottom:9px;font-size:9px;display:block}.settings-row strong{overflow-wrap:anywhere;font-size:13px;font-weight:400}.settings-row p{color:#8a9f78;max-width:380px;margin-top:6px;font-size:11px;line-height:1.8}.settings-row .button{flex-shrink:0}.settings-actions{flex-wrap:wrap;gap:12px;margin-bottom:25px;display:flex}.disconnect-row{padding-bottom:17px}.text-button{color:#9eb589;text-underline-offset:4px;align-items:center;gap:9px;padding:4px 0;font-size:11px;line-height:1.7;text-decoration:underline;display:inline-flex}.config-note{color:#c9c091;background:#28271b;border:1px solid #4f4b2c;border-radius:10px;gap:13px;margin-top:20px;padding:20px;display:flex}.config-note h3,.settings-info h3{font-size:12px;font-weight:500}.config-note p,.settings-info p{margin-top:9px;font-size:11px;line-height:1.9}.config-note code{color:#eee2b5}.settings-info{color:#8da17c;gap:14px;margin:28px 0 15px;display:flex}.settings-info>svg{color:#a3be8b;margin-top:3px}.settings-info h3{color:#b4c5a4}.settings-info p{max-width:660px}.modal-backdrop{z-index:50;background:#0009;position:fixed;inset:0}.folder-dialog{color:var(--text);background:#171f12;border:1px solid #465b36;border-radius:15px;width:min(540px,100vw - 28px);max-height:85dvh;margin:auto;padding:26px;box-shadow:0 25px 100px #0008}.folder-dialog::backdrop{background:#0009}.dialog-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.dialog-heading h2{letter-spacing:-.7px;font-size:22px;font-weight:500}.folder-dialog>p{color:#94a883;margin-top:8px;font-size:11px;line-height:1.7}.folder-trail{border-bottom:1px solid #35452a;flex-wrap:wrap;gap:4px;margin:20px 0;padding-bottom:14px;display:flex}.folder-trail button{color:var(--lime);align-items:center;gap:4px;padding:5px;font-size:11px;display:flex}.folder-items{min-height:120px;max-height:42dvh;overflow:auto}.folder-item{text-align:left;color:#b2c69e;border-radius:7px;align-items:center;gap:12px;width:100%;padding:13px 10px;display:flex}.folder-item>span{overflow-wrap:anywhere;flex:1}.folder-item:hover{background:#283a1c}.folder-audio-count{color:#75935f;margin:17px 10px;font-size:10px}.folder-preview{color:#91a97c;align-items:center;gap:10px;padding:7px 10px;font-size:11px;display:flex}.folder-preview span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.folder-confirm{overflow-wrap:anywhere;width:100%;margin-top:23px}.folder-loading{color:#a1ba8a;justify-content:center;align-items:center;gap:10px;padding:40px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mobile-menu,.close-nav,.nav-scrim{display:none}.legal{max-width:760px;margin:60px auto;padding:24px;line-height:1.9}.legal h1{margin-bottom:22px}.legal h2{margin:28px 0 9px;font-size:20px;font-weight:500}.legal p,.legal li{color:#adbca1}.legal a{color:var(--lime);text-decoration:underline}.legal .back-link{margin-bottom:30px}@media (min-width:1600px){.content{padding-top:65px}.empty-state{min-height:440px}.sidebar{width:270px;padding-left:28px;padding-right:28px}.main{margin-left:270px}}@media (max-width:1100px){.sidebar{width:210px;padding:30px 14px 16px}.main{margin-left:210px}.content{padding:35px 28px 0}.topbar{height:75px;padding:0 28px}.player{grid-template-columns:minmax(0,1fr) minmax(240px,1.2fr) 140px;gap:20px;padding-left:22px;padding-right:22px}.private-label{display:none}.track-header,.track{grid-template-columns:25px minmax(0,1fr) 36px;gap:9px;padding-left:5px;padding-right:5px}.track-origin,.track-header>span:nth-child(3){display:none}.search{width:205px}.collection-toolbar{gap:10px}.settings-row{gap:15px}.settings-row .button{padding:10px 12px;font-size:10px}.library-intro{align-items:flex-start}.import-button{white-space:nowrap;padding:10px 12px;font-size:10px}.lead{font-size:12px}.transport-buttons{gap:10px}}@media (max-width:760px){.app-shell{padding-bottom:139px}.sidebar{z-index:55;width:265px;padding:30px 22px;transition:transform .2s;inset:0 auto 0 0;transform:translate(-100%)}.sidebar-open{transform:translate(0)}.close-nav{display:flex;position:absolute;top:30px;right:12px}.sidebar .brand{font-size:25px}.sidebar-foot{margin-bottom:5px}.main{margin-left:0}.topbar{height:65px;padding:0 20px}.mobile-menu{width:28px;display:flex}.topbar-left{gap:12px}.topbar-right{gap:10px}.breadcrumb{gap:9px;font-size:10px}.content{padding:28px 21px 0}.library-intro{gap:10px;margin-bottom:22px}.library-intro .eyebrow{letter-spacing:1.5px;font-size:8px}h1{letter-spacing:-1.6px;margin-top:11px;font-size:38px}.lead{max-width:245px;margin-top:12px;font-size:11px}.import-button{flex-shrink:0;width:36px;min-height:36px;margin-top:30px;padding:8px;font-size:0}.import-button svg{width:18px}.source-tabs{margin-bottom:24px}.source-tabs button{gap:8px;padding:12px 15px 16px;font-size:11px}.source-tabs button:first-child{padding-right:18px}.collection-toolbar{flex-wrap:wrap;gap:11px;margin-bottom:18px}.collection-count h2{font-size:17px}.search{order:3;width:100%;height:39px}.search input{font-size:12px}.sort{padding:8px 11px;font-size:10px}.empty-state{min-height:333px;padding:29px 18px 34px}.empty-art{height:79px;margin-bottom:16px}.empty-state h2{margin-top:14px;font-size:21px}.empty-state>p:not(.eyebrow){max-width:290px;font-size:11px;line-height:1.8}.empty-state .eyebrow{letter-spacing:1.5px;font-size:7px}.empty-footnote{justify-content:center;font-size:8px;line-height:1.7}.empty-state>.button{margin-top:21px;font-size:11px}.content-footer{padding-bottom:20px;font-size:8px}.drive-strip{margin-top:-5px;padding:9px 10px;font-size:11px}.drive-strip button{gap:5px;font-size:10px}.player{min-height:139px;padding:11px 17px max(12px, env(safe-area-inset-bottom));background:#202d18;grid-template-columns:minmax(0,1fr) 110px;gap:7px 8px;display:grid}.now-playing{grid-area:1/1;gap:10px;min-height:45px}.now-playing>.art{width:42px;height:42px}.now-playing strong{font-size:10px}.now-playing small{font-size:8px}.now-playing>.favorite{width:28px;min-height:30px}.transport{display:contents}.transport-buttons{grid-area:1/2;justify-content:flex-end;gap:4px}.transport .icon-button{width:27px}.optional-control{display:none}.main-play{width:35px;height:35px}.transport-buttons>.icon-button:first-of-type{display:none}.progress{grid-area:2/1/auto/-1;gap:9px;padding:3px 0 5px}.progress>span{font-size:8px}.player-extras{display:none}.nav-scrim{z-index:54;background:#0009;border-radius:0;display:block;position:fixed;inset:0}.track-header{padding-bottom:12px}.track{gap:8px;padding:10px 0}.track-title{gap:10px}.track-title strong{max-width:100%;font-size:11px}.track-title small{font-size:9px}.track .art{width:39px;height:39px}.track-play{width:25px}.play-selection{gap:5px;margin-top:4px;margin-bottom:13px}.play-selection>span{margin-left:4px;font-size:9px}.play-selection .button{min-height:35px;font-size:10px}.toast{justify-content:center;min-width:220px;font-size:11px;bottom:158px}.settings-screen h1{font-size:34px}.settings-screen .eyebrow{font-size:9px}.settings-screen>.lead{max-width:none;margin-bottom:24px}.settings-card{padding:20px 17px}.settings-row{flex-direction:column;align-items:flex-start;gap:14px}.settings-row .button{width:100%;font-size:11px}.settings-actions{flex-direction:column;gap:9px}.settings-actions .button{width:100%;font-size:11px}.section-heading{gap:10px}.section-heading h2{font-size:17px}.section-heading p{font-size:10px}.pill{padding:5px 7px;font-size:8px}.cloud-badge{width:38px;height:38px}.config-note{gap:10px;padding:17px}.back-link{margin-bottom:28px}.settings-info{gap:11px}.folder-dialog{padding:20px}.folder-items{max-height:40dvh}.legal{margin-top:20px}.legal h1{font-size:33px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.track-header,.track{grid-template-columns:38px minmax(0,1fr) 140px 36px 40px}.is-downloaded{color:var(--lime)}.download-progress,.offline-banner{color:#bad4a5;background:#20301a;border:1px solid #405534;border-radius:10px;align-items:center;gap:12px;margin-bottom:22px;padding:15px 18px;display:flex}.download-progress>div{flex:1;min-width:0}.download-progress strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;display:block;overflow:hidden}.download-progress small{color:#90a77b;font-size:10px;line-height:1.6;display:block}.download-progress progress{width:100%;height:5px;accent-color:var(--lime);margin:10px 0 5px}.offline-banner{color:#d0cdab;background:#29291e;border-color:#4b4b32;font-size:12px}.offline-panel{background:#172013;border:1px solid #34462a;border-radius:12px;margin-bottom:28px;padding:24px}.offline-heading{color:var(--lime);align-items:center;gap:13px;display:flex}.offline-heading h2{color:var(--text);font-size:19px;font-weight:500}.offline-heading p{color:#96aa84;margin-top:6px;font-size:11px;line-height:1.8}.offline-profile{color:#a3b793;align-items:center;gap:16px;margin:22px 0 15px;font-size:11px;display:flex}.offline-profile select{color:var(--text);background:#202e18;border:1px solid #405833;min-width:0;max-width:100%;padding:10px}.offline-storage{color:#8ea47d;align-items:center;gap:8px;font-size:11px;line-height:1.7;display:flex}.offline-retention{border-top:1px solid #33482a;align-items:center;gap:10px;margin-top:20px;padding-top:20px;display:flex}.offline-retention p{color:#9bb387;flex:1;font-size:11px;line-height:1.8}.offline-retention .button{white-space:nowrap;font-size:10px}.offline-note{color:#809570;margin-top:15px;font-size:10px;line-height:1.9}.offline-folder-actions{align-items:center;gap:15px;margin-bottom:23px;display:flex}.offline-folder-actions>span{color:#8aa078;font-size:10px}@media (max-width:1100px){.track-header,.track{grid-template-columns:25px minmax(0,1fr) 36px 40px}.track-header>span:nth-child(3){display:none}}@media (max-width:760px){.track-header,.track{grid-template-columns:22px minmax(0,1fr) 36px 36px;gap:5px}.track-title{gap:8px}.track .art{width:33px;height:38px}.track .icon-button{width:36px;min-height:44px}.offline-panel{padding:19px 16px}.offline-profile{flex-direction:column;align-items:flex-start;gap:8px}.offline-profile select{width:100%}.offline-retention{flex-wrap:wrap}.offline-retention p{min-width:190px}.offline-retention .button{width:100%;font-size:11px}.offline-note{font-size:10px}.offline-folder-actions{flex-wrap:wrap;gap:9px}.offline-folder-actions>span{width:100%}.download-progress{gap:8px;padding:12px}.download-progress small{font-size:9px}}.sidebar{overflow:hidden auto}@media (max-width:760px){.sidebar{visibility:hidden}.sidebar.sidebar-open{visibility:visible}}.offline-details{border-top:1px solid #33482a;padding-top:13px}.offline-details summary{color:#a5bf8f;cursor:pointer;font-size:11px;line-height:1.8}.offline-details .offline-storage{margin-top:14px}.offline-details .offline-retention{margin-top:14px;padding-top:14px}