@font-face{font-family:Material Symbols Rounded;font-style:normal;font-weight:100 700;font-display:block;src:url(/assets/material-symbols-rounded-C8g74dum.woff2)format("woff2")}.material-symbols-rounded{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"liga";direction:ltr;font-family:Material Symbols Rounded;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--md-sys-color-primary:#9c4138;--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:#ffdad5;--md-sys-color-on-primary-container:#410002;--md-sys-color-secondary:#775651;--md-sys-color-on-secondary:#fff;--md-sys-color-secondary-container:#ffdad5;--md-sys-color-on-secondary-container:#2c1512;--md-sys-color-tertiary:#715b2e;--md-sys-color-on-tertiary:#fff;--md-sys-color-tertiary-container:#fddf96;--md-sys-color-on-tertiary-container:#261a00;--md-sys-color-error:#ba1a1a;--md-sys-color-on-error:#fff;--md-sys-color-error-container:#ffdad6;--md-sys-color-on-error-container:#410002;--md-sys-color-background:#fff8f6;--md-sys-color-on-background:#231a19;--md-sys-color-surface:#fff8f6;--md-sys-color-on-surface:#231a19;--md-sys-color-surface-variant:#f5ddda;--md-sys-color-on-surface-variant:#534341;--md-sys-color-outline:#857370;--md-sys-color-outline-variant:#d8c2bf;--md-sys-color-shadow:#000;--md-sys-color-scrim:#000;--md-sys-color-inverse-surface:#392e2d;--md-sys-color-inverse-on-surface:#ffedea;--md-sys-color-inverse-primary:#ffb4ab;--md-sys-color-surface-dim:#e8d6d3;--md-sys-color-surface-bright:#fff8f6;--md-sys-color-surface-container-lowest:#fff;--md-sys-color-surface-container-low:#fff0ed;--md-sys-color-surface-container:#fceae7;--md-sys-color-surface-container-high:#f6e4e1;--md-sys-color-surface-container-highest:#f0ded9;--md-sys-shape-corner-none:0px;--md-sys-shape-corner-extra-small:4px;--md-sys-shape-corner-small:8px;--md-sys-shape-corner-medium:12px;--md-sys-shape-corner-large:16px;--md-sys-shape-corner-extra-large:28px;--md-sys-shape-corner-full:9999px;--md-sys-spacing-1:4px;--md-sys-spacing-2:8px;--md-sys-spacing-3:12px;--md-sys-spacing-4:16px;--md-sys-spacing-5:20px;--md-sys-spacing-6:24px;--md-sys-spacing-8:32px;--md-sys-spacing-10:40px;--md-sys-spacing-12:48px;--md-sys-spacing-16:64px;--md-sys-typescale-display-large-size:3.5rem;--md-sys-typescale-display-large-line:4rem;--md-sys-typescale-display-medium-size:2.8125rem;--md-sys-typescale-display-medium-line:3.25rem;--md-sys-typescale-display-small-size:2.25rem;--md-sys-typescale-display-small-line:2.75rem;--md-sys-typescale-headline-large-size:2rem;--md-sys-typescale-headline-large-line:2.5rem;--md-sys-typescale-headline-medium-size:1.75rem;--md-sys-typescale-headline-medium-line:2.25rem;--md-sys-typescale-headline-small-size:1.5rem;--md-sys-typescale-headline-small-line:2rem;--md-sys-typescale-title-large-size:1.375rem;--md-sys-typescale-title-large-line:1.75rem;--md-sys-typescale-title-medium-size:1rem;--md-sys-typescale-title-medium-line:1.5rem;--md-sys-typescale-title-small-size:.875rem;--md-sys-typescale-title-small-line:1.25rem;--md-sys-typescale-body-large-size:1rem;--md-sys-typescale-body-large-line:1.5rem;--md-sys-typescale-body-medium-size:.875rem;--md-sys-typescale-body-medium-line:1.25rem;--md-sys-typescale-body-small-size:.75rem;--md-sys-typescale-body-small-line:1rem;--md-sys-typescale-label-large-size:.875rem;--md-sys-typescale-label-large-line:1.25rem;--md-sys-typescale-label-medium-size:.75rem;--md-sys-typescale-label-medium-line:1rem;--md-sys-typescale-label-small-size:.6875rem;--md-sys-typescale-label-small-line:1rem;--md-sys-motion-duration-short1:50ms;--md-sys-motion-duration-short2:.1s;--md-sys-motion-duration-short3:.15s;--md-sys-motion-duration-medium1:.2s;--md-sys-motion-duration-medium2:.25s;--md-sys-motion-duration-medium3:.3s;--md-sys-motion-duration-long1:.4s;--md-sys-motion-duration-long2:.5s;--md-sys-motion-easing-standard:cubic-bezier(.2, 0, 0, 1);--md-sys-motion-easing-standard-decelerate:cubic-bezier(0, 0, 0, 1);--md-sys-motion-easing-standard-accelerate:cubic-bezier(.3, 0, 1, 1);--md-sys-motion-easing-emphasized:cubic-bezier(.2, 0, 0, 1);--md-sys-motion-easing-emphasized-decelerate:cubic-bezier(.05, .7, .1, 1);--md-sys-motion-easing-emphasized-accelerate:cubic-bezier(.3, 0, .8, .15)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--md-sys-color-primary:#ffb4ab;--md-sys-color-on-primary:#5f1510;--md-sys-color-primary-container:#7d2b23;--md-sys-color-on-primary-container:#ffdad5;--md-sys-color-secondary:#e7bdb6;--md-sys-color-on-secondary:#442925;--md-sys-color-secondary-container:#5d3f3b;--md-sys-color-on-secondary-container:#ffdad5;--md-sys-color-tertiary:#dfc38c;--md-sys-color-on-tertiary:#3f2e04;--md-sys-color-tertiary-container:#584419;--md-sys-color-on-tertiary-container:#fddf96;--md-sys-color-error:#ffb4ab;--md-sys-color-on-error:#690005;--md-sys-color-error-container:#93000a;--md-sys-color-on-error-container:#ffdad6;--md-sys-color-background:#1a1110;--md-sys-color-on-background:#f0ded9;--md-sys-color-surface:#1a1110;--md-sys-color-on-surface:#f0ded9;--md-sys-color-surface-variant:#534341;--md-sys-color-on-surface-variant:#d8c2bf;--md-sys-color-outline:#a08c89;--md-sys-color-outline-variant:#534341;--md-sys-color-shadow:#000;--md-sys-color-scrim:#000;--md-sys-color-inverse-surface:#f0ded9;--md-sys-color-inverse-on-surface:#392e2d;--md-sys-color-inverse-primary:#9c4138;--md-sys-color-surface-dim:#1a1110;--md-sys-color-surface-bright:#423735;--md-sys-color-surface-container-lowest:#140c0b;--md-sys-color-surface-container-low:#231918;--md-sys-color-surface-container:#271d1c;--md-sys-color-surface-container-high:#322826;--md-sys-color-surface-container-highest:#3d3231}}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--md-sys-color-background);min-width:320px;min-height:100vh;color:var(--md-sys-color-on-background);font-family:var(--font-roboto-flex), Roboto, system-ui, -apple-system, sans-serif;font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line);letter-spacing:.5px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--md-sys-color-outline-variant), transparent 30%);border-radius:var(--md-sys-shape-corner-full);background-clip:content-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background:var(--md-sys-color-outline);background-clip:content-box;border:2px solid #0000}*{scrollbar-width:thin;scrollbar-color:var(--md-sys-color-outline-variant) transparent}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6,p{margin:0;font-weight:400}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--md-sys-color-primary);outline-offset:2px;border-radius:inherit}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.material-icon{-webkit-user-select:none;user-select:none;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;width:1em;height:1em;transition:font-variation-settings var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);justify-content:center;align-items:center;font-size:24px;line-height:1;display:inline-flex}.material-icon.is-filled{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.eyebrow{color:var(--md-sys-color-primary);font-size:var(--md-sys-typescale-label-small-size);line-height:var(--md-sys-typescale-label-small-line);letter-spacing:.1em;text-transform:uppercase;font-weight:700}.animated-equalizer{justify-content:center;align-items:flex-end;gap:3px;width:24px;height:24px;padding:3px 2px;display:inline-flex}.animated-equalizer--small{gap:2px;width:20px;height:20px;padding:2px 1px}.animated-equalizer__bar{background:var(--md-sys-color-primary);transition:height var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);border-radius:99px;flex:1}.animated-equalizer.is-paused .animated-equalizer__bar{animation:none!important}.animated-equalizer.is-paused .bar-1{height:40%}.animated-equalizer.is-paused .bar-2{height:75%}.animated-equalizer.is-paused .bar-3{height:50%}.animated-equalizer.is-paused .bar-4{height:85%}.animated-equalizer.is-playing .bar-1{animation:.35s ease-in-out infinite alternate eq-bounce-1}.animated-equalizer.is-playing .bar-2{animation:.45s ease-in-out infinite alternate eq-bounce-2}.animated-equalizer.is-playing .bar-3{animation:.38s ease-in-out infinite alternate eq-bounce-3}.animated-equalizer.is-playing .bar-4{animation:.48s ease-in-out infinite alternate eq-bounce-4}@keyframes eq-bounce-1{0%{height:25%}to{height:95%}}@keyframes eq-bounce-2{0%{height:85%}to{height:30%}}@keyframes eq-bounce-3{0%{height:35%}to{height:100%}}@keyframes eq-bounce-4{0%{height:90%}to{height:20%}}.m3-select{min-width:140px;display:inline-block;position:relative}.m3-select__trigger{width:100%;min-height:40px;padding:0 var(--md-sys-spacing-4);align-items:center;gap:var(--md-sys-spacing-2);border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);cursor:pointer;font-size:var(--md-sys-typescale-label-large-size);transition:all var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);font-weight:500;display:inline-flex;position:relative}.m3-select__trigger:hover{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-surface-container-high)}.m3-select.is-open .m3-select__trigger{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 1px var(--md-sys-color-primary);background:var(--md-sys-color-surface-container-highest)}.m3-select__value{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.m3-select__chevron{transition:transform var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard)}.m3-select.is-open .m3-select__chevron{transform:rotate(180deg)}.m3-select__menu{z-index:100;min-width:160px;max-height:260px;padding:var(--md-sys-spacing-1) 0;border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);border:1px solid var(--md-sys-color-outline-variant);box-shadow:0 8px 24px color-mix(in srgb, var(--md-sys-color-shadow), transparent 75%);animation:select-menu-in var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-emphasized-decelerate);margin:0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}@keyframes select-menu-in{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.m3-select__item{min-height:40px;padding:0 var(--md-sys-spacing-4);align-items:center;gap:var(--md-sys-spacing-3);cursor:pointer;font-size:var(--md-sys-typescale-label-large-size);color:var(--md-sys-color-on-surface);transition:background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);display:flex;position:relative}.m3-select__item:hover{background:var(--md-sys-color-surface-container-highest)}.m3-select__item.is-selected{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font-weight:600}.m3-select__check{color:var(--md-sys-color-primary);margin-left:auto;font-size:18px}.app-shell{background:var(--md-sys-color-background);min-height:100vh;transition:padding var(--md-sys-motion-duration-medium3) var(--md-sys-motion-easing-emphasized);padding-left:320px}.side-nav{z-index:20;width:320px;padding:var(--md-sys-spacing-6) var(--md-sys-spacing-4);gap:var(--md-sys-spacing-6);background:var(--md-sys-color-surface-container-low);border-right:1px solid var(--md-sys-color-outline-variant);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:var(--md-sys-spacing-4);min-height:64px;padding:0 var(--md-sys-spacing-3);border-radius:var(--md-sys-shape-corner-large);transition:background var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);display:flex}.brand__mark{border-radius:var(--md-sys-shape-corner-medium);width:48px;height:48px;color:var(--md-sys-color-on-primary-container);background:var(--md-sys-color-primary-container);box-shadow:0 2px 6px color-mix(in srgb, var(--md-sys-color-shadow), transparent 90%);flex:0 0 48px;place-items:center;display:grid}.brand__mark .material-icon{font-size:28px}.brand__type{flex-direction:column;display:flex}.brand__type strong{font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line);color:var(--md-sys-color-on-surface);font-weight:600}.brand__type small,.local-badge small{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-medium-size)}.side-nav nav{gap:var(--md-sys-spacing-1);flex-direction:column;display:flex}.nav-item{width:100%;min-height:56px;padding:0 var(--md-sys-spacing-6);align-items:center;gap:var(--md-sys-spacing-3);border-radius:var(--md-sys-shape-corner-full);cursor:pointer;color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line);letter-spacing:.1px;transition:background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard), color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);background:0 0;font-weight:600;display:flex;position:relative;overflow:hidden}.nav-item:before{content:"";opacity:0;transition:opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);background:currentColor;position:absolute;inset:0}.nav-item:hover:before{opacity:.08}.nav-item:active:before{opacity:.12}.nav-item.is-active{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.nav-item.is-active .material-icon{font-variation-settings:"FILL" 1, "wght" 500, "GRAD" 0, "opsz" 24}.nav-item b{min-width:24px;height:24px;padding:0 var(--md-sys-spacing-2);border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);font-size:var(--md-sys-typescale-label-small-size);justify-content:center;align-items:center;margin-left:auto;font-weight:700;display:inline-flex}.nav-item:disabled{opacity:.38;cursor:default;pointer-events:none}.side-nav__bottom{gap:var(--md-sys-spacing-4);flex-direction:column;margin-top:auto;display:flex}.local-badge{align-items:center;gap:var(--md-sys-spacing-3);min-height:72px;padding:var(--md-sys-spacing-4);border-radius:var(--md-sys-shape-corner-medium);color:var(--md-sys-color-on-tertiary-container);background:var(--md-sys-color-tertiary-container);display:flex}.local-badge>.material-icon{flex:0 0 32px;font-size:28px}.local-badge span:last-child{flex-direction:column;display:flex}.md-icon-button{border-radius:var(--md-sys-shape-corner-full);width:48px;height:48px;color:var(--md-sys-color-on-surface-variant);cursor:pointer;transition:color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);background:0 0;flex:0 0 48px;place-items:center;display:inline-grid;position:relative;overflow:hidden}.md-icon-button:before{content:"";border-radius:var(--md-sys-shape-corner-full);opacity:0;transition:opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);background:currentColor;position:absolute;inset:4px}.md-icon-button:hover:before{opacity:.08}.md-icon-button:active:before{opacity:.12}.filled-button,.tonal-button,.outlined-button,.text-button{justify-content:center;align-items:center;gap:var(--md-sys-spacing-2);min-height:40px;padding:0 var(--md-sys-spacing-6);border-radius:var(--md-sys-shape-corner-full);cursor:pointer;font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line);letter-spacing:.1px;white-space:nowrap;transition:background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard), box-shadow var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard), color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);font-weight:600;display:inline-flex;position:relative;overflow:hidden}.filled-button:before,.tonal-button:before,.outlined-button:before,.text-button:before{content:"";opacity:0;transition:opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);background:currentColor;position:absolute;inset:0}.filled-button:hover:before,.tonal-button:hover:before,.outlined-button:hover:before,.text-button:hover:before{opacity:.08}.filled-button:active:before,.tonal-button:active:before,.outlined-button:active:before,.text-button:active:before{opacity:.12}.filled-button{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);box-shadow:0 1px 3px color-mix(in srgb, var(--md-sys-color-shadow), transparent 85%)}.filled-button:hover{box-shadow:0 2px 6px color-mix(in srgb, var(--md-sys-color-shadow), transparent 80%)}.filled-button--large{min-height:56px;padding-inline:var(--md-sys-spacing-8);font-size:var(--md-sys-typescale-title-medium-size)}.tonal-button{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.outlined-button{color:var(--md-sys-color-primary);border:1px solid var(--md-sys-color-outline);background:0 0}.text-button{padding-inline:var(--md-sys-spacing-4);color:var(--md-sys-color-primary);background:0 0}.play-button{border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-primary-container);width:56px;height:56px;color:var(--md-sys-color-on-primary-container);cursor:pointer;box-shadow:0 3px 8px color-mix(in srgb, var(--md-sys-color-shadow), transparent 82%);transition:transform var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-emphasized), box-shadow var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);place-items:center;display:grid;position:relative;overflow:hidden}.play-button:before{content:"";opacity:0;transition:opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);background:currentColor;position:absolute;inset:0}.play-button:hover{box-shadow:0 6px 14px color-mix(in srgb, var(--md-sys-color-shadow), transparent 75%);transform:translateY(-1px)}.play-button:hover:before{opacity:.08}.play-button:active{transform:translateY(0)}.play-button:active:before{opacity:.12}.play-button .material-icon{font-size:32px}.play-button--mini{border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-primary);width:44px;height:44px;color:var(--md-sys-color-on-primary)}.play-button--mini .material-icon{font-size:26px}.library{max-width:1080px;padding:var(--md-sys-spacing-10) var(--md-sys-spacing-8) 220px;margin:0 auto}.library__header{justify-content:space-between;align-items:center;gap:var(--md-sys-spacing-6);min-height:112px;display:flex}.library__header h1{margin-top:var(--md-sys-spacing-1);font-size:var(--md-sys-typescale-display-small-size);line-height:var(--md-sys-typescale-display-small-line);color:var(--md-sys-color-on-surface);font-weight:500}.library__summary{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-large-size)}.header-actions{align-items:center;gap:var(--md-sys-spacing-3);display:flex}.welcome-card{min-height:480px;margin-top:var(--md-sys-spacing-6);padding:var(--md-sys-spacing-12) var(--md-sys-spacing-8);text-align:center;justify-content:center;align-items:center;gap:var(--md-sys-spacing-4);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline-variant);flex-direction:column;display:flex}.welcome-card__icon{width:88px;height:88px;margin-bottom:var(--md-sys-spacing-2);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);box-shadow:0 4px 12px color-mix(in srgb, var(--md-sys-color-shadow), transparent 90%);place-items:center;display:grid}.welcome-card__icon .material-icon{font-size:44px}.welcome-card h2{max-width:600px;font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line);color:var(--md-sys-color-on-surface);font-weight:500}.welcome-card>p:not(.eyebrow){max-width:640px;color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-large-size)}.format-list{margin-top:var(--md-sys-spacing-4);justify-content:center;gap:var(--md-sys-spacing-3);flex-wrap:wrap;display:flex}.format-list span{min-height:40px;padding:var(--md-sys-spacing-2) var(--md-sys-spacing-4);align-items:center;gap:var(--md-sys-spacing-2);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-medium-size);display:inline-flex}.search-field{height:56px;margin-top:var(--md-sys-spacing-6);padding:0 var(--md-sys-spacing-4);align-items:center;gap:var(--md-sys-spacing-3);border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);transition:background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard), box-shadow var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);display:flex;position:relative}.search-field:focus-within{background:var(--md-sys-color-surface-container-highest);box-shadow:0 2px 8px color-mix(in srgb, var(--md-sys-color-shadow), transparent 88%)}.search-field input{width:100%;height:100%;color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-body-large-size);background:0 0;border:0;outline:0}.search-field input::placeholder{color:var(--md-sys-color-on-surface-variant)}.folder-row{margin:var(--md-sys-spacing-5) 0 var(--md-sys-spacing-8);gap:var(--md-sys-spacing-2);scrollbar-width:none;padding-bottom:var(--md-sys-spacing-1);display:flex;overflow-x:auto}.folder-row::-webkit-scrollbar{display:none}.filter-chip{align-items:center;gap:var(--md-sys-spacing-2);min-height:36px;padding:0 var(--md-sys-spacing-4);border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-surface);cursor:pointer;color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-label-large-size);transition:all var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);flex:none;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.filter-chip:before{content:"";opacity:0;transition:opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);background:currentColor;position:absolute;inset:0}.filter-chip:hover:before{opacity:.08}.filter-chip.is-selected{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border-color:#0000}.filter-chip .material-icon{font-size:18px}.section-heading{justify-content:space-between;align-items:flex-end;gap:var(--md-sys-spacing-4);margin-top:var(--md-sys-spacing-6);margin-bottom:var(--md-sys-spacing-4);display:flex}.section-heading h2{font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line);color:var(--md-sys-color-on-surface);font-weight:500}.track-list{border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container-lowest);border:1px solid var(--md-sys-color-outline-variant);overflow:hidden}.track-row{width:100%;min-height:64px;padding:var(--md-sys-spacing-2) var(--md-sys-spacing-4);align-items:center;gap:var(--md-sys-spacing-3);border-bottom:1px solid var(--md-sys-color-outline-variant);text-align:left;cursor:pointer;color:var(--md-sys-color-on-surface);transition:background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);background:0 0;display:flex;position:relative;overflow:hidden}.track-row:last-child{border-bottom:0}.track-row:before{content:"";pointer-events:none;opacity:0;transition:opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);background:currentColor;position:absolute;inset:0}.track-row:hover:before{opacity:.06}.track-row.is-current{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.track-row__number{text-align:center;color:var(--md-sys-color-primary);font-size:var(--md-sys-typescale-body-medium-size);flex:0 0 24px;justify-content:center;align-items:center;font-weight:600;display:flex}.track-row__main{text-align:left;flex-direction:column;flex:1;justify-content:center;gap:2px;min-width:0;display:flex}.track-row__main strong,.track-row__meta{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-row__main strong{font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line);font-weight:600}.track-row__meta,.track-row__duration{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-medium-size)}.track-row__meta{align-items:center;gap:var(--md-sys-spacing-1);min-width:0;display:flex}.track-row__meta>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.format-badge{border-radius:var(--md-sys-shape-corner-extra-small);background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;flex:none;padding:2px 6px;font-size:11px;font-weight:700;line-height:14px}.subtitle-status{align-items:center;gap:var(--md-sys-spacing-1);color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-medium-size);white-space:nowrap;flex:none;display:flex}.track-row__duration{font-variant-numeric:tabular-nums;font-size:var(--md-sys-typescale-body-medium-size);white-space:nowrap;flex:none}.track-row__delete{color:var(--md-sys-color-on-surface-variant);z-index:2;flex:none}.track-row__delete:hover{color:var(--md-sys-color-error)}.subtitle-status .material-icon{font-size:18px}.track-row__duration{font-variant-numeric:tabular-nums;font-size:var(--md-sys-typescale-body-medium-size)}.track-row__chevron{color:var(--md-sys-color-on-surface-variant)}.empty-state,.transcript-empty{min-height:240px;padding:var(--md-sys-spacing-8);text-align:center;color:var(--md-sys-color-on-surface-variant);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state>.material-icon,.transcript-empty>.material-icon{margin-bottom:var(--md-sys-spacing-3);color:var(--md-sys-color-outline);font-size:48px}.empty-state h3,.transcript-empty h3{color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-title-large-size)}.privacy-note{margin-top:var(--md-sys-spacing-6);padding:var(--md-sys-spacing-4) var(--md-sys-spacing-6);gap:var(--md-sys-spacing-3);border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-medium-size);align-items:center;display:flex}.restore-banner{max-width:1080px;margin:var(--md-sys-spacing-6) auto 0;padding:var(--md-sys-spacing-4) var(--md-sys-spacing-6);align-items:center;gap:var(--md-sys-spacing-4);border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);box-shadow:0 2px 8px color-mix(in srgb, var(--md-sys-color-shadow), transparent 88%);display:flex}.restore-banner span{flex-direction:column;flex:1;min-width:0;display:flex}.restore-banner strong{font-size:var(--md-sys-typescale-title-medium-size);font-weight:600}.restore-banner small{opacity:.9;font-size:var(--md-sys-typescale-body-medium-size)}.privacy-note strong{color:var(--md-sys-color-on-surface);margin-right:var(--md-sys-spacing-1)}.artwork{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);box-shadow:0 2px 6px color-mix(in srgb, var(--md-sys-color-shadow), transparent 88%);flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.artwork--small{border-radius:var(--md-sys-shape-corner-medium);width:52px;height:52px}.artwork--medium{border-radius:var(--md-sys-shape-corner-large);width:96px;height:96px}.artwork--large{aspect-ratio:1;border-radius:var(--md-sys-shape-corner-extra-large);width:min(100%,340px);box-shadow:0 8px 24px color-mix(in srgb, var(--md-sys-color-shadow), transparent 80%)}.artwork--blue{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.artwork--gold{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.artwork--mint{background:var(--md-sys-color-surface-variant);color:var(--md-sys-color-on-surface-variant)}.artwork--lilac{background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-primary)}.artwork__ring{aspect-ratio:1;border-radius:var(--md-sys-shape-corner-full);opacity:.18;border:2px solid;width:72%;position:absolute}.artwork__dot{aspect-ratio:1;border-radius:var(--md-sys-shape-corner-full);opacity:.35;background:currentColor;width:13%;position:absolute;bottom:12%;right:12%}.artwork__initials{letter-spacing:.04em;font-size:1.2rem;font-weight:700;position:relative}.artwork--large .artwork__initials{font-size:4rem}.mini-player{z-index:30;left:344px;right:var(--md-sys-spacing-6);bottom:var(--md-sys-spacing-6);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-inverse-surface);min-height:152px;color:var(--md-sys-color-inverse-on-surface);box-shadow:0 4px 16px color-mix(in srgb, var(--md-sys-color-shadow), transparent 75%);transition:all var(--md-sys-motion-duration-medium3) var(--md-sys-motion-easing-emphasized);flex-direction:column;align-items:stretch;display:flex;position:fixed;overflow:hidden}.mini-player__content{width:100%;min-width:0;display:flex}.mini-player__open{width:100%;min-width:0;min-height:64px;padding:var(--md-sys-spacing-3) 0 var(--md-sys-spacing-3) var(--md-sys-spacing-4);align-items:center;gap:var(--md-sys-spacing-4);color:inherit;text-align:left;cursor:pointer;background:0 0;display:flex;position:relative}.mini-player__track{flex-direction:column;width:180px;min-width:0;display:flex}.mini-player__track strong,.mini-player__track small,.mini-player__cue span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mini-player__track strong{font-size:var(--md-sys-typescale-title-medium-size);font-weight:600}.mini-player__track small,.mini-player__cue small{color:var(--md-sys-color-inverse-primary)}.mini-player__cue{min-width:0;padding-left:var(--md-sys-spacing-4);border-left:1px solid color-mix(in srgb, var(--md-sys-color-inverse-on-surface), transparent 80%);flex-direction:column;flex:1;display:flex}.mini-player__cue small{font-size:var(--md-sys-typescale-label-small-size);letter-spacing:.08em;font-weight:700}.mini-player__time{text-align:center;min-width:44px;font-size:var(--md-sys-typescale-body-medium-size);font-variant-numeric:tabular-nums;opacity:.9}.mini-player__seek{width:100%;min-height:32px;padding:0 var(--md-sys-spacing-4);align-items:center;gap:var(--md-sys-spacing-2);grid-template-columns:44px minmax(0,1fr) 44px;display:grid}.mini-player__range{--progress:0%;appearance:none;border-radius:var(--md-sys-shape-corner-full);cursor:pointer;background:linear-gradient(to right, var(--md-sys-color-inverse-primary) var(--progress), color-mix(in srgb, var(--md-sys-color-inverse-on-surface), transparent 72%) var(--progress));width:100%;height:4px}.mini-player__range::-webkit-slider-thumb{appearance:none;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-inverse-primary);width:12px;height:12px}.mini-player__range::-moz-range-thumb{border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-inverse-primary);border:0;width:12px;height:12px}.mini-countdown{min-height:32px;padding:0 var(--md-sys-spacing-2);align-items:center;gap:var(--md-sys-spacing-1);border-radius:var(--md-sys-shape-corner-full);border:1px solid color-mix(in srgb, var(--md-sys-color-inverse-primary), transparent 56%);background:color-mix(in srgb, var(--md-sys-color-inverse-primary), transparent 88%);color:var(--md-sys-color-inverse-primary);font-size:var(--md-sys-typescale-label-medium-size);font-variant-numeric:tabular-nums;font-weight:700;display:flex;position:relative;overflow:hidden}.mini-countdown__timer-bar{background:var(--md-sys-color-inverse-primary);border-radius:99px;height:2px;transition:width .35s linear;position:absolute;bottom:0;left:0}.countdown-card__timer-bar{background:var(--md-sys-color-tertiary);border-radius:99px;height:3px;transition:width .35s linear;position:absolute;top:0;left:0}.countdown-card{min-height:56px;margin:var(--md-sys-spacing-2) 0 var(--md-sys-spacing-3);padding:var(--md-sys-spacing-2) var(--md-sys-spacing-4);align-items:center;gap:var(--md-sys-spacing-3);border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container);flex:none;grid-template-columns:32px 1fr auto;display:grid;position:relative;overflow:hidden}.transport{justify-content:center;align-items:center;gap:var(--md-sys-spacing-3);display:flex}.transport--compact{width:100%;min-height:48px;padding:0 var(--md-sys-spacing-3) var(--md-sys-spacing-2);gap:var(--md-sys-spacing-1)}.transport--compact .md-icon-button{flex:0 0 36px;width:36px;height:36px}.transport--compact .play-button--mini{flex:0 0 40px;width:40px;height:40px}.mini-player .md-icon-button{color:var(--md-sys-color-inverse-on-surface)}.full-player{z-index:50;background:var(--md-sys-color-surface);width:100vw;height:100vh;color:var(--md-sys-color-on-surface);animation:player-in var(--md-sys-motion-duration-long1) var(--md-sys-motion-easing-emphasized-decelerate);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes player-in{0%{opacity:0;transform:translateY(32px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.full-player__topbar{height:64px;padding:0 var(--md-sys-spacing-6);text-align:center;background:var(--md-sys-color-surface-container-low);border-bottom:1px solid var(--md-sys-color-outline-variant);flex:0 0 64px;grid-template-columns:48px 1fr 48px;align-items:center;display:grid}.full-player__topbar>div{min-width:0}.full-player__topbar strong{text-overflow:ellipsis;white-space:nowrap;font-size:var(--md-sys-typescale-title-medium-size);font-weight:600;display:block;overflow:hidden}.full-player__body{flex:1;grid-template-columns:minmax(340px,460px) minmax(360px,1fr);width:100%;max-width:1440px;height:calc(100vh - 64px);min-height:0;margin:0 auto;display:grid;overflow:hidden}.full-player__details{height:100%;padding:var(--md-sys-spacing-6);align-items:center;gap:var(--md-sys-spacing-5);background:var(--md-sys-color-surface-container-low);border-right:1px solid var(--md-sys-color-outline-variant);flex-direction:column;display:flex;overflow-y:auto}.track-title-block{text-align:center;width:100%}.track-title-block h2{margin-top:var(--md-sys-spacing-1);font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line);font-weight:600}.track-title-block>p:last-child{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-title-medium-size)}.progress-block{width:100%}.progress-range{--progress:0%;border-radius:var(--md-sys-shape-corner-full);appearance:none;cursor:pointer;background:linear-gradient(to right, var(--md-sys-color-primary) var(--progress), var(--md-sys-color-surface-container-highest) var(--progress));outline:none;width:100%;height:8px;margin:16px 0 8px}.progress-range::-webkit-slider-thumb{appearance:none;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary);width:16px;height:16px;box-shadow:0 0 0 0 color-mix(in srgb, var(--md-sys-color-primary), transparent 80%);transition:transform var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard), box-shadow var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.progress-range:hover::-webkit-slider-thumb{box-shadow:0 0 0 8px color-mix(in srgb, var(--md-sys-color-primary), transparent 80%);transform:scale(1.25)}.progress-range::-moz-range-thumb{border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary);border:0;width:16px;height:16px}.time-row{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-medium-size);font-variant-numeric:tabular-nums;justify-content:space-between;font-weight:500;display:flex}.player-options{gap:var(--md-sys-spacing-3);justify-content:center;width:100%;display:flex}.bookmark-panel{width:100%;max-height:min(360px,40vh);padding:var(--md-sys-spacing-4);overscroll-behavior:contain;border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container);overflow-y:auto}.bookmark-panel__heading{z-index:1;top:calc(var(--md-sys-spacing-4) * -1);margin:calc(var(--md-sys-spacing-4) * -1) calc(var(--md-sys-spacing-4) * -1) 0;padding:var(--md-sys-spacing-4);background:var(--md-sys-color-surface-container);justify-content:space-between;align-items:center;display:flex;position:sticky}.bookmark-panel__heading>span{flex-direction:column;display:flex}.bookmark-panel__heading small,.bookmark-empty{color:var(--md-sys-color-on-surface-variant)}.bookmark-empty{padding:var(--md-sys-spacing-4) 0;text-align:center;font-size:var(--md-sys-typescale-body-medium-size)}.bookmark-row{border-top:1px solid var(--md-sys-color-outline-variant);align-items:center;min-height:48px;display:flex}.bookmark-edit-form{align-items:center;gap:var(--md-sys-spacing-2);flex:1;min-width:0;min-height:48px;display:flex}.bookmark-edit-input{min-width:0;height:36px;padding:0 var(--md-sys-spacing-3);border:1px solid var(--md-sys-color-primary);border-radius:var(--md-sys-shape-corner-small);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-body-medium-size);flex:1}.bookmark-row>button:first-child{align-items:center;gap:var(--md-sys-spacing-3);text-align:left;cursor:pointer;min-width:0;min-height:48px;font-size:var(--md-sys-typescale-body-medium-size);background:0 0;flex:1;display:flex}.bookmark-row>button:first-child span{color:var(--md-sys-color-primary);font-variant-numeric:tabular-nums;font-weight:700}.transcript-panel{height:100%;min-height:0;padding:var(--md-sys-spacing-6);background:var(--md-sys-color-surface);flex-direction:column;display:flex;overflow:hidden}.transcript-panel__heading{flex:0 0 56px;justify-content:space-between;align-items:center;height:56px;display:flex}.transcript-panel__heading h2{font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line);font-weight:600}.countdown-card{min-height:56px;margin:var(--md-sys-spacing-2) 0 var(--md-sys-spacing-3);padding:var(--md-sys-spacing-2) var(--md-sys-spacing-4);align-items:center;gap:var(--md-sys-spacing-3);border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container);flex:none;grid-template-columns:32px 1fr auto;display:grid}.countdown-card span{flex-direction:column;display:flex}.countdown-card small{font-size:var(--md-sys-typescale-label-small-size);letter-spacing:.08em;font-weight:700}.countdown-card b{font-size:var(--md-sys-typescale-title-medium-size);font-variant-numeric:tabular-nums}.transcript-scroll{overscroll-behavior:contain;min-height:0;padding-right:var(--md-sys-spacing-2);flex:1;overflow-y:auto}.transcript-cue{width:100%;min-height:48px;margin-bottom:var(--md-sys-spacing-1);padding:var(--md-sys-spacing-2) var(--md-sys-spacing-3);align-items:center;gap:var(--md-sys-spacing-3);border-radius:var(--md-sys-shape-corner-medium);text-align:left;cursor:pointer;color:var(--md-sys-color-on-surface-variant);transition:all var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard);background:0 0;grid-template-columns:52px 1fr 28px;display:grid;position:relative;overflow:hidden}.transcript-cue:before{content:"";opacity:0;transition:opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);background:currentColor;position:absolute;inset:0}.transcript-cue:hover:before{opacity:.06}.transcript-cue.is-active{border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);box-shadow:0 1px 4px color-mix(in srgb, var(--md-sys-color-shadow), transparent 90%)}.transcript-cue time{font-size:var(--md-sys-typescale-label-small-size);font-variant-numeric:tabular-nums;opacity:.85;font-weight:600}.transcript-cue>span:not(.material-icon){transition:font-size var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized), line-height var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized), transform var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized);font-size:1.05rem;font-weight:500;line-height:1.45rem}.transcript-cue.is-active>span:not(.material-icon){font-size:1.15rem;font-weight:600;line-height:1.55rem}.modal-backdrop{z-index:80;padding:var(--md-sys-spacing-4);background:color-mix(in srgb, var(--md-sys-color-scrim), transparent 60%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);place-items:center;display:grid;position:fixed;inset:0}.settings-sheet{width:min(560px,100%);padding:var(--md-sys-spacing-8);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);box-shadow:0 12px 32px color-mix(in srgb, var(--md-sys-color-shadow), transparent 70%)}.sheet-grabber{display:none}.settings-sheet__heading{justify-content:space-between;align-items:center;min-height:56px;display:flex}.settings-sheet__heading h2{font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line);font-weight:600}.settings-control{min-height:72px;margin-top:var(--md-sys-spacing-4);justify-content:space-between;align-items:center;gap:var(--md-sys-spacing-4);display:flex}.settings-control>span{flex-direction:column;flex:1;min-width:0;display:flex}.settings-control strong{font-size:var(--md-sys-typescale-title-medium-size);font-weight:600}.settings-control small{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-medium-size)}.settings-info{margin-top:var(--md-sys-spacing-6);padding:var(--md-sys-spacing-4);gap:var(--md-sys-spacing-3);border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font-size:var(--md-sys-typescale-body-medium-size);align-items:center;display:flex}.toast{z-index:100;max-width:min(560px,100% - 32px);min-height:48px;padding:var(--md-sys-spacing-3) var(--md-sys-spacing-5);align-items:center;gap:var(--md-sys-spacing-3);border-radius:var(--md-sys-shape-corner-extra-small);background:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface);box-shadow:0 4px 12px color-mix(in srgb, var(--md-sys-color-shadow), transparent 75%);font-size:var(--md-sys-typescale-body-medium-size);display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}.toast>span:not(.material-icon){flex:1;min-width:0}.toast__close{border-radius:var(--md-sys-shape-corner-full);width:40px;height:40px;color:inherit;cursor:pointer;flex:0 0 40px;place-items:center;margin:-8px -12px -8px 0;display:grid}.toast__close:hover{background:color-mix(in srgb, currentColor, transparent 88%)}.mobile-lyrics-preview,.mini-player.mini-player--embedded{display:none}@media (width<=1100px){.app-shell{padding-left:88px}.side-nav{width:88px;padding:var(--md-sys-spacing-4) var(--md-sys-spacing-2);align-items:center}.brand{padding:0}.brand__type,.nav-item span:not(.material-icon),.nav-item b,.local-badge span:last-child{display:none}.side-nav nav,.side-nav__bottom{width:100%}.nav-item{border-radius:var(--md-sys-shape-corner-full);justify-content:center;height:56px;padding:0}.local-badge{justify-content:center;min-height:56px;padding:0}.mini-player{left:112px}}@media (width<=839px){.full-player__body{grid-template-rows:auto 1fr;grid-template-columns:1fr;overflow-y:auto}.full-player__details{height:auto;padding:var(--md-sys-spacing-6);overflow-y:visible}.transcript-panel{height:auto;min-height:400px;padding:var(--md-sys-spacing-6);overflow:visible}.track-row{grid-template-columns:32px 52px minmax(120px,1fr) auto 32px}.track-row__duration{display:none}}.mobile-tabs{display:none!important}.desktop-header-title{text-align:center;flex-direction:column;align-items:center;display:flex}.restore-modal{width:min(90vw,520px);padding:var(--md-sys-spacing-8) var(--md-sys-spacing-6);text-align:center;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);box-shadow:0 16px 32px color-mix(in srgb, var(--md-sys-color-shadow), transparent 70%);flex-direction:column;align-items:center;display:flex}.restore-modal h2{margin:var(--md-sys-spacing-2) 0 var(--md-sys-spacing-3);font-size:var(--md-sys-typescale-headline-medium-size)}.modal-actions{gap:var(--md-sys-spacing-3);width:100%;margin-top:var(--md-sys-spacing-6);flex-direction:column;display:flex}.bookmarks-sheet{border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-high);width:min(90vw,680px);max-height:85vh;color:var(--md-sys-color-on-surface);box-shadow:0 16px 32px color-mix(in srgb, var(--md-sys-color-shadow), transparent 70%);padding:var(--md-sys-spacing-6);flex-direction:column;display:flex;overflow:hidden}.bookmarks-sheet__header{padding-bottom:var(--md-sys-spacing-4);border-bottom:1px solid var(--md-sys-color-outline-variant);justify-content:space-between;align-items:center;display:flex}.bookmarks-sheet__header h2{font-size:var(--md-sys-typescale-headline-medium-size)}.bookmarks-toolbar{padding:var(--md-sys-spacing-3) 0;border-bottom:1px solid var(--md-sys-color-outline-variant);justify-content:space-between;align-items:center;display:flex}.batch-actions{align-items:center;gap:var(--md-sys-spacing-2);display:flex}.batch-rename-bar{align-items:center;gap:var(--md-sys-spacing-2);padding:var(--md-sys-spacing-3) 0;display:flex}.bookmarks-scroll{margin-top:var(--md-sys-spacing-4);gap:var(--md-sys-spacing-6);flex-direction:column;flex:1;display:flex;overflow-y:auto}.bookmark-group{gap:var(--md-sys-spacing-2);flex-direction:column;display:flex}.bookmark-group__header{align-items:center;gap:var(--md-sys-spacing-2);color:var(--md-sys-color-primary);font-size:var(--md-sys-typescale-title-medium-size);display:flex}.bookmark-group__list{gap:var(--md-sys-spacing-1);flex-direction:column;display:flex}.bookmark-item{align-items:center;gap:var(--md-sys-spacing-3);padding:var(--md-sys-spacing-2) var(--md-sys-spacing-3);border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-surface-container-lowest);transition:background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);border:1px solid #0000;display:flex}.bookmark-item.is-selected{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.bookmark-checkbox{cursor:pointer;width:18px;height:18px;accent-color:var(--md-sys-color-primary)}.time-badge{align-items:center;gap:var(--md-sys-spacing-1);padding:var(--md-sys-spacing-1) var(--md-sys-spacing-3);border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);font-weight:700;font-size:var(--md-sys-typescale-label-medium-size);font-variant-numeric:tabular-nums;cursor:pointer;display:inline-flex}.bookmark-item__label{min-width:0;font-size:var(--md-sys-typescale-body-medium-size);cursor:pointer;flex:1}.bookmark-item__actions{align-items:center;gap:var(--md-sys-spacing-1);display:flex}.filled-button.danger{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}.track-row.is-selected{background:var(--md-sys-color-secondary-container)}.track-checkbox{cursor:pointer;width:24px;height:24px;color:var(--md-sys-color-primary);z-index:2;justify-content:center;align-items:center;display:inline-flex}.section-heading__actions,.batch-delete-bar{align-items:center;gap:var(--md-sys-spacing-3);display:flex}.bookmark-track-row{min-height:72px}.bookmark-time-badge{min-height:24px;padding:2px var(--md-sys-spacing-2);cursor:inherit;flex:none}.bookmark-time-badge .material-icon{font-size:16px}.bookmark-track-row__meta>span:nth-child(3){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (width<=839px){.desktop-header-title{display:none!important}.mobile-tabs{border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);align-items:center;padding:3px;display:inline-flex!important}.mobile-tab-btn{min-height:32px;padding:0 var(--md-sys-spacing-3);align-items:center;gap:var(--md-sys-spacing-1);border-radius:var(--md-sys-shape-corner-full);font-size:var(--md-sys-typescale-label-medium-size);color:var(--md-sys-color-on-surface-variant);cursor:pointer;transition:all var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);font-weight:600;display:inline-flex}.mobile-tab-btn.is-active{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.full-player__body{height:calc(100vh - 64px);display:block;overflow:hidden}.full-player__details,.transcript-panel{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;height:100%;min-height:0;padding:var(--md-sys-spacing-4);overflow-y:auto}.mini-player{display:flex}.mini-player>.mini-countdown{z-index:2;right:var(--md-sys-spacing-4);position:absolute;bottom:10px}.mini-player:has(>.mini-countdown)>.transport--compact{padding-right:92px}.full-player__details.is-hidden-mobile,.transcript-panel.is-hidden-mobile,.desktop-only-album,.desktop-only-bookmarks{display:none!important}.mobile-only-bookmarks{margin-top:var(--md-sys-spacing-6);display:block!important}.mobile-lyrics-preview{width:100%;min-height:196px;padding:var(--md-sys-spacing-4);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container);display:block}.mobile-lyrics-preview__heading{width:100%;min-height:40px;color:inherit;cursor:pointer;font-size:var(--md-sys-typescale-title-medium-size);justify-content:space-between;align-items:center;font-weight:700;display:flex}.mobile-lyrics-preview__heading span{align-items:center;gap:var(--md-sys-spacing-1);display:inline-flex}.mobile-lyrics-preview__heading span:last-child{font-size:var(--md-sys-typescale-label-large-size);font-weight:600}.mobile-lyrics-preview__lines{min-height:112px;padding-top:var(--md-sys-spacing-3);justify-content:center;gap:var(--md-sys-spacing-1);flex-direction:column;display:flex}.mobile-lyrics-preview__lines button{width:100%;color:inherit;cursor:pointer;text-align:left;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;font-size:var(--md-sys-typescale-title-medium-size);opacity:.64;transform-origin:0;animation:lyric-preview-line-in var(--md-sys-motion-duration-medium3) var(--md-sys-motion-easing-emphasized-decelerate) both;font-weight:500;line-height:1.5;overflow:visible}.mobile-lyrics-preview__lines button.is-previous{transform:translateY(-2px)scale(.94)}.mobile-lyrics-preview__lines button.is-current{font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line);opacity:1;font-weight:700;animation-name:lyric-preview-current-in}.mobile-lyrics-preview__lines button.is-next{animation-delay:40ms;transform:translateY(2px)scale(.94)}.mobile-lyrics-preview__lines p{margin:var(--md-sys-spacing-3) 0 0;opacity:.72}.mini-player.mini-player--embedded{z-index:2;width:min(100%,560px);min-height:152px;margin:var(--md-sys-spacing-3) auto 0;flex:none;display:flex;position:sticky;inset:auto auto 0}.bookmark-section-heading{flex-direction:column;align-items:flex-start}.bookmark-section-heading .section-heading__actions,.bookmark-section-heading .batch-delete-bar{flex-wrap:wrap;width:100%}.batch-rename-bar{flex-wrap:wrap}}@keyframes lyric-preview-line-in{0%{opacity:0;transform:translateY(12px)scale(.94)}}@keyframes lyric-preview-current-in{0%{opacity:.45;font-size:var(--md-sys-typescale-title-medium-size);transform:translateY(12px)scale(.96)}to{opacity:1;font-size:var(--md-sys-typescale-title-large-size);transform:translateY(0)scale(1)}}@media (width>=840px){.mobile-only-bookmarks{display:none!important}.mini-player{grid-template-rows:minmax(72px,auto) 40px;grid-template-columns:minmax(260px,1fr) auto auto;min-height:116px;display:grid}.mini-player__content{grid-area:1/1;min-width:0}.mini-player__seek{grid-area:2/1/auto/-1}.mini-player>.transport--compact{width:auto;min-width:240px;padding:0 var(--md-sys-spacing-4);grid-area:1/3;align-self:center}.mini-player>.mini-countdown{margin-inline:var(--md-sys-spacing-2);grid-area:1/2;align-self:center}}@media (width<=599px){.app-shell{padding:0 0 88px}.side-nav{z-index:40;width:100%;height:calc(72px + env(safe-area-inset-bottom));padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);border:0;border-top:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container);grid-template-columns:1fr;display:grid;inset:auto 0 0}.brand,.side-nav__bottom{display:none}.side-nav nav{grid-template-columns:repeat(3,1fr);gap:0;height:72px;display:grid}.nav-item{min-width:0;height:72px;min-height:72px;padding:var(--md-sys-spacing-2) var(--md-sys-spacing-1);border-radius:var(--md-sys-shape-corner-none);font-size:var(--md-sys-typescale-label-medium-size);background:0 0;flex-direction:column;gap:4px;display:flex}.nav-item .material-icon{border-radius:var(--md-sys-shape-corner-full);width:64px;height:32px;transition:background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);place-items:center;display:grid}.nav-item span:not(.material-icon){display:block}.nav-item.is-active{background:0 0}.nav-item.is-active .material-icon{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.library{padding:var(--md-sys-spacing-4) var(--md-sys-spacing-4) 260px}.library__header{min-height:88px}.library__header h1{font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line)}.header-actions>.md-icon-button{display:none}.filled-button{padding-inline:var(--md-sys-spacing-4)}.welcome-card{min-height:440px;margin-top:var(--md-sys-spacing-3);padding:var(--md-sys-spacing-8) var(--md-sys-spacing-4)}.welcome-card h2{font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line)}.format-list{align-items:stretch}.format-list span{text-align:left;width:100%}.section-heading .text-button{display:none}.bookmark-section-heading{flex-direction:column;align-items:flex-start}.bookmark-section-heading .section-heading__actions,.bookmark-section-heading .batch-delete-bar{flex-wrap:wrap;width:100%}.bookmark-section-heading .batch-delete-bar>span{width:100%}.batch-rename-bar{flex-wrap:wrap;align-items:stretch}.batch-rename-bar .bookmark-edit-input{flex-basis:100%;width:100%}.track-row{gap:var(--md-sys-spacing-3);grid-template-columns:52px minmax(0,1fr) 32px;min-height:72px}.bookmark-track-row{padding-inline:var(--md-sys-spacing-3);gap:var(--md-sys-spacing-2)}.bookmark-track-row>.md-icon-button{width:36px;height:36px}.bookmark-track-row__meta{font-size:var(--md-sys-typescale-body-small-size);gap:4px}.bookmark-time-badge{padding-inline:6px}.bookmark-time-badge .material-icon,.bookmark-format-divider,.bookmark-track-row__meta .format-badge{display:none}.bookmark-track-row .artwork--small{width:48px;height:48px}.track-row__number,.track-row__duration{display:none}.mini-player{left:var(--md-sys-spacing-3);right:var(--md-sys-spacing-3);border-radius:var(--md-sys-shape-corner-extra-large);min-height:152px;bottom:92px}.mini-player__open{min-height:64px;padding-left:var(--md-sys-spacing-3);column-gap:var(--md-sys-spacing-3);grid-template-rows:auto auto;grid-template-columns:48px minmax(0,1fr);row-gap:2px;display:grid}.mini-player__track{grid-area:1/2;width:auto}.mini-player__track small,.mini-player__cue small{display:none}.mini-player__cue{border-left:0;grid-area:2/2;width:100%;padding:0}.mini-player>.mini-countdown{min-height:28px;padding-inline:7px}.mini-player>.mini-countdown .material-icon{font-size:18px}.transport--compact{padding-inline:var(--md-sys-spacing-2)}.mini-player .artwork--small{grid-area:1/1/3;width:48px;height:48px}.full-player__topbar{min-height:64px;padding:0 var(--md-sys-spacing-3)}.full-player__body{display:block}.full-player__details{padding:var(--md-sys-spacing-4)}.artwork--large{width:min(72vw,280px)}.track-title-block h2{font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line)}.player-options{flex-wrap:wrap}.transcript-panel{min-height:70vh;padding:var(--md-sys-spacing-4)}.transcript-cue{padding:var(--md-sys-spacing-2) var(--md-sys-spacing-3);grid-template-columns:44px 1fr 24px}.transcript-cue.is-active>span:not(.material-icon){font-size:1.1rem;line-height:1.5rem}.modal-backdrop{place-items:end center;padding:0}.settings-sheet{padding:var(--md-sys-spacing-4) var(--md-sys-spacing-6) calc(var(--md-sys-spacing-6) + env(safe-area-inset-bottom));border-radius:var(--md-sys-shape-corner-extra-large) var(--md-sys-shape-corner-extra-large) 0 0}.sheet-grabber{width:32px;height:4px;margin:0 auto var(--md-sys-spacing-4);border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-on-surface-variant);opacity:.4;display:block}.settings-control{flex-direction:column;align-items:flex-start}.settings-control .m3-select{width:100%}.toast{bottom:96px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}@media (forced-colors:active){.nav-item.is-active,.filter-chip.is-selected,.track-row.is-current,.transcript-cue.is-active{outline:2px solid canvastext}}