.sync-hero{padding:64px clamp(20px,6vw,96px) 40px;background:radial-gradient(ellipse at 90% 20%,#164347,transparent 65%)}.sync-hero h1{font-size:clamp(38px,6vw,78px)}.sync-hero h1 em{color:#72ead1}.sync-hero p{max-width:650px;line-height:1.7}.sync-workspace{max-width:1500px;padding:24px clamp(16px,4vw,60px) 80px;margin:auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px;align-items:start}.sync-panel{min-width:0;padding:clamp(16px,2.4vw,30px);border:1px solid #33494b;border-radius:18px;background:linear-gradient(145deg,#12242b,#0b111f);overflow-wrap:anywhere}.sync-panel h2{font-size:clamp(23px,3vw,34px);letter-spacing:-.04em}.sync-panel p{line-height:1.65;color:#b9ccd3}.sync-row{display:flex;gap:10px;margin:16px 0;flex-wrap:wrap}.sync-row input{flex:1;min-width:160px}.sync-panel button{min-height:44px;padding:12px 18px;border:1px solid #72ead1;background:#72ead1;color:#082326;border-radius:8px;cursor:pointer;font:600 14px var(--font-main)}.video-frame{aspect-ratio:16/9;min-height:210px;background:#050a10;border-radius:12px;overflow:hidden}.video-frame>*{width:100%;height:100%;border:0}.sync-panel details{margin:20px 0}.sync-panel summary{cursor:pointer;padding:12px 0;color:#72ead1}.sync-note{font-size:12px}.sync-panel a{color:#72ead1;text-decoration:underline;text-underline-offset:4px}.sync-controls{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.sync-controls label{display:flex;gap:8px;align-items:center;letter-spacing:0;font-size:12px}.sync-controls input[type=checkbox]{width:20px;height:20px;accent-color:#72ead1}.sync-controls input[type=number]{width:80px}.karaoke-lines{height:430px;overflow-y:auto;position:relative;scrollbar-color:#72ead1 #0b111f;padding:10px 4px}.karaoke-lines .karaoke-line{display:block;text-align:left;width:100%;border:0;border-left:3px solid transparent;background:transparent;color:#aebecb;font-size:clamp(18px,2vw,26px);font-weight:500;line-height:1.5;padding:12px;margin:4px 0;transition:color .2s,background .2s}.karaoke-line[aria-current=true]{color:#e8fff7!important;border-left-color:#72ead1!important;background:#23443f!important}.lab-vocab{display:flex;flex-wrap:wrap;gap:10px}.lab-vocab a{padding:10px 14px;border:1px solid #35535b;border-radius:30px;text-decoration:none}.lab-line{padding:16px 0;border-bottom:1px solid #33494b;line-height:2}.lab-line input{display:inline-block;width:145px;margin:8px}.lab-line button{margin:8px}.sync-panel :focus-visible{outline:3px solid #f3d279;outline-offset:3px}.sync-vocab,.sync-practice{grid-column:1/-1}@media(max-width:800px){.sync-workspace{grid-template-columns:1fr}.karaoke-lines{height:340px}.sync-hero{padding-top:40px}}@media(prefers-reduced-motion:reduce){.karaoke-line{transition:none}html{scroll-behavior:auto}}

/* Language Music Lab v3 — player-first interface */
.sync-hero-compact{max-width:1500px;margin:auto;padding:28px clamp(16px,4vw,60px) 10px;background:none;display:flex;align-items:center;justify-content:space-between;gap:28px}.sync-hero-compact h1{font-size:clamp(28px,3vw,42px);margin:.25rem 0}.sync-hero-compact p{margin:0}.sync-hero-compact blockquote{margin:0;max-width:390px;padding:14px 22px;border:1px solid #174b55;border-radius:12px;background:#071c22;color:#e8f7f8;font-size:14px}.sync-hero-compact cite{display:block;margin-top:7px;font-style:normal;color:#8ea8ae}.sync-workspace-v2{max-width:1500px;padding:10px clamp(16px,4vw,60px) 70px;margin:auto;display:grid;grid-template-columns:minmax(320px,.82fr) minmax(0,1.38fr);gap:14px;align-items:start}.sync-workspace-v2 .sync-panel{border-color:#174b55;background:linear-gradient(145deg,#071c22,#061117);box-shadow:0 18px 50px rgba(0,0,0,.16)}.sync-player{grid-column:1;grid-row:1}.sync-stage{grid-column:2;grid-row:1}.sync-player h2{font-size:18px;letter-spacing:0}.sync-search{flex-wrap:nowrap}.sync-search button{min-width:112px}.youtube-results{max-height:590px;overflow:auto;padding-right:5px;scrollbar-color:#16dfe5 #07151a}.youtube-result{grid-template-columns:138px 1fr!important;min-height:86px;border-color:#174b55!important;background:#071a20!important;border-radius:10px!important}.youtube-result:hover,.youtube-result:focus-visible{border-color:#16dfe5!important;background:#0a2930!important}.youtube-result img{width:138px!important}.sync-manual{margin-top:18px;padding-top:14px;border-top:1px solid #17343c}.sync-version{border-top:1px solid #17343c}.video-frame{aspect-ratio:16/9;min-height:0;background:#000;border:1px solid #123b44;border-radius:10px}.sync-now{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-top:12px}.sync-track-title{margin:0!important;color:#f3fbfc!important;font-size:clamp(17px,2vw,23px);font-weight:750;line-height:1.3}.sync-now #labLyricsStatus{margin:.25rem 0!important}.sync-ghost{flex:0 0 auto!important;background:transparent!important;color:#19e0e5!important;border-color:#19e0e5!important}.sync-controls{margin:12px 0}.karaoke-lines{height:255px;overflow-y:auto;scroll-behavior:smooth;border:1px solid #174b55;border-radius:10px;background:#06171d;padding:12px 16px;scrollbar-color:#76e9ef #07151a;scrollbar-width:thin}.karaoke-lines .karaoke-line{text-align:center;border-left:0!important;color:#edf5f6;font-size:clamp(17px,1.65vw,23px);line-height:1.32;padding:6px 10px;margin:1px 0}.karaoke-line[aria-current=true]{color:#19e0e5!important;background:transparent!important;font-weight:800}.sync-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.sync-tools button{min-height:42px;background:transparent;color:#eaf7f8;border-color:#1a5963}.sync-tools button:first-child{background:#19e0e5;color:#041417;border-color:#19e0e5}.sync-vocab,.sync-practice{grid-column:1/-1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:950px){.sync-hero-compact{align-items:flex-start;flex-direction:column}.sync-hero-compact blockquote{max-width:none;width:100%}.sync-workspace-v2{grid-template-columns:1fr}.sync-player,.sync-stage{grid-column:1;grid-row:auto}.youtube-results{max-height:390px}.sync-tools{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.sync-search{flex-wrap:wrap}.youtube-result{grid-template-columns:100px 1fr!important}.youtube-result img{width:100px!important}.sync-tools{grid-template-columns:1fr 1fr}.karaoke-lines{height:300px}}

/* In-page StanNet Dictionary */
.music-dictionary[hidden]{display:none}.music-dictionary{position:fixed;z-index:10000;max-width:380px;padding:18px;border:1px solid #19dfe5;border-radius:14px;background:rgba(5,22,28,.98);box-shadow:0 22px 70px rgba(0,0,0,.55);backdrop-filter:blur(18px);color:#f2fbfc}.music-dictionary-close{position:absolute;top:8px;right:9px!important;min-height:32px!important;width:32px;padding:0!important;border:0!important;background:transparent!important;color:#9db2b7!important;font-size:24px!important}.music-dictionary h3{margin:3px 0 0;font-size:27px;text-transform:none}.music-dictionary-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.dictionary-phonetic{margin:2px 0!important;color:#76e9ef!important}.dictionary-speak{min-width:46px;padding:9px!important;background:#0a3038!important;color:#19e0e5!important}.dictionary-translation{margin:14px 0 6px!important;color:#19e0e5!important;font-size:18px;font-weight:750}.dictionary-meaning{margin:4px 0!important;color:#e8f3f5!important}.dictionary-example{margin:10px 0!important;padding-left:11px;border-left:2px solid #1a5963;color:#9fb4b9!important;font-style:italic}.music-dictionary-actions{display:flex;align-items:center;gap:10px;margin-top:15px;padding-top:12px;border-top:1px solid #174b55}.music-dictionary-actions button{background:#19e0e5!important;color:#041417!important}.music-dictionary-actions a{margin-left:auto;font-size:12px}.lab-vocab .vocab-word{min-height:0;padding:9px 13px;border:1px solid #1a5963;background:#071a20;color:#eaf7f8;border-radius:999px}.lab-vocab .vocab-word:hover,.lab-vocab .vocab-word:focus-visible{border-color:#19e0e5;color:#19e0e5}.lyric-word{display:inline;border-radius:4px;cursor:pointer}.lyric-word:hover,.lyric-word:focus-visible{color:#19e0e5;background:#0c343b;outline:1px solid #1a6974;outline-offset:2px}@media(max-width:600px){.music-dictionary{left:10px!important;right:10px;bottom:10px;top:auto!important;width:auto!important;max-width:none;border-radius:18px}.music-dictionary-actions{flex-wrap:wrap}}


/* ============================================================
   LANGUAGE MUSIC LAB — EXERCISE + DICTIONARY REPAIR 2026-10-02
   ============================================================ */
#labOutput{
  display:grid;
  gap:10px;
  margin-top:16px;
}
.lab-exercise-summary{
  padding:12px 14px;
  border:1px solid #bfe2e8;
  border-radius:12px;
  background:linear-gradient(135deg,#effcff,#f4f5ff);
  color:#27637b;
  font:700 12px Inter,system-ui,sans-serif;
}
.lab-line{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:14px!important;
  border:1px solid #d5e4eb!important;
  border-radius:14px;
  background:#fff;
  color:#233d55;
  line-height:1.6!important;
  box-shadow:0 7px 20px rgba(35,73,105,.05);
}
.lab-line-number{
  width:34px;height:34px;
  display:grid;place-items:center;
  border-radius:10px;
  background:linear-gradient(145deg,#eafaff,#f3efff);
  color:#2878ff;
  font:800 9px Orbitron,sans-serif;
}
.lab-line-sentence{
  min-width:0;
  color:#3e566b;
  font:600 14px/1.8 Inter,system-ui,sans-serif;
}
.lab-line-sentence input{
  width:clamp(110px,18vw,190px)!important;
  min-width:100px!important;
  margin:2px 5px!important;
  padding:8px 10px!important;
  border:1px solid #c8dbe7!important;
  border-radius:9px!important;
  background:#f8fbfd!important;
  color:#17344f!important;
  font:700 13px "Cascadia Code",Consolas,monospace!important;
}
.lab-line-actions{
  display:flex;
  align-items:center;
  gap:9px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.lab-line-actions button{
  min-height:38px!important;
  padding:8px 11px!important;
  border:0!important;
  border-radius:9px!important;
  background:linear-gradient(135deg,#09cfe8,#2878ff 58%,#8a39ff)!important;
  color:#fff!important;
  font:750 11px Inter,sans-serif!important;
  box-shadow:0 7px 17px rgba(40,120,255,.17);
}
.lab-line-actions span{
  min-width:90px;
  color:#6c7f90;
  font-size:11px;
}
.lab-line.is-correct{
  border-color:#9edfc9!important;
  background:linear-gradient(145deg,#f3fff9,#fff);
}
.lab-line.is-correct .lab-line-actions span{color:#168065;font-weight:700}
.lab-line.is-wrong{
  border-color:#efc5cd!important;
  background:linear-gradient(145deg,#fff7f8,#fff);
}
.lab-line.is-wrong .lab-line-actions span{color:#a44658;font-weight:700}

/* Dictionary must sit above the canonical navigation and app panels. */
.music-dictionary{
  z-index:120000!important;
}
.lyric-word{
  position:relative;
  z-index:1;
  padding:1px 2px;
}
.lyric-word:hover,
.lyric-word:focus-visible{
  color:#19e0e5!important;
  background:rgba(25,224,229,.12)!important;
}
.karaoke-line-synced{
  cursor:pointer;
}
.karaoke-line-synced:focus-visible{
  outline:2px solid #19e0e5;
  outline-offset:2px;
}

@media(max-width:760px){
  .lab-line{grid-template-columns:36px minmax(0,1fr)}
  .lab-line-actions{grid-column:1/-1;justify-content:flex-start;padding-left:48px}
}
@media(max-width:520px){
  .lab-line{grid-template-columns:1fr;padding:12px!important}
  .lab-line-number{width:30px;height:30px}
  .lab-line-actions{grid-column:auto;padding-left:0}
  .lab-line-sentence input{width:100%!important;margin:6px 0!important}
}