.kr-shell{max-width:900px}@media (min-width:1150px){.kr-shell.shell-grid{max-width:1220px;grid-template-columns:1fr 420px}}.kr-shell .shell-top,.kr-catalog-section,.kr-row-wrap,.kr-card-row,.kr-card{min-width:0}@media (min-width:1150px){.kr-shell.kr-mode-catalog{grid-template-columns:1fr}}.kr-catalog{margin:22px 0 20px;display:flex;flex-direction:column;gap:22px}.kr-catalog[hidden],.kr-catalog-section[hidden]{display:none}.kr-catalog-title{font-family:"Noto Serif SC",serif;font-weight:600;font-size:1rem;color:var(--ink);margin:0 0 10px}.kr-brand{flex-wrap:nowrap}.kr-brand h1,.kr-brand p{min-width:0}.kr-search-input{width:200px;max-width:200px;flex-shrink:0;margin-left:auto;box-sizing:border-box;font-family:Be Vietnam Pro,IBM Plex Sans;font-size:.82rem;color:var(--ink);background:#fff;border:1.5px solid #DCD5C4;border-radius:8px;padding:7px 10px}@media (max-width:700px){.kr-brand{flex-wrap:wrap}.kr-search-input{margin-left:62px;width:calc(100% - 62px);max-width:none}}.kr-search-input:focus{outline:none;border-color:var(--indigo)}.kr-search-input::-webkit-search-cancel-button{cursor:pointer}.kr-row-wrap{position:relative}.kr-row-arrow{position:absolute;top:0;bottom:8px;z-index:2;width:34px;display:flex;align-items:center;justify-content:center;background:linear-gradient(to right,var(--paper) 40%,transparent);border:none;color:var(--ink);font-size:1.4rem;cursor:pointer;opacity:0;transition:opacity .15s}.kr-row-wrap:hover .kr-row-arrow{opacity:1}.kr-row-arrow--prev{left:0}.kr-row-arrow--next{right:0;background:linear-gradient(to left,var(--paper) 40%,transparent)}@media (max-width:600px){.kr-row-arrow{display:none}}.kr-card-row{display:flex;gap:14px;overflow-x:auto;padding:8px 2px;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;transition:padding .15s}.kr-card-row::-webkit-scrollbar{display:none}.kr-card-row.is-hovering{padding:24px 2px 20px}.kr-card{border:none;background:none;padding:0;cursor:pointer;text-align:left;font-family:inherit;display:flex;flex-direction:column;border-radius:var(--radius);transition:transform .15s}.kr-card:hover{transform:translateY(-2px)}.kr-card--row,.kr-card--grid{transform-origin:center;position:relative;z-index:1}.kr-card--row:hover,.kr-card--grid:hover{transform:scale(1.18);z-index:6;box-shadow:0 10px 24px #22262b3d}.kr-card-thumb{position:relative;display:block;border-radius:var(--radius) var(--radius) 0 0;overflow:hidden;background:#000;aspect-ratio:16/9}.kr-card-thumb img{width:100%;height:100%;object-fit:cover;display:block}.kr-card-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;background:#14141947;opacity:0;transition:opacity .15s}.kr-card:hover .kr-card-play{opacity:1}.kr-card-hover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:3px;padding:10px 12px;text-align:left;background:linear-gradient(to top,rgba(15,15,20,.92) 0%,rgba(15,15,20,.55) 55%,transparent 100%);opacity:0;transition:opacity .15s}.kr-card:hover .kr-card-hover,.kr-card:focus-visible .kr-card-hover{opacity:1}.kr-card-hover-title{font-family:"Noto Serif SC",serif;font-weight:600;font-size:.92rem;color:#fff;white-space:normal;line-height:1.3}.kr-card-hover-artist{font-family:Be Vietnam Pro,IBM Plex Sans;font-size:.76rem;color:#e4e1d8}.kr-card-hover .kr-card-meta{color:#e4e1d8}.kr-card-hover .kr-card-rating{color:var(--gold)}.kr-card-preview{font-size:.72rem;color:#e4e1d8;margin-bottom:2px}.kr-card-preview .card-lines{max-width:none;gap:3px}.kr-card-preview .card-line-chinese .line-text{font-family:"Noto Serif SC",serif;font-weight:600;font-size:.82rem;color:#fff}.kr-card-preview .card-line-pinyin .line-text{font-family:IBM Plex Mono,monospace;font-size:.68rem;color:#b9d4da}.kr-card-preview .card-line-vietnamese .line-text{font-family:"Source Serif 4",serif;font-size:.7rem;color:#d8cdbe}.kr-card-preview .line-tag{display:none}.kr-card-preview .phrase-segment{background:none!important;padding:0}.kr-card-preview-loading{font-size:.68rem;color:#b9b2a2;font-style:italic}.kr-card-preview[hidden]{display:none}.kr-card-preview--hero{font-size:1.05rem;color:var(--ink-soft);margin:6px 0}.kr-card-preview--hero .card-line-chinese .line-text{font-size:1.4rem;color:var(--ink)}.kr-card-preview--hero .card-line-pinyin .line-text{font-size:1.05rem;color:var(--azure)}.kr-card-preview--hero .card-line-vietnamese .line-text{font-family:"Source Serif 4",serif;font-size:1.05rem;color:var(--gold)}.kr-card-preview--hero{overflow:hidden;height:220px}.kr-preview-track{display:flex;flex-direction:column;transition:transform .6s ease}.kr-preview-line-group{height:88px;display:flex;align-items:center}.kr-preview-line-group .card-lines{gap:2px}.kr-card-hover-tag{font-family:Be Vietnam Pro,IBM Plex Sans;font-size:.68rem;color:#b9c4c9;margin-top:2px;letter-spacing:.2px}.kr-card-info{display:flex;flex-direction:column;gap:2px;padding:9px 11px;background:var(--card-bg);border:1px solid #E4DDCB;border-top:none;border-radius:0 0 var(--radius) var(--radius);box-shadow:var(--shadow)}.kr-card-eyebrow{font-family:Be Vietnam Pro,IBM Plex Sans;font-weight:700;font-size:.68rem;letter-spacing:.4px;text-transform:uppercase;color:var(--indigo)}.kr-card-title{font-family:"Noto Serif SC",serif;font-size:.92rem;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kr-card-artist{font-size:.76rem;color:var(--ink-soft)}.kr-card.is-active .kr-card-info{box-shadow:0 0 0 2px var(--indigo),var(--shadow)}#kr-grid-sentinel{height:1px}.kr-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:18px 0 4px}.kr-pagination[hidden]{display:none}.kr-pagination button{min-width:34px;padding:6px 8px;border-radius:7px;cursor:pointer;font-family:IBM Plex Mono,monospace;font-size:.82rem;color:var(--ink-soft);background:#fff;border:1.5px solid #DCD5C4;transition:all .15s}.kr-pagination button:hover{border-color:var(--indigo);color:var(--indigo)}.kr-pagination button.is-active{background:var(--indigo);border-color:var(--indigo);color:#fff}.kr-card-meta{display:flex;align-items:center;gap:8px;margin-top:2px;font-family:Be Vietnam Pro,IBM Plex Sans;font-size:.74rem;color:var(--ink-soft)}.kr-card-rating{color:var(--gold);font-weight:600}.kr-card-views:before{content:"·";margin-right:8px;color:#c9c2b2}.kr-card--row{flex:0 0 200px;scroll-snap-align:start}.kr-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px 14px}.kr-card--grid{width:100%}.kr-catalog-count{font-family:IBM Plex Mono,monospace;font-weight:400;font-size:.85rem;color:var(--ink-soft)}.kr-card--hero{flex-direction:row;align-items:stretch;width:100%}.kr-card--hero .kr-card-thumb{flex:0 0 320px;border-radius:var(--radius) 0 0 var(--radius);height:180px;align-self:center}.kr-card--hero .kr-card-info{flex:1;flex-direction:row;align-items:center;border:1px solid #E4DDCB;border-left:none;border-radius:0 var(--radius) var(--radius) 0;padding:14px 20px;gap:24px}.kr-card-hero-text{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.kr-card-hero-lyrics{flex:1;min-width:0;padding-left:24px;border-left:1px solid #E4DDCB;display:flex;align-items:center}.kr-card-hero-lyrics .kr-card-preview--hero{margin:0;width:100%}.kr-card--hero .kr-card-title{font-size:1.15rem;white-space:normal}.kr-now-playing{font-family:Be Vietnam Pro,IBM Plex Sans;font-size:.82rem;font-weight:500;color:var(--ink-soft);margin:0 0 8px}.kr-now-playing[hidden]{display:none}@media (max-width:600px){.kr-card--row{flex-basis:160px}.kr-card--hero{flex-direction:column}.kr-card--hero .kr-card-info{flex-direction:column;align-items:stretch}.kr-card-hero-lyrics{border-left:none;border-top:1px solid #E4DDCB;padding:12px 0 0;margin-top:6px}.kr-card--hero .kr-card-thumb{flex-basis:auto;aspect-ratio:16/9;border-radius:var(--radius) var(--radius) 0 0}.kr-card--hero .kr-card-info{border:1px solid #E4DDCB;border-top:none;border-radius:0 0 var(--radius) var(--radius)}}.kr-player-view[hidden]{display:none}.kr-back-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;padding:0;margin:22px 0 12px;font-family:Be Vietnam Pro,IBM Plex Sans;font-weight:500;font-size:.85rem;color:var(--ink-soft);cursor:pointer}.kr-back-btn:hover{color:var(--indigo)}.kr-player-wrap{position:relative;width:100%;padding-top:56.25%;background:#000;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin-bottom:18px}.kr-player,.kr-player-wrap iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.kr-controls-bar{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:0 0 18px;padding:14px 18px;background:var(--card-bg);border:1px solid #E4DDCB;border-radius:var(--radius);box-shadow:var(--shadow)}.kr-controls-bar[hidden]{display:none}.quick-set{display:flex;gap:6px;flex-wrap:wrap}.quick-set button{font-family:Be Vietnam Pro,IBM Plex Sans;font-size:.85rem;font-weight:500;padding:8px 14px;border-radius:20px;cursor:pointer;background:#fff;border:1.5px solid #DCD5C4;color:var(--ink-soft);transition:all .15s}.quick-set button:hover{transform:translateY(-1px)}.quick-set button.is-active{background:var(--indigo);border-color:var(--indigo);color:#fff}.kr-speed-group{display:inline-flex;align-items:center;gap:8px}.kr-speed-set{display:inline-flex;gap:6px}.kr-speed-set button{font-family:IBM Plex Mono,monospace;font-size:.82rem;font-weight:500;padding:7px 12px;border-radius:7px;cursor:pointer;background:#fff;border:1.5px solid #DCD5C4;color:var(--ink-soft);transition:all .15s}.kr-speed-set button:hover{border-color:var(--indigo);color:var(--indigo)}.kr-speed-set button.is-active{background:var(--indigo);border-color:var(--indigo);color:#fff}.kr-lyrics-panel{padding:0;border:none;box-shadow:none;background:transparent}@media (min-width:1150px){.kr-lyrics-panel{--panel-half-height:4000px;max-height:calc(100vh - 88px)}}.kr-lyrics-panel[hidden]{display:none}#kr-empty-state{text-align:center;padding:70px 20px;color:var(--ink-soft);background:var(--card-bg);border:1px solid #E4DDCB;border-radius:var(--radius);box-shadow:var(--shadow)}#kr-empty-state .stamp-lg{width:60px;height:60px;margin:0 auto 18px;background:var(--indigo);color:#fff;display:flex;align-items:center;justify-content:center;font-family:"Noto Serif SC",serif;font-size:28px;font-weight:700;border-radius:5px 10px 6px 9px;transform:rotate(-5deg);box-shadow:0 3px 10px #4a5a8c4d}#kr-empty-state p{font-size:.94rem;line-height:1.6;max-width:420px;margin:0 auto}.kr-lyrics{max-height:56vh;overflow-y:auto;background:var(--card-bg);border:1px solid #E4DDCB;border-radius:var(--radius);box-shadow:var(--shadow);padding:10px 8px}@media (min-width:1150px){.kr-lyrics{max-height:none;flex:1;min-height:0}}.kr-line{position:relative;cursor:pointer;padding:10px 14px;margin:2px 0;border-radius:8px;transition:background .15s}.kr-line:hover{background:var(--paper-deep)}.kr-line .card-lines{max-width:none;overflow-x:visible}.kr-line .card-line-chinese .line-text{font-family:"Noto Serif SC",serif;font-size:1.15rem;color:var(--ink);line-height:1.4}.kr-line .card-line-pinyin .line-text{font-family:IBM Plex Mono,monospace;font-size:.88rem;color:var(--azure)}.kr-line .card-line-vietnamese .line-text{font-family:"Source Serif 4",serif;font-size:.92rem;color:var(--gold)}.kr-line .line-tag{font-family:"Noto Serif SC",serif;font-weight:700;font-size:.62rem;color:#fff;padding:1px 5px;border-radius:3px;flex-shrink:0;line-height:1.5}.kr-line .card-line-chinese .line-tag{background:var(--indigo)}.kr-line .card-line-pinyin .line-tag{background:var(--azure)}.kr-line .card-line-vietnamese .line-tag{background:var(--gold)}.kr-line.is-current{background:var(--indigo-soft);box-shadow:inset 3px 0 0 var(--indigo)}.kr-line.is-current .card-line-chinese .line-text{font-weight:600}@media (max-width:600px){.kr-lyrics{max-height:64vh}.kr-line .card-line-chinese .line-text{font-size:1.05rem}}@media (prefers-reduced-motion: reduce){.kr-line{transition:none}}