/* Targeted UI layer: named greetings, synchronized intro reveal and stable in-place quiz feedback. */
.legacy-intro-control-hidden{display:none!important}

/* Greeting library */
.greeting-library-admin{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
.greeting-library-admin h3,.greeting-library-admin h4{margin:0 0 5px}
.greeting-library-admin>.source{display:block;margin:0 0 12px}
.greeting-library-list{display:flex;flex-direction:column;gap:7px;margin:12px 0 18px}
.greeting-library-row{display:flex;align-items:center;gap:4px;min-height:58px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--surface) 82%,transparent);overflow:hidden}
.greeting-library-row.active{border-color:color-mix(in srgb,var(--accent) 72%,var(--line));background:color-mix(in srgb,var(--accent) 12%,var(--surface))}
.greeting-library-main{min-width:0;flex:1;min-height:58px;display:flex;align-items:center;gap:10px;padding:7px 10px;border:0;background:transparent;color:var(--text);text-align:left}
.greeting-library-check{width:18px;flex:0 0 18px;color:var(--accent);font-weight:900;text-align:center}
.greeting-library-media{width:34px;height:40px;flex:0 0 34px;border-radius:9px;display:grid;place-items:center;background:var(--soft);color:var(--accent);font-size:15px}
.greeting-library-copy{min-width:0;display:block;flex:1}.greeting-library-copy b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.greeting-library-copy small,.greeting-library-main>span:last-child small{display:block;font-size:10px;color:var(--muted);margin-top:2px}
.greeting-library-action{width:39px;height:39px;flex:0 0 39px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface) 76%,transparent);color:var(--text);font-size:20px;line-height:1}
.greeting-library-action.dangerish{font-size:23px;color:var(--bad)}
.greeting-library-empty{padding:14px;text-align:center;color:var(--muted);font-size:12px}
.greeting-library-add{padding-top:16px;border-top:1px solid var(--line)}
.greeting-preview{margin:10px 0 12px;border-radius:16px;overflow:hidden;background:#000;max-height:280px}
.greeting-preview-media{display:block;width:100%;max-height:280px;object-fit:cover}

html[data-liquid-glass="on"]:not([data-wallpaper="plain"]) .greeting-library-row{
  background:linear-gradient(125deg,var(--lg-specular),transparent 45%),color-mix(in srgb,var(--surface) var(--lg-control-fill),transparent)!important;
  border-color:var(--lg-edge-soft)!important;
  -webkit-backdrop-filter:blur(var(--lg-control-blur)) saturate(var(--lg-saturate))!important;
  backdrop-filter:blur(var(--lg-control-blur)) saturate(var(--lg-saturate))!important
}
html[data-liquid-glass="on"]:not([data-wallpaper="plain"]) .greeting-library-row.active{border-color:var(--lg-edge)!important;box-shadow:inset 0 1px 0 var(--lg-edge),0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)!important}

/* Intro: never paint copy before the selected background media has a usable frame. */
.welcome-overlay>img.intro-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.welcome-overlay.intro-sync-pending{background:#07110e!important}
.welcome-overlay.intro-sync-pending :is(video,img.intro-media){opacity:0!important}
.welcome-overlay.intro-sync-pending .welcome-copy{opacity:1!important}
.welcome-overlay.intro-sync-ready :is(.welcome-copy,video,img.intro-media){opacity:1;transition:opacity .14s ease}

/* Quiz: reserve the arrow slot before an answer, so the question does not jump when feedback appears. */
.lesson:not(.study)>.pill:first-child{display:none!important}
.quiz-prompt-row{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:10px;align-items:center;margin:24px 0}
.quiz-prompt-row>h2{min-width:0;margin:0!important}
.quiz-next-slot{width:48px;height:48px;visibility:hidden}
.answer-next-inline{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;padding:0!important;border:1px solid color-mix(in srgb,#fff 38%,var(--line))!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:color-mix(in srgb,var(--accent) 88%,transparent)!important;color:var(--accent-text)!important;box-shadow:0 7px 18px color-mix(in srgb,var(--accent) 25%,transparent)!important}
.answer-next-inline .icon{width:23px!important;height:23px!important;stroke-width:2.2}
.answer-next-inline:active{transform:scale(.94)}
.answer-next-bottom{margin-top:14px!important;margin-bottom:2px!important}

.answer-option-reviewed{position:relative!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:2px!important;opacity:1!important;cursor:default!important;overflow:hidden}
.answer-option-main{display:block;line-height:1.3}
.answer-option-translation{display:block!important;font-size:11px!important;line-height:1.25!important;color:var(--muted)!important;font-weight:500!important;margin-top:3px!important;text-align:left!important}
html[data-liquid-glass] body .lesson .option.answer-correct,
html body .lesson .option.answer-correct{border-color:#27ef75!important;background:linear-gradient(120deg,rgba(31,216,91,.32),rgba(22,137,64,.20)),color-mix(in srgb,#0e612f 38%,transparent)!important;box-shadow:inset 0 0 0 1px rgba(73,255,130,.68),0 0 19px rgba(31,232,99,.22)!important;color:#f5fff7!important}
html[data-liquid-glass] body .lesson .option.answer-wrong,
html body .lesson .option.answer-wrong{border-color:#ff4857!important;background:linear-gradient(120deg,rgba(236,46,62,.35),rgba(132,25,37,.22)),color-mix(in srgb,#7c1722 42%,transparent)!important;box-shadow:inset 0 0 0 1px rgba(255,93,104,.65),0 0 18px rgba(255,55,70,.18)!important;color:#fff7f7!important}
html body .lesson .option.answer-correct .answer-option-translation{color:#c8f8d5!important}
html body .lesson .option.answer-wrong .answer-option-translation{color:#ffd0d4!important}

.answer-manual-reviewed{border:1px solid var(--line);border-radius:15px;padding:14px 15px;display:grid;gap:4px;margin-top:10px}
.answer-manual-reviewed .answer-manual-label{font-size:11px;font-weight:800}.answer-manual-reviewed strong{font-size:16px}.answer-manual-reviewed small{font-size:11px;color:var(--muted)}
.answer-manual-reviewed.answer-correct{border-color:#27ef75;background:color-mix(in srgb,#22c55e 20%,transparent)}
.answer-manual-reviewed.answer-wrong{border-color:#ff4857;background:color-mix(in srgb,#ef3340 18%,transparent)}

@media(max-width:380px){
  .quiz-prompt-row{grid-template-columns:minmax(0,1fr) 44px;gap:8px}.quiz-next-slot,.answer-next-inline{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
  .greeting-library-action{width:36px;height:36px;flex-basis:36px}.greeting-library-main{padding-left:8px;padding-right:6px}
}