@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');

:root { --ink:#15121c; --muted:#696475; --paper:#fbfaf8; --surface:#fff; --soft:#f0ecf7; --line:#e5e0ea; --purple:#7142d5; --purple-dark:#5130a7; --amber:#f6b746; --blue:#7bc8df; --shadow:0 18px 55px rgba(35,22,67,.10); font-family:"DM Sans",system-ui,sans-serif; color:var(--ink); background:var(--paper); }
:root[data-theme="dark"] { --ink:#f7f4ff; --muted:#b5adbf; --paper:#120f18; --surface:#1c1825; --soft:#282033; --line:#382f45; --purple:#b79aff; --purple-dark:#d3c2ff; --amber:#f9c967; --blue:#9bdeed; --shadow:0 18px 55px rgba(0,0,0,.25); }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;min-width:320px;background:var(--paper);color:var(--ink);font-size:16px;line-height:1.55} a{color:inherit;text-decoration:none} button,input{font:inherit} button{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;z-index:99;top:-5rem;left:1rem;background:var(--ink);color:var(--paper);padding:.7rem 1rem;border-radius:.5rem}.skip-link:focus{top:1rem}.site-header{height:76px;display:flex;align-items:center;gap:3rem;padding:0 clamp(1.25rem,5vw,5.6rem);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:.55rem;font-weight:700;font-size:1.14rem;letter-spacing:-.04em;white-space:nowrap}.brand>span:last-child>span{color:var(--purple)}.brand-mark{background:var(--purple);color:white;width:1.78rem;height:1.78rem;display:grid;place-items:center;border-radius:.55rem;font-size:1.15rem}.desktop-nav{display:flex;align-items:center;gap:1.8rem;margin-right:auto}.desktop-nav a,.mobile-nav a{color:var(--muted);font-size:.92rem;font-weight:600}.desktop-nav a:hover,.desktop-nav a.active{color:var(--purple)}.header-actions{display:flex;align-items:center;gap:.35rem;margin-left:auto}.icon-button,.language,.menu-button{border:0;background:transparent;color:var(--ink);width:2.3rem;height:2.3rem;border-radius:.6rem}.icon-button:hover,.language:hover{background:var(--soft)}.language{font-size:.7rem;font-weight:700;letter-spacing:.1em}.menu-button{display:none;padding:.45rem}.menu-button span:not(.sr-only){display:block;height:2px;background:currentColor;margin:.22rem}.mobile-nav{display:none}.view{display:none}.view.active{display:block}.hero-grid{min-height:calc(100vh - 76px);max-width:1320px;margin:auto;padding:clamp(3.5rem,9vw,8.5rem) clamp(1.25rem,5vw,5.6rem) 5rem;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:3rem}.eyebrow,.micro-label{margin:0 0: .55rem;font-size:.68rem;letter-spacing:.14em;font-weight:700;color:var(--purple)}.hero-copy h1,.page-hero h1,.guide-heading h1{font:700 clamp(3rem,6.5vw,6.3rem)/.96 "Playfair Display",Georgia,serif;letter-spacing:-.065em;margin:.1rem 0 1.5rem}.hero-copy h1 em{color:var(--purple)}.hero-text{max-width:31rem;color:var(--muted);font-size:1.13rem;margin:0 0 1.8rem}.hero-actions{display:flex;gap:1.25rem;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:.7rem;padding:.86rem 1.15rem;border-radius:.62rem;font-weight:700;font-size:.9rem;transition:.2s transform,.2s background}.button.primary{color:white;background:var(--purple);box-shadow:0 10px 25px color-mix(in srgb,var(--purple) 25%,transparent)}.button.primary:hover{background:var(--purple-dark);transform:translateY(-2px)}.button.primary span{font-size:1.1rem}.text-button{color:var(--muted);padding-inline:.1rem}.text-button:hover{color:var(--ink)}.trust-row{display:flex;gap:1.15rem;flex-wrap:wrap;color:var(--muted);font-size:.78rem;margin-top:2.15rem}.trust-row b{color:var(--purple);font-size:1.1rem;margin-right:.25rem}.hero-visual{position:relative;min-height:450px;display:grid;place-items:center}.orb{position:absolute;border-radius:50%;filter:blur(3px)}.orb-one{width:14rem;height:14rem;background:#a67dff;top:1rem;right:5%;opacity:.48}.orb-two{width:13rem;height:13rem;background:#f9d073;bottom:1rem;left:0;opacity:.46}.player-card{position:relative;width:min(100%,390px);padding:1.25rem;background:color-mix(in srgb,var(--surface) 83%,transparent);border:1px solid color-mix(in srgb,var(--surface) 90%,transparent);box-shadow:var(--shadow);backdrop-filter:blur(16px);border-radius:1.25rem;transform:rotate(2.5deg)}.cover-art{height:185px;border-radius:.82rem;display:grid;place-items:center}.sample-cover{background:linear-gradient(135deg,#ffcea3,#ed8f69 44%,#7553bf);color:#fff;text-align:center;font:700 1.25rem/1 "DM Mono",monospace;letter-spacing:.14em;text-shadow:0 2px 15px #5a2d63}.now-playing{display:grid;margin-top:1rem}.now-playing strong{font-size:1.07rem}.now-playing small{color:var(--muted)}.micro-label{font-size:.6rem;color:var(--muted);letter-spacing:.13em}.wave{height:31px;display:flex;gap:4px;align-items:center;margin:1rem 0}.wave i{display:block;width:4px;border-radius:2px;background:var(--purple);animation:wave 1s ease-in-out infinite}.wave i:nth-child(2n){height:85%;animation-delay:-.3s}.wave i:nth-child(3n){height:35%;animation-delay:-.6s}.wave i:nth-child(4n){height:64%;animation-delay:-.1s}.wave i:nth-child(5n){height:20%;animation-delay:-.4s}@keyframes wave{50%{transform:scaleY(.35)}}.lyric-window{font-size:.88rem;text-align:center;padding:.85rem;background:var(--soft);border-radius:.7rem}.lyric-window p{margin:.18rem}.muted-line{color:var(--muted)}.current-line{font-weight:700;color:var(--purple)}.scrubber{height:4px;background:var(--line);margin-top:1rem;border-radius:9px}.scrubber span{display:block;width:39%;height:100%;border-radius:inherit;background:var(--purple)}.three-doors{max-width:1320px;margin:0 auto;padding:0 clamp(1.25rem,5vw,5.6rem) 6rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.door{min-height:195px;border-radius:1rem;padding:1.35rem;display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:start;transition:.2s transform}.door:hover{transform:translateY(-4px)}.door.violet{background:#e9e0ff}.door.amber{background:#ffebbf}.door.blue{background:#d8f3fb}.door-icon{width:2.25rem;height:2.25rem;border-radius:.6rem;display:grid;place-items:center;font-size:1.2rem;background:rgba(255,255,255,.54)}.door small{font-weight:700;font-size:.6rem;letter-spacing:.12em}.door h2{font:700 1.45rem/1.1 "Playfair Display",Georgia,serif;margin:.35rem 0}.door p{color:#4d445b;font-size:.83rem;margin:0}.door-arrow{font-size:1.35rem}.how-it-works{background:var(--ink);color:var(--paper);padding:clamp(3.5rem,7vw,6rem) max(1.25rem,calc((100vw - 1140px)/2));display:grid;grid-template-columns:.9fr 1.1fr;gap:3rem}.how-it-works .eyebrow{color:#b99aff}.how-it-works h2,.featured-section h2,.match-section h2{font:700 clamp(2.25rem,4vw,3.8rem)/1 "Playfair Display",Georgia,serif;letter-spacing:-.05em;margin:.25rem 0}.how-it-works ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}.how-it-works li{border-top:1px solid #5c5368;padding-top:1rem}.how-it-works li span{color:#b99aff;font:500 .72rem "DM Mono",monospace}.how-it-works li b{display:block;font-size:1rem;margin:.75rem 0 .2rem}.how-it-works li p{font-size:.83rem;color:#c6c0cd;margin:0}.featured-section,.library-shell,.format-grid,.match-section,.player-index,.guide-view{max-width:1140px;margin:0 auto;padding-left:1.25rem;padding-right:1.25rem}.featured-section{padding-top:6rem;padding-bottom:6rem}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:2rem}.section-heading h2{margin:0}.inline-link,.back-link{color:var(--purple);font-weight:700;font-size:.86rem}.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.featured-card{display:grid;grid-template-columns:88px 1fr;gap:1rem;padding:1rem;border:1px solid var(--line);border-radius:1rem;background:var(--surface)}.small-cover,.cover-placeholder{display:grid;place-items:center;background:linear-gradient(145deg,#e9ddff,#ffdab4);color:#6f46be;border-radius:.7rem;font-size:1.65rem;min-height:88px}.featured-card h3{margin:0;font-size:.98rem}.featured-card p{margin:.2rem 0;color:var(--muted);font-size:.8rem}.featured-card a{font-size:.8rem;color:var(--purple);font-weight:700}.loading-card{padding:2rem;color:var(--muted);border:1px dashed var(--line);border-radius:1rem}.page-hero{max-width:1140px;margin:0 auto;padding:clamp(4rem,9vw,8rem) 1.25rem 3.5rem}.page-hero h1{font-size:clamp(3rem,6.3vw,5.5rem);max-width:650px}.page-hero>p:last-child{max-width:590px;color:var(--muted);font-size:1.1rem}.library-hero{padding-bottom:2.2rem}.search-bar{display:flex;align-items:center;gap:.8rem;background:var(--surface);border:1px solid var(--line);border-radius:.75rem;padding:.3rem 1rem;box-shadow:0 7px 22px rgba(0,0,0,.035)}.search-bar span{font-size:1.25rem;color:var(--purple)}.search-bar input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);padding:.7rem 0;font-size:1rem}.search-bar input::placeholder{color:var(--muted)}.search-bar button{border:0;background:transparent;color:var(--muted);font-size:1.55rem}.library-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.4rem 0}.library-toolbar p{margin:0;color:var(--muted);font-size:.84rem}.filter-pills{display:flex;gap:.4rem;flex-wrap:wrap}.pill{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:2rem;padding:.4rem .75rem;font-size:.72rem;font-weight:700}.pill.active,.pill:hover{color:white;background:var(--purple);border-color:var(--purple)}.library-layout{display:grid;grid-template-columns:210px 1fr;gap:2.5rem;padding-bottom:6rem}.archive-guide{color:var(--muted);font-size:.82rem;padding-top:.8rem}.archive-guide b{display:block;color:var(--ink);margin-top:.75rem}.archive-guide i{display:block;height:14px;border-left:1px solid var(--purple);margin-left:.35rem}.archive-guide p:last-child{margin-top:1.4rem;line-height:1.6}.library-list{display:grid;gap:.75rem}.lyric-item{display:grid;grid-template-columns:72px 1fr auto auto;gap:1rem;align-items:center;padding:.8rem;border:1px solid var(--line);background:var(--surface);border-radius:.85rem}.cover-placeholder{min-height:62px;font-size:1.3rem}.song-title{font-weight:700;margin:0}.song-meta{color:var(--muted);margin:.1rem 0 0;font-size:.81rem}.format-badge{font:.62rem "DM Mono",monospace;letter-spacing:.07em;padding:.38rem .52rem;background:var(--soft);border-radius:.3rem;color:var(--purple);font-weight:700}.download-link{font-weight:700;color:var(--purple);font-size:.82rem;white-space:nowrap}.download-link span{font-size:1.1rem}.empty-state{border:1px dashed var(--line);padding:3rem 1rem;text-align:center;border-radius:.8rem;color:var(--muted)}.format-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding-bottom:5rem}.format-card{border-radius:1.1rem;padding:clamp(1.4rem,3vw,2.3rem);border:1px solid var(--line);background:var(--surface)}.format-card.timed{border-top:5px solid var(--purple)}.format-card.plain{border-top:5px solid var(--amber)}.format-symbol{font:500 .9rem "DM Mono",monospace;color:var(--purple);border-radius:.6rem;background:var(--soft);width:max-content;padding:.5rem .65rem;margin-bottom:2rem}.plain .format-symbol{color:#a86d00;background:#fff2d5}.format-card h2,.guide-intro h2{font:700 2rem/1.05 "Playfair Display",Georgia,serif;letter-spacing:-.04em;margin:.35rem 0 1rem}.format-card>p:not(.eyebrow){color:var(--muted)}.code-sample,.plain-sample{display:grid;gap:.35rem;margin:1.7rem 0;background:#201733;color:#dacef7;border-radius:.7rem;padding:1rem;font:.72rem/1.6 "DM Mono",monospace}.code-sample .highlight{color:#ffda74}.plain-sample{background:#fff7e7;color:#67502b;font:500 .94rem/1.9 "DM Sans",sans-serif}.format-card ul{padding-left:1.1rem;color:var(--muted);font-size:.85rem}.format-card li+li{margin-top:.4rem}.match-section{margin-bottom:6rem;background:var(--soft);border-radius:1rem;padding:clamp(1.6rem,4vw,3rem);display:grid;grid-template-columns:1fr .85fr;gap:3rem;align-items:center}.match-section p:not(.eyebrow){color:var(--muted);max-width:32rem}.filename-card{background:var(--surface);padding:1.1rem;border-radius:.75rem;box-shadow:0 10px 25px rgba(0,0,0,.04)}.filename-card div{display:flex;gap:.7rem;align-items:center;padding:.65rem;border-bottom:1px solid var(--line)}.filename-card span{color:var(--purple)}.filename-card code{font:.76rem "DM Mono",monospace}.filename-card p{font-size:.78rem;margin:1rem 0 0;color:var(--muted)}.player-index{display:grid;gap:1rem;padding-bottom:6rem}.player-option{display:grid;grid-template-columns:78px 1fr auto;gap:1rem;align-items:center;border:1px solid var(--line);border-radius:1rem;padding:1.6rem;background:var(--surface);transition:.2s transform,.2s border-color}.player-option:hover{transform:translateY(-3px);border-color:var(--purple)}.player-number{font:500 1rem "DM Mono",monospace;color:var(--purple);align-self:start}.player-option h2{font:700 2.1rem/1 "Playfair Display",Georgia,serif;letter-spacing:-.04em;margin:.25rem 0}.player-option p:last-child{color:var(--muted);margin:0;font-size:.9rem}.guide-view{padding-top:3rem;padding-bottom:6rem;max-width:850px}.guide-heading{margin-top:3rem}.guide-heading h1{font-size:clamp(3.5rem,7vw,5.5rem);margin-bottom:.9rem}.guide-heading>p:not(.eyebrow){font-size:1.1rem;color:var(--muted);max-width:600px;margin-bottom:1.8rem}.external{font-size:.85rem}.guide-intro{display:grid;grid-template-columns:125px 1fr;gap:1.8rem;align-items:center;background:var(--soft);margin:4rem 0 3rem;padding:1.5rem;border-radius:1rem}.guide-mark{width:98px;height:98px;display:grid;place-items:center;border-radius:1.3rem;color:white;font:700 3.1rem "Playfair Display",Georgia,serif}.aplayer-mark{background:linear-gradient(145deg,#9b68ef,#5938ad)}.namida-mark{background:linear-gradient(145deg,#40b8d4,#245cb4)}.guide-intro h2{font-size:1.5rem}.guide-intro p{color:var(--muted);margin-bottom:0}.setup-steps{list-style:none;margin:0;padding:0;display:grid;gap:2rem}.setup-steps li{display:grid;grid-template-columns:45px 1fr;gap:1rem}.setup-steps li>span{width:2.1rem;height:2.1rem;display:grid;place-items:center;border-radius:50%;background:var(--soft);color:var(--purple);font:700 .8rem "DM Mono",monospace}.setup-steps h2{font-size:1.2rem;margin:0 0 .4rem}.setup-steps p{margin:0;color:var(--muted)}.setup-steps code{font:.85em "DM Mono",monospace;color:var(--purple);background:var(--soft);padding:.1rem .25rem;border-radius:.2rem}.tip{margin-top:4rem;padding:1.15rem 1.25rem;border-left:4px solid var(--amber);background:#fff7e4;color:#614d28}.tip p{margin:.25rem 0 0;font-size:.9rem}footer{border-top:1px solid var(--line);padding:2.2rem max(1.25rem,calc((100vw - 1140px)/2));display:flex;gap:1.5rem;align-items:center;color:var(--muted);font-size:.82rem}footer p{margin:0;margin-right:auto}footer div{display:flex;gap:1.1rem}footer a:hover{color:var(--purple)}
@media (max-width:780px){.site-header{height:67px;gap:0}.desktop-nav{display:none}.menu-button{display:block}.mobile-nav{position:absolute;top:67px;left:0;right:0;background:var(--surface);border-bottom:1px solid var(--line);padding:.7rem 1.25rem 1rem;box-shadow:var(--shadow)}.mobile-nav:not([hidden]){display:grid;gap:.3rem}.mobile-nav a{padding:.7rem}.hero-grid{grid-template-columns:1fr;padding-top:4rem;gap:2rem}.hero-copy h1{font-size:clamp(3rem,13vw,4.7rem)}.hero-visual{min-height:360px}.player-card{transform:rotate(1deg);width:min(100%,355px)}.three-doors{grid-template-columns:1fr;padding-bottom:4rem}.door{min-height:0}.how-it-works{grid-template-columns:1fr}.how-it-works ol{grid-template-columns:repeat(3,1fr)}.featured-grid{grid-template-columns:1fr}.featured-card{grid-template-columns:76px 1fr}.small-cover{min-height:75px}.page-hero{padding-top:4rem}.format-grid,.match-section{grid-template-columns:1fr}.library-toolbar{align-items:flex-start;flex-direction:column}.library-layout{grid-template-columns:1fr;gap:.5rem}.archive-guide{display:none}.lyric-item{grid-template-columns:54px 1fr auto;gap:.7rem}.lyric-item .cover-placeholder{min-height:54px}.format-badge{display:none}.download-link{font-size:.75rem}.guide-intro{grid-template-columns:78px 1fr;gap:1rem;margin-top:3rem}.guide-mark{width:65px;height:65px;border-radius:1rem;font-size:2rem}footer{align-items:flex-start;flex-wrap:wrap;flex-direction:column;gap:.75rem}footer p{margin-right:0}.player-option{grid-template-columns:45px 1fr auto;padding:1.25rem}.player-option h2{font-size:1.7rem}}
@media (max-width:460px){.trust-row{gap:.65rem}.hero-visual{min-height:340px}.how-it-works ol{grid-template-columns:1fr}.how-it-works li{display:grid;grid-template-columns:35px 1fr;column-gap:.6rem}.how-it-works li span{grid-row:1/3}.how-it-works li b{margin:0}.how-it-works li p{grid-column:2}.page-hero h1{font-size:3rem}.lyric-item{grid-template-columns:45px 1fr}.lyric-item .download-link{grid-column:2}.guide-intro{grid-template-columns:1fr}.guide-mark{width:55px;height:55px}.filter-pills{width:100%}.pill{flex:1}.player-option{grid-template-columns:35px 1fr}.player-option .door-arrow{display:none}}
.cover-placeholder img,.small-cover img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.lyric-item.is-downloading{outline:2px solid var(--purple)}.eyebrow,.micro-label{margin:0 0 .55rem}.library-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.4rem;color:var(--muted);font:.8rem "DM Mono",monospace}.library-pagination button{width:2rem;height:2rem;border:1px solid var(--line);border-radius:.45rem;background:var(--surface);color:var(--purple)}.library-pagination button:disabled{opacity:.35;cursor:not-allowed}
.song-shell{max-width:920px;margin:0 auto;padding:3rem 1.25rem 6rem}.song-loading{padding:6rem 0;text-align:center;color:var(--muted)}.song-detail{display:grid;grid-template-columns:210px 1fr;gap:2.25rem;margin-top:3rem}.song-cover{width:100%;aspect-ratio:1;display:grid;place-items:center;background:linear-gradient(145deg,#e9ddff,#ffdab4);color:#6f46be;border-radius:1rem;font-size:3.5rem;box-shadow:var(--shadow);overflow:hidden}.song-cover img{width:100%;height:100%;object-fit:cover}.song-detail-heading{align-self:center}.song-detail-heading h1{font:700 clamp(2.7rem,6vw,4.6rem)/.97 "Playfair Display",Georgia,serif;letter-spacing:-.06em;margin:.1rem 0 .75rem}.song-detail-heading>p:not(.eyebrow){color:var(--muted);font-size:1.05rem;margin:0 0 1.5rem}.song-viewer{grid-column:1/-1;margin-top:1.5rem;border:1px solid var(--line);border-radius:1rem;background:var(--surface);overflow:hidden}.viewer-heading{padding:1.4rem 1.5rem;border-bottom:1px solid var(--line);display:flex;gap:1rem;justify-content:space-between;align-items:end}.viewer-heading h2{font:700 1.75rem/1 "Playfair Display",Georgia,serif;letter-spacing:-.04em;margin:0}.viewer-heading>p{max-width:360px;text-align:right;color:var(--muted);font-size:.8rem;margin:0}.lyric-content{padding:1.2rem 1.5rem;max-height:65vh;overflow:auto}.lyric-content pre{white-space:pre-wrap;font:400 1rem/1.9 "DM Sans",system-ui,sans-serif;margin:0}.timed-line{display:grid;grid-template-columns:86px 1fr;gap:1.1rem;padding:.74rem 0;border-bottom:1px solid var(--line)}.timed-line time{font:.72rem "DM Mono",monospace;color:var(--purple);padding-top:.25rem}.timed-line p,.lyric-note p{margin:0;font-size:1.02rem}.lyric-note{padding:.6rem 0;color:var(--muted);font-size:.8rem}.song-title:hover{color:var(--purple);text-decoration:underline;text-underline-offset:.2rem}
@media (max-width:600px){.song-shell{padding-top:2rem}.song-detail{grid-template-columns:105px 1fr;gap:1.2rem;margin-top:2rem}.song-cover{font-size:2rem}.song-detail-heading h1{font-size:2.6rem}.song-viewer{grid-column:1/-1;margin-top:.5rem}.viewer-heading{align-items:start;flex-direction:column}.viewer-heading>p{text-align:left}.timed-line{grid-template-columns:72px 1fr;gap:.7rem}.lyric-content{padding:1rem}.timed-line p{font-size:.94rem}}
.lyric-item{cursor:pointer}.lyric-item a{cursor:pointer}
.original-only-toggle{display:inline-flex;align-items:center;gap:.5rem;margin-top:.85rem;color:var(--muted);font-size:.82rem;font-weight:600;cursor:pointer}.original-only-toggle input{accent-color:var(--purple);width:1rem;height:1rem}.plain-lyric{font:400 1rem/1.9 "DM Sans",system-ui,sans-serif}.plain-line,.plain-spacer{margin:0;min-height:1.9em}.plain-spacer{min-height:.75em}
.translated-line[hidden]{display:none!important}
.viewer-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.7rem;max-width:360px}.viewer-actions #viewer-help{margin:0;text-align:right;color:var(--muted);font-size:.8rem}.viewer-actions #viewer-help a{color:var(--purple);font-weight:700;text-decoration:underline;text-underline-offset:.18rem}.lyric-progress{display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--purple);border-radius:.5rem;background:var(--surface);color:var(--purple);padding:.52rem .72rem;font-size:.76rem;font-weight:700}.lyric-progress:hover{background:var(--soft)}.timed-line.is-current-line{background:color-mix(in srgb,var(--purple) 13%,transparent);box-shadow:inset 3px 0 var(--purple)}
@media (max-width:600px){.viewer-actions{align-items:flex-start}.viewer-actions #viewer-help{text-align:left}}