@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Noto Sans SC,Microsoft YaHei,sans-serif;color:#edece5;background:#141612;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:dark;--bg:#141612;--panel:#1a1d18;--elevated:#242821;--line:rgba(218,232,201,.085);--text:#edece5;--muted:#898e81;--faint:#60675a;--accent:#c1dfa5;--accent-dark:#253222;--sidebar:218px;--radius:16px}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{border:0;cursor:pointer;color:inherit;background:none}button:disabled{cursor:not-allowed;opacity:.35}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}button,input,select,textarea,a{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{transition:background .18s,color .18s,opacity .18s,transform .18s}button:not(:disabled):active{transform:translateY(1px)}input,textarea{color:var(--text)}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.025em}svg{flex-shrink:0}::selection{background:#5b7048;color:#fff}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#424a3a;border-radius:8px}::-webkit-scrollbar-track{background:transparent}.accent{color:var(--accent)}.text-danger{color:#eea394!important}.skip-link{position:fixed;top:-60px;left:20px;padding:12px 20px;background:var(--accent);color:#1c2617;z-index:200}.skip-link:focus{top:10px}.app-shell{height:100dvh;display:flex;overflow:hidden}.app-main{width:calc(100% - var(--sidebar));margin-left:var(--sidebar);display:flex;flex-direction:column;min-width:0}.main-content{flex:1;overflow:auto;padding:25px 38px 146px;scroll-behavior:smooth}.main-content>div:not(.storage-error){max-width:1350px;margin-inline:auto}.page-enter{animation:page-in .35s ease both}@keyframes page-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 21px;border-radius:8px;min-height:43px;font-size:13px;font-weight:600;white-space:nowrap;text-decoration:none}.button.primary{background:var(--accent);color:#233019;box-shadow:0 3px 14px #00000012}.button.primary:hover:not(:disabled){background:#d4ebbf;box-shadow:0 5px 20px #c1dfa518}.button.secondary{background:#ffffff05;border:1px solid #ffffff16;color:#c6cbbc}.button.secondary:hover:not(:disabled){background:#ffffff0b;border-color:#c1dfa54d}.button.danger{background:#693c35;color:#ffe3dc}.button.danger:hover{background:#81463d}.button.small{padding:9px 14px;min-height:35px;font-size:12px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border-radius:8px;color:#a1a897;flex-shrink:0}.icon-button:hover:not(:disabled){color:#edf0e8;background:#ffffff08}.icon-button.is-active{color:var(--accent)}.text-button{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#aeb9a3;padding:6px 0;white-space:nowrap}.text-button:hover{color:var(--accent)}.spin{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.badge{display:inline-flex;border:1px solid #b5d99125;border-radius:4px;padding:3px 6px;color:#bbc8ac;background:#a9d97809;font-size:10px;line-height:1.2}.section-eyebrow{font-size:9px;font-weight:600;letter-spacing:2.25px;line-height:1.5;color:#839071;display:flex;align-items:center;gap:7px}.section-eyebrow>span{display:inline-block;width:5px;height:5px;background:#adca91;border-radius:50%}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 18px}.section-heading h2{font-size:20px;font-weight:600;line-height:1.5;margin-top:5px}.section-heading .muted-note{font-size:11px;color:#7d8574;font-weight:400;margin-left:16px;letter-spacing:0}.section-note{display:flex;align-items:center;gap:10px;font-size:11px;color:#7d8576;padding-bottom:3px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.page-heading h1{font-size:31px;font-weight:600;line-height:1.35;letter-spacing:-1px;margin:6px 0 9px}.heading-dot{color:var(--accent);margin-left:3px}.page-heading p{font-size:12px;color:#858d7e;letter-spacing:.2px}.heading-aside{display:flex;align-items:center;gap:8px;font-size:11px;color:#86917b;padding-top:19px}.cover{background:#262e20;overflow:hidden;flex-shrink:0}.cover-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;background:radial-gradient(ellipse at 25% 15%,#556741,#222c21 78%);color:#adbe97}.cover-fallback>svg{width:45%;height:45%;opacity:.7}.cover-fallback>span{font-size:6px;letter-spacing:1.7px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:280px;padding:38px 25px;gap:14px}.empty-icon{width:68px;height:68px;border:1px solid var(--line);background:radial-gradient(circle,#a7ce7810,#a7ce7803);border-radius:50%;display:grid;place-items:center;color:#9eaf8d}.empty-icon>svg{width:26px;height:26px;stroke-width:1.4}.empty-state h3{font-size:18px;font-weight:500}.empty-state p{font-size:12px;color:#858e7b;line-height:1.9;max-width:420px}.empty-state>.button{margin-top:5px}.error-state{display:flex;align-items:center;gap:16px;padding:23px;border-radius:12px;border:1px solid #a7bc8530;background:#a7bc8507;color:#c1c6b6;min-height:100px}.error-state>svg{color:#a8b495}.error-state>div{flex:1;min-width:0}.error-state strong{font-size:13px;font-weight:500}.error-state p{font-size:11px;line-height:1.8;margin-top:6px;color:#909987;overflow-wrap:anywhere}.source-footnote{font-size:10px;color:#717a66;display:flex;align-items:center;gap:6px;line-height:1.8}.source-footnote i{width:4px;height:4px;border-radius:50%;background:#a6c48c}.skeleton-rows{display:flex;flex-direction:column;gap:1px}.skeleton-row{height:66px;display:flex;align-items:center;gap:16px;padding:12px 15px}.skeleton-row>span{width:42px;height:42px;border-radius:7px}.skeleton-row>div{display:flex;flex:1;flex-direction:column;gap:8px}.skeleton-row i{height:7px;width:90px;display:block;border-radius:2px}.skeleton-row>div i:nth-child(2){width:55px}.skeleton-row>i{width:28px}.skeleton-row>span,.skeleton-row i{background:linear-gradient(110deg,#ffffff05 10%,#ffffff0c 30%,#ffffff05 60%);background-size:300% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{to{background-position:-300% 0}}.hero-pagination>button{width:18px;height:18px;padding:0;display:grid;place-items:center;border-radius:10px}.hero-pagination>button>i{width:4px;height:4px;background:#dfebcf55}.hero-pagination>button.active>i{width:15px;border-radius:3px;background:#cedbb9}.hero-pagination>button:hover{background:#d5e3c223}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);z-index:35;border-right:1px solid var(--line);background:#181b16;display:flex;flex-direction:column;padding:31px 20px 18px;overflow-y:auto}.brand{display:flex;align-items:center;gap:11px;padding:0 11px;text-align:left;margin-bottom:46px}.brand-mark{display:flex;align-items:center;justify-content:center;width:34px;height:38px;background:var(--accent);color:#27351e;border-radius:12px 12px 12px 4px;transform:rotate(-6deg)}.brand-mark svg{transform:rotate(6deg)}.brand>span:last-child{font-size:27px;font-weight:600;line-height:1;letter-spacing:3px;display:flex;align-items:baseline;gap:8px}.brand-english{font-size:9px;letter-spacing:1.2px;color:#a1ab96;font-weight:500}.nav-caption{font-size:10px;color:#737d69;letter-spacing:.4px;margin:0 13px 12px;display:flex;align-items:center;justify-content:space-between}.nav-caption>span{font-size:7px;letter-spacing:1.2px;color:#545f4c}.nav-group{display:flex;flex-direction:column;gap:4px;margin-bottom:30px}.nav-link{display:flex;align-items:center;text-align:left;gap:12px;padding:12px 14px;color:#9aab8d;border-radius:8px;font-size:12px;min-height:43px;width:100%;letter-spacing:.25px}.nav-link span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-link.active{background:#c6e1a70e;color:#c9dfaf;font-weight:500}.nav-link:hover{color:#d3e1c2;background:#ffffff04}.nav-link.active:hover{background:#c6e1a713}.nav-link svg{opacity:.82;stroke-width:1.6}.nav-link small{font-size:10px;color:#77856d}.nav-link i{width:5px;height:5px;background:var(--accent);border-radius:50%}.playlist-caption{margin-bottom:4px}.playlist-caption .icon-button{width:24px;height:24px;color:#88947b}.playlist-nav{margin-bottom:20px;max-height:230px;overflow:auto;min-height:82px}.playlist-placeholder{display:flex;align-items:center;gap:12px;text-align:left;font-size:10px;line-height:1.85;margin:3px 8px;padding:13px 8px;color:#69775e;border:1px dashed #c4dca314;border-radius:8px}.playlist-placeholder>svg{color:#7d8e6d}.sidebar-bottom{margin-top:auto;padding-top:36px}.local-note{margin:0 5px 26px;padding:17px 13px 14px;background:linear-gradient(135deg,#75895011,#1a211604);border:1px solid #9daa7710;border-radius:10px}.local-note-icon{color:#a7bc8d;display:inline-flex;margin-bottom:12px}.local-note strong{display:block;font-size:10px;font-weight:500;color:#adb9a1;line-height:1.5}.local-note p{font-size:9px;color:#707e63;margin-top:6px}.local-badge{display:flex;align-items:center;gap:5px;margin-top:17px;font-size:8px;color:#7f9370}.local-badge i{width:4px;height:4px;background:#9abb7b;border-radius:50%}.settings-link{font-size:11px;color:#84937a}.sidebar-footnote{font-size:6px;letter-spacing:1.05px;color:#4c5943;text-align:center;margin-top:22px}.sidebar-close,.sidebar-scrim,.mobile-menu{display:none}.topbar{height:77px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:24px;border-bottom:1px solid #b5d39908;background:#141612e8}.global-search{display:flex;align-items:center;gap:11px;width:440px;max-width:55%;padding:10px 14px;background:#21251d;border:1px solid #a1b78405;border-radius:9px;color:#7b896f;transition:border .2s}.global-search:focus-within{border-color:#b1d28a50;background:#252b20}.global-search input{background:none;border:0;width:100%;min-width:0;font-size:11px;outline:none;line-height:1.5;color:#d9e2ce}.global-search input::placeholder{color:#77846b;letter-spacing:.3px}.global-search input:focus-visible{outline:none}.search-submit{width:22px;height:20px;flex-shrink:0;padding:0;color:#77866b;border:1px solid #c3dbaa18;border-radius:4px;font-size:11px}.search-submit:hover{color:var(--accent)}.topbar-actions{display:flex;align-items:center;gap:15px}.source-select{display:flex;align-items:center;position:relative;gap:7px;border:1px solid #9cba7c22;border-radius:50px;height:30px;padding:0 10px;background:#95ad7d06}.source-select select{max-width:145px;font-size:10px;color:#a8b79a;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;padding:4px 16px 4px 1px;cursor:pointer;outline:none}.source-select select option{background:#242b1e;color:#e7eddd}.source-select>svg{position:absolute;right:8px;pointer-events:none;color:#80916c}.source-dot{width:4px;height:4px;border-radius:50%;background:#bad793;box-shadow:0 0 8px #c8efa228}.header-divider{height:17px;width:1px;background:var(--line);margin-left:3px}.profile-avatar{border:1px solid #7b92784d;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#678166,#3b5040);font-family:Georgia,serif;font-size:16px;color:#dfead6;position:relative}.profile-avatar>span{position:absolute;right:0;bottom:0;width:7px;height:7px;border:2px solid #171c15;border-radius:50%;background:var(--accent)}.hero-banner{height:286px;position:relative;overflow:hidden;border-radius:14px;background:#44483b;border:1px solid #dcdfba13;isolation:isolate}.hero-photo{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(90deg,#161e17f0,#1a221abd 28%,#161e171f 75%),linear-gradient(0deg,rgba(22,30,23,.65),transparent 60%),url(../artwork/mountains/photo.jpg);background-size:cover;background-position:center 43%;z-index:-2;filter:saturate(.68)}.hero-grain{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 100% 0%,#cadb9615,transparent 75%);pointer-events:none;z-index:-1}.hero-copy{height:100%;padding:29px 35px}.hero-label{font-size:8px;letter-spacing:2.4px;display:flex;align-items:center;gap:7px;color:#c7d8b4}.hero-label i{width:4px;height:4px;background:#c7deb1;border-radius:50%}.hero-label>span{font-size:7px;letter-spacing:1.4px;color:#a5b696;border-left:1px solid #ffffff33;margin-left:8px;padding-left:13px}.hero-copy h2{font-size:34px;letter-spacing:1px;line-height:1.43;font-weight:600;margin:17px 0 13px;color:#f1f4e8}.hero-copy h2>span{color:#c5dba9}.hero-copy p{font-size:11px;color:#a8b29b;line-height:1.95;letter-spacing:.6px}.hero-buttons{display:flex;align-items:center;gap:22px;margin-top:18px}.hero-buttons .button{font-size:11px;min-height:35px;padding:9px 15px;border-radius:6px}.hero-buttons .button svg{width:12px;height:12px}.hero-secondary{display:flex;align-items:center;gap:8px;font-size:10px;color:#b8c6a5;padding:6px 0}.hero-secondary:hover{color:#ecf5de}.hero-side-label{position:absolute;right:23px;top:28px;writing-mode:vertical-rl;letter-spacing:2.4px;font-size:7px;color:#e1e7d0ab}.hero-location{display:flex;align-items:center;gap:11px;position:absolute;bottom:31px;left:61%;font-size:10px;color:#dde5ce}.hero-location-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid #d9e0c45e;font-size:17px}.hero-location strong{display:block;font-size:10px;font-weight:400;letter-spacing:.8px}.hero-location div>span{font-size:6px;letter-spacing:1.65px;display:block;margin-top:6px;color:#c3cfa7}.hero-pagination{position:absolute;right:26px;bottom:14px;display:flex;gap:5px;align-items:center}.hero-pagination i{width:3px;height:3px;border-radius:50%;background:#dfebcf55}.hero-pagination i.active{width:15px;border-radius:3px;background:#cedbb9}.hero-pagination>span{font-size:7px;margin-left:7px;color:#c6d7ad;letter-spacing:1px}.scene-section{margin-top:29px}.scene-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.scene-card{height:163px;position:relative;isolation:isolate;overflow:hidden;text-align:left;border-radius:10px;border:1px solid #dae2c918;padding:0;background:#353b30}.scene-card>img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;filter:saturate(.63);transition:transform .6s ease,filter .6s}.scene-card:hover>img{transform:scale(1.055);filter:saturate(.85)}.scene-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:linear-gradient(0deg,#14201be8,transparent 110%),linear-gradient(90deg,#111e1866,transparent)}.scene-card.sunset>img{filter:sepia(.42) saturate(.9);object-position:50% 20%}.scene-card.sunset .scene-shade{background:linear-gradient(0deg,#3e332dde,transparent 110%),linear-gradient(90deg,#302c2866,transparent)}.scene-card.city>img{filter:saturate(.45);object-position:50% 50%}.scene-card.city .scene-shade{background:linear-gradient(0deg,#273034ed,transparent 120%)}.scene-card.ocean .scene-shade{background:linear-gradient(0deg,#264045ef,transparent 110%)}.scene-number{position:absolute;top:16px;right:16px;color:#f5ffec66;letter-spacing:1px;font-size:9px}.scene-tag{position:absolute;top:17px;left:18px;font-size:7px;letter-spacing:1.15px;color:#e3ecd5c9;display:flex;align-items:center;gap:6px}.scene-tag>svg{opacity:.8}.scene-copy{position:absolute;bottom:22px;left:18px}.scene-copy h3{font-size:21px;font-weight:500;letter-spacing:.8px;color:#f1f3e8}.scene-copy p{margin-top:8px;font-size:9px;letter-spacing:.5px;color:#c9d4ba}.scene-play{position:absolute;right:14px;bottom:18px;display:grid;place-items:center;width:27px;height:27px;border:1px solid #d7e2c33b;border-radius:50%;background:#bfceac0a;color:#e5edd9;transition:background .2s}.scene-play svg{width:16px}.scene-card:hover .scene-play{background:#c1dfa5;color:#2f3b22;border-color:transparent}.picks-section{margin-top:30px}.picks-layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:25px}.picks-main{min-width:0}.picks-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.pill-tabs{display:flex;align-items:center;gap:5px}.pill-tabs>button{font-size:10px;color:#838f76;border-radius:5px;padding:6px 11px}.pill-tabs>button.active{color:#becfa8;background:#b8d7990e}.pill-tabs>button:hover{color:#d6e6c3}.play-all{font-size:10px;gap:5px}.listening-note{position:relative;background:radial-gradient(ellipse at 90% 20%,#657e441a,transparent 80%),#1c2118;border-radius:10px;padding:21px 22px;border:1px solid #b4cf9414;min-height:285px;display:flex;flex-direction:column;overflow:hidden}.note-top{display:flex;align-items:center;gap:9px;color:#b0c398}.note-top>span{font-size:6px;letter-spacing:1.9px;line-height:1.5}.note-quote{font-family:Georgia,serif;font-size:62px;line-height:.5;color:#b5cb9749;margin-top:38px;height:27px}.listening-note h3{font-size:19px;line-height:1.8;font-weight:400;letter-spacing:1px;color:#cbd6ba}.listening-note p{font-size:9px;letter-spacing:.4px;color:#80916d;margin-top:13px}.note-wave{display:flex;align-items:center;justify-content:center;gap:4px;height:42px;margin:21px 0}.note-wave i{width:2px;height:12px;border-radius:3px;background:#a4c17842}.note-wave i:nth-child(3n){height:24px}.note-wave i:nth-child(4n){height:30px}.note-wave i:nth-child(5n){height:18px}.note-wave i:nth-child(7n){height:38px;background:#b7d58b70}.listening-note>button{display:flex;align-items:center;justify-content:space-between;font-size:9px;padding:15px 0 0;margin-top:auto;color:#a9bf8d;border-top:1px solid #adca8112}.picks-main>.source-footnote{margin-top:14px}.quick-explore{display:flex;flex-wrap:wrap;align-items:center;gap:17px;margin-top:32px;padding:23px 0 25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.quick-explore>div:first-child{display:flex;align-items:center;gap:8px;color:#839674;font-size:10px}.quick-explore>div:first-child svg{color:#a9bc8b}.artist-chips{display:flex;flex-wrap:wrap;gap:8px}.artist-chips button{display:flex;align-items:center;gap:12px;padding:7px 12px;background:#e7efdb05;border:1px solid #d3e8b60e;border-radius:5px;color:#a1ae95;font-size:10px}.artist-chips button:hover{border-color:#b4d38b55;color:#c1dfa5;background:#c1dfa50a}.page-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0 0;color:#515e45;font-size:8px}.page-footer>span{display:flex;align-items:center;gap:7px}.page-footer>span:first-child{letter-spacing:2px;font-size:9px;color:#6a795b}.page-footer>span:first-child>span{letter-spacing:.8px;font-size:8px;margin-left:8px;color:#69765b}.track-list{width:100%}.track-table-heading,.track-row{display:grid;grid-template-columns:33px minmax(180px,1fr) minmax(80px,.46fr) 82px 60px 83px;align-items:center;column-gap:12px;padding:0 13px}.track-table-heading{font-size:10px;color:#6c785e;height:42px;border-bottom:1px solid var(--line);margin-bottom:6px}.track-row{position:relative;height:70px;border-radius:7px;transition:background .15s}.track-row:nth-child(2n){background:#f0ffe901}.track-row:hover{background:#cae1af06}.track-row.is-current{background:#b8d99107}.track-play{width:28px;height:34px;padding:0;display:flex;align-items:center;justify-content:center;color:#78866a;font-size:10px}.row-hover-icon,.track-row:hover .track-index,.track-row:hover .track-play .equalizer{display:none}.track-row:hover .row-hover-icon{display:block;color:var(--accent)}.track-row.is-current .track-index{color:var(--accent)}.track-info{display:flex;align-items:center;gap:12px;min-width:0;padding:0;text-align:left}.track-info>.cover{width:45px;height:45px;border-radius:6px}.track-text{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.track-text>strong{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.15px;color:#c9d1be}.track-text>span{font-size:10px;color:#758568;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-text em{font-style:normal;color:#626e56;font-size:9px}.track-row.is-current .track-text>strong{color:#c3dea7}.track-album{font-size:10px;color:#7b8a6b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-quality{display:flex;align-items:center;gap:5px}.quality-badge{display:inline-flex;padding:1px 3px;font-size:7px;font-weight:500;line-height:1.2;color:#a5b888;border:1px solid #a7c48440;border-radius:3px;letter-spacing:.5px;white-space:nowrap}.quality-badge.lossless{color:#dbcaa1;border-color:#bba57240}.track-quality>small{font-size:7px;color:#69795b}.track-time{font-size:10px;font-variant-numeric:tabular-nums;color:#6f7c61;letter-spacing:.4px}.track-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.track-actions .icon-button{width:28px;height:28px;color:#66745a}.track-actions .icon-button.is-active{color:#bdd69f}.track-actions .favorite-button{opacity:.65}.track-row:hover .favorite-button,.favorite-button.is-active{opacity:1}.track-more-wrap{position:relative;display:flex}.track-menu{position:absolute;right:0;top:calc(100% + 5px);min-width:164px;background:#252d1f;border:1px solid #adca8c26;padding:6px;border-radius:10px;box-shadow:0 10px 45px #0009;z-index:25}.track-menu>button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 11px;font-size:11px;border-radius:5px;color:#b5c4a4;text-align:left}.track-menu>button:hover{background:#c1dfa511;color:#d9e6cc}.track-list.compact .track-row{height:64px;grid-template-columns:24px minmax(130px,1fr) 37px 44px 72px;column-gap:8px;padding:0 6px}.track-list.compact .track-album{display:none}.track-list.compact .track-quality>small{display:none}.track-list.compact .track-info>.cover{width:40px;height:40px;border-radius:5px}.track-list.compact .track-actions{gap:3px}.track-list.compact .track-text>strong{font-size:11px}.track-list.compact .track-text>span{font-size:9px}.track-list.compact .track-index{font-size:9px}.equalizer{display:flex;align-items:center;justify-content:center;gap:2px;height:17px;width:16px}.equalizer>i{width:2px;height:8px;border-radius:2px;background:#b7d392;animation:equalize .7s ease-in-out infinite alternate}.equalizer>i:nth-child(2){height:14px;animation-delay:-.3s}.equalizer>i:nth-child(3){height:5px;animation-delay:-.5s}@keyframes equalize{to{height:4px}}.back-link{margin-bottom:22px;font-size:11px}.search-page .page-heading h1{max-width:100%;overflow-wrap:anywhere;font-size:29px}.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:24px 0}.results-count{display:flex;align-items:center;gap:9px;font-size:13px;color:#c1ceaf}.results-count>strong{font-weight:400;font-size:11px;color:#849574;background:#b5d69210;padding:3px 7px;border-radius:4px}.results-count>span{font-size:10px;margin-left:-8px;color:#748563}.toolbar-group{display:flex;align-items:center;gap:12px}.load-more{display:flex;justify-content:center;padding-top:28px}.search-footnote{margin-top:30px;border-top:1px solid var(--line);padding-top:20px;display:block}.library-hero{display:flex;align-items:center;position:relative;gap:29px;min-height:244px;padding:30px;background:radial-gradient(ellipse at 20% 50%,#506a3433,transparent 80%),#1b2117;border:1px solid #b3d18c14;border-radius:13px;overflow:hidden}.library-art{width:172px;height:172px;flex-shrink:0;border-radius:11px;background:radial-gradient(ellipse at 10% 0%,#adc18270,#344a2666),#3e5030;box-shadow:0 15px 40px #0003;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:21px;color:#e2eed1}.library-art>.cover{width:100%;height:100%;border-radius:11px}.library-art>span{font-size:6px;letter-spacing:2.2px}.favorites-hero .library-art{background:linear-gradient(140deg,#869475,#364d2d)}.recent-hero .library-art{background:linear-gradient(140deg,#878d77,#434b38)}.library-hero-copy{position:relative;z-index:1;min-width:0}.library-hero-copy .section-eyebrow{font-size:7px;color:#8ca379;letter-spacing:1.8px}.library-hero h1{font-size:34px;font-weight:600;margin:15px 0;overflow-wrap:anywhere}.library-hero p{font-size:11px;line-height:1.7;color:#8e9e7c}.library-meta{display:flex;align-items:center;gap:10px;font-size:9px;color:#8da277;margin-top:24px;flex-wrap:wrap}.tiny-avatar{width:22px;height:22px;border-radius:50%;background:#66835955;color:#bdcfa4;display:grid;place-items:center;font-family:Georgia,serif;font-size:12px}.library-decoration{position:absolute;right:-60px;bottom:-230px;width:500px;height:500px;border-radius:50%;border:1px solid #bfdd9313}.library-decoration>i{position:absolute;top:35px;right:35px;bottom:35px;left:35px;border:1px solid #bfdd9310;border-radius:50%}.library-decoration>i:nth-child(2){top:75px;right:75px;bottom:75px;left:75px}.library-decoration>i:nth-child(3){top:115px;right:115px;bottom:115px;left:115px}.your-playlists{margin-top:36px;padding-top:28px;border-top:1px solid var(--line)}.playlist-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.playlist-card{display:flex;align-items:center;text-align:left;gap:13px;padding:14px;background:#b4cc9405;border:1px solid #b4cc9415;border-radius:10px;min-width:0}.playlist-card:hover{background:#b4cc940b;border-color:#b4cc9435}.playlist-card>.cover{width:55px;height:55px;border-radius:7px}.playlist-card>span:not(.new-playlist-icon){display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.playlist-card strong{font-size:12px;font-weight:500;color:#c2d0b0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-card small{font-size:9px;color:#7d8d6b}.playlist-card>svg{color:#7f946b}.new-playlist-icon{display:grid;place-items:center;width:55px;height:55px;border:1px dashed #b4cd9130;border-radius:7px;color:#a0b97f}.new-playlist-card{border-style:dashed}.player-dock{position:fixed;bottom:24px;left:calc(var(--sidebar) + 27px);right:27px;z-index:40;pointer-events:none}.player-capsule{pointer-events:auto;display:grid;grid-template-columns:minmax(170px,1fr) minmax(220px,1.1fr) minmax(185px,1fr);align-items:center;gap:20px;min-height:87px;padding:13px 23px 12px 15px;background:linear-gradient(115deg,#293024f5,#242b21f5);border:1px solid #bfd29f26;border-radius:50px;box-shadow:0 12px 60px #0008,0 0 0 1px #0003;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.capsule-track{display:flex;align-items:center;gap:8px;min-width:0}.capsule-song{display:flex;align-items:center;gap:11px;padding:0;min-width:0;flex:1;text-align:left}.capsule-song>.cover{width:51px;height:51px;border-radius:50%;border:1px solid #bace9d33}.capsule-song>.cover .cover-fallback>span{font-size:5px}.capsule-song>span{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.capsule-song strong{font-size:12px;font-weight:500;color:#dce5d1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.capsule-song small{font-size:10px;color:#8e9d80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.capsule-song:disabled{opacity:.75;cursor:default}.capsule-heart{width:27px}.capsule-center{min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px}.transport{display:flex;align-items:center;justify-content:center;gap:15px}.transport>.icon-button{width:27px;height:27px;color:#b0c09d}.transport>.icon-button:first-child,.transport>.icon-button:last-child{color:#8d9e7b;width:23px}.transport>.icon-button:first-child{margin-right:6px}.transport>.icon-button:last-child{margin-left:6px}.transport .main-play{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:50%;background:#c7e0ad;color:#29351f;box-shadow:0 1px 8px #c7e0ad0d}.main-play:hover:not(:disabled){background:#d8edc2;transform:scale(1.06)}.main-play:disabled{opacity:.5}.main-play>svg:not(.spin){width:17px;height:17px}.main-play>svg.lucide-play{margin-left:2px}.player-progress{width:100%;display:flex;align-items:center;gap:9px}.player-progress>span{font-size:8px;color:#879a74;min-width:24px;font-variant-numeric:tabular-nums;letter-spacing:.25px}.player-progress>span:last-child{text-align:right}.progress-track{height:12px;display:flex;align-items:center;position:relative;flex:1;border-radius:4px}.progress-track:before{content:"";position:absolute;top:5px;right:0;bottom:5px;left:0;background:linear-gradient(90deg,#b8cf9d var(--progress),#98aa8133 var(--progress),#98aa8133 var(--buffered),#8b9d6f20 var(--buffered));border-radius:8px;height:2px;pointer-events:none}.progress-track input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;width:100%;height:13px;cursor:pointer;margin:0;position:relative}.progress-track input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:7px;height:7px;border-radius:50%;background:#c7dcae;border:0;opacity:0;transition:opacity .2s}.progress-track:hover input::-webkit-slider-thumb,.progress-track:focus-within input::-webkit-slider-thumb{opacity:1}.progress-track input::-moz-range-thumb{width:7px;height:7px;border-radius:50%;background:#c7dcae;border:0}.progress-track input:disabled{cursor:default}.capsule-tools{display:flex;align-items:center;justify-content:flex-end;gap:5px}.capsule-tools .icon-button{width:27px;color:#a0b28c}.quality-selector{position:relative}.quality-trigger{display:flex;align-items:center;gap:4px;padding:4px 5px;border:1px solid #adc18f45;border-radius:4px;font-size:8px;letter-spacing:.3px;color:#b2c998;white-space:nowrap}.quality-trigger:hover:not(:disabled){background:#bfd6a11a}.quality-popover{position:absolute;bottom:calc(100% + 20px);right:-20px;width:264px;padding:11px;border-radius:12px;background:#252f20;border:1px solid #b8d0922b;box-shadow:0 16px 60px #0008;z-index:85;text-align:left}.popover-title{display:flex;align-items:center;gap:8px;font-size:12px;color:#cfdfbc;padding:8px 7px 13px}.quality-popover>.quality-option{width:100%;display:flex;align-items:center;justify-content:space-between;padding:11px 9px;border-radius:7px;text-align:left;gap:12px;border:0;background:none}.quality-popover>.quality-option:hover{background:#bdd7a211}.quality-popover>.quality-option.selected{background:#c4e19e15;color:#c4e19e}.quality-popover>.quality-option>span{display:flex;flex-direction:column;gap:6px}.quality-popover .quality-option strong{font-size:11px;font-weight:500}.quality-popover .quality-option small{font-size:8px;color:#8e9f7c}.quality-popover>p{display:flex;align-items:flex-start;gap:5px;padding:12px 7px 4px;font-size:9px;line-height:1.8;color:#879875;border-top:1px solid #bad79a15;margin-top:8px}.quality-popover>p>svg{margin-top:2px}.volume-control{display:flex;align-items:center;gap:3px}.volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:49px;height:3px;background:linear-gradient(90deg,#a8bf8b var(--progress),#879b6f40 var(--progress));border-radius:5px;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:6px;height:6px;background:#c4dba6;border-radius:50%;border:0}.volume-slider::-moz-range-thumb{width:6px;height:6px;background:#c4dba6;border-radius:50%;border:0}.tool-divider{width:1px;height:15px;background:#c1d3a820;margin:0 6px}.capsule-expand{margin-left:3px}.capsule-center .transport>.icon-button:last-child{display:none}.capsule-center .transport>.icon-button:first-child{margin-right:7px}.capsule-center .transport:after{content:"";width:23px;margin-left:7px}.player-error{pointer-events:auto;display:flex;align-items:center;gap:12px;padding:10px 18px;margin:0 auto 10px;background:#352b23f5;border:1px solid #d6b27e33;border-radius:10px;max-width:750px;box-shadow:0 8px 24px #0005;font-size:10px;color:#d2b99d;line-height:1.65}.player-error>span{flex:1}.player-error button{font-size:10px;color:#d7dca9;white-space:nowrap}.player-error button:hover{text-decoration:underline}.player-notice{font-size:9px;color:#8c9b7b;line-height:1.7;text-align:center;max-width:650px;margin:10px auto 0}.now-playing{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;isolation:isolate;background:#1b2118;overflow:auto;animation:immersive-in .4s ease both}.immersive-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;background-size:cover;background-position:center;filter:blur(70px) saturate(.5);opacity:.35;transform:scale(1.12);pointer-events:none}.immersive-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(ellipse at 20% 40%,#74795617,transparent 60%),linear-gradient(135deg,#111a19bf,#1e2519d9 90%);pointer-events:none}.immersive-header{display:flex;align-items:center;justify-content:space-between;padding:24px 42px;min-height:80px;flex-shrink:0;border-bottom:1px solid #d4e1bb07}.immersive-header>.icon-button{color:#b1c09e;width:44px;height:36px}.immersive-brand{display:flex;gap:10px;align-items:center;color:#adbf98}.immersive-brand>span{font-size:17px;letter-spacing:3px;display:flex;align-items:center;gap:14px}.immersive-brand>span>span{font-size:7px;letter-spacing:2.5px;color:#6b8059;border-left:1px solid #c1d4a41c;padding-left:14px}.immersive-header-actions{display:flex;align-items:center;gap:16px}.immersive-header-actions>span{font-size:10px;color:#7f916e;letter-spacing:.5px}.immersive-content{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding:15px 9vw 10px;width:100%;max-width:1460px;margin:0 auto;flex:1;min-height:430px}.record-section{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:15px 0}.record-stage{width:min(100%,370px);aspect-ratio:1;position:relative;margin:10px auto 13px}.record-shadow{position:absolute;width:94%;height:30px;border-radius:50%;left:3%;bottom:-7px;background:#030801;filter:blur(20px);opacity:.6}.vinyl-record{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%;background:repeating-radial-gradient(circle at center,#10140f,#10140f 1px,#1f261b 1.8px,#0c100c 2.5px,#1b2218 3.1px,#121811 4px);border:5px solid #0d120d;box-shadow:0 0 0 1px #83915c44,0 0 0 5px #171e1399,12px 21px 44px #0006,inset 0 0 15px #000;animation:record-rotate 24s linear infinite;animation-play-state:paused}.is-playing .vinyl-record{animation-play-state:running}.vinyl-reflection{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 10deg,transparent 10deg,#bac5a319 35deg,transparent 62deg,transparent 90deg,#dbe0c118 120deg,transparent 148deg,transparent 194deg,#e6e8ce14 222deg,transparent 248deg,transparent 300deg,#c5d3ab12 335deg,transparent);pointer-events:none}.vinyl-label{width:43%;height:43%;border-radius:50%;position:relative;border:4px solid #303820;box-shadow:0 0 0 2px #0e160b,0 0 0 8px #39472726;overflow:hidden}.vinyl-label>.cover{width:100%;height:100%;border-radius:50%}.vinyl-label .cover img{filter:brightness(.84) saturate(.8)}.spindle{position:absolute;inset:calc(50% - 7px);border:3px solid #c4cdac;border-radius:50%;background:#263020;box-shadow:0 0 0 6px #22301b50}.vinyl-label-text{position:absolute;bottom:20%;font-size:5px;letter-spacing:1.6px;color:#9cad7c8c}.tonearm{position:absolute;top:-11px;right:3%;width:13px;height:48%;transform-origin:50% 13px;transform:rotate(-23deg);transition:transform 1.3s ease;pointer-events:none}.is-playing .tonearm{transform:rotate(-43deg)}.tonearm:before{content:"";position:absolute;top:0;left:-6px;width:25px;height:25px;border-radius:50%;background:radial-gradient(circle,#a5b18a 0,#a5b18a 15%,#53663e 20%,#53663e 45%,#7b8b64 50%,#2b3820 75%);box-shadow:0 4px 12px #0005}.tonearm>i{position:absolute;left:5px;top:22px;height:calc(100% - 18px);width:5px;background:linear-gradient(90deg,#6b7955,#d0d4b3,#869773);box-shadow:2px 4px 6px #0005;border-radius:3px}.tonearm>span{position:absolute;bottom:-17px;left:1px;width:12px;height:27px;border-radius:3px 3px 6px 6px;transform:rotate(-12deg);background:linear-gradient(90deg,#394329,#9bac7b,#505e3c);box-shadow:4px 4px 7px #0005}.record-caption{display:flex;align-items:center;justify-content:space-between;width:min(100%,370px);margin-top:7px}.record-caption>span:last-child{font-size:6px;color:#61744f;letter-spacing:1.8px}.record-status{display:flex;align-items:center;gap:6px;font-size:8px;color:#829b69}.record-status.live{color:#b4d194}.record-status .equalizer{height:12px}.record-track-info{width:min(100%,400px);text-align:center;margin-top:30px}.record-track-info h1{font-size:25px;line-height:1.5;font-weight:500;color:#e4ebd8;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-track-info p{font-size:12px;line-height:1.8;color:#879b75;margin-top:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-track-info p>span{font-size:10px;color:#748563}.record-track-actions{display:flex;align-items:center;justify-content:center;gap:19px;margin-top:21px}.record-track-actions .icon-button{color:#829973}.record-track-actions .icon-button.is-active{color:#c2dba4}.record-track-actions .quality-selector{margin-left:6px}.record-track-actions .quality-trigger{font-size:9px;padding:6px}.lyrics-section{height:100%;max-height:550px;min-height:370px;display:flex;flex-direction:column;position:relative;padding:8px 0 0;min-width:0}.lyrics-section-heading{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#728960;gap:10px;margin-bottom:19px}.lyrics-section-heading>span{display:flex;align-items:center;gap:7px}.lyrics-sync{font-size:8px!important;color:#8eab73!important;background:#bddc9d08;border:1px solid #bad69c17;border-radius:4px;padding:4px 7px}.lyrics-scroll{position:relative;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;scrollbar-width:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 19%,#000 80%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 19%,#000 80%,transparent 100%)}.lyrics-scroll::-webkit-scrollbar{display:none}.lyrics-spacer{height:160px;min-height:35%}.lyric-line{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px 0;text-align:left;width:100%;font-size:23px;line-height:1.55;font-weight:500;letter-spacing:.5px;color:#adbc982e;transition:color .5s,transform .5s;overflow-wrap:anywhere;transform-origin:left center}.lyric-line:hover{color:#c5d8b088}.lyric-line.past{color:#a9bd914a}.lyric-line.active{color:#deefc5;transform:scale(1.035);text-shadow:0 0 40px #deefc511}.lyric-line small{font-size:13px;line-height:1.7;font-weight:400;letter-spacing:0;color:inherit;opacity:.65}.lyric-resume{position:absolute;bottom:36px;right:0;display:flex;align-items:center;gap:6px;font-size:10px;padding:8px 12px;border-radius:20px;border:1px solid #bdd49b22;background:#293421e6;color:#bdceaa}.lyrics-footnote{text-align:left;font-size:8px;color:#5e754c;letter-spacing:.7px;padding-top:16px}.lyrics-empty{display:flex;flex:1;align-items:center;justify-content:center;text-align:center;flex-direction:column;gap:18px;min-height:260px;color:#7e9967}.lyrics-empty>svg:not(.spin){color:#9bb27c;opacity:.5}.lyrics-empty h3{font-size:18px;font-weight:400;letter-spacing:1px;color:#a4b68d;margin-top:10px}.lyrics-empty p{font-size:11px;color:#6e8657;line-height:1.9;max-width:360px}.lyrics-empty>span{font-size:9px;color:#4f6840;letter-spacing:2px;margin-top:23px}.lyrics-plain{flex:1;overflow:auto;white-space:pre-wrap;font-size:16px;line-height:2.4;color:#b6c3a3;padding:20px 0}.lyrics-plain-notice{font-size:10px;color:#7d9666;margin-bottom:25px}.immersive-footer{flex-shrink:0;padding:12px 7vw 14px;min-height:135px}.immersive-progress-wrap{max-width:735px;margin:auto}.immersive-footer .player-progress{gap:15px}.immersive-footer .player-progress>span{font-size:10px;min-width:31px}.immersive-footer .progress-track:before{height:3px}.immersive-footer .progress-track input::-webkit-slider-thumb{opacity:1;width:8px;height:8px}.immersive-controls{display:flex;align-items:center;justify-content:space-between;margin:16px 0 0;gap:20px}.transport.large{gap:24px}.transport.large .main-play{width:54px;height:54px}.transport.large .main-play>svg:not(.spin){width:24px;height:24px}.transport.large .icon-button{width:30px;height:32px}.immersive-quality-meta{display:flex;flex-direction:column;gap:7px;min-width:104px}.immersive-quality-meta>span{font-size:8px;color:#9fb684;letter-spacing:2px}.immersive-quality-meta>small{font-size:8px;color:#5f784a}.immersive-controls>.volume-control{min-width:104px;justify-content:flex-end}.immersive-controls .volume-slider{width:65px}.immersive-bottom-line{font-size:6px;letter-spacing:3px;color:#4e683c;text-align:center;margin-top:20px}.immersive-error{display:flex;justify-content:center;gap:20px;color:#d8b293;font-size:11px;padding:9px 20px 15px;text-align:center;align-items:center}.immersive-mobile-tabs{display:none}@keyframes record-rotate{to{transform:rotate(360deg)}}@keyframes immersive-in{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}.queue-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#060b065e;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:flex-end}.queue-panel{display:flex;flex-direction:column;width:min(440px,100%);height:100%;padding:29px 24px 20px;background:#1b2417;box-shadow:-15px 0 65px #0005;border-left:1px solid #bcd69c20;animation:queue-in .25s ease both}.queue-panel>header{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px}.queue-panel h2{font-size:22px;font-weight:500;margin-top:7px}.queue-panel h2>span{font-size:12px;color:#789363;font-weight:400;margin-left:8px}.queue-toolbar{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-block:1px solid #c0d49d10;font-size:10px;color:#82986e;gap:12px}.queue-toolbar>span{display:flex;align-items:center;gap:7px}.queue-toolbar .text-button{font-size:10px}.queue-scroll{flex:1;overflow:auto;padding:12px 0}.queue-row{display:flex;align-items:center;gap:7px;border-radius:8px;padding:10px 6px}.queue-row:hover{background:#b5d78f05}.queue-row.active{background:#b5d78f09}.queue-index{width:25px;flex-shrink:0;font-size:9px;color:#6e845b}.queue-song{display:flex;align-items:center;min-width:0;flex:1;text-align:left;gap:11px;padding:0}.queue-song>.cover{width:42px;height:42px;border-radius:6px}.queue-song>span{display:flex;flex-direction:column;min-width:0;flex:1;gap:6px}.queue-song strong{font-size:12px;font-weight:500;color:#c4d2b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-song small{font-size:9px;color:#7d926b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-song>svg{opacity:0;color:var(--accent)}.queue-row:hover .queue-song>svg{opacity:1}.queue-row>.icon-button{color:#688153;width:25px}.queue-row.active .queue-song strong{color:#c7e2a8}.queue-panel>footer{font-size:9px;color:#597346;text-align:center;border-top:1px solid #b4d49811;padding-top:17px}@keyframes queue-in{0%{transform:translate(70px);opacity:0}to{transform:translate(0);opacity:1}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;background:#070b07ae;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto}.modal{width:min(470px,100%);max-height:calc(100dvh - 48px);display:flex;flex-direction:column;border-radius:17px;background:#222a1d;border:1px solid #b6d29726;box-shadow:0 24px 100px #0007;animation:page-in .22s ease both;padding:0;overflow:hidden}.modal.wide{width:min(560px,100%)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:23px 25px 19px;border-bottom:1px solid #b2cc9211;gap:14px}.modal-header h2{font-size:20px;font-weight:500;color:#dce8cf}.modal-header .section-eyebrow{font-size:8px;margin-bottom:7px}.modal-body{padding:23px 25px;overflow:auto;min-height:0}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:18px 25px 23px;border-top:1px solid #b2cc9211}.modal-footer .button{font-size:12px;min-height:40px}.modal-body>p{font-size:12px;line-height:1.95;color:#a0b58d}.modal-body>.form-stack{margin-top:2px}.field{display:flex;flex-direction:column;gap:9px;min-width:0}.field-label,.field>label{font-size:11px;color:#b2c4a1}.field input,.field select,.field textarea,.field>input,.field>select,.field>textarea,input.field,select.field,textarea.field{border:1px solid #aeca8d24;border-radius:7px;padding:12px 13px;background:#141e10a1;color:#d3e1c1;min-width:0;width:100%;font-size:12px;line-height:1.6}.field input:focus,.field textarea:focus,.field select:focus{border-color:#b5d29780;outline:none}.field input::placeholder,.field textarea::placeholder{color:#5e774a;font-size:11px}.field input[type=range]{padding:0;border:0;background:transparent}.form-stack{display:flex;flex-direction:column;gap:19px}.form-row{display:flex;gap:14px;align-items:flex-end}.form-row>.field{flex:1}.form-help,.quality-note{font-size:10px;color:#82996d;line-height:1.9;margin-top:8px}.form-error{color:#e3af91;font-size:11px;line-height:1.8;padding:12px 14px;background:#d7a47d0a;border:1px solid #d7a47d24;border-radius:7px;overflow-wrap:anywhere}.form-error:empty{display:none}.modal-body>.form-error{margin-top:15px}.dialog-track{display:flex;gap:14px;align-items:center;border:1px solid #b3ce9013;background:#9aba7406;padding:14px;border-radius:9px;margin-bottom:21px}.dialog-track>.cover{width:54px;height:54px;border-radius:7px}.dialog-track-info{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1}.dialog-track-info strong,.dialog-track-info h3{font-size:14px;font-weight:500;color:#d1dfbd;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dialog-track-info p,.dialog-track-info small{font-size:10px;color:#849e6f;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.playlist-options{display:flex;flex-direction:column;gap:8px}.playlist-option{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:13px;border:1px solid #b1cb9020;border-radius:8px;color:#b6cca0;background:#9bb67906}.playlist-option:hover{background:#bad69a12;border-color:#bad69a40}.playlist-option>span{flex:1;display:flex;flex-direction:column;gap:6px}.playlist-option strong{font-size:12px;font-weight:500}.playlist-option small{font-size:10px;color:#78945f}.quality-options{display:flex;flex-direction:column;gap:8px}.quality-options .quality-option{display:flex;align-items:center;gap:13px;padding:13px;border-radius:9px;border:1px solid #b6cd9220;cursor:pointer;background:#b4d48a03}.quality-options .quality-option.selected,.quality-options .quality-option:has(input:checked){border-color:#c0df9366;background:#b4d48a0c}.quality-options input[type=radio]{width:14px;height:14px;accent-color:#bad999;flex-shrink:0;margin:0}.quality-details{display:flex;flex-direction:column;gap:7px;flex:1;min-width:0}.quality-details strong{font-size:12px;color:#c1d9a7;font-weight:500}.quality-details>span,.quality-details small{font-size:9px;color:#7e9d61;line-height:1.6}.download-notice,.download-result{margin-top:17px;padding:13px 14px;border:1px solid #bad89722;background:#98b67508;border-radius:8px;line-height:1.9;font-size:10px;color:#98b27e;overflow-wrap:anywhere}.download-notice{display:flex;gap:9px;align-items:flex-start}.download-notice>svg{margin-top:3px;color:#99b777}.download-result .button{margin-top:12px}.download-result strong{display:block;font-size:12px;font-weight:500;color:#bfd89f;margin-bottom:6px}.download-result a{color:#c6dfaa}.download-progress{margin-top:19px;display:flex;flex-direction:column;gap:10px;font-size:10px;color:#9eb786}.download-progress progress{width:100%;height:5px;accent-color:#c3dc9e;border-radius:5px;overflow:hidden;border:0;background:#101c0a}.download-progress progress::-webkit-progress-bar{background:#101c0a}.download-progress progress::-webkit-progress-value{background:#c3dc9e}.download-progress>div{display:flex;justify-content:space-between}.settings-page .page-heading{margin-bottom:29px}.settings-page h1{font-size:30px;font-weight:600}.settings-page>.section-eyebrow{margin-bottom:9px}.settings-section{padding:26px 0;border-top:1px solid #adcc8820}.settings-section:first-of-type{border-top:0}.settings-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:20px}.settings-section-header>div{flex:1}.settings-section-icon{display:flex;align-items:center;color:#a6c48a;width:33px;flex-shrink:0;padding-top:3px}.settings-section-header h2,.settings-section>.section-title{font-size:18px;font-weight:500;line-height:1.7}.settings-section-header h2{display:flex;align-items:center;gap:10px}.settings-section-description,.settings-description{font-size:11px;line-height:1.9;color:#80956c;margin-top:7px}.provider-list{display:flex;flex-direction:column;gap:11px}.provider-card{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:18px;background:#92b56b05;border:1px solid #b3cf8e1d;border-radius:11px}.provider-icon{width:43px;height:43px;border:1px solid #b3cf8e23;border-radius:10px;display:grid;place-items:center;background:#b7d8940b;color:#a8c98b;flex-shrink:0}.provider-details{flex:1;min-width:180px}.provider-heading{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.provider-heading strong,.provider-heading h3{font-size:13px;font-weight:500;color:#c4d9b0}.provider-endpoint{font-size:10px;color:#647e51;margin-top:7px;overflow-wrap:anywhere}.provider-actions{display:flex;align-items:center;gap:8px}.provider-actions .icon-button{width:31px;height:31px}.toggle{position:relative;display:inline-flex;align-items:center;width:33px;height:19px;border-radius:14px;background:#33412b;border:1px solid #a8c58a22;padding:0;cursor:pointer}.toggle:before{content:"";width:13px;height:13px;border-radius:50%;background:#708d58;transform:translate(2px);transition:transform .2s,background .2s}.toggle[aria-checked=true],.toggle.active{background:#b0cf8b}.toggle[aria-checked=true]:before,.toggle.active:before{transform:translate(16px);background:#263c19}.toggle>span{display:none}.provider-form{padding:21px;margin-top:16px;border:1px solid #b7d19024;border-radius:11px;background:#9bb97606;display:flex;flex-direction:column;gap:17px}.provider-form>h3{font-size:14px;font-weight:500;color:#c3d8ad}.provider-form .form-row:last-child{justify-content:flex-end}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:19px 0;border-bottom:1px solid #c5dca211}.settings-row:last-child{border-bottom:0}.settings-row>div:first-child{flex:1;min-width:0}.settings-row h3,.settings-row strong{font-size:13px;font-weight:500;color:#c0d3ad}.settings-row p{font-size:10px;line-height:1.85;color:#7a9366;margin-top:7px}.settings-control{display:flex;align-items:center;gap:10px;max-width:220px}.settings-control select{border:1px solid #a8c7852c;border-radius:7px;padding:10px 30px 10px 12px;background:#1b2814;font-size:11px;color:#b8d099;max-width:220px}.lyrics-offset-control{display:flex;align-items:center;gap:10px;color:#adc890;font-size:11px}.lyrics-offset-control input{accent-color:#c0de9c;max-width:145px}.lyrics-offset-control output{font-size:11px;min-width:42px;color:#bbd3a2;text-align:right}.library-import{display:flex;flex-wrap:wrap;gap:11px;margin-top:16px;align-items:center}.library-import input[type=file]{max-width:100%;color:#8aa971;font-size:10px}.shortcut-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 30px;margin-top:14px}.shortcut-item{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid #b6d38b13;font-size:11px;color:#8ca672}.shortcut-item kbd,.settings-page kbd{font-family:inherit;font-size:10px;border:1px solid #b9d59a26;padding:4px 8px;background:#a9c88708;border-radius:4px;color:#b1c898}.privacy-note{font-size:11px;line-height:2;color:#7f986a;background:#bed89805;border:1px solid #b8d28f17;padding:18px 20px;border-radius:9px}.privacy-note strong{font-size:12px;font-weight:500;color:#b7cba5}.privacy-note p+p{margin-top:8px}.storage-error{display:flex;align-items:center;gap:10px;font-size:11px;color:#d8bb93;background:#392e20;border:1px solid #ad8b5840;border-radius:8px;margin-bottom:20px;padding:10px 14px}.storage-error>span{flex:1}.toast-stack{position:fixed;bottom:132px;left:50%;transform:translate(-50%);z-index:180;display:flex;align-items:center;flex-direction:column;gap:8px;max-width:calc(100vw - 30px);pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:13px 14px;background:#303d24ed;border:1px solid #b8d29638;border-radius:10px;box-shadow:0 6px 35px #0005;color:#c8ddb1;font-size:11px;line-height:1.7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;animation:page-in .2s ease both;max-width:520px}.toast>span{flex:1}.toast>svg{color:#b5d295}.toast.error{background:#423424eb;border-color:#d3aa7250;color:#dfc4a4}.toast.error>svg{color:#d2a47c}.toast>button{display:grid;place-items:center;width:20px;height:20px;color:#95ae7b;padding:0;margin-left:7px}.fatal-error{display:flex;min-height:100dvh;align-items:center;justify-content:center;flex-direction:column;gap:25px;padding:30px;text-align:center;color:#bfd7a8}.fatal-error h1{font-size:26px;font-weight:500}.fatal-error p{font-size:12px;color:#8fa57c}.missing-providers{display:flex;flex-direction:column;gap:12px;margin-top:21px}.missing-providers>.provider-card{border-style:dashed}.missing-providers .provider-form{flex-basis:100%;width:100%;margin-top:2px}.missing-providers .form-help{overflow-wrap:anywhere}.modal>form{display:flex;flex-direction:column;overflow:hidden;min-height:0}.modal>form>.modal-body{flex:1;overflow:auto}.modal-footer{flex-shrink:0}fieldset.playlist-options,fieldset.quality-options{border:0;padding:0;margin:0;min-width:0}fieldset>legend{padding:0 0 13px}.playlist-option input{accent-color:#c1dfa5;flex-shrink:0}.playlist-option>.badge{flex:0;white-space:nowrap}.dialog-track-info>span{font-size:10px;color:#82986e;line-height:1.7;overflow-wrap:anywhere}.settings-section-header>.settings-section-icon{flex:0 0 33px}.settings-control.lyrics-offset-control{flex-wrap:wrap;justify-content:flex-end;width:225px;max-width:225px;gap:10px}.lyrics-offset-control>.form-row{width:100%;align-items:center;justify-content:space-between;gap:8px}.lyrics-offset-control>.form-row>.form-help{font-size:8px;margin:0}.lyrics-offset-control>.form-row>.button{font-size:9px;min-height:26px;padding:5px 9px}.settings-page .shortcut-list{margin:14px 0 0;padding:0}.shortcut-list dd{margin:0}.settings-page .library-import{flex-wrap:wrap}.settings-page .library-import>.settings-description{min-width:210px}.settings-row>.form-help{flex:1;min-width:0;margin:0}.form-help>svg{display:inline;vertical-align:middle;margin-right:5px}.quality-options .quality-option>.badge{flex-shrink:0;font-size:8px}.download-result>svg{margin-bottom:8px}.modal-body.form-stack>.dialog-track{margin-bottom:0}.modal-body.form-stack>.download-notice,.modal-body.form-stack>.download-result{margin-top:0}.provider-details>.form-help{font-size:9px}.provider-card.is-disabled{opacity:.7}@media(min-width:1600px){:root{--sidebar:242px}.main-content{padding:30px 48px 150px}.topbar{padding-inline:48px;height:85px}.hero-banner{height:333px}.hero-copy{padding:36px 43px}.hero-copy h2{font-size:41px}.hero-copy p{font-size:13px}.hero-buttons{margin-top:22px}.hero-buttons .button{font-size:12px;padding:12px 20px}.scene-card{height:200px}.scene-copy h3{font-size:25px}.picks-layout{grid-template-columns:minmax(0,1fr) 275px}.scene-section,.picks-section{margin-top:34px}.section-heading h2{font-size:22px}.track-list.compact .track-row{height:72px}.brand{margin-bottom:55px}.player-dock{left:calc(var(--sidebar) + 40px);right:40px;bottom:28px}.player-capsule{max-width:1320px;margin-inline:auto;padding-right:28px}.capsule-tools{gap:10px}.volume-slider{width:65px}}@media(max-width:1190px){:root{--sidebar:194px}.sidebar{padding:29px 15px 17px}.brand{padding-inline:9px;gap:9px}.brand>span:last-child{font-size:24px;gap:6px}.brand-english{font-size:8px}.brand-mark{width:30px;height:35px}.main-content{padding:23px 28px 140px}.topbar{padding-inline:28px;gap:16px}.global-search{max-width:53%;width:380px}.topbar-actions{gap:10px}.header-divider{margin:0}.hero-copy{padding:27px 29px}.hero-copy h2{font-size:31px}.hero-location{left:62%;bottom:30px}.hero-location strong{font-size:8px}.hero-location div>span{font-size:5px;letter-spacing:1px}.hero-location-mark{width:23px;height:23px;font-size:14px}.hero-location{gap:8px}.scene-grid{gap:12px}.scene-card{height:150px}.scene-copy{left:14px;bottom:20px}.scene-copy h3{font-size:18px}.scene-copy p{font-size:8px}.scene-tag{font-size:6px;letter-spacing:.8px;left:14px}.scene-tag>svg{width:11px}.scene-number{right:12px;font-size:8px}.scene-play{right:11px;width:24px;height:24px}.section-heading .muted-note{font-size:10px;margin-left:10px}.picks-layout{grid-template-columns:minmax(0,1fr) 200px;gap:20px}.listening-note{padding:20px 17px}.listening-note h3{font-size:17px}.note-top>span{font-size:5px;letter-spacing:1.3px}.track-table-heading,.track-row{grid-template-columns:27px minmax(155px,1fr) minmax(60px,.35fr) 55px 42px 70px;column-gap:8px;padding-inline:7px}.track-list.compact .track-row{grid-template-columns:22px minmax(100px,1fr) 24px 32px 63px;gap:5px}.track-list.compact .track-info{gap:8px}.track-list.compact .track-info>.cover{width:36px;height:36px}.track-actions{gap:2px}.player-dock{left:calc(var(--sidebar) + 20px);right:20px;bottom:20px}.player-capsule{gap:12px;padding:12px 17px 12px 13px;grid-template-columns:minmax(155px,1fr) minmax(185px,1fr) minmax(160px,.85fr);min-height:83px}.capsule-tools{gap:1px}.capsule-song>.cover{width:44px;height:44px}.capsule-song strong{font-size:11px}.capsule-song small{font-size:9px}.capsule-tools .volume-slider{width:40px}.capsule-tools .capsule-download,.capsule-queue{display:none}.capsule-center .transport>.icon-button:last-child{display:inline-flex}.capsule-center .transport:after{display:none}.transport{gap:11px}.transport>.icon-button:first-child{margin-right:0}.transport>.icon-button:last-child{margin-left:0}.capsule-heart{width:23px}.capsule-heart svg{width:15px}.tool-divider{margin:0 5px}.player-progress{gap:6px}.immersive-content{gap:55px;padding-inline:7vw}.record-stage{width:min(100%,330px)}.record-caption{max-width:330px}.record-track-info h1{font-size:24px}.lyric-line{font-size:21px}.library-hero{gap:22px}.library-art{width:140px;height:140px}.library-hero h1{font-size:28px}.playlist-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){.topbar-actions{gap:8px}.topbar-actions>.icon-button,.header-divider{display:none}.global-search{max-width:61%}.heading-aside,.hero-location{display:none}.hero-side-label{right:18px}.hero-banner{height:281px}.hero-photo{background-position:60% center}.section-note{display:none}.picks-layout{grid-template-columns:minmax(0,1fr)}.listening-note{display:none}.track-list.compact .track-row{grid-template-columns:26px minmax(160px,1fr) 58px 50px 72px;gap:9px}.track-list.compact .track-info>.cover{width:40px;height:40px}.scene-grid{gap:10px}.scene-card{height:155px}.scene-tag{font-size:5px;gap:4px;letter-spacing:.5px}.scene-tag>svg{display:none}.scene-number{font-size:7px;top:13px;right:10px}.scene-copy h3{font-size:17px;letter-spacing:0}.scene-copy p{font-size:7px;letter-spacing:0}.scene-play{width:20px;height:20px;right:9px;bottom:16px}.scene-play svg{width:13px}.scene-copy{left:12px;bottom:24px}.scene-tag{top:15px;left:12px}.capsule-tools .volume-slider{display:none}.player-capsule{grid-template-columns:minmax(125px,1fr) minmax(170px,1.3fr) minmax(94px,.65fr);gap:11px}.capsule-heart,.capsule-tools .tool-divider{display:none}.capsule-tools .icon-button{width:25px}.capsule-tools .quality-trigger{font-size:7px;gap:1px;padding:3px}.capsule-expand{margin-left:2px}.capsule-tools .volume-control{display:none}.capsule-song>.cover{width:40px;height:40px}.capsule-song{gap:8px}.capsule-song strong{font-size:10px}.capsule-song small{font-size:8px}.transport{gap:9px}.transport .main-play{width:33px;height:33px}.player-progress>span{font-size:7px;min-width:22px}.track-album{display:none}.track-table-heading,.track-row{grid-template-columns:28px minmax(150px,1fr) 56px 48px 76px;column-gap:8px}.immersive-content{gap:38px;padding-inline:6vw}.record-stage{width:min(100%,300px)}.record-track-info h1{font-size:21px}.lyric-line{font-size:20px}.record-track-info{margin-top:25px}.library-hero{padding:24px;min-height:220px;gap:20px}.library-art{width:122px;height:122px}.library-art>svg{width:47px;height:47px}.library-art>span{font-size:5px;letter-spacing:1.6px}.library-hero h1{font-size:25px}.library-hero-copy .section-eyebrow{font-size:6px}.library-hero p{font-size:10px}.library-meta{font-size:8px;margin-top:18px;gap:8px}}@media(max-width:760px){:root{--sidebar:0px}.app-main{width:100%;margin-left:0}.sidebar{width:240px;transform:translate(-101%);transition:transform .25s;z-index:80;padding:31px 20px 20px;background:#1b2217;box-shadow:10px 0 40px #0005}.sidebar.is-open{transform:translate(0)}.sidebar-close{display:flex;position:absolute;top:27px;right:10px}.sidebar-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0509059c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:75}.brand{margin-bottom:38px;padding-inline:6px}.brand-english{display:none}.brand>span:last-child{font-size:28px}.mobile-menu{display:flex;width:30px;height:32px}.topbar{height:66px;padding:0 19px;gap:12px}.global-search{flex:1;max-width:none;min-width:0;padding:9px 11px;gap:8px}.global-search input{font-size:10px}.global-search>svg{width:15px;height:15px}.global-search input::placeholder{font-size:9px}.topbar-actions{gap:0}.profile-avatar{display:none}.source-select{height:29px;padding:0 8px;gap:5px}.source-select select{font-size:9px;max-width:109px;padding-right:13px}.source-select>svg{width:11px;right:6px}.source-dot{width:3px;height:3px}.search-submit{display:none}.main-content{padding:24px 22px 144px}.page-heading{margin-bottom:23px}.page-heading h1{font-size:29px}.section-eyebrow{font-size:8px;letter-spacing:2px}.page-heading p{font-size:11px}.hero-banner{height:277px;border-radius:12px}.hero-copy{padding:27px}.hero-copy h2{font-size:31px}.hero-label{font-size:7px;letter-spacing:2px}.hero-label>span{font-size:6px}.hero-copy p{font-size:10px}.hero-photo{background-position:65% center;background-image:linear-gradient(90deg,#1b2418e8,#1b251ac4 30%,#17291926),linear-gradient(0deg,#1b251a7a,transparent 60%),url(../artwork/mountains/photo.jpg)}.hero-buttons{gap:20px;margin-top:19px}.hero-buttons .button{min-height:34px;font-size:10px;padding:9px 12px}.hero-secondary{font-size:9px}.hero-side-label{font-size:6px;right:15px;top:24px}.hero-pagination{right:16px;bottom:13px}.scene-section{margin-top:28px}.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.scene-card{height:164px;border-radius:10px}.scene-copy{left:18px;bottom:22px}.scene-copy h3{font-size:23px;letter-spacing:.5px}.scene-copy p{font-size:9px;margin-top:8px;letter-spacing:.3px}.scene-tag{left:18px;top:18px;font-size:7px;letter-spacing:1px;gap:6px}.scene-tag>svg{display:block;width:12px}.scene-number{right:17px;top:18px;font-size:9px}.scene-play{right:16px;bottom:19px;width:26px;height:26px}.scene-play svg{width:17px}.section-heading h2{font-size:20px}.section-heading{margin-bottom:17px}.section-heading .muted-note{font-size:9px;margin-left:12px}.picks-section{margin-top:30px}.picks-section .section-heading .muted-note{display:none}.picks-layout{display:block}.pill-tabs>button{font-size:10px;padding:6px 10px}.track-list.compact .track-row{grid-template-columns:24px minmax(130px,1fr) 27px 38px 64px;gap:6px;padding:0 4px}.track-row .track-actions{gap:3px}.track-list.compact .track-text>strong{font-size:12px}.track-list.compact .track-text>span{font-size:10px}.track-list.compact .track-info>.cover{width:42px;height:42px}.track-list.compact .track-info{gap:11px}.track-list.compact .track-row{height:68px}.quick-explore{gap:15px;margin-top:28px;padding-block:20px}.quick-explore>div:first-child{font-size:10px}.artist-chips{gap:7px}.artist-chips button{font-size:10px;padding:7px 10px;gap:11px}.page-footer{font-size:7px;gap:10px;padding-top:23px}.page-footer>span:first-child>span{font-size:7px;letter-spacing:.3px}.page-footer>span:last-child svg{display:none}.player-dock{left:14px;right:14px;bottom:max(16px,env(safe-area-inset-bottom));z-index:40}.player-capsule{min-height:79px;border-radius:22px;grid-template-columns:minmax(100px,1fr) auto;gap:8px 15px;padding:13px 15px 18px;position:relative}.capsule-track{grid-column:1;grid-row:1}.capsule-song>.cover{width:43px;height:43px;border-radius:11px}.capsule-song{gap:11px}.capsule-song strong{font-size:12px}.capsule-song small{font-size:10px}.capsule-center{display:contents}.capsule-center>.transport{grid-column:2;grid-row:1;gap:15px}.capsule-center>.transport>.icon-button:first-child{display:none}.capsule-center>.transport>.icon-button:nth-child(2){display:none}.capsule-center>.transport>.icon-button:last-child{display:flex;width:23px;margin-left:2px}.capsule-center>.transport>.main-play{width:36px;height:36px}.capsule-center>.transport>.icon-button:nth-child(4){width:23px}.capsule-center>.player-progress{position:absolute;bottom:6px;left:15px;right:15px;width:auto;gap:7px}.capsule-center>.player-progress>span{font-size:6px;min-width:20px}.capsule-center>.player-progress .progress-track{height:9px}.capsule-center>.player-progress .progress-track:before{top:4px;height:2px}.capsule-center>.player-progress input{height:9px}.capsule-tools{display:none}.capsule-song>.cover .cover-fallback>svg{width:50%;height:50%}.player-error{font-size:9px;padding:10px 13px;gap:9px;line-height:1.7}.player-error button{font-size:9px}.toast-stack{bottom:115px}.toast{padding:11px 12px;font-size:10px}.back-link{margin-bottom:19px}.search-page .page-heading h1{font-size:26px}.library-toolbar{padding-block:20px}.track-table-heading,.track-row{grid-template-columns:23px minmax(110px,1fr) 29px 43px 64px;gap:6px;padding-inline:4px}.track-info{gap:10px}.track-info>.cover{width:40px;height:40px}.track-text>strong{font-size:12px}.track-text>span{font-size:10px}.track-quality>small{display:none}.track-time,.track-table-heading .track-quality{font-size:9px}.library-hero{padding:25px;min-height:224px;gap:24px;border-radius:11px}.library-art{width:132px;height:132px}.library-hero h1{font-size:26px;margin-top:13px;margin-bottom:11px}.library-hero-copy .section-eyebrow{font-size:6px;letter-spacing:1.3px}.library-hero p{font-size:10px}.library-meta{gap:8px;font-size:8px}.toolbar-group .button{padding:10px 14px;font-size:11px;min-height:38px}.toolbar-group{gap:8px}.toolbar-group>.text-button{font-size:10px}.playlist-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.playlist-card{padding:11px;gap:10px}.playlist-card>.cover,.new-playlist-icon{width:45px;height:45px}.playlist-card strong{font-size:11px}.playlist-card small{font-size:9px}.playlist-card>svg{display:none}.now-playing{overflow:hidden}.immersive-header{padding:15px 20px;min-height:67px}.immersive-brand>span{font-size:16px;gap:10px}.immersive-brand>span>span{font-size:6px;letter-spacing:1.3px;padding-left:10px}.immersive-header-actions>span{display:none}.immersive-header-actions{gap:0}.immersive-header>.icon-button{width:30px}.immersive-mobile-tabs{display:flex;justify-content:center;gap:25px;padding:3px 0 12px;position:relative;flex-shrink:0}.immersive-mobile-tabs>button{font-size:10px;color:#6d8658;display:flex;align-items:center;gap:6px;padding:5px 0;border-bottom:1px solid transparent}.immersive-mobile-tabs>button.active{color:#c2db9e;border-color:#bad08e66}.immersive-content{display:block;padding:0 28px;flex:1;min-height:0;overflow:hidden}.record-section{height:100%;max-height:570px;padding:15px 0 0;justify-content:center}.record-stage{width:min(71vw,320px);max-height:calc(100dvh - 388px);min-height:170px;max-width:calc(100dvh - 388px);margin-top:3px;margin-bottom:10px;flex-shrink:0}.record-caption{width:min(71vw,320px);margin-top:10px;max-width:calc(100dvh - 355px)}.record-status{font-size:7px}.record-caption>span:last-child{font-size:5px;letter-spacing:1.7px}.record-track-info{margin-top:23px;width:100%}.record-track-info h1{font-size:23px;letter-spacing:.2px}.record-track-info p{font-size:11px;margin-top:8px}.record-track-actions{margin-top:18px;gap:25px}.record-track-actions .icon-button svg{width:21px}.record-track-actions .quality-trigger{font-size:8px}.lyrics-section{height:100%;min-height:0;max-height:none;padding-top:10px}.lyrics-section-heading{font-size:9px;margin-bottom:0;padding:0 4px}.lyrics-scroll{text-align:center}.lyric-line{text-align:center;align-items:center;font-size:22px;line-height:1.7;transform-origin:center center;padding-block:17px}.lyrics-section .lyrics-footnote{text-align:center;font-size:7px;line-height:1.8;padding:8px 0 3px}.lyrics-spacer{height:120px;min-height:32%}.lyrics-section .lyrics-empty{height:100%;min-height:0;gap:20px}.lyrics-empty h3{font-size:17px}.lyrics-empty p{font-size:10px}.lyrics-empty>span{font-size:8px}.mobile-view-vinyl .lyrics-section,.mobile-view-lyrics .record-section{display:none}.lyric-resume{bottom:25px;right:50%;transform:translate(50%);font-size:9px}.immersive-footer{padding:15px 27px max(15px,env(safe-area-inset-bottom));min-height:142px;flex-shrink:0}.immersive-controls{margin-top:16px;justify-content:center}.immersive-quality-meta{display:none}.immersive-controls>.volume-control{display:none}.transport.large{gap:29px}.transport.large .main-play{width:53px;height:53px}.transport.large .icon-button:first-child{margin-right:5px}.transport.large .icon-button:last-child{margin-left:5px}.immersive-footer .player-progress>span{font-size:9px}.immersive-bottom-line{font-size:5px;margin-top:17px;letter-spacing:2.5px}.immersive-footer .player-notice{font-size:8px;margin-top:9px;line-height:1.5;max-height:36px;overflow-y:auto}.immersive-error{font-size:9px;padding:5px 0 12px;gap:12px}.immersive-error .text-button{font-size:9px}.modal-backdrop{padding:19px}.modal{max-height:calc(100dvh - 38px);border-radius:14px}.modal-header{padding:21px 21px 17px}.modal-header h2{font-size:19px}.modal-body{padding:20px 21px}.modal-footer{padding:17px 21px 21px}.modal-footer .button{font-size:11px}.queue-panel{padding:24px 20px 20px;width:min(415px,100%)}.queue-panel>header{padding-bottom:20px}.settings-section{padding:24px 0}.settings-section-header h2{font-size:17px}.settings-section-header{flex-wrap:wrap;gap:12px}.settings-section-description{font-size:10px}.settings-section-header>.button{font-size:10px;padding:8px 11px;min-height:34px}.provider-card{padding:15px;gap:12px}.provider-details{min-width:130px}.provider-actions{gap:4px}.provider-icon{width:37px;height:37px}.provider-heading strong,.provider-heading h3{font-size:12px}.provider-endpoint{font-size:9px}.provider-form{padding:17px;gap:16px}.settings-row{gap:15px;align-items:flex-start}.settings-row h3{font-size:12px}.settings-row p{font-size:10px}.settings-control select{font-size:10px;max-width:145px;padding:9px 24px 9px 10px}.lyrics-offset-control{flex-wrap:wrap;justify-content:flex-end;max-width:135px}.lyrics-offset-control input{max-width:100px}.shortcut-list{gap:10px 20px}.shortcut-item{font-size:10px}.privacy-note{font-size:10px;padding:16px}.field input,.field select,.field textarea{font-size:12px;padding:11px}.form-help,.quality-note{font-size:9px}.form-row{gap:12px}}@media(max-width:430px){.topbar{padding-inline:15px;gap:10px}.topbar .source-select{border-color:transparent;background:none;padding-left:2px}.source-select select{max-width:87px;font-size:8px}.main-content{padding:21px 18px 136px}.page-heading{margin-bottom:22px}.page-heading h1{font-size:28px;margin-bottom:9px}.page-heading p{font-size:10px}.hero-banner{height:272px}.hero-copy{padding:26px 23px}.hero-copy h2{font-size:29px;margin-top:18px}.hero-copy p{font-size:9px}.hero-label{font-size:6px;letter-spacing:1.7px}.hero-label>span{font-size:5px;margin-left:4px;padding-left:9px}.hero-buttons{gap:17px}.hero-secondary{font-size:8px;gap:5px}.hero-secondary>svg{width:13px}.hero-buttons .button{font-size:9px;padding:9px 12px}.hero-side-label{font-size:5px;right:13px;letter-spacing:2px}.scene-card{height:151px}.scene-grid{gap:11px}.scene-copy{left:15px;bottom:21px}.scene-copy h3{font-size:20px}.scene-copy p{font-size:8px;letter-spacing:.1px}.scene-tag{left:15px;top:16px;font-size:5px;letter-spacing:.8px;gap:4px}.scene-tag>svg{width:10px}.scene-number{right:13px;top:16px;font-size:7px}.scene-play{right:12px;bottom:17px;width:22px;height:22px}.scene-play svg{width:14px}.section-heading h2{font-size:19px}.section-heading .muted-note{font-size:8px;margin-left:10px}.section-heading .section-eyebrow{font-size:7px}.section-heading .text-button{font-size:10px}.track-list.compact .track-row{grid-template-columns:19px minmax(120px,1fr) 26px 57px;gap:5px}.track-list.compact .track-time{display:none}.track-list.compact .track-info{gap:9px}.track-list.compact .track-info>.cover{width:39px;height:39px}.track-list.compact .track-text>strong{font-size:11px}.track-list.compact .track-text>span{font-size:9px}.track-actions .icon-button{width:25px}.pill-tabs{gap:3px}.pill-tabs>button{font-size:9px;padding:6px 9px}.play-all{font-size:9px}.source-footnote{font-size:8px;gap:5px}.page-footer>span:last-child{font-size:6px}.page-footer>span:first-child{font-size:8px}.page-footer>span:first-child>span{display:none}.track-table-heading,.track-row{grid-template-columns:21px minmax(100px,1fr) 29px 59px;gap:6px}.track-row>.track-time,.track-table-heading>.track-time{display:none}.track-text>strong{font-size:11px}.track-text>span{font-size:9px}.track-row{height:67px}.track-menu{min-width:153px}.search-page .page-heading h1{font-size:23px}.library-hero{padding:25px 20px;gap:18px;min-height:210px}.library-art{width:95px;height:113px;border-radius:8px;gap:17px}.library-art>.cover{border-radius:8px}.library-art>svg{width:39px;height:39px}.library-art>span{font-size:4px;letter-spacing:1px}.library-hero h1{font-size:22px;margin:11px 0}.library-hero p{font-size:9px}.library-hero-copy .section-eyebrow{font-size:5px;letter-spacing:.9px}.library-meta{font-size:7px;gap:6px;line-height:1.8;margin-top:15px}.tiny-avatar{width:19px;height:19px;font-size:10px}.library-meta>span:last-child{display:none}.toolbar-group .button{font-size:10px;padding:9px 12px;min-height:35px}.toolbar-group{gap:7px}.toolbar-group .button svg{width:13px}.toolbar-group>.text-button{font-size:9px;gap:4px}.toolbar-group>.text-button svg{width:13px}.playlist-cards{grid-template-columns:1fr}.empty-state{padding:36px 16px;min-height:280px}.empty-state h3{font-size:17px}.empty-state p{font-size:10px}.error-state{padding:17px 14px;gap:11px;flex-wrap:wrap}.error-state>svg{width:19px}.error-state>div{min-width:175px}.error-state strong{font-size:11px}.error-state p{font-size:9px}.error-state>.button{margin-left:30px;min-height:29px;padding:6px 10px;font-size:9px}.player-dock{left:12px;right:12px}.player-capsule{padding:12px 13px 18px;min-height:77px;gap:8px 12px}.capsule-song>.cover{width:40px;height:40px}.capsule-song strong{font-size:11px}.capsule-song small{font-size:9px}.capsule-center>.transport{gap:13px}.capsule-center>.transport .main-play{width:33px;height:33px}.capsule-center>.transport>.icon-button:nth-child(4){width:20px}.capsule-center>.transport>.icon-button:last-child{width:21px}.capsule-center>.transport>.icon-button svg{width:19px}.record-stage{width:min(74vw,285px);max-height:calc(100dvh - 384px);max-width:calc(100dvh - 384px)}.record-track-info h1{font-size:22px}.record-track-actions{gap:22px;margin-top:17px}.record-track-info{margin-top:21px}.immersive-header{padding-inline:17px}.immersive-content,.immersive-footer{padding-inline:25px}.transport.large{gap:25px}.lyric-line{font-size:20px}.lyrics-empty h3{font-size:16px}.lyrics-empty p{font-size:9px}.settings-row{flex-wrap:wrap;gap:15px}.settings-row>.settings-control{margin-left:auto}.settings-row>div:first-child{min-width:170px}.provider-details{min-width:165px}.provider-actions{margin-left:auto}.provider-card{gap:11px;padding:15px}.provider-endpoint{font-size:8px}.settings-section-header{gap:10px}.settings-section-header h2{font-size:16px}.settings-section-icon{width:24px}.settings-section-header .section-eyebrow{font-size:7px}.settings-control{max-width:100%}.shortcut-list{grid-template-columns:1fr}.shortcut-item{padding-block:10px}.form-row{flex-wrap:wrap}.form-row>.field{flex-basis:100%}.modal-backdrop{padding:15px}.modal{max-height:calc(100dvh - 30px)}.modal-header{padding:20px 18px 15px}.modal-body{padding:19px 18px}.modal-footer{padding:17px 18px 19px}.dialog-track{padding:12px;gap:12px}.dialog-track>.cover{width:47px;height:47px}.quality-options .quality-option{padding:12px}.quality-details strong{font-size:11px}.download-notice,.download-result,.toast{font-size:9px}.queue-panel{padding-inline:17px}}@media(max-width:760px)and (max-height:720px){.immersive-header{min-height:55px;padding-block:10px}.immersive-mobile-tabs{padding-bottom:4px}.record-section{padding-top:9px}.record-stage{min-height:145px;max-width:calc(100dvh - 347px);max-height:calc(100dvh - 347px)}.record-track-info{margin-top:13px}.record-track-info h1{font-size:20px}.record-track-info p{margin-top:5px;font-size:10px}.record-track-actions{margin-top:12px;gap:21px}.record-caption{margin-top:5px}.immersive-footer{padding-top:10px;padding-bottom:12px;min-height:130px}.immersive-controls{margin-top:12px}.transport.large .main-play{width:45px;height:45px}.immersive-bottom-line{margin-top:10px}.lyric-line{font-size:19px;padding-block:13px}.lyrics-empty{gap:12px}.lyrics-empty>span{margin-top:12px}.player-notice{font-size:7px}}@media(min-width:761px)and (max-height:800px){.immersive-header{padding-block:16px;min-height:65px}.immersive-content{min-height:350px;padding-top:0}.record-stage{width:min(100%,290px)}.record-track-info{margin-top:18px}.record-track-actions{margin-top:15px}.lyrics-section{max-height:435px}.lyric-line{font-size:21px;padding-block:14px}.immersive-footer{min-height:125px;padding-top:9px}.immersive-controls{margin-top:12px}.immersive-bottom-line{margin-top:13px}.record-track-info h1{font-size:23px}.record-track-info p{margin-top:6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.vinyl-record{animation:none!important}.main-content{scroll-behavior:auto}.scene-card:hover>img{transform:none}.lyric-line.active{transform:none}}
