@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:#d84374;--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:#ffd8e4;--md-sys-color-on-primary-container:#3d001d;--md-sys-color-secondary:#7b5364;--md-sys-color-on-secondary:#fff;--md-sys-color-secondary-container:#ffd8e5;--md-sys-color-on-secondary-container:#301120;--md-sys-color-tertiary:#8c4e68;--md-sys-color-on-tertiary:#fff;--md-sys-color-tertiary-container:#ffdae7;--md-sys-color-on-tertiary-container:#3a0723;--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:#fff8f9;--md-sys-color-on-background:#21181b;--md-sys-color-surface:#fff8f9;--md-sys-color-on-surface:#21181b;--md-sys-color-surface-variant:#f4dddf;--md-sys-color-on-surface-variant:#524346;--md-sys-color-outline:#847376;--md-sys-color-outline-variant:#d7c2c5;--md-sys-color-shadow:#000;--md-sys-color-scrim:#000;--md-sys-color-inverse-surface:#372d30;--md-sys-color-inverse-on-surface:#fcede0;--md-sys-color-inverse-primary:#ffb0c8;--md-sys-color-surface-dim:#e7d6d8;--md-sys-color-surface-bright:#fff8f9;--md-sys-color-surface-container-lowest:#fff;--md-sys-color-surface-container-low:#fff0f2;--md-sys-color-surface-container:#fae6e9;--md-sys-color-surface-container-high:#f5e0e4;--md-sys-color-surface-container-highest:#efdadf;--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)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--md-sys-color-primary:#d84374;--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:#ffd8e4;--md-sys-color-on-primary-container:#3d001d;--md-sys-color-secondary:#7b5364;--md-sys-color-on-secondary:#fff;--md-sys-color-secondary-container:#ffd8e5;--md-sys-color-on-secondary-container:#301120;--md-sys-color-tertiary:#8c4e68;--md-sys-color-on-tertiary:#fff;--md-sys-color-tertiary-container:#ffdae7;--md-sys-color-on-tertiary-container:#3a0723;--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:#fff8f9;--md-sys-color-on-background:#21181b;--md-sys-color-surface:#fff8f9;--md-sys-color-on-surface:#21181b;--md-sys-color-surface-variant:#f4dddf;--md-sys-color-on-surface-variant:#524346;--md-sys-color-outline:#847376;--md-sys-color-outline-variant:#d7c2c5;--md-sys-color-shadow:#000;--md-sys-color-scrim:#000;--md-sys-color-inverse-surface:#372d30;--md-sys-color-inverse-on-surface:#fcede0;--md-sys-color-inverse-primary:#ffb0c8;--md-sys-color-surface-dim:#e7d6d8;--md-sys-color-surface-bright:#fff8f9;--md-sys-color-surface-container-lowest:#fff;--md-sys-color-surface-container-low:#fff0f2;--md-sys-color-surface-container:#fae6e9;--md-sys-color-surface-container-high:#f5e0e4;--md-sys-color-surface-container-highest:#efdadf}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--md-sys-color-primary:#ffb0c8;--md-sys-color-on-primary:#5b1134;--md-sys-color-primary-container:#792a4a;--md-sys-color-on-primary-container:#ffd8e4;--md-sys-color-secondary:#e5bdcd;--md-sys-color-on-secondary:#442635;--md-sys-color-secondary-container:#5f3c4c;--md-sys-color-on-secondary-container:#ffd8e5;--md-sys-color-tertiary:#ffb0cf;--md-sys-color-on-tertiary:#541d38;--md-sys-color-tertiary-container:#70334f;--md-sys-color-on-tertiary-container:#ffdae7;--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:#191113;--md-sys-color-on-background:#efdadf;--md-sys-color-surface:#191113;--md-sys-color-on-surface:#efdadf;--md-sys-color-surface-variant:#524346;--md-sys-color-on-surface-variant:#d7c2c5;--md-sys-color-outline:#9f8c90;--md-sys-color-outline-variant:#524346;--md-sys-color-shadow:#000;--md-sys-color-scrim:#000;--md-sys-color-inverse-surface:#efdadf;--md-sys-color-inverse-on-surface:#372d30;--md-sys-color-inverse-primary:#d84374;--md-sys-color-surface-dim:#191113;--md-sys-color-surface-bright:#413739;--md-sys-color-surface-container-lowest:#140c0e;--md-sys-color-surface-container-low:#22191c;--md-sys-color-surface-container:#261d20;--md-sys-color-surface-container-high:#31272b;--md-sys-color-surface-container-highest:#3c3236}.format-badge{border-radius:var(--md-sys-shape-corner-full);min-height:22px;font-size:var(--md-sys-typescale-label-small-size);letter-spacing:.06em;text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:nowrap;justify-content:center;align-items:center;padding:2px 10px;font-weight:700;line-height:1;display:inline-flex}.format-badge--primary{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.format-badge--secondary{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.format-badge--tertiary{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.format-badge--outline{border:1px solid var(--md-sys-color-outline);color:var(--md-sys-color-on-surface-variant)}*{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{outline:3px solid var(--md-sys-color-primary);outline-offset:2px;border-radius:inherit}input:focus,input:focus-visible,select:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--md-sys-color-primary), transparent 75%)!important;outline:none!important}.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__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.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{width:44px;height:44px;box-shadow:none;transition:transform var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-emphasized);background:0 0;flex:0 0 44px;justify-content:center;align-items:center;display:flex}.brand:hover .brand__mark{transform:scale(1.08)rotate(-3deg)}.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:auto;height:auto;margin-bottom:var(--md-sys-spacing-2);box-shadow:none;background:0 0;border-radius:0;place-items:center;display:grid}.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%;min-width:0;height:100%;color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-body-large-size);appearance:none;flex:1;box-shadow:none!important;background:0 0!important;border:0!important;outline:0!important}.search-field input::-webkit-search-decoration{display:none}.search-field input::-webkit-search-cancel-button{display:none}.search-field input::-webkit-search-results-button{display:none}.search-field input::-webkit-search-results-decoration{display:none}.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)}.format-badge{height:22px;padding:0 var(--md-sys-spacing-2);border-radius:var(--md-sys-shape-corner-full);font-size:var(--md-sys-typescale-label-small-size);letter-spacing:.04em;white-space:nowrap;-webkit-user-select:none;user-select:none;box-shadow:0 1px 3px color-mix(in srgb, var(--md-sys-color-shadow), transparent 85%);transition:all var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);justify-content:center;align-items:center;font-weight:700;line-height:1;display:inline-flex}.format-badge--primary{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border:1px solid color-mix(in srgb, var(--md-sys-color-primary), transparent 70%)}.format-badge--secondary{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border:1px solid var(--md-sys-color-outline-variant)}.format-badge--tertiary{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container);border:1px solid color-mix(in srgb, var(--md-sys-color-tertiary), transparent 75%);box-shadow:0 2px 6px color-mix(in srgb, var(--md-sys-color-tertiary), transparent 80%)}.format-badge--outline{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);border:1px solid var(--md-sys-color-outline)}.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-surface-container-high);min-height:152px;color:var(--md-sys-color-on-surface);border:1px solid var(--md-sys-color-outline-variant);box-shadow:0 12px 32px color-mix(in srgb, var(--md-sys-color-shadow), transparent 70%);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-primary)}.mini-player__cue{min-width:0;padding-left:var(--md-sys-spacing-4);border-left:1px solid var(--md-sys-color-outline-variant);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-primary) var(--progress), var(--md-sys-color-surface-container-highest) 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-primary);width:12px;height:12px}.mini-player__range::-moz-range-thumb{border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary);border:0;width:12px;height:12px}.mini-countdown{z-index:3;top:var(--md-sys-spacing-2);right:var(--md-sys-spacing-2);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-primary), transparent 60%);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);font-size:var(--md-sys-typescale-label-medium-size);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;font-weight:700;display:flex;position:absolute;overflow:hidden}.mini-countdown__timer-bar{background:var(--md-sys-color-primary);border-radius:99px;height:3px;transition:width .35s linear;position:absolute;top: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-on-surface-variant)}.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%}.material-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}.material-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)}.material-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)}.material-range::-moz-range-thumb{border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary);border:0;width:16px;height:16px}.material-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 8px color-mix(in srgb, var(--md-sys-color-primary), transparent 80%)}.material-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 8px color-mix(in srgb, var(--md-sys-color-primary), transparent 80%)}.progress-range{margin:16px 0 8px}.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}.m3-select{z-index:1;display:inline-block;position:relative}.m3-select.is-open{z-index:1000!important}.m3-select__trigger{height:44px;padding:0 var(--md-sys-spacing-3);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-full);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-label-large-size);cursor:pointer;white-space:nowrap;transition:all var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);font-weight:500;display:inline-flex}.m3-select__trigger:hover{background:var(--md-sys-color-surface-container-highest);border-color:var(--md-sys-color-outline)}.m3-select.is-open .m3-select__trigger{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-surface-container-highest)}.m3-select__chevron{transition:transform var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);font-size:20px}.m3-select.is-open .m3-select__chevron{transform:rotate(180deg)}.m3-select__menu{z-index:100;min-width:120px;max-height:240px;padding:var(--md-sys-spacing-1) 0;border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-surface-container-highest);border:1px solid var(--md-sys-color-outline-variant);box-shadow:0 8px 24px color-mix(in srgb, var(--md-sys-color-shadow), transparent 60%);animation:select-menu-in var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);margin:0;list-style:none;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto}.m3-select__item{height:40px;padding:0 var(--md-sys-spacing-4);justify-content:space-between;align-items:center;gap:var(--md-sys-spacing-2);color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-body-medium-size);cursor:pointer;white-space:nowrap;display:flex}.m3-select__item:hover{background:color-mix(in srgb, var(--md-sys-color-primary), transparent 90%)}.m3-select__item.is-selected{color:var(--md-sys-color-primary);font-weight:700}.player-options{z-index:20;justify-content:center;align-items:center;width:100%;position:relative;gap:var(--md-sys-spacing-3)!important;flex-flow:row!important;display:flex!important;overflow:visible!important}.speed-select-wrap{z-index:25;align-items:center;display:flex;position:relative;flex:none!important;overflow:visible!important}.speed-select-wrap .m3-select__trigger{height:44px;padding:0 var(--md-sys-spacing-3)}.subtitle-picker-button{min-width:0;max-width:280px;height:44px;min-height:44px;padding:0 var(--md-sys-spacing-3);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-full);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-label-large-size);cursor:pointer;transition:all var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);flex:auto;font-weight:500;display:flex;overflow:hidden}.subtitle-picker-button:hover{background:var(--md-sys-color-surface-container-highest);border-color:var(--md-sys-color-outline)}.subtitle-picker-button__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.subtitle-search-field{height:48px;min-height:48px;margin-top:0!important}.search-field__clear{width:32px;height:32px;color:inherit;cursor:pointer;background:0 0;border-radius:9999px;place-items:center;display:grid}.modal-backdrop{z-index:1000;padding:var(--md-sys-spacing-4);background:color-mix(in srgb, var(--md-sys-color-scrim,#000), transparent 45%);-webkit-backdrop-filter:blur(8px);animation:backdrop-fade-in var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-linear);place-items:center;display:grid;position:fixed;inset:0}@keyframes backdrop-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-pop-in{0%{opacity:0;transform:scale(.92)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.subtitle-picker-modal{width:min(100%,560px);max-height:min(640px,85vh);padding:var(--md-sys-spacing-6);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 24px 48px color-mix(in srgb, var(--md-sys-color-shadow), transparent 60%);animation:modal-pop-in var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-emphasized-decelerate);flex-direction:column;display:flex;position:relative;overflow:hidden}.subtitle-picker-modal__heading{margin-bottom:var(--md-sys-spacing-4);justify-content:space-between;align-items:center;display:flex}.subtitle-picker-modal__heading h2{font-size:var(--md-sys-typescale-headline-small-size);font-weight:600}.subtitle-picker-list{min-height:0;margin-top:var(--md-sys-spacing-4);overscroll-behavior:contain;gap:var(--md-sys-spacing-2);flex-direction:column;flex:1;display:flex;overflow-y:auto}.subtitle-picker-item{width:100%;min-height:52px;padding:var(--md-sys-spacing-3) var(--md-sys-spacing-4);justify-content:space-between;align-items:center;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);cursor:pointer;text-align:left;transition:all var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);border:1px solid #0000;display:flex}.subtitle-picker-item:hover{background:var(--md-sys-color-surface-container-highest)}.subtitle-picker-item.is-active{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-color:var(--md-sys-color-primary)}.subtitle-picker-item__info{align-items:center;gap:var(--md-sys-spacing-3);flex:1;min-width:0;display:flex}.subtitle-picker-item__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.subtitle-picker-item__info .format-badge{flex-shrink:0}.subtitle-picker-item__check{color:var(--md-sys-color-primary);flex-shrink:0}.subtitle-picker-empty{padding:var(--md-sys-spacing-8) 0;align-items:center;gap:var(--md-sys-spacing-3);color:var(--md-sys-color-on-surface-variant);flex-direction:column;display:flex}@media (width<=600px){.modal-backdrop{align-items:flex-end;padding:0}.subtitle-picker-modal{width:100%;max-height:85vh;padding:var(--md-sys-spacing-4) var(--md-sys-spacing-4) 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;animation:sheet-slide-up var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-emphasized-decelerate)}@keyframes sheet-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.bookmark-panel{width:100%;max-height:min(360px,40vh);padding:var(--md-sys-spacing-4) var(--md-sys-spacing-4) 0;overscroll-behavior:contain;border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container);transition:max-height .35s cubic-bezier(.2,0,0,1);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__toggle{align-items:center;gap:var(--md-sys-spacing-2);cursor:pointer;color:inherit;font:inherit;text-align:left;border-radius:var(--md-sys-shape-corner-small);transition:opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);background:0 0;border:none;margin:0;padding:0;display:inline-flex}.bookmark-panel__toggle:hover{opacity:.8}.bookmark-panel__toggle>span{flex-direction:column;display:flex}.bookmark-panel__toggle .material-icon{color:var(--md-sys-color-on-surface-variant);font-size:20px;transition:transform .35s cubic-bezier(.2,0,0,1)}.bookmark-panel__heading>span{flex-direction:column;display:flex}.bookmark-panel__content-wrapper{opacity:1;grid-template-rows:1fr;transition:grid-template-rows .35s cubic-bezier(.2,0,0,1),opacity .3s cubic-bezier(.2,0,0,1);display:grid;overflow:hidden}.bookmark-panel.is-collapsed .bookmark-panel__content-wrapper{opacity:0;grid-template-rows:0fr}.bookmark-panel__content-inner{min-height:0;overflow:hidden}.track-list-wrapper{opacity:1;grid-template-rows:1fr;transition:grid-template-rows .35s cubic-bezier(.2,0,0,1),opacity .3s cubic-bezier(.2,0,0,1);display:grid;overflow:hidden}.track-list-wrapper.is-collapsed{opacity:0;grid-template-rows:0fr}.track-list-wrapper__inner{min-height:0;overflow:hidden}.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;min-height:42px;padding:0 var(--md-sys-spacing-4);background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-body-medium-size);box-sizing:border-box;transition:all var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);flex:1;font-weight:500;border:2px solid var(--md-sys-color-primary)!important;appearance:none!important;border-radius:9999px!important;outline:none!important}.bookmark-edit-input:focus,.bookmark-edit-input:focus-visible{background:var(--md-sys-color-surface-container-lowest);border-color:var(--md-sys-color-primary)!important;box-shadow:0 0 0 3px color-mix(in srgb, var(--md-sys-color-primary), transparent 75%)!important;border-radius:9999px!important;outline:none!important}.bookmark-edit-input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.7}.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) var(--md-sys-spacing-6) 0;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-wrapper{opacity:0;flex:none;grid-template-rows:0fr;margin-top:0;margin-bottom:0;transition:grid-template-rows .35s cubic-bezier(.2,0,0,1),opacity .35s cubic-bezier(.2,0,0,1),margin .35s cubic-bezier(.2,0,0,1),transform .35s cubic-bezier(.2,0,0,1);display:grid;overflow:hidden;transform:translateY(-8px)}.countdown-card-wrapper.is-visible{opacity:1;margin-top:var(--md-sys-spacing-2);margin-bottom:var(--md-sys-spacing-3);grid-template-rows:1fr;transform:translateY(0)}.countdown-card-wrapper__inner{min-height:0;overflow:hidden}.countdown-card{min-height:56px;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);grid-template-columns:32px 1fr auto;margin:0;display:grid;position:relative;overflow:hidden}.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}.progress-row{align-items:center;gap:var(--md-sys-spacing-3);width:100%;display:flex}.volume-control-inline{align-items:center;gap:var(--md-sys-spacing-1);flex-shrink:0;width:min(100%,200px);min-height:32px;display:flex}.volume-control-inline .md-icon-button{flex:0 0 32px;width:32px;height:32px}.volume-control-inline .material-icon{font-size:20px}.volume-range-inline{flex:1;min-width:80px;height:4px}.volume-range-inline::-webkit-slider-thumb{width:12px;height:12px}.volume-range-inline::-moz-range-thumb{width:12px;height:12px}.volume-range-inline:hover::-webkit-slider-thumb{box-shadow:0 0 0 6px color-mix(in srgb, var(--md-sys-color-primary), transparent 84%)}.volume-range-inline:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 6px color-mix(in srgb, var(--md-sys-color-primary), transparent 84%)}.volume-range-inline:focus-visible::-moz-range-thumb{box-shadow:0 0 0 6px color-mix(in srgb, var(--md-sys-color-primary), transparent 84%)}.lyrics-row{cursor:default;grid-template-columns:32px 44px minmax(0,1fr) auto 40px;display:grid}.lyrics-row__icon{border-radius:var(--md-sys-shape-corner-medium);width:40px;height:40px;color:var(--md-sys-color-on-tertiary-container);background:var(--md-sys-color-tertiary-container);place-items:center;display:grid}.lyrics-row .track-row__meta>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.transcript-scroll-frame{flex:1;min-height:0;position:relative;overflow:hidden}.transcript-scroll{--transcript-fade-size:24px;overscroll-behavior:contain;height:100%;padding-right:var(--md-sys-spacing-2);padding-top:var(--md-sys-spacing-4);padding-bottom:var(--md-sys-spacing-4);-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 var(--transcript-fade-size), #000 calc(100% - var(--transcript-fade-size)), transparent 100%);-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 var(--transcript-fade-size), #000 calc(100% - var(--transcript-fade-size)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, #000 var(--transcript-fade-size), #000 calc(100% - var(--transcript-fade-size)), transparent 100%);scroll-padding-block:40px;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}.settings-author-card{margin-top:var(--md-sys-spacing-4);padding:var(--md-sys-spacing-4);justify-content:space-between;align-items:center;gap:var(--md-sys-spacing-3);border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);display:flex}.settings-author-card__info{gap:var(--md-sys-spacing-1);flex-direction:column;display:flex}.settings-author-title{align-items:center;gap:var(--md-sys-spacing-2);display:flex}.settings-author-card__info strong{font-size:var(--md-sys-typescale-title-medium-size);color:var(--md-sys-color-on-surface);font-weight:700}.settings-author-card__info small{font-size:var(--md-sys-typescale-body-small-size);color:var(--md-sys-color-on-surface-variant)}.settings-author-card__actions{align-items:center;gap:var(--md-sys-spacing-3);display:flex}.commit-tag{border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container);font-size:var(--md-sys-typescale-label-medium-size);align-items:center;gap:4px;padding:6px 12px;font-family:monospace;display:inline-flex}.commit-tag code{font-family:inherit;font-weight:700}.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) var(--md-sys-spacing-6) 0;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{height:32px;min-height:32px;padding:0 var(--md-sys-spacing-3);justify-content:center;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;line-height:1;display:inline-flex}.mobile-tab-btn>span{align-items:center;line-height:1;display:inline-flex}.mobile-tab-btn>span:last-child{transform:translateY(-1px)}.mobile-tab-btn .material-icon{font-size:18px;line-height:1}.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}.transcript-panel{padding-bottom:var(--md-sys-spacing-4)}.mini-player{display:flex}.transcript-panel .mini-player{margin-bottom:var(--md-sys-spacing-4)}.mini-player>.mini-countdown{right:var(--md-sys-spacing-4);bottom:auto}.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:0!important;display:block!important}.mobile-lyrics-preview{width:100%;height:auto;min-height:196px;padding:var(--md-sys-spacing-2) var(--md-sys-spacing-4) var(--md-sys-spacing-5);background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container);box-shadow:0 4px 16px color-mix(in srgb, var(--md-sys-color-shadow), transparent 90%);box-sizing:border-box;flex-direction:column;display:flex;border-radius:var(--md-sys-shape-corner-extra-large)!important;clip-path:inset(0 round 28px)!important;overflow:hidden!important}.mobile-lyrics-preview__heading{width:100%;min-height:40px;color:inherit;cursor:pointer;font-size:var(--md-sys-typescale-title-medium-size);flex-shrink:0;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{height:auto;min-height:112px;padding-top:var(--md-sys-spacing-3);padding-bottom:var(--md-sys-spacing-1);justify-content:center;gap:var(--md-sys-spacing-2);box-sizing:border-box;flex-direction:column;flex:1;display:flex}.mobile-lyrics-preview__lines button{width:100%;color:inherit;cursor:pointer;text-align:left;white-space:normal;word-break:break-word;overflow-wrap:anywhere;font-size:var(--md-sys-typescale-title-medium-size);opacity:.68;transition:opacity var(--md-sys-motion-duration-medium1) var(--md-sys-motion-easing-standard), font-size var(--md-sys-motion-duration-medium1) var(--md-sys-motion-easing-standard);font-weight:500;line-height:1.4;overflow:visible;transform:none}.mobile-lyrics-preview__lines button.is-previous{opacity:.6;font-size:var(--md-sys-typescale-body-medium-size);line-height:1.45}.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}.mobile-lyrics-preview__lines button.is-next{opacity:.6;font-size:var(--md-sys-typescale-body-medium-size);line-height:1.45}.mobile-lyrics-preview__lines p{margin:var(--md-sys-spacing-3) 0 0;opacity:.72}.mini-player.mini-player--embedded{z-index:2;inset:auto;bottom:var(--md-sys-spacing-4);width:min(100%,560px);min-height:152px;margin:var(--md-sys-spacing-3) auto var(--md-sys-spacing-4);flex:none;display:flex;position:sticky}.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{top:var(--md-sys-spacing-5);right:calc(240px - var(--md-sys-spacing-3));margin:0}}@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(4,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}.lyrics-row{grid-template-columns:40px minmax(0,1fr) 40px}.lyrics-row__icon,.lyrics-row>.format-badge{display:none}.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) var(--md-sys-spacing-4) 0}.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}}