:root,.dev-text-showcase[data-learn-theme=dark]{--learn-purple:#815fd1;--learn-orange:#f39a3c;--learn-bg:#151218;--learn-surface:#1d1a20;--learn-variant:#49454e;--learn-plum:#4a176a;--learn-strong:#7050d8;--learn-pastel:#9b82dc;--learn-muted:#cac4d0;--singdu-radius-small:10px;--singdu-radius-medium:14px;--singdu-radius-large:20px;--singdu-radius-extraLarge:24px;--singdu-space-4:4px;--singdu-space-8:8px;--singdu-space-12:12px;--singdu-space-16:16px;--singdu-space-24:24px;--singdu-space-32:32px;--singdu-space-48:48px;--singdu-type-headlineLarge-size:32px;--singdu-type-headlineLarge-weight:800;--singdu-type-headlineMedium-size:26px;--singdu-type-headlineMedium-weight:700;--singdu-type-titleLarge-size:20px;--singdu-type-titleLarge-weight:700;--singdu-type-titleMedium-size:16px;--singdu-type-titleMedium-weight:600;--singdu-type-bodyLarge-size:16px;--singdu-type-bodyLarge-weight:400;--singdu-type-bodyLarge-line-height:24px;--singdu-type-bodyMedium-size:14px;--singdu-type-bodyMedium-weight:400;--singdu-type-bodyMedium-line-height:20px;--singdu-type-labelLarge-size:14px;--singdu-type-labelLarge-weight:700}html[data-learn-theme=light],.dev-text-showcase[data-learn-theme=light]{--learn-purple:#7450c4;--learn-orange:#9a4f00;--learn-bg:#f9f7fc;--learn-surface:#fffbff;--learn-variant:#ece8f1;--learn-plum:#4a176a;--learn-strong:#6742a4;--learn-pastel:#6742a4;--learn-muted:#645f69;--singdu-radius-small:10px;--singdu-radius-medium:14px;--singdu-radius-large:20px;--singdu-radius-extraLarge:24px;--singdu-space-4:4px;--singdu-space-8:8px;--singdu-space-12:12px;--singdu-space-16:16px;--singdu-space-24:24px;--singdu-space-32:32px;--singdu-space-48:48px;--singdu-type-headlineLarge-size:32px;--singdu-type-headlineLarge-weight:800;--singdu-type-headlineMedium-size:26px;--singdu-type-headlineMedium-weight:700;--singdu-type-titleLarge-size:20px;--singdu-type-titleLarge-weight:700;--singdu-type-titleMedium-size:16px;--singdu-type-titleMedium-weight:600;--singdu-type-bodyLarge-size:16px;--singdu-type-bodyLarge-weight:400;--singdu-type-bodyLarge-line-height:24px;--singdu-type-bodyMedium-size:14px;--singdu-type-bodyMedium-weight:400;--singdu-type-bodyMedium-line-height:20px;--singdu-type-labelLarge-size:14px;--singdu-type-labelLarge-weight:700}@property --segment-fill{syntax:"<percentage>";inherits:true;initial-value:0%}@property --prefix-fill{syntax:"<percentage>";inherits:true;initial-value:0%}@property --core-fill{syntax:"<percentage>";inherits:true;initial-value:0%}@property --suffix-fill{syntax:"<percentage>";inherits:true;initial-value:0%}@property --reading-fill{syntax:"<percentage>";inherits:true;initial-value:0%}:root,.dev-text-showcase[data-learn-theme=dark]{--learn-text:#f7f2f8;--learn-line:#cac4d029;--learn-elevated:#242027;--learn-control:#29242c;--learn-rail:#1d1a20f5;--learn-card-surface:#1d1a20;--learn-card-line:#cac4d02e;--learn-dialog-container:#151218;--learn-inactive:#f7f2f87a;--learn-inactive-strong:#f7f2f8d1;--learn-error:#ffb4ab;--learn-error-container:#93000a;--learn-on-error-container:#ffdad6;--learn-shadow-low:0 2px 8px #00000024;--learn-shadow-medium:0 8px 24px #0003;--learn-shadow-high:0 16px 44px #0000003d;--learn-shadow-sheet:0 -10px 28px #0003;--learn-motion-fast:.18s;--learn-motion-medium:.26s}html[data-learn-theme=light],.dev-text-showcase[data-learn-theme=light]{--learn-text:#211e22;--learn-line:#645f6933;--learn-elevated:#fffbff;--learn-control:#ece8f1;--learn-card-surface:#fff;--learn-card-line:#4e445638;--learn-dialog-container:#fff;--learn-rail:#fffbfff5;--learn-inactive:#211e227a;--learn-inactive-strong:#211e22d1;--learn-error:#ba1a1a;--learn-error-container:#ffdad6;--learn-on-error-container:#410002;--learn-shadow-low:0 2px 8px #2d203612;--learn-shadow-medium:0 8px 24px #2d20361a;--learn-shadow-high:0 16px 40px #2d203624;--learn-shadow-sheet:0 -10px 28px #2d20361f}html{scrollbar-gutter:stable;background:var(--learn-bg);color-scheme:dark}html[data-learn-theme=light]{color-scheme:light}html:has(body.learn-player-open){scrollbar-gutter:auto}body.learn-page{background:var(--learn-bg);color:var(--learn-text);transition:background-color var(--learn-motion-fast) ease, color var(--learn-motion-fast) ease;margin:0;font-family:Inter Variable,Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:clip}body.learn-page.learn-player-open{height:100dvh;overflow:hidden}body.learn-page h1,body.learn-page h2,body.learn-page h3{color:inherit}body.learn-page:before{z-index:0;content:"";pointer-events:none;background:url(/learn/singdu-pattern.svg) top/100% 328px repeat-y;position:fixed;inset:0}.learn-page *,.learn-page :before,.learn-page :after{box-sizing:border-box}.learn-page button,.learn-page input,.learn-page select{color:inherit;font:inherit}.learn-page button{-webkit-tap-highlight-color:transparent}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.learn-country-flag{border:1px solid var(--learn-card-line);object-fit:cover;border-radius:2px;flex:none;width:27px;height:18px;display:block}.learn-country-flag.is-fallback{color:currentColor;border:0}.learn-shell{z-index:1;min-height:100svh;position:relative}.learn-main{margin:0;width:calc(100% - 220px);min-width:0;max-width:none;margin-inline-start:220px}.learn-shell.is-player{height:100dvh;min-height:0;overflow:hidden}.learn-shell.is-player .learn-main{width:100%;height:100%;margin-inline-start:0;overflow:hidden}.learn-shell.is-player .learn-rail,.learn-shell.is-player .learn-bottom-nav{display:none}.learn-content{width:100%;min-height:100svh;margin:0 auto;padding-bottom:48px}.learn-screen-layer{display:contents}.learn-screen-layer[hidden]{display:none}.feature-tutorial{z-index:250;color:var(--learn-text);position:fixed;inset:0}.feature-tutorial-scrim{pointer-events:none;display:block;position:absolute;inset:0}.feature-tutorial-outline{fill:none;stroke:#ffffffeb;stroke-width:2px}.feature-tutorial-card{z-index:1;border:1px solid var(--learn-card-line);background:var(--learn-surface);border-radius:20px;width:min(420px,100vw - 36px);max-height:calc(100svh - 40px);padding:18px;animation:.22s cubic-bezier(.2,.8,.2,1) both feature-tutorial-card-in;position:fixed;overflow-y:auto;box-shadow:0 18px 54px #0000006b}.feature-tutorial[data-placement=bottom] .feature-tutorial-card{bottom:max(20px, env(safe-area-inset-bottom));left:50%;transform:translate(-50%)}.feature-tutorial[data-placement=top] .feature-tutorial-card{top:max(20px, env(safe-area-inset-top));left:50%;transform:translate(-50%)}.feature-tutorial[data-placement=left] .feature-tutorial-card{top:50%;left:28px;transform:translateY(-50%)}.feature-tutorial[data-placement=right] .feature-tutorial-card{top:50%;right:28px;transform:translateY(-50%)}.feature-tutorial-count{gap:5px;margin-bottom:12px;display:flex}.feature-tutorial-count i{background:var(--learn-variant);border-radius:99px;width:18px;height:4px}.feature-tutorial-count i.is-complete,.feature-tutorial-count i.is-active{background:var(--learn-purple)}.feature-tutorial-count i.is-active{width:30px}.feature-tutorial-card h2{letter-spacing:-.02em;margin:0;font-size:1.25rem;font-weight:850}.feature-tutorial-card p{color:var(--learn-muted);margin:6px 0 0;font-size:.875rem;line-height:1.45}.feature-tutorial-visual{object-fit:contain;border-radius:16px;width:100%;max-height:min(30svh,240px);margin-top:12px;display:block}.feature-tutorial-card footer{justify-content:flex-end;align-items:center;gap:10px;margin-top:16px;display:flex}.feature-tutorial-card footer button{min-width:74px;min-height:42px;color:var(--learn-purple);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 16px;font-weight:750}.feature-tutorial-card footer button.is-primary{background:var(--learn-purple);color:#fff}@keyframes feature-tutorial-card-in{0%{opacity:0;margin-top:10px}}.dev-tools-surface{z-index:240;overscroll-behavior:contain;background:var(--learn-bg);color:var(--learn-text);position:fixed;inset:0;overflow-y:auto}.dev-tools-shell{width:min(100% - 40px,1100px);margin:0 auto;padding:28px 0 56px}.dev-tools-header{z-index:2;background:color-mix(in srgb, var(--learn-bg) 94%, transparent);backdrop-filter:blur(16px);align-items:center;gap:12px;margin:-28px 0 22px;padding:28px 0 16px;display:flex;position:sticky;top:0}.dev-tools-header>button{width:46px;height:46px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:0 0 46px;place-items:center;padding:0;display:grid}.dev-tools-header>button:hover{background:var(--learn-variant)}.dev-tools-header svg{width:24px;height:24px}.dev-preview-shell,.dev-preview-content{min-width:0;min-height:100svh}.dev-preview-back{z-index:150;bottom:max(16px, env(safe-area-inset-bottom));left:max(16px, env(safe-area-inset-left));border:1px solid var(--learn-card-line);background:var(--learn-card-surface);width:44px;height:44px;color:var(--learn-text);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:fixed}.dev-preview-choices,.dev-preview-familiarity{gap:16px;padding:24px 20px 80px;display:grid}.dev-preview-choices button{border:1px solid var(--learn-card-line);background:var(--learn-card-surface);min-width:0;color:var(--learn-text);cursor:pointer;text-align:start;border-radius:18px;padding:20px}.dev-preview-tutorial{place-items:center;min-height:60svh;display:grid}.dev-preview-tutorial .feature-tutorial-card{width:min(100%,480px);position:relative;inset:auto;transform:none}.dev-preview-familiarity h2{margin:0 0 20px;font-size:1rem}.dev-preview-familiarity p{color:var(--learn-muted)}.dev-preview-countdown-stage{background:var(--learn-variant);border-radius:20px;place-items:center;min-height:80svh;margin-bottom:16px;display:grid;position:relative;overflow:hidden}.dev-tools-header h1{letter-spacing:-.04em;margin:0;font-size:clamp(1.8rem,4vw,2.75rem)}.dev-tools-header p{color:var(--learn-muted);margin:3px 0 0;font-size:.82rem}.dev-tools-overview{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:16px;display:grid}.dev-tools-overview>section{border:1px solid var(--learn-card-line);background:var(--learn-card-surface);border-radius:20px;padding:18px}.dev-tools-overview h2,.dev-tools-section h2{margin:0 0 12px;font-size:1rem}.dev-tools-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.dev-tools-legend h2{grid-column:1/-1}.dev-tools-legend p{border-radius:12px;flex-direction:column;gap:3px;min-width:0;margin:0;padding:10px;display:flex}.dev-tools-legend strong{font-size:.76rem}.dev-tools-legend span{font-size:.66rem;line-height:1.35}.dev-tools-runtime{flex-direction:column;display:flex}.dev-tools-runtime p{border-bottom:1px solid var(--learn-line);justify-content:space-between;gap:16px;margin:0;padding:7px 0;font-size:.72rem;display:flex}.dev-tools-runtime p:last-child{border-bottom:0}.dev-tools-runtime span{color:var(--learn-muted)}.dev-tools-runtime strong{text-align:right;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dev-tools-sections{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px;display:grid}.dev-tools-section{min-width:0}.dev-tools-section h2{color:var(--learn-pastel);font-weight:850}.dev-tools-section>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.dev-tools-section button{min-width:0;min-height:66px;color:inherit;cursor:pointer;text-align:start;border:1px solid #0000;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.dev-tools-section button span{overflow-wrap:anywhere;min-width:0;font-size:.8rem;font-weight:760}.dev-tools-section button small{opacity:.78;text-transform:uppercase;flex:none;font-size:.58rem;font-weight:800}.dev-tools-section button:disabled{cursor:default;opacity:.38}.dev-tools-surface [data-mode=preview]{background:var(--learn-variant);color:var(--learn-muted)}.dev-tools-surface [data-mode=read-only]{background:color-mix(in srgb, #268bd2 18%, var(--learn-surface));color:#c6e7ff}.dev-tools-surface [data-mode=editable]{background:color-mix(in srgb, var(--learn-orange) 18%, var(--learn-surface));color:#ffdda1}.dev-tools-surface [data-mode=destructive]{background:color-mix(in srgb, var(--learn-error) 18%, var(--learn-surface));color:var(--learn-on-error-container)}html[data-learn-theme=light] .dev-tools-surface [data-mode=read-only]{color:#123f5b}html[data-learn-theme=light] .dev-tools-surface [data-mode=editable]{color:#573b00}.learn-rail{z-index:30;top:0;bottom:0;border-inline-end:1px solid var(--learn-line);background:var(--learn-rail);flex-direction:column;gap:8px;width:220px;padding:24px 12px;display:flex;position:fixed;inset-inline-start:0}.learn-brand{align-items:center;min-height:54px;padding:2px 14px;text-decoration:none;display:flex}.learn-brand img{width:142px;height:auto;display:block}.learn-rail>button:first-of-type{margin-top:24px}.learn-rail>button:last-of-type{margin-bottom:0}.learn-rail>button,.learn-bottom-nav button{min-height:54px;color:var(--learn-muted);cursor:pointer;text-align:start;background:0 0;border:0;border-radius:20px;align-items:center;gap:14px;padding:7px 12px;font-weight:680;display:flex}.learn-nav-icon{width:42px;height:40px;transition:transform var(--learn-motion-medium) cubic-bezier(.2, .9, .3, 1.28), background-color var(--learn-motion-fast) ease, color var(--learn-motion-fast) ease;border-radius:20px;flex:0 0 42px;place-items:center;display:grid}.learn-nav-icon svg{width:23px;height:23px}.learn-rail>button.is-active{color:#fff}.learn-rail>button.is-active .learn-nav-icon,.learn-bottom-nav button.is-active .learn-nav-icon{background:var(--learn-plum);color:#eee7ff;transform:scale(1.18)}.song-mode-grid.is-show{grid-template-columns:repeat(2,minmax(0,1fr))}.song-mode-grid button{background:var(--learn-bg);min-height:96px;color:var(--learn-text);cursor:pointer;text-align:center;box-shadow:var(--learn-shadow-low);border:2px solid #0000;border-radius:15px;place-items:center;padding:10px;display:grid;position:relative;overflow:hidden}.song-mode-grid button:disabled{opacity:.56;cursor:not-allowed}.song-mode-grid button>svg:first-child{width:72px;height:72px;color:var(--learn-text);opacity:.11;position:absolute}.song-mode-grid button>svg:last-child{width:17px;color:var(--learn-orange);opacity:1;position:absolute;top:7px;right:7px}.song-mode-grid strong{z-index:1;line-height:1.15;position:relative}.song-mode-label>span{white-space:nowrap;display:block}.song-mode-grid strong:has(small){flex-direction:column;align-items:center;gap:5px;display:flex}.song-mode-grid small{color:var(--learn-muted);font-size:.62rem;font-weight:750}.lyric-quest-selector{justify-content:center;align-items:flex-start;width:100%;min-height:0;padding:32px 24px;display:flex;position:relative}.lyric-quest-section-header>.lyric-quest-hearts{flex-direction:row;align-items:center;gap:3px;display:flex}.lyric-quest-hearts svg{width:24px;height:24px}.lyric-quest-hearts .is-full{color:var(--learn-purple);fill:currentColor}.lyric-quest-hearts .is-empty{color:var(--learn-purple);fill:none;opacity:.35}.lyric-quest-section-header.has-progress{gap:clamp(8px,2vw,16px)}.lyric-quest-section-header.has-progress>.lyric-quest-hearts{flex:none}.lyric-quest-progress{flex:1;align-items:center;min-width:0}.lyric-quest-progress-track{background:color-mix(in srgb, var(--learn-purple) 18%, var(--learn-bg));border-radius:999px;flex:1;min-width:0;height:8px;overflow:hidden}.lyric-quest-progress-track>i{border-radius:inherit;background:var(--learn-purple);height:100%;transition:width .48s cubic-bezier(.22,1,.36,1);display:block;box-shadow:inset 0 2px #ffffff26}@media (prefers-reduced-motion:reduce){.lyric-quest-progress-track>i{transition:none}}.lyric-quest-selector>div{gap:10px;width:min(100%,580px);display:grid}.lyric-quest-selector>div>button{border:1px solid var(--learn-line);background:var(--learn-control);min-height:72px;color:var(--learn-text);cursor:pointer;text-align:start;box-shadow:var(--learn-shadow-low);border-radius:18px;grid-template-columns:44px minmax(0,1fr) minmax(24px,auto);align-items:center;gap:12px;padding:10px 14px;display:grid}.lyric-quest-selector>div>button.is-locked{cursor:not-allowed;opacity:.48}.lyric-quest-selector>div>button>span:first-child{background:color-mix(in srgb, var(--learn-purple) 14%, transparent);width:40px;height:40px;color:var(--learn-purple);border-radius:50%;place-items:center;display:grid}.lyric-quest-selector>div>button>span:nth-child(2){flex-direction:column;gap:2px;min-width:0;display:flex}.lyric-quest-selector>div>button small{color:var(--learn-purple);letter-spacing:.06em;font-size:.62rem;font-weight:850}.lyric-quest-selector>div>button strong{text-overflow:ellipsis;white-space:nowrap;font-size:.94rem;overflow:hidden}.lyric-quest-section-new{color:var(--learn-purple);margin-left:8px}.lyric-quest-selector>div>button>svg{width:20px;height:20px;color:var(--learn-muted)}.lyric-quest-question{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:28px;width:100%;min-height:100%;padding:20px;display:flex;position:relative}.lyric-quest-question h2{max-width:720px;color:var(--lyric-active);margin:0;font-size:clamp(1.5rem,4vw,2.7rem);line-height:1.35}.quest-prompt-reading{color:var(--reading-active);margin:-24px 0 0}.lyric-quest-question>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(100%,620px);display:grid}.lyric-quest-question>div button{background:var(--learn-control);cursor:pointer;border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;min-height:54px;padding:10px 12px;transition:background-color .16s,opacity .18s;display:flex}.lyric-quest-question>div button.is-correct{background:#43a0473d;animation:.34s cubic-bezier(.2,.9,.3,1) lyric-quest-correct}.lyric-quest-question>div button.is-wrong{background:#e539353d;animation:.28s lyric-quest-wrong}.lyric-quest-question>div button.is-rejected{opacity:.38}.lyric-quest-question>div button span{flex-direction:column;gap:3px;display:flex}.lyric-quest-question>div button strong{font-size:1.15rem;font-weight:400}.lyric-quest-question>div button small{color:var(--learn-muted);font-size:.72rem;font-weight:400}.lyric-quest-meaning h2 mark{color:inherit;background:#815fd13d;border-radius:9px;padding:2px 7px 4px}.lyric-quest-meaning>div button strong{font-size:1rem}.lyric-quest-translate{flex-direction:column;justify-content:center;align-items:stretch;gap:18px;width:min(100%,680px);min-height:100%;margin:0 auto;padding:22px;display:flex}.lyric-quest-instruction{width:100%;color:var(--learn-muted);text-align:left;margin:0;font-size:.94rem;font-weight:600;line-height:1.5}.lyric-quest-translate-prompt{--quest-prompt-font:clamp(1.3rem, 4vw, 2rem);--quest-speaker-size:28px;width:100%;color:var(--lyric-active);text-align:start;background:0 0;border:0;justify-content:flex-start;align-items:center;gap:12px;padding:10px 14px;display:flex}.lyric-quest-prompt-speaker{width:28px;min-width:28px;color:var(--learn-purple);background:0 0;border:0;place-items:center;margin-top:0;padding:0;display:grid}.lyric-quest-prompt-speaker>svg{width:28px;height:28px}.lyric-quest-prompt-speaker.is-speaking svg path,.lyric-quest-hearing-replay.is-speaking svg path{animation:.9s ease-in-out infinite alternate quest-speaker-waves}@keyframes quest-speaker-waves{0%{opacity:.35}to{opacity:1}}@media (prefers-reduced-motion:reduce){.lyric-quest-prompt-speaker.is-speaking svg path,.lyric-quest-hearing-replay.is-speaking svg path{animation:none}}.lyric-quest-translate-prompt>span{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.lyric-quest-translate-prompt strong{font-size:var(--quest-prompt-font);text-align:start;font-weight:700;line-height:1.28}.lyric-quest-translate-prompt small{color:var(--reading-active);text-align:start;font-size:.88rem;line-height:1.2}.lyric-quest-prompt-tokens{flex-wrap:wrap;align-items:flex-start;gap:.28em .15em;display:flex}.lyric-quest-prompt-tokens .lyric-token-reading{text-align:center}.lyric-quest-translate-prompt:has(.lyric-token){align-items:flex-start}.lyric-quest-translate-prompt:has(.lyric-token)>.lyric-quest-prompt-speaker{margin-top:calc((var(--quest-prompt-font) * 1.06 - var(--quest-speaker-size)) / 2)}.lyric-quest-translate-answer{background:repeating-linear-gradient(to bottom, transparent 0 74px, var(--learn-variant) 74px 76px, transparent 76px 80px);border-radius:0;flex-wrap:wrap;align-content:flex-start;gap:20px 8px;min-height:160px;padding:5px 4px 15px;transition:background-color .18s;display:flex}.lyric-quest-translate-answer>button,.lyric-quest-translate-answer>span{height:60px}.lyric-quest-translate-answer button,.lyric-quest-translate-answer span,.lyric-quest-translate-bank button,.lyric-quest-translate-bank span{background:var(--learn-control);min-height:42px;color:var(--learn-text);font:inherit;border:0;border-radius:13px;place-items:center;padding:7px 13px;font-size:.9rem;line-height:1.1;display:grid}.lyric-quest-translate-answer button,.lyric-quest-translate-bank button{cursor:pointer}.lyric-quest-translate-answer button:disabled,.lyric-quest-translate-bank button:disabled{cursor:default;opacity:1}.lyric-quest-translate-answer.is-wrong{animation:.46s learn-match-wrong}.lyric-quest-translate-answer .is-wrong-position{background:#e539354d}.lyric-quest-translate-answer .is-correct{background:#43a04738}.lyric-quest-translate-answer>.is-prefilled{opacity:.6;cursor:default}.lyric-quest-translate-answer>.is-prefilled.is-correct{opacity:1}.lyric-quest-translate-bank{flex-wrap:wrap;place-content:flex-start center;gap:9px;min-height:94px;display:flex}.lyric-quest-translate-bank span.is-used{color:#0000;opacity:.42;user-select:none}.lyric-quest-translate-check{background:var(--learn-purple);color:#fff;cursor:pointer;width:100%;min-height:48px;font:inherit;letter-spacing:.06em;text-transform:uppercase;border:0;border-radius:15px;margin-top:auto;font-size:.78rem;font-weight:850}.lyric-quest-translate-check:disabled{cursor:default;opacity:.38}.lyric-quest-hearing{text-align:center;grid-template-columns:minmax(0,1fr) 68px minmax(0,1fr);align-content:center;align-items:center;gap:14px;width:min(100%,760px);min-height:100%;margin:0 auto;padding:20px;display:grid}.lyric-quest-hearing>.lyric-quest-instruction{grid-column:1/-1}.lyric-quest-hearing-replay{width:68px;height:68px;color:var(--learn-purple);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.lyric-quest-hearing-controls{justify-items:center;display:grid;position:relative}.lyric-quest-hearing-skip{min-height:44px;color:var(--lyric-active);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 12px;font-size:14px;position:absolute;top:100%}.lyric-quest-hearing-skip:hover{background:var(--learn-control)}.lyric-quest-hearing-replay svg{width:32px;height:32px}.lyric-quest-hearing-column{gap:10px;display:grid}.lyric-quest-hearing-column button{background:var(--learn-control);min-height:58px;color:var(--lyric-active);cursor:pointer;border:2px solid #0000;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:10px 12px;transition:border-color .16s,background-color .16s,opacity .18s;display:flex}.lyric-quest-hearing-column button.is-selected{background:#43a04724;animation:.34s cubic-bezier(.2,.9,.3,1) lyric-quest-correct}.lyric-quest-hearing-column button.is-wrong{background:#e539353d;animation:.28s lyric-quest-wrong}.lyric-quest-hearing-column button.is-rejected{opacity:.38}.lyric-quest-hearing-column button:disabled{cursor:default;opacity:1}.lyric-quest-hearing-column button.is-rejected:disabled{opacity:.38}.lyric-quest-hearing-column button span{flex-direction:column;gap:3px;min-width:0;display:flex}.lyric-quest-hearing-column button strong{font-size:1.05rem;font-weight:500}.lyric-quest-hearing-column button small{color:var(--learn-muted);font-size:.7rem;font-weight:400}@keyframes lyric-quest-wrong{0%,to{transform:translate(0)}35%{transform:translate(-4px)}70%{transform:translate(4px)}}@keyframes lyric-quest-correct{0%,to{transform:translateY(0)}45%{transform:translateY(-5px)}}.lyric-quest-match{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;width:100%;min-height:100%;padding:24px;display:flex;position:relative}.lyric-quest-match>.lyric-quest-instruction{max-width:620px}.lyric-quest-match-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(100%,620px);display:grid}.lyric-quest-match-grid>div{align-content:start;gap:10px;display:grid}.lyric-quest-match-grid button{box-sizing:border-box;background:var(--learn-control);height:76px;color:var(--learn-text);cursor:pointer;font:inherit;border:2px solid #0000;border-radius:16px;padding:8px 16px;font-size:.86rem;font-weight:400;line-height:1.2;transition:opacity .18s,transform .16s,border-color .16s,background-color .16s}.lyric-quest-match-grid button>span{flex-direction:column;gap:3px;display:flex}.lyric-quest-match-grid button strong{font-size:.86rem;font-weight:400}.lyric-quest-match-grid button[data-kind=meaning] strong{font-size:.86rem;line-height:1.2}.lyric-quest-match-grid:not(.is-latin-source) button[data-kind=word] strong{font-size:1.28rem;line-height:1.15}.lyric-quest-match-grid button small{color:var(--learn-muted);font-size:.72rem;font-weight:400;line-height:1.1}@media (hover:hover) and (pointer:fine){.lyric-quest-match-grid button:hover:not(:disabled):not(.is-wrong):not(.is-matched){background:color-mix(in srgb, var(--learn-control) 88%, var(--learn-purple))}}.lyric-quest-match-grid button.is-selected{background:#815fd138}.lyric-quest-match-grid button.is-wrong{background:#e539354d;animation:.46s learn-match-wrong}.lyric-quest-match-grid button.is-matched{opacity:.3;background:var(--learn-control);cursor:default;animation:.65s cubic-bezier(.2,.9,.3,1) learn-match-correct}.lyric-quest-match-grid button:focus:not(:focus-visible){outline:none}.lyric-quest-match-grid button:focus-visible{outline:2px solid var(--learn-purple);outline-offset:2px}.is-lyric-build .lyric-quest-translate-prompt strong{font-size:clamp(18px,1.6vw,22px);line-height:1.4}.is-lyric-build .lyric-quest-translate-answer>button,.is-lyric-build .lyric-quest-translate-answer>span,.is-lyric-build .lyric-quest-translate-bank>button,.is-lyric-build .lyric-quest-translate-bank>span{gap:4px;min-width:60px;min-height:60px;padding:8px 14px;font-size:22px}.is-lyric-build .lyric-quest-translate-answer strong,.is-lyric-build .lyric-quest-translate-bank strong{font:inherit}.is-lyric-build .lyric-quest-translate-answer small,.is-lyric-build .lyric-quest-translate-bank small{color:var(--reading-active);font-size:13px;line-height:1}.is-lyric-build .lyric-quest-translate-bank .is-used small{color:#0000}html{scrollbar-gutter:auto}body.learn-page{--lyric-active:var(--learn-text);--reading-active:var(--learn-muted)}.quiz-demo{flex-direction:column;justify-content:center;min-height:340px;padding:10px;display:flex;position:relative}.quiz-demo button:focus-visible{outline:2px solid var(--learn-orange);outline-offset:3px}.quiz-demo .lyric-quest-match,.quiz-demo .lyric-quest-hearing,.quiz-demo .lyric-quest-translate{gap:12px;min-height:0;padding:8px 4px}.quiz-demo .lyric-quest-match-grid button{height:62px}.quiz-demo .lyric-quest-translate-answer{min-height:80px}.quiz-demo .lyric-quest-translate-bank{min-height:48px}.quiz-demo .lyric-quest-translate-prompt strong{font-size:1.25rem}.quiz-demo .lyric-quest-translate-check,.quiz-demo .lyric-quest-instruction{display:none}@media (prefers-reduced-motion:reduce){.quiz-demo *,.quiz-demo :before,.quiz-demo :after{transition:none!important;animation:none!important}}