.youtube-facade{position:relative;width:100%;height:100%;min-height:180px;overflow:hidden;border-radius:inherit;background:#101827}
.youtube-facade-play{display:block;position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;cursor:pointer;background:#101827;color:#fff}
.youtube-facade-play img{width:100%;height:100%;object-fit:cover;display:block}
.youtube-facade-play span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:110px;height:78px;background:#f03;border-radius:16px;color:#fff;font:42px/1 sans-serif}
.youtube-facade-play:hover span{background:#c02}.youtube-facade-play:focus-visible{outline:4px solid #60a5fa;outline-offset:-4px}
.youtube-facade iframe{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0}
.youtube-facade-external{position:absolute;right:8px;bottom:8px;background:#000c;color:#fff;padding:6px 8px;font:12px sans-serif;border-radius:4px;z-index:2}

/* Keep facade flush with the video frame; the legacy inline container uses padding-bottom. */
.video-container:has(.youtube-facade){height:auto!important;padding-bottom:0!important;aspect-ratio:16/9!important;overflow:hidden!important}
.video-container[data-video-aspect="9/16"]:has(.youtube-facade){aspect-ratio:9/16!important}
.video-container .youtube-facade{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important}
/* Normalize legacy editor highlight on saved music-card titles. */
section p span[style*="background-color"]{color:#374151!important;background-color:transparent!important;text-decoration:none!important}
#ai-quiz{max-width:1120px;margin:28px auto;padding:30px;border:1px solid #c4dce9;border-radius:22px;background:linear-gradient(125deg,#edfaff,#f5f0ff);color:#162d46;font-family:system-ui,sans-serif;box-sizing:border-box}#ai-quiz *{box-sizing:border-box}.aq-intro{display:flex;justify-content:space-between;gap:24px;align-items:center}.aq-tag{font-size:12px;font-weight:750;letter-spacing:.13em;color:#5163af}#quiz-title{font-size:clamp(23px,3vw,32px);margin:10px 0;color:#172a45}#ai-quiz p{line-height:1.7}.aq-badge{white-space:nowrap;background:#fff;padding:12px 18px;border-radius:40px;font-size:14px}#ai-quiz button{cursor:pointer;font:inherit;border:1px solid #bdcbdc;border-radius:12px;padding:12px 20px;background:#fff;color:#233653}#ai-quiz button:disabled{opacity:.55;cursor:not-allowed}#ai-quiz button:focus-visible,#ai-quiz input:focus-visible{outline:3px solid #7958dc;outline-offset:3px}#ai-quiz .aq-primary{background:#5941bd;border-color:#5941bd;color:#fff;font-weight:700}#aq-content{margin-top:22px}.aq-note{font-size:13px;color:#546079}.aq-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.aq-option{display:flex;gap:12px;align-items:center;padding:16px;background:#fff;border:2px solid #dbe4ef;border-radius:12px;cursor:pointer;line-height:1.5}.aq-option:has(input:checked){border-color:#7054ce;background:#f1edff}.aq-option input{width:18px;height:18px;accent-color:#6947c9;flex:none}.aq-nav{display:flex;justify-content:space-between;gap:12px;margin-top:20px}.aq-progress{height:7px;background:#d9e4ed;border-radius:10px;overflow:hidden}.aq-progress span{display:block;background:#6a50c9;height:100%}#ai-quiz fieldset{border:0;padding:0;margin:22px 0}#ai-quiz legend{font-weight:700;font-size:20px;padding:0;margin-bottom:16px}#ai-quiz form{max-width:600px}#ai-quiz input[type=email],#ai-quiz input[type=text]{display:block;width:100%;font:inherit;border:1px solid #a8b9d0;border-radius:10px;padding:14px;margin:10px 0 16px;background:#fff;color:#172a45}.aq-consent{display:flex;align-items:flex-start;gap:10px;margin:16px 0;line-height:1.7;font-size:14px}.aq-consent input{margin-top:6px}#aq-message{color:#993225;font-weight:600}#ai-quiz a{color:#5133a4;text-decoration:underline}@media(max-width:640px){#ai-quiz{margin:18px 12px;padding:22px 16px}.aq-intro{display:block}.aq-badge{display:inline-block;margin-top:5px}.aq-options{grid-template-columns:1fr}.aq-nav{flex-wrap:wrap}}

#aq-dialog{padding:14px;border:0;border-radius:20px;width:min(940px,calc(100% - 24px));max-height:90dvh;overflow:auto;background:#f8fafc;color:#172b43}#aq-dialog::backdrop{background:rgba(8,15,30,.75)}#aq-dialog #ai-quiz{margin:8px auto;padding:24px;max-width:100%}#aq-close{display:block;margin-left:auto;border:0;background:#e2e8f0;color:#172b43;border-radius:8px;padding:10px 18px;cursor:pointer}.aq-hero-button{background:linear-gradient(120deg,#6d4cdd,#4b43b8);color:white;border:1px solid #b9a6ff;border-radius:999px;padding:15px 28px;font-weight:700;font-size:18px;cursor:pointer}.aq-hero-button:hover{filter:brightness(1.12)}@media(max-width:600px){#aq-dialog #ai-quiz{padding:16px}#aq-dialog{padding:8px}}