/* 13 Nov 2026: favourites, auto-scroll player, stage (full screen) mode, countdown and offline badge. Shared by MCR and BABYMONSTER readers. */
@media(min-width:651px){.playlist-switch.has-fav{grid-template-columns:repeat(3,minmax(0,1fr))}.playlist-switch.single-playlist.has-fav{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}
.song-row{position:relative}
.fav-toggle{flex:0 0 40px;align-self:center;height:40px;border-radius:12px;font-size:17px;line-height:1;color:var(--muted);opacity:.65}
.fav-toggle:hover,.fav-toggle:focus-visible{opacity:1;color:var(--ink)}
.fav-toggle.on{color:var(--accent);opacity:1}
@media(max-width:650px){.split-layout .fav-toggle{position:absolute;top:2px;right:0;width:28px;height:28px;flex:none;font-size:13px}}
.reader-fav.on{color:var(--accent);border-color:var(--accent)!important}
.stage-toggle[aria-pressed="true"]{background:var(--accent);border-color:var(--accent)!important;color:#fff}
.show-countdown{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;background:var(--soft);color:var(--ink)!important;font-weight:700;font-size:10px!important;letter-spacing:.6px!important;text-transform:uppercase}
.show-countdown:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}
.offline-ready{display:flex;align-items:center;flex:0 0 auto;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius-control);font-size:11px;font-weight:600;color:#8fd3a8;white-space:nowrap}
@media(max-width:650px){.offline-ready{padding:0 9px;font-size:0}.offline-ready:before{content:'✓';font-size:15px}}
/* auto-scroll player */
.auto-player{display:flex;align-items:center;gap:10px;padding:6px 24px 8px;border-bottom:1px solid var(--line);flex-shrink:0}
.auto-player[hidden]{display:none}
.auto-play{flex:0 0 44px;height:44px;border-radius:50%;background:var(--accent);color:#fff;font-size:15px;font-weight:700;display:grid;place-items:center;border:0}
.auto-play[aria-pressed="true"]{background:var(--ink);color:var(--bg)}
.auto-time{font:600 11px/1 'DM Sans',Arial,sans-serif;color:var(--muted);font-variant-numeric:tabular-nums;min-width:34px;text-align:center}
.auto-player input[type=range]{flex:1;min-width:60px;accent-color:var(--accent);height:24px;margin:0}
.auto-speed{display:flex;align-items:center;gap:4px;flex-shrink:0}
.auto-speed button{width:34px;height:34px;border:1px solid var(--line);border-radius:10px;font-size:16px;line-height:1}
.auto-speed span{min-width:36px;text-align:center;font-size:11px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.auto-note{flex-basis:100%;margin:-2px 0 0;font-size:10px;color:var(--muted)}
@media(max-width:650px){.split-layout .auto-player{padding:5px 8px 6px;gap:6px;flex-wrap:wrap}.split-layout .auto-player input[type=range]{order:5;flex-basis:100%}.split-layout .auto-play{flex-basis:40px;height:40px}.split-layout .auto-time{min-width:30px}}
/* BABYMONSTER lyric view toggle */
.view-toggle{display:flex;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-right:4px}
.type-controls .view-toggle button{border:0!important;border-radius:0!important;min-width:0!important;padding:0 10px;font-size:11px!important;color:var(--muted)}
.type-controls .view-toggle button[aria-pressed="true"]{background:var(--soft);color:var(--ink);font-weight:700}
body.view-hangul .lyric-pronunciation{display:none}
body.view-say .lyric-line:has(.lyric-pronunciation) .lyric-original{display:none}
body.view-say .lyric-line .lyric-pronunciation{margin-top:0;font-size:1em;color:inherit!important}
@media(max-width:650px){.type-controls .view-toggle button{padding:0 7px;font-size:10px!important}.split-layout .reader-tools{flex-wrap:wrap;justify-content:flex-end;gap:4px}}
/* stage mode: lyrics only */
body.stage-mode .masthead,body.stage-mode .community-ticker,body.stage-mode .global-search,body.stage-mode .library,body.stage-mode .site-footer,body.stage-mode .skip-link{display:none!important}
body.stage-mode{overflow:hidden}
body.stage-mode .workspace{display:flex!important;width:100%!important;max-width:none!important;height:100dvh!important;min-height:0!important;margin:0!important;border:0!important;border-radius:0!important}
body.stage-mode .reader{display:flex!important;flex:1;height:100dvh!important;padding-top:env(safe-area-inset-top)}
body.stage-mode .reader-scroll{padding-inline:max(24px,6vw)}
.playlist-switch button>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:650px){.reader-tools .type-controls{flex-wrap:wrap;justify-content:flex-end;row-gap:6px}.type-controls .view-toggle{order:-1;flex:1 1 100%;margin:0}.type-controls .view-toggle button{flex:1;height:34px!important}}