.karaoke-stage{background:linear-gradient(135deg,#fff8e8 0%,#fcf4fb 46%,#edf8fb 100%);border:2px solid #e6d8f4;border-radius:28px;padding:25px;margin:20px 0 30px;box-shadow:0 12px 35px #73548c12;overflow:hidden}.karaoke-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.karaoke-top .button{font-size:.82rem;padding:10px 14px}.karaoke-performers{display:flex;gap:12px;min-height:46px;align-items:center;flex-wrap:wrap;margin-top:20px}.karaoke-performers span{display:inline-flex;align-items:center;gap:7px;color:#73508b;font-size:.8rem}.karaoke-performers img{width:36px;height:36px;border-radius:50%;border:2px solid #fff;object-fit:cover}.karaoke-now{padding:20px 0 14px;min-height:165px}.karaoke-label{font-size:.72rem;font-weight:850;letter-spacing:.15em;color:#857291}.karaoke-current-en{font-size:clamp(1.4rem,2.4vw,2.25rem);font-weight:850;line-height:1.4;letter-spacing:-.025em;margin:15px 0 12px;color:#685179;text-wrap:balance}.is-singing .karaoke-current-en{color:#a73b79;text-shadow:0 3px 0 #fff;transition:color .18s}.karaoke-current-ko{font-size:.96rem;line-height:1.7;margin:0;color:#60576b}.karaoke-progress{height:6px;background:#fff;border-radius:10px;overflow:hidden}.karaoke-progress span{display:block;height:100%;background:linear-gradient(90deg,#de75a7,#9c83ce,#79bfc2);border-radius:10px}.karaoke-next{padding:20px 0 8px}.karaoke-next>span{font-size:.7rem;letter-spacing:.13em;color:#92859c;font-weight:800}.karaoke-next-en{font-weight:750;font-size:1.12rem;line-height:1.55;color:#766984;margin:9px 0 5px}.karaoke-next-ko{font-size:.85rem;color:#8b8094;margin:0;line-height:1.6}.karaoke-help{font-size:.78rem;color:#7b7084;line-height:1.7;margin:15px 0 0}.lyric[data-karaoke-line]{position:relative;border-radius:15px;transition:background .2s,box-shadow .2s;padding:14px}.lyric.karaoke-active{background:#fff1f8;box-shadow:inset 4px 0 #d6639d}.lyric.karaoke-active .english{color:#a73b79;font-weight:850}.lyric-replay{border:1px solid #e0d6e9;background:#fff;border-radius:20px;color:#75538c;padding:6px 12px;cursor:pointer;font:inherit;font-size:.75rem;margin-top:9px}.lyric-replay:hover,.lyric-replay:focus-visible{background:#f4e8f6;outline:2px solid #be99d4;outline-offset:2px}.song-part.active .part-heading{border-radius:18px;background:#f5eefb}.song-part .part-heading{padding:12px}.song-part.active{border-color:#bc95d4}@media(max-width:650px){.karaoke-stage{padding:19px;border-radius:22px}.karaoke-now{min-height:150px}.karaoke-current-en{font-size:1.65rem}.karaoke-next-en{font-size:1rem}.karaoke-performers span b{display:none}.lyric[data-karaoke-line]{padding:12px}.karaoke-top .eyebrow{font-size:.65rem}}@media(prefers-reduced-motion:reduce){.lyric[data-karaoke-line],.is-singing .karaoke-current-en{transition:none}}

.song-library{background:#f1edf6;border:1px solid #e1d7e9;border-radius:14px;margin:16px 0 23px;padding:13px 16px}.song-library summary{cursor:pointer;color:#72598c;font-size:13px;font-weight:700;min-height:30px;line-height:30px}.song-library summary span{font-weight:400;font-size:11px;color:#a28aae;margin-left:13px}.song-library .song-list{margin:16px 0 2px}.karaoke-parts{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.karaoke-parts .button{min-height:43px;background:#fff;border-color:#dac9e9;color:#7d5e98;font-size:12px;flex:1;white-space:nowrap}.karaoke-parts .button:hover{background:#eadcf5}.karaoke-stage{padding:21px}.karaoke-now{min-height:140px;padding-top:16px}.karaoke-performers{margin-top:15px}.karaoke-help{font-size:11px}

.karaoke-audio{display:grid;grid-template-columns:1fr auto;gap:9px 14px;align-items:center;background:#ffffffbd;border:1px solid #eadfec;border-radius:14px;padding:12px 14px;margin-top:14px}.karaoke-audio label{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#786586;grid-column:1/-1}.karaoke-audio label b{font-size:12px;color:#6f5081}.karaoke-audio output{font-weight:800;color:#b34b83;margin-left:5px}.karaoke-audio input[type=range]{width:100%;accent-color:#bb74a1;min-width:0}.karaoke-audio .button{font-size:10px;min-height:34px;padding:6px 10px}.karaoke-audio .button[aria-pressed=false]{background:#f8e0ec;color:#9c3a70}

/* One live media element, a big lyric screen, and touch-sized stage controls. */
.karaoke-enter{display:grid;grid-template-columns:48px 1fr 24px;grid-template-rows:auto auto;align-items:center;gap:5px 12px;width:100%;text-align:left;margin:18px 0 8px;padding:19px 20px;border:0;border-radius:20px;background:linear-gradient(110deg,#7758ae,#ae65a6 65%,#d789a3);color:white;box-shadow:0 5px 0 #624a8b,0 13px 24px #77529f20;cursor:pointer;touch-action:manipulation}.karaoke-enter>span{grid-row:1/3;font-size:35px}.karaoke-enter strong{font-size:24px}.karaoke-enter small{font-size:12px;line-height:1.5;color:#f9e8fa}.karaoke-enter b{grid-column:3;grid-row:1/3;font-size:26px}.karaoke-enter:active{transform:translateY(3px);box-shadow:0 2px 0 #624a8b}.karaoke-enter:focus-visible{outline:3px solid #276c86;outline-offset:5px}.karaoke-stage.is-singing .karaoke-current-en{background:linear-gradient(90deg,#b63280 0 var(--sung,0%),#76638c var(--sung,0%) 100%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none}
.karaoke-room{position:fixed;inset:0;z-index:2147483000;overflow:auto;overscroll-behavior:contain;isolation:isolate;background:radial-gradient(ellipse at 6% 15%,#68377b80,transparent 45%),radial-gradient(ellipse at 88% 85%,#2b689270,transparent 45%),linear-gradient(125deg,#1c1537,#302048 60%,#152d43);color:#fff;font-family:"Segoe UI",Arial,sans-serif;-webkit-overflow-scrolling:touch}.karaoke-room::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 12% 25%,#f2c7fb80 0 2px,transparent 3px),radial-gradient(circle at 86% 18%,#f6d98580 0 2px,transparent 3px),radial-gradient(circle at 75% 80%,#c8e7ef70 0 2px,transparent 3px);background-size:190px 170px,270px 200px,230px 190px}.karaoke-room-inner{max-width:1700px;min-height:100%;margin:0 auto;padding:20px clamp(18px,3vw,48px) 14px;display:flex;flex-direction:column;box-sizing:border-box}.karaoke-room-header{display:flex;justify-content:space-between;align-items:center;gap:20px;flex:none;padding:3px 0 18px;margin:0;border-bottom:1px solid #d2bae72b}.karaoke-room-header>div:first-child{min-width:0}.karaoke-room-header span{font-size:10px;font-weight:750;letter-spacing:2.2px;color:#d8b1e9}.karaoke-room-header h2{font:800 clamp(22px,2.6vw,34px)/1.3 "Segoe UI",sans-serif;color:#fff;margin:6px 0 0;text-wrap:balance}.karaoke-room-header-actions{display:flex;gap:10px;align-items:center;flex:none}.karaoke-room button{min-height:46px;cursor:pointer;font-family:inherit;touch-action:manipulation}.karaoke-room-small,.karaoke-room-exit{border:1px solid #cfb7e952;background:#b999d519;color:#ede2f7;padding:10px 15px;border-radius:13px;font-size:12px;font-weight:650}.karaoke-room-exit{background:#f1e8fa;color:#594374;border-color:#f1e8fa}.karaoke-room button:focus-visible,.karaoke-room select:focus-visible,.karaoke-room input:focus-visible{outline:3px solid #ffe6a2;outline-offset:4px}.karaoke-room-grid{display:grid;grid-template-columns:minmax(300px,.83fr) minmax(0,1.24fr);gap:clamp(24px,3.5vw,55px);align-items:center;flex:1;padding:24px 0}.karaoke-room-movie{min-width:0;align-self:center}.karaoke-video-slot{aspect-ratio:16/9;background:#0c0b18;border-radius:22px;overflow:hidden;border:1px solid #d5b8eb40;box-shadow:0 20px 60px #0005}.karaoke-video-slot>video{display:block;width:100%;height:100%;max-height:none;object-fit:contain;border:0;border-radius:0;background:#000}.karaoke-room-controls{display:grid;grid-template-columns:1.15fr 1fr;gap:10px;margin-top:18px}.karaoke-room-play{background:linear-gradient(105deg,#f3d394,#fac1d9);border:0;border-radius:15px;color:#4f3462;font-weight:800;padding:14px 10px;font-size:15px;box-shadow:0 4px 0 #916285}.karaoke-room-restart{border:1px solid #c5a8e65c;border-radius:15px;background:#a781cd20;color:#f2dff9;font-size:13px;font-weight:650;padding:14px 10px}.karaoke-part-picker{display:flex;align-items:center;gap:13px;color:#d0bbde;font-size:12px;margin-top:17px}.karaoke-part-picker select{flex:1;min-width:0;min-height:46px;border:1px solid #c9a6e44d;border-radius:12px;padding:10px 13px;color:#f4eaf9;background:#39264d;font-size:14px;font-family:inherit}.karaoke-part-picker option{background:#39264d;color:white}.karaoke-room .karaoke-audio{background:#cdb2e215;border-color:#c8a4df38;margin-top:13px;padding:13px 15px}.karaoke-room .karaoke-audio label,.karaoke-room .karaoke-audio label b{color:#dac7e7}.karaoke-room .karaoke-audio output{color:#ffd795}.karaoke-room .karaoke-audio .button{background:#d0b4e823;border-color:#c1a1db42;color:#e1d2ed;min-height:42px}.karaoke-room .karaoke-audio input[type=range]{accent-color:#f1bacf;min-height:42px}.karaoke-room-status{min-height:20px;margin:13px 3px 0;font-size:11px;color:#ba9ccf;line-height:1.65}.karaoke-room-lyrics{min-width:0;background:linear-gradient(160deg,#ac89c516,#6ca7c80e);border:1px solid #dcc6ed2b;border-radius:29px;padding:clamp(23px,3.1vw,46px);text-align:center;box-shadow:0 15px 60px #100b2526}.karaoke-room .karaoke-performers{justify-content:center;min-height:65px;gap:14px;margin-top:0;margin-bottom:20px}.karaoke-room .karaoke-performers span{display:flex;flex-direction:column;gap:6px;max-width:89px;color:#e5caee;font-size:10px}.karaoke-room .karaoke-performers img{width:54px;height:54px;border:3px solid #d9b0ec;border-radius:17px;box-shadow:0 4px 13px #0003}.karaoke-room .karaoke-performers b{line-height:1.25;font-weight:650}.karaoke-room .karaoke-now{padding:4px 0 25px;min-height:0}.karaoke-room .karaoke-label{display:block;color:#e0badf;font-size:11px;letter-spacing:1.6px}.karaoke-room .karaoke-current-en{font-size:clamp(32px,3.8vw,62px);font-weight:850;line-height:1.35;letter-spacing:-1px;margin:21px 0 15px;color:#fff;text-shadow:none;text-wrap:balance;overflow-wrap:break-word;min-height:1.35em}.karaoke-room .is-singing .karaoke-current-en{background:linear-gradient(90deg,#ffe69b 0 var(--sung,0%),#fff9ff var(--sung,0%) 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:none}.karaoke-room .karaoke-current-ko{color:#d6c0e2;font-size:clamp(13px,1.35vw,18px);line-height:1.65}.karaoke-room .karaoke-progress{height:7px;background:#c1a2db22}.karaoke-room .karaoke-progress span{background:linear-gradient(90deg,#ffd891,#f3aacb,#94dfec);box-shadow:0 0 14px #ecc2e0a0}.karaoke-room .karaoke-next{padding:23px 0 0}.karaoke-room .karaoke-next>span{color:#bca5cf;font-size:10px;letter-spacing:1.8px}.karaoke-room .karaoke-next-en{font-size:clamp(21px,2.25vw,33px);font-weight:650;color:#cebddd;line-height:1.45;margin:12px 0 7px;text-wrap:balance;overflow-wrap:break-word}.karaoke-room .karaoke-next-ko{color:#ad95c2;font-size:12px;line-height:1.6}.karaoke-room .karaoke-coverage{font-size:10px;line-height:1.7;color:#9d86b0;margin:24px 0 0}.karaoke-room-footer{display:flex;justify-content:space-between;gap:20px;padding:12px 1px 0;margin:0;border-top:1px solid #d2bae722;color:#ac91bf;font-size:11px;line-height:1.7;background:none}.karaoke-room-footer span:first-child{color:#ead1eb;font-size:13px;font-weight:650}.karaoke-no-video{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-size:65px;color:#eec0dc;background:linear-gradient(120deg,#4a2c65,#2b4c68)}.karaoke-no-video span{font-size:13px;color:#dfcbe9}.karaoke-room:fullscreen{max-width:none;width:100%;height:100%;border:0}
@media(min-width:900px) and (orientation:landscape) and (max-height:760px){.karaoke-room-inner{padding-top:13px}.karaoke-room-header{padding-bottom:12px}.karaoke-room-header h2{font-size:25px}.karaoke-room-grid{padding:17px 0;gap:28px}.karaoke-room-lyrics{padding:24px}.karaoke-room .karaoke-performers{min-height:56px;margin-bottom:12px}.karaoke-room .karaoke-performers img{width:43px;height:43px;border-radius:13px}.karaoke-room .karaoke-current-en{font-size:clamp(31px,3.55vw,46px);margin:15px 0 10px}.karaoke-room .karaoke-now{padding-bottom:18px}.karaoke-room .karaoke-next{padding-top:17px}.karaoke-room .karaoke-next-en{font-size:24px}.karaoke-room .karaoke-coverage{margin-top:16px}.karaoke-room-controls{margin-top:13px}.karaoke-part-picker{margin-top:12px}.karaoke-room .karaoke-audio{margin-top:10px}.karaoke-room-footer{padding-top:8px}.karaoke-room-status{margin-top:8px}}
@media(max-width:850px),(orientation:portrait){.karaoke-room-inner{padding:15px 18px}.karaoke-room-header{gap:12px}.karaoke-room-header h2{font-size:24px}.karaoke-room-header-actions{gap:7px}.karaoke-room-small{display:none}.karaoke-room-exit{font-size:11px;padding:9px 11px}.karaoke-room-grid{grid-template-columns:1fr;gap:18px;padding:18px 0}.karaoke-room-lyrics{grid-row:1;padding:24px 22px}.karaoke-room .karaoke-performers{min-height:0;margin-bottom:14px}.karaoke-room .karaoke-performers img{width:44px;height:44px;border-radius:14px}.karaoke-room .karaoke-current-en{font-size:clamp(28px,5.1vw,46px)}.karaoke-room .karaoke-next-en{font-size:22px}.karaoke-room .karaoke-now{padding-bottom:20px}.karaoke-room .karaoke-next{padding-top:18px}.karaoke-room-movie{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;align-items:start}.karaoke-video-slot{grid-column:1;grid-row:1/5;align-self:center;border-radius:17px}.karaoke-room-controls{grid-template-columns:1fr;margin-top:0}.karaoke-room-restart{min-height:40px!important;padding:10px}.karaoke-part-picker{margin-top:12px}.karaoke-room .karaoke-audio{grid-column:1/-1;margin-top:16px}.karaoke-room-status{grid-column:1/-1;margin-top:10px}.karaoke-room-footer{font-size:10px;flex-wrap:wrap;gap:3px}.karaoke-room-footer span:first-child{font-size:12px}.karaoke-room .karaoke-coverage{margin-top:17px}}
@media(max-width:470px){.karaoke-enter{padding:17px 14px;grid-template-columns:35px 1fr 20px;gap:4px 9px}.karaoke-enter>span{font-size:28px}.karaoke-enter strong{font-size:21px}.karaoke-enter small{font-size:10px}.karaoke-room-inner{padding:13px 12px}.karaoke-room-header h2{font-size:20px}.karaoke-room-header span{font-size:8px;letter-spacing:1.1px}.karaoke-room-header-actions{flex:none}.karaoke-room-lyrics{padding:22px 15px;border-radius:22px}.karaoke-room .karaoke-current-en{font-size:29px}.karaoke-room .karaoke-current-ko{font-size:12px}.karaoke-room .karaoke-next-en{font-size:20px}.karaoke-room .karaoke-performers{gap:9px}.karaoke-room .karaoke-performers span{max-width:63px;font-size:8px}.karaoke-room .karaoke-performers img{width:38px;height:38px;border-width:2px}.karaoke-room-play{font-size:12px}.karaoke-room-restart{font-size:11px}.karaoke-part-picker{font-size:10px;gap:7px}.karaoke-part-picker select{font-size:12px}.karaoke-room .karaoke-audio label{font-size:10px}.karaoke-room .karaoke-audio label b{font-size:11px}}
@media(prefers-reduced-motion:reduce){.karaoke-enter:active{transform:none}}
/* The learning view keeps its smaller study card; only the room uses stage-sized lyrics. */
.karaoke-room-grid{grid-template-columns:minmax(255px,.62fr) minmax(0,1.38fr)}.karaoke-room .karaoke-current-en{font-size:clamp(46px,5.1vw,82px);line-height:1.22;letter-spacing:-1.2px}.karaoke-room .karaoke-next-en{font-size:clamp(24px,2.7vw,40px)}
@media(min-width:900px) and (orientation:landscape) and (max-height:760px){.karaoke-room .karaoke-current-en{font-size:clamp(43px,4.9vw,68px)}.karaoke-room .karaoke-next-en{font-size:28px}.karaoke-room-lyrics{padding:22px}.karaoke-room .karaoke-performers{margin-bottom:8px}.karaoke-room .karaoke-current-ko{font-size:13px}}
@media(max-width:850px),(orientation:portrait){.karaoke-room-grid{grid-template-columns:1fr}.karaoke-room .karaoke-current-en{font-size:clamp(38px,6.8vw,62px)}}
@media(max-width:470px){.karaoke-room .karaoke-current-en{font-size:36px}.karaoke-room .karaoke-next-en{font-size:23px}}