@font-face{font-family:pretendard;src:url(../media/PretendardVariable-s.p.0ztvx5mb7lxp4.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:pretendard Fallback;src:local(Arial);ascent-override:93.76%;descent-override:23.75%;line-gap-override:0.0%;size-adjust:101.55%}.G2YPAq_className{font-family:pretendard,pretendard Fallback}.G2YPAq_variable{--font-pretendard:"pretendard", "pretendard Fallback"}
.song-page[data-language=ko] .lyrics-card-backgrounds{bottom:0}@media (min-width:761px){.song-page[data-language=ko] .lyric-rail{display:none}.song-page[data-language=ko][data-lyric-cols="1"] .lyric-content>span{padding-left:38px}.feature-cards[data-feature-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}}.learning-cards.is-single{grid-template-columns:minmax(0,1fr)}.lyric-review-note{color:#8c5d17;grid-column:1/-1;font-size:13px;line-height:1.5}.lyric-original.lyric-korean{font-family:var(--font-pretendard), "Malgun Gothic", sans-serif;font-size:var(--lyric-font-size,24px);word-break:keep-all;overflow-wrap:anywhere;line-height:1.7}.song-page .lyric-content>.lyric-review-note{color:#8c5d17;min-height:0;padding:0 38px 10px;font-size:13px;line-height:1.5}.lyric-content>.lyric-review-note:before{content:none}@media (min-width:761px){.song-page[data-lyric-cols="1"] .lyric-rail{left:36px}.song-page[data-lyric-cols="1"] .lyric-content>span{padding-left:70px}}@media (max-width:760px){.song-page .lyric-content>.lyric-review-note{padding:0}}:root{--peach:#f6cbb9;--mint:#c8e9df;--radius:19px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;margin:0}a{text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #c5b7e9}svg{flex:none}.eyebrow{align-items:center;gap:7px;display:flex}.button{transition:background .18s,transform .18s}.button:not(:disabled):hover{transform:translateY(-1px)}.button-primary:not(:disabled):hover{background:#594782}.button-outline:hover{border-color:#b9abd4}.song-search{height:40px}.song-search:focus-within{border-color:#b9a2d5}.song-search input{color:#433e4a}.favorite-button{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);place-items:center}.favorite-button:hover{background:#695083ad}.cover-art{isolation:isolate;color:#fff}.theme-violet{background:linear-gradient(140deg,#b5a7cd 0%,#8b80ae 58%,#6d6598 100%)}.theme-mint{background:linear-gradient(135deg,#a0cfc1 0%,#70aea5 55%,#4c949d 100%)}.theme-peach{background:linear-gradient(145deg,#ecbdac 0%,#dc9d9d 55%,#b47a95 100%)}.theme-blue{background:linear-gradient(135deg,#a7c1d6 0%,#789ebd 55%,#566f9b 100%)}.theme-midnight{background:linear-gradient(140deg,#66748c 0%,#495477 51%,#33334b 100%)}.cover-art-title{letter-spacing:-.06em;word-break:keep-all;max-width:68%}.song-card-title{text-overflow:ellipsis;margin:0 3px;overflow:hidden}.song-card-title:hover{color:#765eab}.progress-track{width:100%}.empty-results p{margin-bottom:20px}.song-intro{margin-bottom:30px}.cover-large{aspect-ratio:1;box-shadow:0 10px 28px #3c32561b}.cover-large .cover-art-title{font-size:18px}.song-intro-copy h1{letter-spacing:-.07em;margin:10px 0 3px;font-size:clamp(26px,2.6vw,36px);font-weight:850}.song-japanese-title{font-weight:650}.song-intro-tags{align-items:center}.song-intro-tags span{border:1px solid #eeebef;align-items:center;gap:4px;display:inline-flex}.inline-notice{margin-bottom:23px}.inline-notice svg{color:#7a68a2}.inline-notice strong{color:#645580}.inline-notice a{align-items:center;gap:3px;font-weight:800;display:flex}.lyrics-scroll{scroll-behavior:smooth}.lyric-row{margin-bottom:5px;transition:background .19s,border-color .19s}.lyric-row.is-active{border-color:#ebe3f4}.lyric-rail{padding-top:4px}.lyric-num{font-variant-numeric:tabular-nums}.lyric-row.is-active .lyric-num{color:#886cae;font-weight:850}.line-check{place-items:center}.line-check:hover{color:#b29dc8;border-color:#ab97c2}.lyric-content{flex-direction:column}.lyric-content:hover .lyric-original{color:#635485}.lyric-original{letter-spacing:-.03em;word-break:break-word;line-height:1.5}.lyric-pronunciation{letter-spacing:-.04em;word-break:keep-all;overflow-wrap:anywhere;line-height:1.45}.lyric-translation{word-break:keep-all;overflow-wrap:anywhere;line-height:1.6}.lyric-row.is-active .lyric-original{font-weight:830}.line-repeat{border-radius:7px;place-items:center}.line-repeat:not(:disabled):hover{color:#7958a9;background:#eae1f3}.lyrics-foot>span{color:#8c8395;align-items:center;gap:7px;font-size:10px;font-weight:750;display:flex}.lyrics-foot>span svg{color:#87b0a2}kbd{color:#8b8292;white-space:nowrap;background:#faf9fa;border:1px solid #e9e3eb;border-bottom-width:2px;border-radius:5px;padding:4px 6px;font-family:inherit;font-size:10px;font-weight:800}.song-bottom-note{align-items:flex-start}.player-dock{min-width:0;position:fixed;right:0}.player-layout{align-items:center;display:grid}.player-now{align-items:center;display:flex}.player-now>div:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.player-now strong,.player-now span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.player-main-controls{flex-direction:column;align-items:center;display:flex}.transport-buttons{justify-content:center;align-items:center;display:flex}.transport-buttons button{background:0 0;border:0;place-items:center;padding:3px;display:grid}.transport-buttons .play-button{color:#fff;border-radius:50%;place-items:center;display:grid}.transport-buttons .play-button:not(:disabled):hover{color:#fff;background:#564483}.player-timeline{font-variant-numeric:tabular-nums;align-items:center;width:100%;display:flex}.player-timeline input{appearance:none;cursor:pointer;border-radius:20px;width:100%;min-width:0;height:4px}.player-timeline input::-webkit-slider-thumb{appearance:none;border:2px solid #fff;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 1px #7863ae}.player-timeline input::-moz-range-thumb{background:#7863ae;border:2px solid #fff;border-radius:50%;width:8px;height:8px}.player-extra-controls{justify-content:flex-end;align-items:center;display:flex}.volume-control{align-items:center;gap:6px;display:flex}.volume-control input{cursor:pointer;width:62px}.not-found-page{text-align:center;background:#f9f8f6;place-items:center;min-height:100vh;padding:30px;display:grid}.not-found-page h1{margin:15px 0 7px;font-size:25px}.not-found-page p{color:#918a98;margin-bottom:25px;font-size:13px}.not-found-icon{color:#8067a9;font-size:50px}@media (max-width:760px){.song-intro{margin-bottom:22px}.song-intro-copy h1{font-size:25px}.song-intro-copy .eyebrow{font-size:8px}.song-japanese-title{margin-bottom:7px}.song-intro-description{display:none}.player-now{align-self:center}.player-extra-controls{display:none}.volume-control input{width:45px}}@media (max-width:480px){.song-intro-copy h1{font-size:22px}.song-intro-tags span:nth-child(3){display:none}.lyrics-foot>span{font-size:9px}.transport-buttons svg{width:17px;height:17px}.inline-notice{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.song-page{padding-bottom:0}.cover-custom-img{z-index:0}.cover-small{display:block}:root{--text-small:clamp(14px, calc(12px + .25vw), 18px);--text-body:clamp(16px, calc(14px + .25vw), 20px);--text-lead:clamp(18px, calc(16px + .3vw), 24px);--text-heading:clamp(20px, calc(16px + .45vw), 28px);--bg:#f7faff;--paper:#fff;--ink:#173657;--muted:#7186a4;--line:#e2ebf7;--purple:#286ce0;--purple-dark:#1957c8;--purple-light:#edf4ff;--blue:#286ce0;--pink:#ef86b0}html{scroll-padding-top:94px}body{color:var(--ink);font-family:var(--font-pretendard), "Malgun Gothic", system-ui, sans-serif;font-size:var(--text-body);background:#fff;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button:disabled{opacity:.45}button{cursor:pointer}img{max-width:100%}h1,h2,h3,p{overflow-wrap:break-word}h1,h2,h3{letter-spacing:-.045em}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #75a7ef}a{color:inherit}input,textarea,select{color:var(--ink)}.container{width:calc(100% - 240px);max-width:none;margin:0 auto}.subtle{font-size:var(--text-small);line-height:1.7}.eyebrow{font-size:var(--text-small);letter-spacing:.18em;color:#5285d6;font-weight:650}.panel{border:1px solid var(--line);background:#fff;border-radius:14px;padding:22px}.panel h2,.panel h3{font-size:var(--text-heading);align-items:center;gap:8px;margin:0 0 12px;font-weight:700;display:flex}.panel h2>svg,.panel h3>svg{color:var(--blue);flex:none}.panel p{line-height:1.7}.panel-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.panel-heading h2,.panel-heading h3{margin-bottom:4px}.button{white-space:nowrap;min-height:40px;box-shadow:none;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:10px 19px;font-weight:650;line-height:1.4;text-decoration:none;display:inline-flex}.button-primary{color:#fff;background:linear-gradient(130deg,#367bee,#1157d9);border-color:#246ce6}.button-primary:hover{color:#fff;background:#1759d5}.button-outline{color:#2465cb;background:#ffffffb8;border-color:#83adf4}.button-outline:hover{color:#1854bf;background:#edf5ff}.icon-button{color:#758aab;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;min-width:28px;padding:6px;display:inline-flex}.icon-button.active,.icon-button:hover{color:var(--blue);background:#eaf2ff}.icon-button.starred{color:#edac3d}.icon-button.starred svg{fill:#ffd171}.small-outline{color:#286bd6;font-size:var(--text-small);white-space:nowrap;background:#fff;border:1px solid #a5c3f5;border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:5px 9px;display:inline-flex}.number-badge{color:#3475d6;width:32px;height:32px;font-size:var(--text-body);background:#e4efff;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.badge-0,.badge-2{color:#ee738b;background:#ffe4e9}.badge-1{color:#3475d6;background:#e1efff}.pill,.count-pill{color:#2a6bd1;font-size:var(--text-small);background:#e5f0ff;border-radius:999px;align-items:center;padding:4px 11px;font-weight:650;display:inline-flex}.loading-page{min-height:65vh;padding-top:70px}.empty-results{text-align:center;background:#f8fbff;border:1px dashed #cfddf0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:250px;padding:50px 20px;display:flex}.empty-results h3{margin:0;font-size:22px}.empty-results p{color:var(--muted);font-size:var(--text-body);margin:0}.empty-results>svg{color:#81a9e6}.empty-small{font-size:var(--text-small);text-align:center;color:var(--muted);background:#f7faff;border-radius:8px;margin:20px 0;padding:15px}.site-shell{flex-direction:column;min-height:100vh;display:flex}.site-shell>main{flex:1;min-width:0}.site-header{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffef;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:25px;width:calc(100% - 64px);max-width:none;height:82px;margin:auto;display:flex}.brand{flex-direction:column;flex:none;align-items:flex-start;gap:0;text-decoration:none;display:flex}.brand img{object-fit:contain;width:142px;height:auto;max-height:64px;display:block}.brand-tagline{display:none}.site-nav{align-items:center;gap:26px;height:100%;display:flex}.site-nav a{height:100%;font-size:var(--text-body);color:#284463;white-space:nowrap;align-items:center;padding:0 5px;font-weight:600;display:flex;position:relative}.site-nav a.active{color:#246de1}.site-nav a.active:after{content:"";background:#327ced;border-radius:5px;height:2px;position:absolute;bottom:18px;left:5px;right:5px}.header-search{background:#fafdff;border:1px solid #e0eaf8;border-radius:999px;align-items:center;gap:8px;width:245px;padding:8px 13px;display:flex}.header-search input{min-width:0;font-size:var(--text-small);background:0 0;border:0;outline:none;flex:1}.header-search input::placeholder{color:#9daec5}.header-search button{color:#5b83bc;background:0 0;border:0;padding:0;display:flex}.menu-toggle{color:var(--blue);background:0 0;border:0;display:none}.storage-warning{font-size:var(--text-small);color:#736037;text-align:center;background:#fff3d7;padding:10px 32px}.storage-warning a{margin-left:10px;text-decoration:underline}.site-footer{color:#c1cee2;background:#142b48;margin-top:24px}.footer-inner{justify-content:space-between;align-items:center;gap:24px;width:calc(100% - 64px);max-width:none;margin:auto;padding:22px 0;display:flex}.footer-inner .brand img{width:145px}.footer-inner nav{font-size:var(--text-small);gap:19px;display:flex}.footer-inner p{font-size:var(--text-small);text-align:right;margin:0}.footer-inner small{font-size:var(--text-small);color:#9aafca;margin-top:5px;display:block}.has-player{padding-bottom:86px}.scene-background{pointer-events:none;z-index:0;display:block;position:absolute;inset:0;overflow:hidden}.scene-background img{object-fit:cover;width:100%;height:100%;display:block}.home-hero{background:#eaf4ff;align-items:center;min-height:448px;display:flex;position:relative;overflow:hidden}.hero-content{z-index:1;padding-top:40px;padding-bottom:36px;position:relative}.hero-content h1{max-width:none;margin:15px 0;font-weight:760}.hero-content h1>span{color:#175fd0}.hero-content p{color:#3e5b7f;margin:17px 0 22px;line-height:1.85}.hero-actions{gap:14px;display:flex}.hero-actions .button{min-width:145px}.hero-assurances{font-size:var(--text-small);color:#4f719e;flex-wrap:wrap;gap:19px;margin-top:22px;display:flex}.hero-assurances span{align-items:center;gap:5px;display:flex}.hero-assurances svg{color:#5a97ec}.home-section{grid-template-columns:265px minmax(0,1fr);gap:35px;padding-top:32px;padding-bottom:32px;display:grid}.section-intro h2{letter-spacing:-.055em;margin:10px 0 12px;font-weight:750}.section-intro p{font-size:var(--text-body);line-height:1.8}.section-intro .button{font-size:var(--text-small);min-height:36px;margin-top:7px;padding:8px 14px}.learning-cards{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.learning-card{border:1px solid #e0eafb;border-radius:13px;padding:18px 20px}.learning-card-top{color:#3b80e7;align-items:center;gap:19px;display:flex}.learning-card h3{margin:12px 0 5px}.learning-card p{font-size:var(--text-small);margin:5px 0 12px;line-height:1.7}.sample-line{color:#4d6c97;text-align:center;font-size:var(--text-body);overflow-wrap:anywhere;background:#eef5ff;border-radius:9px;justify-content:center;align-items:center;min-height:62px;padding:10px 12px;line-height:1.65;display:flex}.feature-section{background:linear-gradient(90deg,#fff,#f6f9ff,#fff);border-top:1px solid #eef3fa;border-bottom:1px solid #eef3fa;padding:25px 0;display:block}.feature-inner{grid-template-columns:265px minmax(0,1fr);align-items:center;gap:35px;display:grid}.feature-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.feature-card{align-items:flex-start;gap:12px;display:flex}.feature-icon{border-radius:13px;flex:none;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.feature-card h3{white-space:nowrap;margin:5px 0 6px}.feature-card p{font-size:var(--text-small);margin:0;line-height:1.7}.home-collection{background:linear-gradient(100deg,#fff,#f9fbff);align-items:center;padding-top:27px;padding-bottom:30px}.home-song-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.song-card{background:#fff;border:1px solid #e1eaf8;min-width:0;padding:0;transition:box-shadow .15s,transform .15s;overflow:hidden;box-shadow:0 3px 11px #23497703}.song-card:hover{transform:translateY(-2px);box-shadow:0 5px 20px #356cb012}.song-card-image{position:relative}.song-card-image>a{display:block}.cover-art{aspect-ratio:1;background:#e7f0ff;border-radius:0;width:100%;height:auto;position:relative;overflow:hidden}.cover-custom-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cover-art:after{content:"";background:linear-gradient(#0000 45%,#0a29456b);position:absolute;inset:0}.cover-art-title{z-index:1;color:#fff;text-shadow:0 1px 5px #06223960;font-weight:650;line-height:1.3;position:absolute;left:12px;right:10px}.cover-small{aspect-ratio:1;border-radius:7px;flex:none;width:52px;height:52px}.cover-small .cover-art-title{display:none}.cover-large{border-radius:12px;flex:none;width:170px;height:170px}.favorite-button{color:#6e91c6;z-index:2;background:#fffd;border:0;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:9px;right:9px;box-shadow:0 2px 6px #213e7510}.favorite-button.is-favorite{color:#e65677;background:#fff}.favorite-button.is-favorite svg{fill:#e65677}.song-card-body{padding:12px}.song-card-title{letter-spacing:-.04em;white-space:normal;font-weight:680;line-height:1.35;display:block}.song-card-artist{font-size:var(--text-small);color:#748aab;white-space:nowrap;text-overflow:ellipsis;margin:5px 0 10px;overflow:hidden}.song-card-tags{flex-wrap:wrap;gap:5px;margin-bottom:12px;display:flex}.song-card-tags span{font-size:var(--text-small);color:#5283ce;background:#e8f2ff;border-radius:999px;padding:2px 8px}.song-card-tags span:nth-child(2){color:#55a2a8;background:#e8f8fa}.song-card-tags .tag-muted{color:#8b9aaf;background:#f4f5f8}.card-progress{align-items:center;gap:6px;display:flex}.card-play{color:#3b80e9;border:1px solid #dbe7fa;border-radius:50%;flex:none;justify-content:center;align-items:center;width:23px;height:23px;display:flex}.progress-track{background:#e6edf8;border-radius:999px;flex:1;height:4px;overflow:hidden}.progress-track span{background:#6b9ef0;border-radius:999px;height:100%;display:block}.card-progress strong{font-size:var(--text-small);color:#7a93b9;font-weight:500}.song-card-compact .song-card-body{padding:10px 12px}.song-card-compact .song-card-artist{margin-bottom:0}.page-banner{background:#edf6ff;align-items:center;display:flex;position:relative;overflow:hidden}.banner-copy{z-index:1;padding-top:22px;padding-bottom:22px;position:relative}.banner-copy h1{color:#143b68;letter-spacing:-.055em;margin:8px 0;font-size:29px;font-weight:760;line-height:1.4}.banner-copy p{font-size:var(--text-body);max-width:none;margin:0;line-height:1.8}.library-layout{grid-template-columns:166px minmax(0,1fr) 252px;gap:24px;padding-top:26px;padding-bottom:45px;display:grid}.library-sidebar h2{font-size:var(--text-lead);margin:0 0 16px}.library-sidebar nav{flex-direction:column;gap:7px;display:flex}.library-sidebar nav>button{width:100%;min-width:0;font-size:var(--text-small);color:#405d84;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;display:flex}.library-sidebar nav>button small{color:#6b8ab9;font-size:var(--text-small);margin-left:auto}.library-sidebar nav>button.active{color:#286ce0;background:#e9f2ff}.library-sidebar nav>button svg{color:#5985cf;flex:none}.library-main{min-width:0}.library-search-row{gap:10px;display:flex}.song-search{color:#6b91c9;background:#fff;border:1px solid #d9e6f8;border-radius:9px;flex:1;align-items:center;gap:10px;width:auto;min-width:0;padding:12px 14px;display:flex}.song-search input{width:100%;font-size:var(--text-small);background:0 0;border:0;outline:none;min-width:0}.song-search input::placeholder{color:#9aaec9}.genre-chips{flex-wrap:wrap;gap:8px;margin:16px 0 22px;display:flex}.genre-chips button{font-size:var(--text-small);color:#6684b0;background:#f2f6fd;border:0;border-radius:999px;padding:7px 13px}.genre-chips button.selected{color:#fff;background:#2c73e4}.recent-section{margin-bottom:22px}.recent-section h3{font-size:var(--text-body);color:#385f98;align-items:center;gap:7px;display:flex}.recent-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.recent-card{background:linear-gradient(140deg,#fff,#f5f9ff);border:1px solid #e0eafa;border-radius:9px;align-items:center;gap:9px;min-width:0;padding:9px;display:flex}.recent-card .cover-small{width:45px;height:45px}.recent-card>div:nth-child(2){flex:1;min-width:0}.recent-card strong{font-size:var(--text-small);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.recent-card small{font-size:var(--text-small);color:#8498b4;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.recent-card>svg{color:#6293e0;flex:none}.collection-heading{justify-content:space-between;align-items:center;gap:12px;margin:18px 0 15px;display:flex}.collection-heading h2{align-items:center;gap:8px;margin:0;display:flex}.collection-heading h2>svg{color:var(--blue)}.collection-heading h2 span{font-size:var(--text-small);color:#6e97d2;background:#edf4ff;border-radius:999px;padding:2px 9px}.collection-heading>div{align-items:center;gap:5px;display:flex}.collection-heading select{font-size:var(--text-small);color:#728bb3;background:#fff;border:1px solid #e0eafb;border-radius:6px;padding:6px}.song-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:14px;display:grid}.song-list{grid-template-columns:1fr}.song-list .song-card{display:flex}.song-list .song-card-image{flex:none;width:100px}.song-list .cover-art{height:100%;min-height:124px}.song-list .song-card-body{flex:1;padding:14px 18px}.song-list .song-card-tags{margin:4px 0}.song-list .card-progress{max-width:none}.library-insights .panel{margin-bottom:16px;padding:18px}.library-insights h3{font-size:var(--text-body)}.insight-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:15px;display:grid}.insight-stats>div{background:#f2f7ff;border-radius:10px;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:13px 4px;display:flex}.insight-stats>div:nth-child(3){background:#fff1f5}.insight-stats svg{color:#4a88eb;width:19px;height:19px}.insight-stats>div:nth-child(3) svg{color:#e581a0}.insight-stats strong{font-size:var(--text-heading);white-space:nowrap;line-height:1.3}.insight-stats small{font-size:var(--text-small);white-space:nowrap;color:#8197b9}.artist-list{margin:15px 0 0;padding:0;list-style:none}.artist-list li{border-bottom:1px solid #f0f4fa;align-items:center;gap:9px;padding:9px 0;display:flex}.artist-list li>span{font-size:var(--text-small);color:#6b97d8}.artist-avatar{color:#628bc6;width:27px;height:27px;font-size:var(--text-small);background:#e1edff;border-radius:50%;justify-content:center;align-items:center;display:flex}.artist-list strong{font-size:var(--text-small);flex:1;font-weight:500}.artist-list small{font-size:var(--text-small);color:#88a0c4}.practice-hero{background:#edf6ff;padding:20px 0 30px;position:relative;overflow:hidden}.practice-hero>.container{z-index:1;position:relative}.song-intro{grid-template-columns:170px minmax(0,1fr) 45px;align-items:start;gap:25px;margin:0;display:grid;position:relative}.song-intro-copy{min-width:0;max-width:none}.song-intro h1{letter-spacing:-.055em;margin:6px 0;font-size:32px;font-weight:760;line-height:1.3}.song-japanese-title{font-size:var(--text-heading);color:#6b92c6;margin:5px 0}.song-artist{font-size:var(--text-lead);color:#173f78;margin-top:5px;font-weight:600;display:block}.song-intro-description{color:#6b88b2;font-size:var(--text-small);max-width:none;margin:8px 0;line-height:1.7}.song-intro-tags{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.song-intro-tags span{color:#4e83d0;font-size:var(--text-small);background:#e8f3ff;border-radius:999px;padding:4px 10px}.favorite-hero{color:#7ba0d6;background:#ffffffd9;border:1px solid #e3edfc;border-radius:50%;justify-content:center;place-self:start end;align-items:center;width:39px;height:39px;display:flex}.favorite-hero.is-favorite{color:#e8799b}.favorite-hero.is-favorite svg{fill:#f295b1}.practice-container{padding-top:20px;padding-bottom:22px}.inline-notice{color:#4773aa;font-size:var(--text-small);background:#edf5ff;border:1px solid #d9eafa;border-radius:9px;align-items:center;gap:10px;margin:0 0 15px;padding:12px 16px;line-height:1.6;display:flex}.inline-notice a{color:#2567ce;white-space:nowrap;margin-left:auto;text-decoration:underline}.notice-error{color:#b26378;background:#fff2f5;border-color:#f2ced8}.practice-workspace{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:20px;display:grid}.lyrics-panel{border-radius:13px;min-width:0}.lyrics-columns-header{border-bottom:1px solid #e7eef9}.lyrics-scroll{scrollbar-width:thin;scrollbar-color:#d9e6f8 transparent;overflow-y:visible}.lyric-wrapper{margin:0;position:relative}.lyric-row{grid-template-columns:32px minmax(0,1fr) 28px;align-items:stretch;gap:0}.lyric-rail{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.lyric-num{font-size:var(--text-small);color:#96afd2;font-weight:500}.line-check{color:#0000;justify-content:center;align-items:center;padding:0;display:flex}.line-check.checked{border-color:#6cabd6}.lyric-content{text-align:left;cursor:pointer;min-width:0}.lyric-content>span{overflow-wrap:anywhere;white-space:normal;letter-spacing:-.035em;border-right:1px solid #f0f4fa;min-width:0}.lyric-original{font-family:var(--font-pretendard), "Yu Gothic", Meiryo, sans-serif;color:#31547e;font-weight:500}.lyric-pronunciation{font-size:var(--lyric-font-size,24px);color:#2568d3;font-weight:620}.lyric-translation{color:#5b789d;font-weight:400}.lyric-row.is-active .lyric-original,.lyric-row.is-active .lyric-translation{color:#286be0}.lyric-row.is-active .lyric-pronunciation{color:#145dcc}.line-repeat{color:#94afd5;background:0 0;border:0;justify-content:center;align-self:center;align-items:center;display:flex}.lyrics-foot{color:#83a0c6;border-top:1px solid #e6edf8;justify-content:space-between;align-items:center;gap:10px;display:flex}.lyrics-foot>span{font-size:var(--text-small);align-items:center;gap:5px;display:flex}.practice-tools{flex-direction:column;gap:16px;min-width:0;display:flex}.practice-tools .panel{padding:18px}.practice-tools h3{font-size:var(--text-lead)}.practice-tools .count-pill{font-size:var(--text-small);margin-left:auto;padding:1px 7px}.note-panel textarea{resize:vertical;width:100%;min-height:110px;font-size:var(--text-small);background:#fcfdff;border:1px solid #d7e5fa;border-radius:8px;padding:12px;line-height:1.7}.note-panel textarea::placeholder{color:#a1b4cf}.form-footer{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.form-footer small{color:#9db0cb;font-size:var(--text-small)}.form-footer .button{font-size:var(--text-small);border-radius:6px;min-height:31px;padding:6px 12px}.saved-notes{max-height:none;margin-top:14px}.saved-notes article{background:#f5f9ff;border-radius:7px;margin-top:8px;padding:10px}.saved-notes p{white-space:pre-wrap;overflow-wrap:anywhere;color:#527399;margin:0 0 6px}.saved-notes article>div{justify-content:space-between;align-items:center;display:flex}.saved-notes small{color:#98acc8;font-size:var(--text-small)}.word-panel .panel-heading h3{font-size:var(--text-body);gap:5px}.word-panel .small-outline{font-size:var(--text-small);padding:4px 5px}.word-form{background:#f5f9ff;border-radius:8px;margin:12px 0;padding:12px}.word-form label{font-size:var(--text-small);color:#6a88ad;margin-bottom:7px;display:block}.word-form input{width:100%;font-size:var(--text-small);background:#fff;border:1px solid #d3e2f8;border-radius:5px;margin-top:3px;padding:6px;display:block}.word-form .button{width:100%;font-size:var(--text-small);min-height:30px;margin-top:9px;padding:6px}.word-list{margin:10px 0 0;list-style:none}.word-list li{align-items:center;display:flex}.word-list li>div{flex:1;min-width:0}.word-list strong small{font-size:var(--text-small);font-weight:400}.word-list li>div>span{font-size:var(--text-small);color:#859bc0;margin-top:3px;display:block}.word-list .icon-button{min-width:20px;padding:3px}.song-bottom-note{color:#8b9db7;font-size:var(--text-small);gap:7px;margin:17px 0 0;line-height:1.7;display:flex}.player-dock{z-index:30;bottom:0;left:0}.player-layout{grid-template-columns:minmax(160px,1fr) minmax(260px,1.8fr) minmax(160px,1fr);gap:25px;max-width:none;height:84px;margin:auto;padding:10px 32px}.player-now{gap:10px}.player-now strong,.player-now span{font-size:var(--text-small)}.player-now .cover-small{width:44px;height:44px}.player-main-controls{gap:4px;min-width:0}.transport-buttons{gap:16px}.transport-buttons .play-button{background:#2d72e1;width:34px;height:34px}.transport-buttons .play-button:hover{background:#1b60d5}.player-timeline{font-size:var(--text-small);gap:8px}.player-timeline span{flex:none}.player-timeline input{accent-color:#4487ef;background:#d8e5f8}.player-timeline input::-webkit-slider-thumb{background:#367deb}.volume-control{color:#8fa9cf}.volume-control input{accent-color:#6b9fed}.preference-row{font-size:var(--text-body);border-bottom:1px solid #e6eef9;justify-content:space-between;align-items:center;gap:18px;padding:18px 0;display:flex}.preference-row input[type=checkbox]{accent-color:#387bdd;width:19px;height:19px}.preference-row input[type=range]{accent-color:#3c84e9;max-width:none}@media (max-width:1200px){.header-inner{gap:18px}.site-nav{gap:19px}.header-search{width:205px}.library-layout{grid-template-columns:148px minmax(0,1fr) 225px;gap:18px}.library-insights .panel{padding:14px}.library-insights h3{font-size:var(--text-small)}.feature-inner,.home-section{grid-template-columns:220px minmax(0,1fr);gap:23px}.feature-cards{gap:11px}.feature-card{gap:8px}.feature-card p{font-size:var(--text-small)}.practice-workspace{grid-template-columns:minmax(0,1fr) 260px;gap:16px}.lyrics-columns-header>div{padding-left:6px}.hero-content h1{max-width:none}.player-layout{grid-template-columns:150px minmax(240px,1fr) 160px;gap:20px}}@media (max-width:1050px){.container,.header-inner,.footer-inner{width:calc(100% - 40px)}.header-search{display:none}.header-inner{gap:20px}.header-inner .site-nav{margin-left:auto}.library-layout{grid-template-columns:148px minmax(0,1fr)}.library-insights{grid-column:2;grid-template-columns:1fr 1fr;gap:15px;display:grid}.library-insights .panel{margin:0}.library-sidebar{grid-row:1/3}.home-section,.feature-inner{grid-template-columns:190px minmax(0,1fr);gap:18px}.learning-card{padding:15px}.feature-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.home-hero{min-height:422px}.hero-content h1{max-width:none}.practice-workspace{grid-template-columns:1fr}.practice-tools{grid-template-columns:1fr 1fr;display:grid}.player-layout{grid-template-columns:150px minmax(240px,1fr) 135px;gap:15px;padding:10px 20px}.volume-control{display:none}}@media (max-width:760px){html{scroll-padding-top:75px}.container,.header-inner,.footer-inner{width:calc(100% - 32px)}.header-inner{gap:10px;height:74px}.header-inner .brand img{width:124px;max-height:56px}.site-nav{gap:13px}.site-nav a{font-size:var(--text-small);padding:0 3px}.site-nav a.active:after{bottom:14px;left:3px;right:3px}.home-hero{min-height:430px}.hero-content{padding:30px 0}.hero-content h1{max-width:none}.hero-assurances{font-size:var(--text-small);gap:10px;max-width:none}.home-section,.feature-inner{grid-template-columns:1fr;gap:20px;padding-top:25px;padding-bottom:25px}.section-intro h2 br{display:none}.section-intro p{font-size:var(--text-small)}.learning-card{padding:15px 12px}.learning-card-top{gap:11px}.learning-card p{font-size:var(--text-small)}.sample-line{font-size:var(--text-small);min-height:65px;padding:8px}.feature-inner{padding-top:0;padding-bottom:0}.feature-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}.feature-card p{font-size:var(--text-small)}.home-song-grid{gap:12px}.home-collection{padding-top:25px}.banner-copy h1{max-width:none;font-size:23px}.banner-copy p{font-size:var(--text-small);max-width:none}.page-banner:after,.practice-hero:after{content:"";z-index:0;background:linear-gradient(90deg,#f5faffcf,#f5faff5c 65%,#0000);position:absolute;inset:0}.banner-copy,.practice-hero>.container{z-index:1}.library-layout{grid-template-columns:minmax(0,1fr);padding-top:20px}.library-sidebar{grid-row:auto}.library-sidebar h2{display:none}.library-sidebar nav{flex-direction:row;gap:6px;overflow:auto}.library-sidebar nav>button{white-space:nowrap;width:auto;font-size:var(--text-small);background:#f5f9ff;gap:6px}.library-sidebar nav>button svg{width:15px;height:15px}.library-insights{grid-column:auto;grid-template-columns:1fr 1fr}.song-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.collection-heading{gap:8px}.library-search-row .button{font-size:var(--text-small);padding:9px 13px}.recent-grid{grid-template-columns:1fr}.recent-card{padding:8px 11px}.recent-card .cover-small{width:38px;height:38px}.song-list{grid-template-columns:1fr}.song-list .song-card-image{width:90px}.song-list .cover-art{min-height:115px}.footer-inner{text-align:center;flex-wrap:wrap;justify-content:center;gap:18px;padding:23px 0}.footer-inner .brand img{width:125px}.footer-inner nav{font-size:var(--text-small);gap:15px}.footer-inner p{text-align:center;width:100%;font-size:var(--text-small)}.song-intro{grid-template-columns:110px minmax(0,1fr);gap:16px}.song-intro .cover-large{width:110px;height:110px}.song-intro h1{font-size:25px}.song-japanese-title{font-size:var(--text-body)}.song-artist{font-size:var(--text-small)}.song-intro-description{display:none}.song-intro-tags{gap:5px;margin-top:10px}.song-intro-tags span{font-size:var(--text-small);padding:3px 7px}.favorite-hero{width:27px;height:27px;position:absolute;top:79px;left:81px}.favorite-hero svg{width:17px;height:17px}.practice-container{padding-top:15px}.practice-tools{display:none}.lyric-content{flex-direction:column}.lyric-pronunciation{font-size:var(--lyric-font-size,24px)}.lyric-row{grid-template-columns:29px minmax(0,1fr) 25px}.lyrics-foot{font-size:var(--text-small)}.song-page{padding-bottom:0}.has-player{padding-bottom:87px}.player-layout{grid-template-columns:112px minmax(0,1fr);gap:12px;height:83px;padding:8px 14px}.player-now .cover-small{width:36px;height:36px;display:block}.player-now strong,.player-now span{font-size:var(--text-small)}.transport-buttons{gap:9px}.transport-buttons svg{width:18px;height:18px}.transport-buttons .play-button{width:32px;height:32px}.player-timeline{font-size:var(--text-small);gap:4px}.player-extra-controls{display:none}.panel{padding:18px}.preference-row{font-size:var(--text-small)}.preference-row input[type=range]{max-width:none}}@media (max-width:600px){.site-nav{background:#fff;border-bottom:1px solid #dfebfb;justify-content:space-between;gap:8px;height:auto;padding:10px 16px;display:none;position:absolute;top:74px;left:0;right:0;box-shadow:0 8px 16px #213f740c}.site-nav.is-open{display:flex}.site-nav a{height:auto;font-size:var(--text-body);padding:10px 8px}.site-nav a.active:after{bottom:3px;left:8px;right:8px}.menu-toggle{justify-content:center;align-items:center;padding:5px;display:flex}.home-hero{align-items:flex-start;min-height:655px}.home-hero .scene-background img{object-position:center bottom}.hero-content{padding-top:30px;padding-bottom:280px}.hero-content h1{max-width:100%;margin-top:12px}.hero-content h1>span{display:inline}.hero-content p{margin-bottom:20px}.hero-actions{gap:10px}.hero-actions .button{font-size:var(--text-small);min-width:125px;padding:9px 14px}.hero-assurances{font-size:var(--text-small);gap:8px;max-width:none;margin-top:15px}.home-section{padding-top:27px;padding-bottom:25px}.learning-cards{grid-template-columns:1fr}.learning-card{grid-template-columns:50px minmax(0,1fr);column-gap:13px;padding:16px}.learning-card-top{flex-direction:column;grid-area:1/1/4;justify-content:center;gap:11px}.learning-card h3{margin:0 0 4px}.learning-card p{margin:0 0 10px}.sample-line{text-align:left;min-height:45px;font-size:var(--text-small);grid-column:2;justify-content:flex-start;padding:8px 11px}.feature-card{gap:11px}.feature-icon{border-radius:11px;width:38px;height:38px}.feature-icon svg{width:20px;height:20px}.feature-card p{font-size:var(--text-small)}.home-song-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-song-grid .song-card:last-child:nth-child(odd){grid-column:auto}.cover-art-title{left:9px}.song-card-body{padding:10px}.song-card-tags{gap:4px}.song-card-tags span{font-size:var(--text-small);padding:2px 6px}.song-card-artist{font-size:var(--text-small)}.banner-copy h1{max-width:none;font-size:22px;line-height:1.5}.banner-copy p{font-size:var(--text-small);max-width:none;line-height:1.8}.banner-copy .eyebrow{font-size:var(--text-small)}.library-layout{gap:15px;padding-top:17px;padding-bottom:25px}.library-sidebar nav{gap:5px}.library-sidebar nav>button{font-size:var(--text-small);gap:5px}.library-sidebar nav>button svg{width:14px}.library-sidebar nav>button small{font-size:var(--text-small)}.library-search-row{gap:7px}.library-search-row .button{font-size:var(--text-small);padding:8px 10px}.song-search{font-size:var(--text-small);padding:10px}.song-search input{font-size:var(--text-small)}.song-search svg{width:17px;height:17px}.genre-chips{gap:5px;margin:12px 0 15px}.genre-chips button{font-size:var(--text-small);padding:6px 10px}.song-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.song-list{grid-template-columns:1fr}.collection-heading{margin-top:15px}.collection-heading h2{gap:5px}.collection-heading h2>svg{width:18px}.collection-heading select{font-size:var(--text-small);max-width:none}.collection-heading>div{gap:2px}.collection-heading .icon-button{min-width:25px;padding:4px}.library-insights{grid-template-columns:1fr}.artist-list{grid-template-columns:1fr 1fr;gap:8px;display:grid}.artist-list li{border:0;gap:5px;padding:6px 0}.library-insights .panel{padding:17px}.insight-stats>div{padding:13px}.insight-stats strong{font-size:var(--text-heading)}.song-intro{grid-template-columns:92px minmax(0,1fr);gap:13px}.song-intro .cover-large{width:92px;height:92px}.song-intro h1{font-size:22px}.song-japanese-title{font-size:var(--text-body);margin:4px 0}.song-artist{font-size:var(--text-small)}.favorite-hero{top:63px;left:63px}.song-intro-tags{gap:4px;margin-top:8px}.song-intro-tags span{font-size:var(--text-small);padding:3px 6px}.pill{font-size:var(--text-small);padding:3px 8px}.lyric-pronunciation{font-size:var(--lyric-font-size,24px)}.lyric-row{grid-template-columns:24px minmax(0,1fr) 24px}.lyrics-foot>span{font-size:var(--text-small)}.player-layout{grid-template-columns:88px minmax(0,1fr);gap:9px;padding:8px 10px}.player-now .cover-small{display:none}.player-now strong{font-size:var(--text-small)}.transport-buttons{gap:8px}.player-timeline{font-size:var(--text-small)}.has-player{padding-bottom:87px}.panel{padding:17px}.preference-row{font-size:var(--text-small);padding:15px 0}.preference-row input[type=range]{width:115px}}.hero-content h1{letter-spacing:-.035em;font-size:clamp(30px,24px + 1.25vw,56px);line-height:1.3}.section-intro h2,.collection-heading h2{font-size:clamp(22px,18px + .45vw,32px);line-height:1.4}.learning-card h3,.feature-card h3,.song-card-title{font-size:var(--text-lead)}.learning-card p,.feature-card p,.section-intro p,.banner-copy p,.subtle{color:#536b89}.learning-card p{min-height:0}.learning-card .sample-line{margin-top:auto}.learning-card{flex-direction:column;display:flex}.home-song-grid .song-card-body{padding:18px 22px}.cover-art-title{font-size:var(--text-lead);bottom:14px}.hero-actions .button,.library-search-row .button{min-height:48px}.favorite-button{width:36px;height:36px}.panel .subtle,.saved-notes p,.word-panel p{font-size:var(--text-small)}.lyric-original,.lyric-translation{font-size:clamp(18px,16px + .25vw,24px)}@media (min-width:1201px){.home-hero{min-height:calc(400px + 8vw)}.home-section,.feature-inner{grid-template-columns:minmax(260px,1fr) minmax(0,4fr);gap:36px}.home-section{padding-top:48px;padding-bottom:48px}.feature-section{display:block}.learning-card{padding:26px}.learning-card-top>svg{width:32px;height:32px}.learning-card .sample-line{min-height:86px}.library-layout{grid-template-columns:minmax(210px,.8fr) minmax(0,4fr) minmax(280px,1.2fr);gap:28px}.practice-workspace{grid-template-columns:minmax(0,4fr) minmax(320px,1fr);gap:28px}.header-inner{justify-content:flex-start;gap:48px;height:96px}.header-search{width:25%;height:46px;margin-left:auto}.header-search input{font-size:var(--text-body)}.header-inner .brand img{width:190px}.site-nav{gap:32px}.site-nav a{font-size:var(--text-body);font-weight:600}.song-intro{grid-template-columns:minmax(180px,9%) minmax(0,1fr) 48px;align-items:center}.song-intro .cover-large{aspect-ratio:1;width:100%;height:auto}.song-intro h1,.banner-copy h1{font-size:clamp(32px,24px + .8vw,48px)}.panel{padding:26px}.note-panel textarea{min-height:160px}.player-layout{grid-template-columns:minmax(220px,1fr) minmax(0,2.3fr) minmax(240px,1fr);height:104px}.has-player{padding-bottom:107px}.player-now .cover-small{width:56px;height:56px}.transport-buttons .play-button{width:44px;height:44px}.footer-inner{padding-top:32px;padding-bottom:32px}}@media (min-width:1600px){.song-grid:not(.song-list){grid-template-columns:repeat(4,minmax(0,1fr))}.feature-card{gap:18px}.feature-icon{width:56px;height:56px}}@media (min-width:2200px){.song-grid:not(.song-list){grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:760px){.hero-content h1{font-size:32px}.home-song-grid .song-card-body{padding:14px}.lyric-original,.lyric-translation{font-size:18px}}@media (max-width:600px){.learning-card{grid-template-columns:50px minmax(0,1fr);display:grid}.hero-actions{flex-wrap:wrap}}.button,input,select,textarea{font-size:var(--text-body)}.hero-content p{font-size:var(--text-lead)}.saved-notes{overflow:visible}.cover-art-title,.song-japanese-title{font-family:var(--font-pretendard), "Yu Gothic", Meiryo, sans-serif}.lyric-wrapper{scroll-margin-top:110px}@media (max-width:760px){.lyric-original,.lyric-translation{font-size:var(--text-lead)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.player-dock .player-layout{height:auto;min-height:84px}.site-header{border-bottom:1px solid #edf2fc}.page-banner{min-height:210px}.practice-hero{padding-top:24px;padding-bottom:28px}.learning-cards{gap:26px}.learning-card{background:#fff;border-color:#e0eaff;position:relative}.learning-card:not(:last-child):after{content:"›";color:#4b8af4;font-size:30px;position:absolute;top:50%;right:-20px}.home-collection .song-card-body{padding:12px 14px}.home-song-grid .cover-art{aspect-ratio:1.15}.song-card{border-radius:12px}.song-card-title{color:#133358}.song-card-tags>span{background:#edf4ff;border-radius:8px}.library-sidebar{background:#f8fbff;border-radius:14px;min-width:0;padding:18px}.library-sidebar nav>button{padding:13px 10px}.library-insights .panel{border-color:#e4ecfa}.artist-avatar{overflow:hidden}.artist-avatar img{object-fit:cover;width:100%;height:100%}.artist-list li small{white-space:nowrap}.lyrics-panel{background:0 0;border:0;position:relative;overflow:visible}.lyrics-card-backgrounds{grid-template-columns:repeat(var(--lyric-cols), minmax(0, 1fr));pointer-events:none;gap:18px;display:grid;position:absolute;inset:0 0 64px}.lyrics-card-backgrounds>div{background:#fff;border:1px solid #e0eafb;border-radius:14px}.lyrics-columns-header{grid-template-columns:repeat(var(--lyric-cols), minmax(0, 1fr));background:0 0;border:0;gap:18px;padding:0;display:grid;position:relative}.lyrics-columns-header>div{border-bottom:1px solid #edf2fa;align-items:flex-start;gap:14px;min-width:0;padding:24px 18px 20px;display:flex}.lyrics-columns-header .number-badge{flex:none;width:42px;height:42px;font-size:18px}.lyrics-columns-header strong{font-size:var(--text-lead);color:#152f58;display:block}.lyrics-columns-header p{font-size:var(--text-small);color:#6b85a8;margin:5px 0 0;line-height:1.6}.lyrics-scroll{min-height:0;max-height:none;padding:12px 0 20px;position:relative;overflow:visible}.lyric-row{background:0 0;border:0;border-radius:0;min-height:0;margin:0;padding:0;display:block;position:relative}.lyric-row.is-active{background:0 0}.lyric-content{grid-template-columns:repeat(var(--lyric-cols), minmax(0, 1fr));background:0 0;border:0;align-items:stretch;gap:18px;width:100%;padding:0;display:grid}.lyric-content>span{text-align:left;border:0;height:auto;min-height:64px;padding:14px 38px;line-height:1.65;display:block;position:relative}.lyric-content>span:before{content:attr(data-line-number);color:#90a6c5;font:14px/1.6 var(--font-pretendard), sans-serif;font-variant-numeric:tabular-nums;position:absolute;top:18px;left:9px}.lyric-row.is-active .lyric-content>span{color:#1267df;background:#edf4ff;border-radius:8px}.lyric-rail{z-index:2;top:50%;left:calc((100% - var(--lyric-gap-total)) / var(--lyric-cols) - 29px);width:18px;padding:0;position:absolute;transform:translateY(-50%)}.lyric-rail .lyric-num{display:none}.line-check{background:#fff;border:1px solid #d9e5f7;border-radius:50%;width:18px;height:18px}.line-check.checked{color:#fff;background:#327aef}.line-repeat{width:22px;height:28px;padding:2px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.lyrics-foot{background:0 0;border:0;min-height:50px;margin-top:14px;padding:16px 4px 0;position:relative}.note-tabs{border-bottom:1px solid #e1ebfb;gap:16px;margin:12px 0 16px;display:flex}.note-tabs button{color:#778aa8;font-size:var(--text-small);background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 0}.note-tabs button[aria-selected=true]{color:#1f70ec;border-bottom-color:#2f7ff2;font-weight:650}.word-panel .panel-heading{align-items:flex-start}.word-panel .panel-heading h3{flex:1;min-width:0}.word-panel .small-outline{white-space:nowrap}.word-list{padding:0}.word-list li{border-bottom:1px solid #eaf0fb;gap:5px;padding:14px 0}.word-list li:last-child{border-bottom:0}.word-list strong{font-size:var(--text-body);color:#25466f}.word-reading{color:#4079bd;margin:3px 0;display:block}.word-list .icon-button{color:#327cff}.word-list .starred{color:#ffb84b}.add-all-words{width:100%;margin-top:12px;padding:9px 12px}.player-dock{color:#e7efff;background:#102b4f;border-top:none;box-shadow:0 -6px 24px #09223e15}.player-now strong,.player-now span,.player-timeline,.transport-buttons button{color:#dce8ff}.transport-buttons button:not(:disabled):hover{color:#fff}@media (min-width:1201px){.home-song-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.home-song-grid .song-card-title{font-size:var(--text-body)}.home-song-grid .song-card-artist{font-size:var(--text-small)}.home-collection .section-intro{align-self:start;padding-top:18px}}@media (min-width:1921px){.scene-background img{object-position:center bottom}}@media (max-width:1050px){.lyrics-columns-header>div{gap:9px;padding:20px 12px}.lyrics-columns-header .number-badge{width:34px;height:34px}}@media (max-width:760px){.learning-card:after{display:none}.library-sidebar{background:0 0;padding:0}.lyrics-panel{background:#fff;border:1px solid #e0eafb;border-radius:14px}.lyrics-card-backgrounds,.lyrics-columns-header{display:none}.lyrics-scroll{padding:12px 8px}.lyric-row{grid-template-columns:24px minmax(0,1fr) 24px;gap:5px;padding:12px 4px;display:grid}.lyric-content{flex-direction:column;gap:6px;display:flex}.lyric-content>span{flex-shrink:0;width:100%;height:auto;min-height:0;padding:0}.lyric-content>span:before{display:none}.lyric-row.is-active{background:#edf4ff;border-radius:9px}.lyric-rail{width:24px;position:static;transform:none}.lyric-rail .lyric-num{display:block}.line-repeat{width:24px;position:static;transform:none}.lyrics-foot{margin-top:0;padding:12px}.home-song-grid .cover-art{aspect-ratio:1.15}}@media (prefers-reduced-motion:reduce){.learning-card:after{transition:none}}.word-search input,.player-extra-controls>select{font:inherit;background:#fff;border:1px solid #cfdaec;border-radius:8px;width:100%;min-width:0;padding:10px}.word-search{gap:6px;margin-top:16px;display:grid}.word-list li{grid-template-columns:minmax(0,1fr) repeat(4,auto)}.player-now{color:inherit;min-width:0;text-decoration:none}.player-extra-controls{flex-wrap:wrap;gap:8px}.player-extra-controls>select{flex:1;width:auto}.player-error{color:#fff;background:#38253b;padding:8px 24px;font-size:14px}.player-error button,.player-error a{color:#fff;margin-left:12px}button:disabled{cursor:default}.line-loop-toggle{color:#dce8ff;background:0 0;border:1px solid #4d719b;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.line-loop-toggle>span{font-size:10px;line-height:1;position:absolute;top:15px;left:17px}.line-loop-toggle.active{color:#fff;background:#2d72e1;border-color:#2d72e1}.line-loop-toggle:disabled{opacity:.4}.player-dock .player-extra-controls{flex-wrap:nowrap}@media (max-width:767px){.song-page .practice-tools{margin-top:24px;display:block;position:static}.song-page .lyrics-panel{display:block}.player-dock .player-extra-controls{justify-content:center;gap:20px}.player-dock .volume-control{flex:0 150px}.site-shell.has-player{padding-bottom:140px}.word-list li{grid-template-columns:minmax(0,1fr) repeat(2,auto)}.word-list li>div{grid-column:1/-1}.player-extra-controls{grid-column:1/-1;justify-content:center;display:flex}.player-extra-controls>select{flex:150px;max-width:100%}.player-extra-controls .volume-control{flex:1;min-width:70px;display:flex}.player-layout{height:auto;padding-block:10px}.has-player{padding-bottom:190px}.player-error{padding:8px 12px}}