:root{--theme:#a6dcde;--theme-text:#2f8185;--theme-soft:#e4f4f4;--accent:#e8806f;--accent-text:#c0503d;--accent-soft:#fce5e0;--sand-text:#95752a;--sand-soft:#f8efd6;--color-sing-along:#c27ba0;--color-sing-along-text:var(--color-sing-along);--color-shout:#6aa84f;--color-shout-text:var(--color-shout);--color-link-hover:var(--theme-text);--color-active:var(--theme);--color-on-theme:var(--text);--bg:color-mix(in srgb, var(--theme) 20%, white);--surface:#fff;--text:#253638;--text-muted:#627577;--line:#dcebeb;--control-bg:#edf5f5;--control-hover:#dfeeee;--control-off:#c0d3d4;--tag-bg:#7f9b9d;--radius:1.4rem;--shadow:0 .2rem 1.6rem #1e505214;--transition:.18s ease}*{box-sizing:border-box;margin:0;padding:0}html{font-size:10px}body{min-height:100vh;font-family:var(--font-kr), var(--font-tc), "PingFang TC", sans-serif;word-break:keep-all;color:var(--text);background-color:var(--bg);flex-direction:column;font-size:1.6rem;display:flex}main{flex:1}a,button{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit;background:0 0;border:none}li{list-style:none}svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.8rem;height:1.8rem}em{color:var(--color-sing-along-text);font-style:normal;font-weight:700}strong{color:var(--color-shout-text);font-weight:700}.container{width:100%;max-width:72rem;margin:0 auto;padding:0 1.6rem}.container.wide{max-width:120rem}main.container{padding-top:4rem;padding-bottom:6rem}.panel{border-radius:var(--radius);background-color:var(--surface);box-shadow:var(--shadow);padding:4rem}@media (max-width:600px){.panel{padding:2.4rem 1.6rem}}.page-title{text-align:center;padding-bottom:2.4rem;font-size:2.8rem;font-weight:700}.site-footer{color:var(--text-muted);word-break:normal;overflow-wrap:anywhere;padding-bottom:4rem;font-size:1.3rem;line-height:1.7}.footer-other-lang{color:color-mix(in srgb, var(--text-muted) 75%, white);margin-top:1.2rem;font-size:1.2rem}.footer-other-lang[lang=ko]{word-break:keep-all}.footer-contact{margin-top:1.2rem}.site-footer a{text-underline-offset:.2em;transition:color var(--transition);text-decoration:underline}.site-footer a:hover,.site-footer a:focus-visible{color:var(--color-link-hover)}.song-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:2.4rem 2rem;display:grid}@media (max-width:900px){.song-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:600px){.song-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1.4rem}}.song-card{flex-direction:column;gap:1.2rem;display:flex}.cover{aspect-ratio:1;object-fit:cover;border-radius:var(--radius);width:100%;color:var(--accent-text);background-color:var(--accent-soft);box-shadow:var(--shadow);transition:transform var(--transition), box-shadow var(--transition);justify-content:center;align-items:center;font-size:6rem;font-weight:700;display:flex}.song-card:hover .cover,.song-card:focus-visible .cover{transform:translateY(-.4rem);box-shadow:0 .8rem 2.4rem #a6dcde80}.song-card:hover .song-title,.song-card:focus-visible .song-title{color:var(--color-link-hover)}.song-grid li:nth-child(4n+2) .cover-empty{color:var(--theme-text);background-color:var(--theme-soft)}.song-grid li:nth-child(4n+3) .cover-empty{color:var(--sand-text);background-color:var(--sand-soft)}.song-grid li:nth-child(4n+4) .cover-empty{color:var(--text-muted);background-color:var(--control-bg)}.song-title{text-align:center;transition:color var(--transition);padding:0 .2rem;font-size:1.8rem;font-weight:700;line-height:1.35}.practice{flex-direction:column;gap:2.4rem;display:flex}.practice-aside{display:contents}@media (min-width:960px){.practice{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:3.2rem;display:grid}.practice-aside{flex-direction:column;gap:2rem;display:flex;position:sticky;top:2.4rem}}.back-link{color:var(--text-muted);transition:color var(--transition);align-self:flex-start;align-items:center;gap:.4rem;font-size:1.4rem;display:inline-flex}.back-link svg{width:1.6rem;height:1.6rem}.back-link:hover,.back-link:focus-visible{color:var(--color-link-hover)}.song-heading{font-size:3rem;line-height:1.25}.video{aspect-ratio:16/9;border-radius:var(--radius);background-color:var(--control-hover);width:100%;box-shadow:var(--shadow);overflow:hidden}.video iframe{width:100%;height:100%;display:block}.player-controls{border-radius:var(--radius);background-color:var(--surface);box-shadow:var(--shadow);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}@media (max-width:959px){.player-controls{z-index:2;position:sticky;top:.8rem}}.ctrl-group{gap:.6rem;display:flex}.ctrl{white-space:nowrap;background-color:var(--control-bg);height:3.6rem;transition:background-color var(--transition), color var(--transition);border-radius:.9rem;align-items:center;gap:.4rem;padding:0 1.2rem;font-size:1.4rem;display:inline-flex}.ctrl:hover{background-color:var(--control-hover)}.ctrl[aria-pressed=true]{color:var(--color-on-theme);background-color:var(--color-active)}.segmented{background-color:var(--control-bg);border-radius:.9rem;padding:.3rem;display:flex}.segmented button{height:3rem;transition:background-color var(--transition), color var(--transition);border-radius:.7rem;padding:0 1.2rem;font-size:1.4rem}.segmented button[aria-pressed=true]{color:var(--color-on-theme);background-color:var(--color-active)}.practice-options{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.2rem 2rem;padding:0 .4rem;font-size:1.4rem;display:flex}.switches{flex-wrap:wrap;gap:1.2rem 2rem;display:flex}.switch{cursor:pointer;align-items:center;gap:.8rem;display:inline-flex}.switch button{background-color:var(--control-off);width:3.8rem;height:2.2rem;transition:background-color var(--transition);border-radius:1.1rem;position:relative}.switch button span{width:1.6rem;height:1.6rem;transition:left var(--transition);background-color:#fff;border-radius:50%;position:absolute;top:50%;left:.3rem;transform:translateY(-50%)}.switch button[aria-checked=true]{background-color:var(--color-active)}.switch button[aria-checked=true] span{left:1.9rem}.legend{color:var(--text-muted);gap:1.6rem;display:flex}.legend-item{align-items:center;gap:.6rem;display:inline-flex}.dot{border-radius:50%;width:1rem;height:1rem}.dot.sing{background-color:var(--color-sing-along)}.dot.shout{background-color:var(--color-shout)}.practice-lyrics{border-radius:var(--radius);background-color:var(--surface);box-shadow:var(--shadow);padding:3.2rem 3.2rem 2rem}@media (max-width:520px){.practice-lyrics{padding:2.4rem 2rem 1.2rem}}.lyric-line{white-space:pre-line;flex-direction:column;gap:.2rem;padding-bottom:1.8rem;display:flex}.lyric-line .ko{font-size:1.9rem;line-height:1.5}.lyric-line .zh{color:var(--text-muted);font-size:1.5rem}.lyric-line .phonetic{color:#fff;background-color:var(--tag-bg);align-self:flex-start;margin:.2rem 0;padding:.2rem .8rem;font-size:1.5rem}.phonetic em,.phonetic strong{color:#fff;padding:0 .4rem}.phonetic em{color:#fff;background-color:var(--color-sing-along)}.phonetic strong{background-color:var(--color-shout)}.phonetic.whole-em{color:#fff;background-color:var(--color-sing-along)}.phonetic.whole-strong{background-color:var(--color-shout)}.phonetic[class*=whole-]>*{padding:0}.hide-zh .zh,.hide-phonetic .phonetic{display:none}.lyric-gap{height:2rem}