@media (width<=1023px){.lyric-video-card[data-astro-cid-ar6462dz]:not(.is-details){box-shadow:none;backdrop-filter:none;background:0 0;border:0;border-radius:16px;padding:0}.lyric-video-heading[data-astro-cid-ar6462dz]{display:none}}.lyric-reader-frame{display:contents}@media (width>=1024px){html:has(.lyric-detail-page),body:has(.lyric-detail-page){overflow:hidden}.lyric-detail-page{height:var(--lyric-desktop-height,calc(100dvh - 140px));min-height:0;overflow:hidden}.lyric-detail-page>nav{flex-shrink:0}.lyric-detail-grid{flex:1;min-height:0;overflow:hidden}.lyric-detail-main,.lyric-detail-main>astro-island{flex-direction:column;height:100%;min-height:0;display:flex}.lyric-reader{flex:1;min-height:0;overflow:hidden}.lyric-reader-toolbar{flex-shrink:0;position:relative;top:auto}.lyric-reader-frame{background:var(--surface-app);border:1px solid color-mix(in srgb, var(--text-main) 10%, transparent);border-radius:1rem;flex:1;min-height:0;padding:8px 4px;display:flex;overflow:hidden}.lyric-reader-content{box-shadow:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;padding-block:12px;padding-inline:16px}.lyric-reader-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;min-height:0;overflow-y:auto}.lyric-sync-lines{max-height:none;overflow:visible}.lyric-detail-media{overscroll-behavior:contain;height:100%;min-height:0;position:relative;top:auto;overflow-y:auto}}.lyric-mobile-title,.lyric-mobile-details,.lyric-mobile-options-toggle,.lyric-reader-mobile-actions{display:none}.lyric-sync-lines{--lyric-active-color:color-mix(in oklab, var(--primary) 60%, var(--text-main))}.lyric-sync-line.is-active{background:color-mix(in srgb, var(--lyric-active-color) 14%, var(--surface-app));border:1px solid color-mix(in srgb, var(--lyric-active-color) 35%, transparent);border-left:4px solid var(--lyric-active-color);opacity:1}.lyric-sync-line.is-active p{color:var(--lyric-active-color)}.lyric-sync-line.is-active .lyric-sync-time{background:var(--lyric-active-color);color:var(--bg-app)}.lyric-sync-line.is-past{opacity:.6}.lyric-sync-line.is-upcoming{opacity:.9}.lyric-sync-line:hover{opacity:1}.lyric-sync-line:has(:focus-visible){outline:2px solid var(--primary);outline-offset:2px}.lyric-reader-options{display:contents}.lyric-reader-toolbar :is(button,a){white-space:nowrap;border-radius:8px;height:30px;min-height:30px;padding-block:0}.lyric-reader-toolbar .lyric-toolbar-segment{border-radius:8px;height:30px;min-height:30px;padding:2px}.lyric-reader-toolbar .lyric-toolbar-segment button{border-radius:5px;height:24px;min-height:24px}.lyric-toolbar-separator{display:none}@media (width>=1024px){.lyric-toolbar-separator{background:color-mix(in srgb, var(--text-main) 14%, transparent);align-self:stretch;width:1px;display:block}}.lyric-recenter-slot{flex-shrink:0;place-items:center;width:30px;height:30px;display:inline-grid}.lyric-recenter-button{width:30px;height:30px;color:var(--text-contrast);background:var(--surface-app);border:1px solid color-mix(in srgb, var(--text-main) 12%, transparent);cursor:pointer;border-radius:8px;place-items:center;display:grid}.lyric-recenter-button[data-needs-recenter=true]{color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, var(--surface-app));border-color:color-mix(in srgb, var(--primary) 40%, transparent)}.lyric-recenter-button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (width<=1023px){html:has(.lyric-detail-page),body:has(.lyric-detail-page){overscroll-behavior:none;overflow:hidden}.lyric-detail-page{inset:var(--layout-navbar-height,var(--navbar-height,54px)) 0 0;padding:8px 12px max(8px, env(safe-area-inset-bottom));background:var(--bg-app);gap:0;min-height:0;position:fixed}.lyric-desktop-header,.lyric-desktop-details{display:none}.lyric-detail-grid{flex-direction:column;flex:1;gap:0;min-height:0;display:flex}.lyric-detail-media{flex:none;order:-1}.lyric-detail-media .aspect-video{max-height:30dvh;margin-inline:auto}.lyric-detail-main,.lyric-detail-main>astro-island{flex-direction:column;flex:1;gap:0;width:100%;min-height:0;display:flex}.lyric-reader{flex:1;gap:0;min-height:0}.lyric-mobile-title{text-align:center;flex-shrink:0;margin:0;padding:10px 4px 6px;font-size:17px;font-weight:700;line-height:1.3;display:block}.lyric-reader-toolbar{box-shadow:none;background:var(--bg-app);backdrop-filter:none;border:0;border-radius:0;flex-shrink:0;justify-content:center;gap:8px;padding:6px;position:relative;top:auto}.lyric-mobile-options-toggle{width:30px;height:30px;color:var(--text-main);background:var(--surface-app);border:1px solid color-mix(in srgb, var(--text-main) 12%, transparent);border-radius:8px;place-items:center;display:grid}.lyric-reader-options{display:none}.lyric-reader-options.is-open{background:var(--surface-app);width:max-content;max-width:calc(100vw - 32px);max-height:45dvh;color:var(--text-main);border:1px solid color-mix(in srgb, var(--text-main) 12%, transparent);z-index:30;border-radius:16px;flex-direction:column;gap:12px;padding:12px;display:flex;position:absolute;top:calc(100% + 4px);left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 10px 30px #0002}.lyric-reader-options>div{flex-wrap:wrap}.lyric-reader-options .lyric-reader-secondary{display:none}.lyric-reader-mobile-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px;padding-inline:8px;display:flex}.lyric-mode-switch button{padding-inline:8px;font-size:11px}.lyric-reader-options.is-open{align-items:center}.lyric-reader-options>div{justify-content:center}.lyric-reader-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;min-height:0;padding-bottom:12px;overflow-y:auto}.lyric-reader-content{box-shadow:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;padding:8px 0}.lyric-sync-lines{scroll-behavior:auto;max-height:none;overflow:visible}.lyric-mobile-details{border-top:1px solid color-mix(in srgb, var(--text-main) 12%, transparent);margin-top:20px;padding-top:16px;display:block}}@media (width<=360px){.lyric-reader-toolbar{gap:4px}.lyric-reader-toolbar>div:first-child button{padding-inline:5px;font-size:10px}.lyric-recenter-slot,.lyric-recenter-button,.lyric-mobile-options-toggle{width:30px}.lyric-reader-toolbar>div:first-child button svg{display:none}}@media (width<=1023px) and (orientation:landscape){.lyric-detail-media .aspect-video{max-height:28dvh}.lyric-mobile-title{padding-block:4px;font-size:15px}}