/* AMA Lessons - library + presenter */
html body .lx { max-width: 1180px; margin: 0 auto; padding: 8px 4px 40px; font-family: system-ui, -apple-system, "Segoe UI", sans-serif; }
html body .lx [hidden] { display: none !important; }
html body .lx-lib { display: grid; gap: 16px; }
html body .lx-hero { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding: 22px 24px; border-radius: 22px; color: #fff; background: radial-gradient(120% 140% at 100% 0%, #1d4fd8 0%, #0b2a6f 45%, #071a45 100%); box-shadow: 0 14px 34px rgba(7,26,69,.28); }
html body .lx-hero .lx-eyebrow { margin: 0; color: #f5c542 !important; -webkit-text-fill-color: #f5c542 !important; font: 800 .75rem/1 system-ui, sans-serif; letter-spacing: .12em; text-transform: uppercase; }
html body .lx-hero h2 { margin: 6px 0 4px; color: #fff !important; -webkit-text-fill-color: #fff !important; font: 800 2rem/1.1 "Playfair Display", Georgia, serif; }
html body .lx-hero h2 i { color: #f5c542 !important; -webkit-text-fill-color: #f5c542 !important; margin-right: 6px; }
html body .lx-hero .lx-sub { margin: 0; color: #d6e0fa !important; -webkit-text-fill-color: #d6e0fa !important; font-weight: 600; }
html body .lx-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 0; height: 42px; padding: 0 16px; border-radius: 12px; border: 0 !important; background: #0b2a6f !important; color: #fff !important; -webkit-text-fill-color: #fff !important; font: 800 .9rem/1 system-ui, sans-serif; cursor: pointer; box-shadow: 0 4px 12px rgba(11,42,111,.22) !important; white-space: nowrap; }
html body .lx-btn i { color: #f5c542 !important; -webkit-text-fill-color: #f5c542 !important; }
html body .lx-btn--gold { height: 48px; padding: 0 20px; border-radius: 14px; background: linear-gradient(145deg, #f7d77a 0%, #e8c04a 45%, #c9952a 100%) !important; color: #241800 !important; -webkit-text-fill-color: #241800 !important; }
html body .lx-btn--gold i { color: #241800 !important; -webkit-text-fill-color: #241800 !important; }
html body .lx-btn--ghost { background: #eef2fb !important; color: #12305f !important; -webkit-text-fill-color: #12305f !important; box-shadow: none !important; }
html body .lx-btn--ghost i { color: #1d4fd8 !important; -webkit-text-fill-color: #1d4fd8 !important; }
html body .lx-icon { display: inline-grid; place-items: center; width: 38px; height: 38px; min-height: 0; padding: 0; border-radius: 10px; border: 1px solid #dbe3f3 !important; background: #fff !important; color: #34446b !important; -webkit-text-fill-color: #34446b !important; cursor: pointer; box-shadow: none !important; }
html body .lx-icon--bad { color: #b42318 !important; -webkit-text-fill-color: #b42318 !important; }
html body .lx-drop { display: flex; align-items: center; gap: 16px; padding: 22px; border-radius: 18px; border: 2px dashed #9fb3dc; background: #f6f8fd; cursor: pointer; transition: background .15s, border-color .15s; }
html body .lx-drop:hover, html body .lx-drop.is-over { background: #eaf0ff; border-color: #1d4fd8; }
html body .lx-drop__ic { display: grid; place-items: center; flex: none; width: 58px; height: 58px; border-radius: 16px; background: #0b2a6f; color: #f5c542; font-size: 1.5rem; }
html body .lx-drop__t { display: grid; gap: 6px; }
html body .lx-drop__t strong { color: #0b1f4d; font-size: 1.05rem; }
html body .lx-drop__t small { display: flex; flex-wrap: wrap; gap: 4px 12px; color: #5a6886; font-weight: 600; }
html body .lx-drop__t small i { color: #1d4fd8; margin-right: 3px; }
html body .lx-tools { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
html body .lx-search { flex: 1 1 240px; display: flex; align-items: center; gap: 8px; height: 44px; padding: 0 14px; border-radius: 12px; border: 1px solid #c9d5ea; background: #fff; }
html body .lx-search i { color: #5a6886; }
html body .lx-search input { flex: 1; border: 0 !important; outline: 0; background: transparent !important; font: 600 .95rem system-ui, sans-serif; color: #0b1f4d; box-shadow: none !important; min-height: 0; padding: 0; }
html body .lx-chips { display: flex; flex-wrap: wrap; gap: 6px; }
html body .lx-chip { display: inline-flex; align-items: center; gap: 6px; height: 36px; min-height: 0; padding: 0 12px; border-radius: 999px; border: 1px solid #dbe3f3 !important; background: #fff !important; color: #34446b !important; -webkit-text-fill-color: #34446b !important; font: 700 .85rem/1 system-ui, sans-serif; cursor: pointer; box-shadow: none !important; }
html body .lx-chip b { font-size: .75rem; opacity: .7; }
html body .lx-chip.is-on { background: var(--cc) !important; border-color: var(--cc) !important; color: #fff !important; -webkit-text-fill-color: #fff !important; }
html body .lx-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 16px; }
html body .lx-card { display: flex; flex-direction: column; overflow: hidden; border-radius: 18px; background: #fff; border: 1px solid #dbe3f3; box-shadow: 0 8px 22px rgba(11,31,77,.08); transition: transform .15s, box-shadow .15s; }
html body .lx-card:hover { transform: translateY(-2px); box-shadow: 0 14px 30px rgba(11,31,77,.14); }
html body .lx-card.is-new { animation: lxNew 1.6s ease 2; }
@keyframes lxNew { 50% { box-shadow: 0 0 0 4px rgba(245,197,66,.8), 0 14px 30px rgba(11,31,77,.14); } }
html body .lx-card__cover { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; min-height: 0; padding: 0; border: 0 !important; border-radius: 0 !important; background: #0b1f4d !important; overflow: hidden; cursor: pointer; box-shadow: none !important; }
html body .lx-card__cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
html body .lx-card--busy .lx-card__cover { display: grid; place-items: center; color: #f5c542; font-size: 2rem; cursor: default; }
html body .lx-card__play { position: absolute; inset: auto 12px 12px auto; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: linear-gradient(145deg, #f7d77a, #c9952a); color: #241800; font-size: 1.1rem; box-shadow: 0 6px 16px rgba(0,0,0,.35); opacity: .95; transition: transform .15s; }
html body .lx-card__cover:hover .lx-card__play { transform: scale(1.08); }
html body .lx-card__gen { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; width: 100%; height: 100%; padding: 16px; color: #fff; text-align: center; background: linear-gradient(135deg, #0b2a6f, #1d4fd8); }
html body .lx-card__gen--pptx { background: linear-gradient(135deg, #071a45 0%, #0b2a6f 55%, #1d4fd8 100%); }
html body .lx-card__gen--video { background: linear-gradient(135deg, #3b0764, #7c3aed); }
html body .lx-card__gen--audio { background: linear-gradient(135deg, #064e3b, #059669); }
html body .lx-card__gen i { font-size: 2.2rem; color: #fff; opacity: .9; }
html body .lx-card__gen span { font: 700 1rem/1.3 "Playfair Display", Georgia, serif; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
html body .lx-card__body { display: grid; gap: 8px; padding: 14px 16px 16px; }
html body .lx-card__tags { display: flex; flex-wrap: wrap; gap: 6px; }
html body .lx-tag { display: inline-flex; align-items: center; gap: 4px; padding: 3px 9px; border-radius: 999px; background: var(--cc, #0b2a6f); color: #fff; font: 800 .7rem/1.2 system-ui, sans-serif; letter-spacing: .02em; }
html body .lx-tag--kind { background: #eef2fb; color: #34446b; }
html body .lx-tag--star { background: #fff4cc; color: #8a6400; }
html body .lx-card h3 { margin: 0; color: #0b1f4d; font: 800 1.08rem/1.3 "Playfair Display", Georgia, serif; }
html body .lx-meta { margin: 0; color: #5a6886; font-size: .85rem; font-weight: 600; }
html body .lx-card__acts { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 4px; }
html body .lx-edit { display: grid; gap: 10px; }
html body .lx-edit label { display: grid; gap: 4px; font-weight: 700; color: #34446b; font-size: .85rem; }
html body .lx-edit input, html body .lx-edit select { height: 40px; padding: 0 10px; border-radius: 10px; border: 1px solid #c9d5ea; font: 600 .95rem system-ui, sans-serif; color: #0b1f4d; background: #fff; }
html body .lx-empty, html body .lx-wait { padding: 30px; text-align: center; color: #5a6886; font-weight: 700; }
html body .lx-toast { position: fixed; left: 50%; bottom: 24px; z-index: 2147483600; transform: translateX(-50%); display: flex; align-items: center; gap: 8px; padding: 12px 18px; border-radius: 12px; background: #0f5132; color: #fff; font: 700 .95rem system-ui, sans-serif; box-shadow: 0 10px 26px rgba(0,0,0,.3); transition: opacity .4s; }
html body .lx-toast--bad { background: #8a1c1c; }
html body .lx-toast.is-out { opacity: 0; }
@media (max-width: 640px) {
 html body .lx-hero { padding: 18px; }
 html body .lx-hero h2 { font-size: 1.6rem; }
 html body .lx-cards { grid-template-columns: 1fr; }
}

html body .lx-back { display: inline-flex; align-items: center; gap: 6px; height: 32px; min-height: 0; margin-bottom: 10px; padding: 0 12px; border-radius: 999px; border: 1px solid rgba(255,255,255,.25) !important; background: rgba(255,255,255,.08) !important; color: #fff !important; -webkit-text-fill-color: #fff !important; font: 700 .82rem/1 system-ui, sans-serif; cursor: pointer; box-shadow: none !important; }
html body .lx-h { display: flex; align-items: center; gap: 8px; margin: 6px 0 0; color: #0b1f4d; font: 800 1.25rem/1.2 "Playfair Display", Georgia, serif; }
html body .lx-h i { color: #c9952a; }
html body .lx-kitlist { display: grid; gap: 12px; }
html body .lx-kitgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 12px; }
html body .lx-kittile { display: grid; justify-items: start; gap: 6px; min-height: 0; padding: 16px; border-radius: 16px; border: 1px solid #dbe3f3 !important; background: #fff !important; color: #0b1f4d !important; -webkit-text-fill-color: #0b1f4d !important; text-align: left; cursor: pointer; box-shadow: 0 6px 16px rgba(11,31,77,.07) !important; transition: transform .15s, box-shadow .15s; }
html body .lx-kittile:hover { transform: translateY(-2px); box-shadow: 0 12px 24px rgba(11,31,77,.13) !important; }
html body .lx-kittile i { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: #0b2a6f; color: #f5c542 !important; -webkit-text-fill-color: #f5c542 !important; font-size: 1.2rem; }
html body .lx-kittile b { font: 800 1rem/1.2 system-ui, sans-serif; }
html body .lx-kittile small { color: #5a6886 !important; -webkit-text-fill-color: #5a6886 !important; font: 600 .8rem/1.3 system-ui, sans-serif; }
html body .lx-lock { display: grid; justify-items: center; gap: 10px; max-width: 420px; margin: 40px auto; padding: 32px 24px; border-radius: 22px; background: #fff; border: 1px solid #dbe3f3; text-align: center; box-shadow: 0 10px 26px rgba(11,31,77,.1); }
html body .lx-lock__ic { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; background: #0b2a6f; color: #f5c542; font-size: 1.6rem; }
html body .lx-lock h2 { margin: 0; color: #0b1f4d; font: 800 1.6rem/1.2 "Playfair Display", Georgia, serif; }
html body .lx-lock p { margin: 0 0 6px; color: #5a6886; font-weight: 600; }
html body .lx-board { position: absolute; inset: 0; }
html body .lx-board--board { background: #fff; }
html body .lx-board--chalk { background: radial-gradient(120% 120% at 50% 40%, #1f4d3a 0%, #163a2c 70%, #10291f 100%); }

/* classroom kit */
html body .lx-kit { position: fixed; inset: 0; z-index: 2147483500; display: flex; flex-direction: column; background: radial-gradient(120% 120% at 50% 0%, #0f2a66 0%, #071a45 60%, #040d24 100%); color: #fff; font-family: system-ui, -apple-system, "Segoe UI", sans-serif; }
html body .lx-kit[hidden] { display: none !important; }
html body .lx-kit__bar { display: flex; align-items: center; gap: 10px; padding: 12px 16px; background: rgba(0,0,0,.25); }
html body .lx-kit__tabs { flex: 1; display: flex; gap: 6px; overflow-x: auto; justify-content: center; }
html body .lx-kit__tabs button { display: inline-flex; align-items: center; gap: 8px; height: 42px; min-height: 0; padding: 0 14px; border-radius: 12px; border: 0 !important; background: rgba(255,255,255,.08) !important; color: #dbe4fb !important; -webkit-text-fill-color: #dbe4fb !important; font: 700 .9rem/1 system-ui, sans-serif; white-space: nowrap; cursor: pointer; box-shadow: none !important; }
html body .lx-kit__tabs button.is-on { background: linear-gradient(145deg, #f7d77a, #c9952a) !important; color: #241800 !important; -webkit-text-fill-color: #241800 !important; }
html body .lx-kit__body { flex: 1; display: flex; gap: 24px; padding: 24px; overflow: auto; }
html body .lx-kit__main { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 24px; min-width: 0; }
html body .lx-kit__acts { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; justify-content: center; }
html body .lx-kit__note { margin: 0; color: #b9c6e8; font: 700 1.1rem/1.4 system-ui, sans-serif; text-align: center; }
html body .lx-btn--xl { height: 60px; padding: 0 28px; border-radius: 16px; font-size: 1.15rem; }
html body .lx-kit .lx-btn--ghost { background: rgba(255,255,255,.12) !important; color: #fff !important; -webkit-text-fill-color: #fff !important; }
html body .lx-kit .lx-btn--ghost i { color: #f5c542 !important; -webkit-text-fill-color: #f5c542 !important; }
html body .lx-check, html body .lx-sel { display: inline-flex; align-items: center; gap: 8px; color: #fff; font: 700 1rem/1 system-ui, sans-serif; }
html body .lx-check input { width: 22px; height: 22px; accent-color: #f5c542; }
html body .lx-sel select, html body .lx-presets__own input { height: 44px; padding: 0 10px; border-radius: 10px; border: 0; font: 800 1.1rem system-ui, sans-serif; color: #0b1f4d; background: #fff; }
html body .lx-names { flex: none; width: 300px; display: grid; align-content: start; gap: 10px; }
html body .lx-names label { display: grid; gap: 8px; color: #fff; font: 800 .95rem/1 system-ui, sans-serif; }
html body .lx-names b { margin-left: 6px; padding: 2px 8px; border-radius: 999px; background: #f5c542; color: #241800; font-size: .8rem; }
html body .lx-names textarea { width: 100%; min-height: 42vh; padding: 12px; border-radius: 14px; border: 0; background: rgba(255,255,255,.95); color: #0b1f4d; font: 600 1rem/1.5 system-ui, sans-serif; resize: vertical; }
html body .lx-names__kicker { margin: 0; color: #f5c542; font: 800 .78rem/1 system-ui, sans-serif; letter-spacing: .08em; text-transform: uppercase; }
html body .lx-names__class { display: grid; gap: 8px; }
html body .lx-names__class button { display: grid; gap: 4px; width: 100%; min-height: 58px; padding: 10px 14px; border: 0; border-radius: 14px; background: rgba(255,255,255,.12); color: #fff; font: 800 1rem/1.15 system-ui, sans-serif; text-align: left; cursor: pointer; }
html body .lx-names__class button small { font: 650 .8rem/1.2 system-ui, sans-serif; color: #d7e0f5; }
html body .lx-names__class button.is-on { background: linear-gradient(145deg, #f7d77a, #c9952a); color: #241800; }
html body .lx-names__class button.is-on small { color: #5a4308; }
html body .lx-names__clear { justify-self: start; height: 36px; padding: 0 4px; border: 0; background: transparent; color: #f5c542; font: 800 .88rem/1 system-ui, sans-serif; cursor: pointer; }
html body .lx-bigname { max-width: 100%; padding: 30px 48px; border-radius: 28px; background: rgba(255,255,255,.06); border: 3px solid rgba(255,255,255,.12); color: #fff; font: 800 clamp(2.4rem, 7vw, 6rem)/1.1 "Playfair Display", Georgia, serif; text-align: center; word-break: break-word; }
html body .lx-bigname.is-done { border-color: #f5c542; color: #f5c542; animation: lxPop .4s ease; }
@keyframes lxPop { 0% { transform: scale(.9); } 60% { transform: scale(1.06); } 100% { transform: scale(1); } }
html body .lx-groups { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 16px; width: 100%; }
html body .lx-group { padding: 16px 18px; border-radius: 18px; background: rgba(255,255,255,.96); border-top: 8px solid var(--gc); color: #0b1f4d; }
html body .lx-group h4 { margin: 0 0 8px; color: var(--gc); font: 800 1.3rem/1 system-ui, sans-serif; }
html body .lx-group ul { margin: 0; padding-left: 20px; font: 700 1.15rem/1.6 system-ui, sans-serif; }
html body .lx-score { flex: 1; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 18px; align-content: center; }
html body .lx-kit__body--score { flex-direction: column; }
html body .lx-team { display: grid; justify-items: center; gap: 10px; padding: 20px; border-radius: 24px; background: rgba(255,255,255,.06); border: 3px solid var(--gc); }
html body .lx-team__n { width: 100%; height: 48px; border: 0; border-radius: 12px; background: var(--gc); color: #fff; font: 800 1.4rem/1 system-ui, sans-serif; text-align: center; }
html body .lx-team__s { color: #fff; font: 800 clamp(4rem, 10vw, 8rem)/1 system-ui, sans-serif; font-variant-numeric: tabular-nums; }
html body .lx-team__b { display: flex; gap: 8px; }
html body .lx-team__b button { width: 64px; height: 52px; min-height: 0; padding: 0; border-radius: 14px; border: 0 !important; background: rgba(255,255,255,.14) !important; color: #fff !important; -webkit-text-fill-color: #fff !important; font: 800 1.2rem/1 system-ui, sans-serif; cursor: pointer; box-shadow: none !important; }
html body .lx-team__b button:nth-child(2) { background: linear-gradient(145deg, #f7d77a, #c9952a) !important; color: #241800 !important; -webkit-text-fill-color: #241800 !important; }
html body .lx-kit__acts--c { justify-content: center; }
html body .lx-bigtime { color: #f5c542; font: 800 1.4rem/1 system-ui, sans-serif; letter-spacing: .1em; text-transform: uppercase; min-height: 1.4rem; }
html body .lx-bigtime__t { color: #fff; font: 800 clamp(6rem, 22vw, 16rem)/1 system-ui, sans-serif; font-variant-numeric: tabular-nums; }
html body .lx-bigtime__bar { width: min(900px, 90%); height: 14px; border-radius: 99px; background: rgba(255,255,255,.12); overflow: hidden; }
html body .lx-bigtime__bar i { display: block; height: 100%; width: 0; background: linear-gradient(90deg, #f7d77a, #e8c04a); transition: width .2s linear; }
html body .lx-kit__body--timer.is-low .lx-bigtime__t { color: #ff6b61; animation: lxBlink 1s steps(2) infinite; }
html body .lx-kit__body--timer.is-done .lx-bigtime__t, html body .lx-kit__body--timer.is-done .lx-bigtime { color: #ff6b61; }
@keyframes lxBlink { 50% { opacity: .55; } }
html body .lx-presets { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; max-width: 820px; }
html body .lx-presets button { height: 44px; min-height: 0; padding: 0 16px; border-radius: 12px; border: 0 !important; background: rgba(255,255,255,.1) !important; color: #fff !important; -webkit-text-fill-color: #fff !important; font: 800 1rem/1 system-ui, sans-serif; cursor: pointer; box-shadow: none !important; }
html body .lx-presets .lx-presets__wide { background: rgba(245,197,66,.18) !important; color: #f5c542 !important; -webkit-text-fill-color: #f5c542 !important; }
html body .lx-presets__own { display: inline-flex; align-items: center; gap: 8px; color: #fff; font-weight: 700; }
html body .lx-presets__own input { width: 80px; }
html body .lx-seg { display: inline-flex; gap: 6px; padding: 6px; border-radius: 16px; background: rgba(255,255,255,.08); }
html body .lx-seg button { height: 44px; min-height: 0; padding: 0 18px; border-radius: 12px; border: 0 !important; background: transparent !important; color: #dbe4fb !important; -webkit-text-fill-color: #dbe4fb !important; font: 800 1rem/1 system-ui, sans-serif; cursor: pointer; box-shadow: none !important; }
html body .lx-seg button.is-on { background: #fff !important; color: #0b1f4d !important; -webkit-text-fill-color: #0b1f4d !important; }
html body .lx-qbox { width: min(1100px, 100%); }
html body .lx-bigq { margin: 0; color: #fff; font: 800 clamp(2rem, 5vw, 4rem)/1.2 "Playfair Display", Georgia, serif; text-align: center; }
html body .lx-bigq--muted { color: #8fa0c8; font-size: 1.6rem; }
html body .lx-cue { padding: 28px 36px; border-radius: 24px; background: #fff; color: #0b1f4d; border-left: 12px solid #f5c542; }
html body .lx-cue__k { margin: 0 0 6px; color: #c9952a; font: 800 .9rem/1 system-ui, sans-serif; letter-spacing: .14em; text-transform: uppercase; }
html body .lx-cue h2 { margin: 0 0 12px; font: 800 clamp(1.8rem, 4vw, 3rem)/1.2 "Playfair Display", Georgia, serif; color: #0b1f4d; }
html body .lx-cue p { margin: 0 0 6px; font: 700 1.3rem/1.3 system-ui, sans-serif; color: #34446b; }
html body .lx-cue ul { margin: 0; padding-left: 28px; font: 600 clamp(1.2rem, 2.4vw, 1.8rem)/1.6 system-ui, sans-serif; }
html body .lx-noise { display: grid; justify-items: center; gap: 20px; width: min(900px, 100%); }
html body .lx-noise__face { font-size: clamp(5rem, 14vw, 10rem); color: #34c759; transition: color .2s; }
html body .lx-noise__bar { position: relative; width: 100%; height: 44px; border-radius: 99px; background: rgba(255,255,255,.12); overflow: hidden; }
html body .lx-noise__bar i { display: block; height: 100%; width: 0; background: #34c759; transition: background .2s; }
html body .lx-noise__lim { position: absolute; top: 0; bottom: 0; width: 4px; margin-left: -2px; background: #fff; }
html body .lx-noise__t { margin: 0; color: #fff; font: 800 clamp(1.6rem, 4vw, 3rem)/1 system-ui, sans-serif; }
html body [data-noise="mid"] .lx-noise__face { color: #f5c542; }
html body [data-noise="mid"] .lx-noise__bar i { background: #f5c542; }
html body [data-noise="loud"] .lx-noise__face { color: #ff3b30; animation: lxBlink .6s steps(2) infinite; }
html body [data-noise="loud"] .lx-noise__bar i { background: #ff3b30; }
html body .lx-kit input[type="range"] { width: 200px; accent-color: #f5c542; }
/* Word Bamboozle */
html body .lx-kit__body--bamboo { position: relative; }
html body .bz-setup { display: grid; justify-items: center; gap: 18px; width: min(720px, 100%); }
html body .bz-setup h2 { margin: 0; color: #fff; font: 800 clamp(2rem, 5vw, 3.4rem)/1.1 "Playfair Display", Georgia, serif; }
html body .bz-setup h2 i { color: #f5c542; }
html body .bz-row { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; justify-content: center; }
html body .bz-row > span { min-width: 70px; color: #b9c6e8; font: 800 .9rem/1 system-ui, sans-serif; text-transform: uppercase; letter-spacing: .1em; }
html body .bz-names { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
html body .bz-names input { width: 170px; height: 48px; border: 0; border-radius: 12px; background: var(--gc); color: #fff; font: 800 1.1rem/1 system-ui, sans-serif; text-align: center; }
html body .bz-main { justify-content: flex-start; gap: 18px; width: 100%; }
html body .bz-teams { display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; width: 100%; }
html body .bz-team { display: flex; align-items: center; gap: 14px; padding: 10px 20px; border-radius: 16px; background: rgba(255,255,255,.07); border: 3px solid transparent; transition: transform .2s, border-color .2s; }
html body .bz-team span { color: #fff; font: 800 1.15rem/1 system-ui, sans-serif; }
html body .bz-team b { min-width: 48px; padding: 6px 12px; border-radius: 10px; background: var(--gc); color: #fff; font: 800 1.6rem/1 system-ui, sans-serif; text-align: center; font-variant-numeric: tabular-nums; }
html body .bz-team.is-turn { border-color: #f5c542; transform: scale(1.06); box-shadow: 0 0 24px rgba(245,197,66,.35); }
html body .bz-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; width: min(1200px, 100%); }
html body .bz-grid--16 { grid-template-columns: repeat(4, 1fr); width: min(900px, 100%); }
html body .bz-tile { aspect-ratio: 16 / 10; min-height: 0; padding: 0; border-radius: 16px; border: 0 !important; background: linear-gradient(145deg, #f7d77a 0%, #e8c04a 45%, #c9952a 100%) !important; color: #241800 !important; -webkit-text-fill-color: #241800 !important; font: 800 clamp(1.4rem, 3.4vw, 2.8rem)/1 system-ui, sans-serif; cursor: pointer; box-shadow: 0 6px 0 #8a6414, 0 10px 20px rgba(0,0,0,.3) !important; transition: transform .12s; }
html body .bz-tile:hover { transform: translateY(-3px) rotate(-1deg); }
html body .bz-tile.is-used { background: rgba(255,255,255,.06) !important; color: rgba(255,255,255,.35) !important; -webkit-text-fill-color: rgba(255,255,255,.35) !important; box-shadow: none !important; cursor: default; transform: none; font-size: 1.4rem; }
html body .bz-modal { position: fixed; inset: 0; z-index: 5; overflow: auto; display: grid; place-items: center; padding: 20px; background: rgba(2,8,24,.82); backdrop-filter: blur(6px); }
html body .bz-m { display: grid; justify-items: center; gap: 14px; width: min(980px, 100%); padding: 30px 28px; border-radius: 28px; background: linear-gradient(160deg, #102f73, #0a1e4d); border: 2px solid rgba(245,197,66,.45); box-shadow: 0 20px 60px rgba(0,0,0,.55); text-align: center; animation: lxPop .35s ease; }
html body .bz-m__team { margin: 0; padding: 6px 16px; border-radius: 999px; background: var(--gc); color: #fff; font: 800 1rem/1.2 system-ui, sans-serif; }
html body .bz-kind { margin: 0; padding: 4px 14px; border-radius: 999px; font: 800 .9rem/1.3 system-ui, sans-serif; letter-spacing: .06em; text-transform: uppercase; }
html body .bz-kind--syn { background: rgba(52,199,89,.18); color: #6ee7a0; }
html body .bz-kind--ant { background: rgba(255,59,48,.18); color: #ff8f87; }
html body .bz-ask { margin: 0; color: #cfd8ee; font: 700 clamp(1.2rem, 2.6vw, 1.8rem)/1.2 system-ui, sans-serif; }
html body .bz-ask b { color: #f5c542; }
html body .bz-word { margin: 0; color: #fff; font: 800 clamp(3rem, 9vw, 7rem)/1 "Playfair Display", Georgia, serif; }
html body .bz-ans { margin: 0; padding: 12px 24px; border-radius: 16px; background: #f5c542; color: #241800; font: 800 clamp(1.6rem, 4vw, 3rem)/1.2 system-ui, sans-serif; animation: lxPop .35s ease; }
html body .bz-hint { margin: 0; color: #f5c542; font: 800 clamp(1.2rem, 3vw, 2rem)/1.3 system-ui, sans-serif; letter-spacing: .04em; }
html body .bz-time { display: flex; align-items: center; gap: 12px; width: min(560px, 100%); }
html body .bz-time b { min-width: 44px; color: #fff; font: 800 1.8rem/1 system-ui, sans-serif; font-variant-numeric: tabular-nums; }
html body .bz-time span { flex: 1; height: 10px; border-radius: 99px; background: rgba(255,255,255,.12); overflow: hidden; }
html body .bz-time i { display: block; height: 100%; background: linear-gradient(90deg, #ff6b61, #f5c542); transition: width .2s linear; }
html body .bz-ok { background: #16a34a !important; }
html body .bz-ok i { color: #fff !important; -webkit-text-fill-color: #fff !important; }
html body .bz-no { background: #b42318 !important; }
html body .bz-no i { color: #fff !important; -webkit-text-fill-color: #fff !important; }
html body .bz-pick { background: var(--gc) !important; }
html body .bz-power { display: grid; justify-items: center; gap: 8px; }
html body .bz-power i { font-size: clamp(4rem, 10vw, 7rem); color: #f5c542; animation: lxPop .5s ease; }
html body .bz-power h2 { margin: 0; color: #fff; font: 800 clamp(2.6rem, 7vw, 5rem)/1 system-ui, sans-serif; }
html body .bz-power p { margin: 0; color: #cfd8ee; font: 700 clamp(1.2rem, 2.6vw, 1.8rem)/1.3 system-ui, sans-serif; }
html body .bz-power--bam i, html body .bz-power--minus i { color: #ff5a4f; }
html body .bz-power--bam h2 { color: #ff5a4f; animation: lxBlink .5s steps(2) 4; }
html body .bz-win { display: grid; justify-items: center; gap: 8px; }
html body .bz-win i { font-size: clamp(5rem, 14vw, 9rem); color: #f5c542; animation: lxPop .6s ease; }
html body .bz-win h2 { margin: 0; color: #fff; font: 800 clamp(2.4rem, 7vw, 5rem)/1.1 "Playfair Display", Georgia, serif; text-align: center; }
html body .bz-win p { margin: 0; color: #f5c542; font: 800 1.6rem/1 system-ui, sans-serif; }
@media (max-width: 760px) {
 html body .bz-grid { grid-template-columns: repeat(4, 1fr); gap: 8px; }
}

@media (max-width: 860px) {
 html body .lx-kit__tabs { justify-content: flex-start; }
 html body .lx-kit__tabs span { display: none; }
 html body .lx-kit__body { flex-direction: column; padding: 16px; }
 html body .lx-names { width: 100%; }
 html body .lx-names textarea { min-height: 160px; }
}

/* presenter */
html.lx-presenting, html.lx-presenting body { overflow: hidden !important; }
html.lx-presenting .ama-site-ticker,
html.lx-presenting .mobile-bottom-nav,
html.lx-presenting #ama-tv-fit,
html.lx-presenting .ama-arrive { display: none !important; }
html body .lx-show { position: fixed; inset: 0; z-index: 2147483500; display: grid; place-items: center; background: #000; color: #fff; font-family: system-ui, -apple-system, "Segoe UI", sans-serif; user-select: none; -webkit-user-select: none; }
html body .lx-show[hidden] { display: none !important; }
html body .lx-show [hidden] { display: none !important; }
html body .lx-stage { position: relative; overflow: hidden; background: #000; touch-action: none; }
html body .lx-slide, html body .lx-slide__in, html body .lx-over, html body .lx-blank { position: absolute; inset: 0; }
html body .lx-slide__in { display: grid; place-items: center; }
html body .lx-fill { width: 100%; height: 100%; object-fit: contain; display: block; }
html body .lx-video { background: #000; }
html body .lx-audioslide { display: grid; place-items: center; gap: 16px; padding: 40px; text-align: center; color: #fff; }
html body .lx-audioslide i { font-size: 4rem; color: #f5c542; }
html body .lx-audioslide h3 { margin: 0; font: 800 2rem/1.2 "Playfair Display", Georgia, serif; color: #fff; }
html body .lx-audioslide audio { width: min(640px, 80vw); }
html body .lx-over { pointer-events: none; }
html body .lx-over > * { pointer-events: auto; }
html body .lx-hot { position: absolute; min-height: 0; padding: 0; border: 0 !important; border-radius: 10px; background: transparent !important; cursor: pointer; box-shadow: none !important; transition: background .15s, box-shadow .15s; }
html body .lx-hot:hover { background: rgba(255,255,255,.12) !important; box-shadow: 0 0 0 3px rgba(245,197,66,.85) !important; }
html body .lx-player { position: absolute; display: flex; align-items: center; gap: 2%; padding: 0 2.5%; border-radius: 999px; background: #0b2a6f; box-shadow: 0 0 0 clamp(4px, .8vw, 16px) #fff, 0 6px 18px rgba(0,0,0,.35); }
html body .lx-player__btn { display: grid; place-items: center; flex: none; height: 76%; aspect-ratio: 1; min-height: 0; padding: 0; border: 0 !important; border-radius: 50%; background: linear-gradient(145deg, #f7d77a, #c9952a) !important; color: #241800 !important; -webkit-text-fill-color: #241800 !important; font-size: clamp(10px, 1.4vw, 22px); cursor: pointer; box-shadow: none !important; }
html body .lx-player__bar { position: relative; flex: 1; height: 18%; min-height: 4px; border-radius: 99px; background: rgba(255,255,255,.25); cursor: pointer; }
html body .lx-player__bar i { position: absolute; left: 0; top: 0; bottom: 0; width: 0; border-radius: 99px; background: #f5c542; }
html body .lx-player__t { flex: none; color: #fff; font: 700 clamp(9px, 1.1vw, 18px)/1 system-ui, sans-serif; font-variant-numeric: tabular-nums; }
html body .lx-ink { position: absolute; inset: 0; pointer-events: none; }
html body .lx-stage.is-pen .lx-ink { pointer-events: auto; cursor: crosshair; }
html body .lx-stage.is-laser { cursor: none; }
html body .lx-laser { position: absolute; display: none; width: 18px; height: 18px; margin: -9px 0 0 -9px; border-radius: 50%; background: radial-gradient(circle, #ff5a4f 0 35%, rgba(255,40,30,.55) 45%, rgba(255,40,30,0) 70%); pointer-events: none; box-shadow: 0 0 14px 6px rgba(255,40,30,.45); }
html body .lx-blank { display: none; }
html body .lx-blank.is-black { display: block; background: #000; }
html body .lx-blank.is-white { display: block; background: #fff; }
html body .lx-spin { position: absolute; inset: 0; display: grid; place-items: center; color: #f5c542; font-size: 2.4rem; pointer-events: none; }
html body .lx-fail { display: grid; place-items: center; gap: 12px; height: 100%; padding: 30px; text-align: center; color: #fff; font-weight: 700; }
html body .lx-fail i { font-size: 2.6rem; color: #f5c542; }
html body .lx-pp__wrap { position: relative; overflow: hidden; }
html body .lx-pp { position: absolute; left: 0; top: 0; transform-origin: 0 0; overflow: hidden; color: #000; font-family: Calibri, "Segoe UI", system-ui, sans-serif; }
html body .lx-pp__sh { position: absolute; box-sizing: border-box; overflow: hidden; }
html body .lx-pp__sh p {
  margin: 0; line-height: 1.2; white-space: pre-wrap;
  overflow-wrap: normal; word-break: normal; word-wrap: normal; hyphens: none;
}
html body .lx-pp__sh--head p {
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  font: 800 clamp(22px, 3.2vw, 40px)/1.15 "Playfair Display", Georgia, serif;
}
html body .lx-pp__sh > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: fill; }
html body .lx-pp__sh--media { display: flex !important; align-items: center; justify-content: center; }
html body .lx-pp__media { width: 100%; max-height: 100%; }
html body .lx-pp__link { cursor: pointer; }
html body .lx-pp__link:hover { box-shadow: 0 0 0 4px rgba(245,197,66,.85); }
html body .lx-bar { position: fixed; left: 50%; bottom: 14px; z-index: 3; transform: translateX(-50%); display: flex; align-items: center; gap: 14px; max-width: calc(100vw - 20px); padding: 8px 10px; border-radius: 18px; background: rgba(7,18,46,.88); border: 1px solid rgba(255,255,255,.12); box-shadow: 0 12px 30px rgba(0,0,0,.45); backdrop-filter: blur(10px); transition: opacity .3s, transform .3s; }
html body .lx-show.is-idle .lx-bar { opacity: 0; transform: translate(-50%, 20px); pointer-events: none; }
html body .lx-show.is-idle .lx-stage { cursor: none; }
html body .lx-bar__l, html body .lx-bar__c, html body .lx-bar__r { display: flex; align-items: center; gap: 6px; }
html body .lx-bar__title { max-width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; font-weight: 700; font-size: .9rem; }
html body .lx-bar__clock { color: #f5c542; font: 700 .85rem/1 system-ui, sans-serif; font-variant-numeric: tabular-nums; padding: 0 6px; white-space: nowrap; }
html body .lx-tb { display: inline-grid; place-items: center; width: 40px; height: 40px; min-height: 0; padding: 0; border-radius: 12px; border: 0 !important; background: rgba(255,255,255,.08) !important; color: #fff !important; -webkit-text-fill-color: #fff !important; font-size: 1rem; cursor: pointer; box-shadow: none !important; }
html body .lx-tb:hover { background: rgba(255,255,255,.18) !important; }
html body .lx-tb:disabled { opacity: .35; cursor: default; }
html body .lx-tb.is-on { background: linear-gradient(145deg, #f7d77a, #c9952a) !important; color: #241800 !important; -webkit-text-fill-color: #241800 !important; }
html body .lx-tb--nav { width: 48px; height: 48px; font-size: 1.2rem; }
html body .lx-sw { display: block; width: 18px; height: 18px; border-radius: 50%; border: 2px solid #fff; }
html body .lx-bar__n { min-width: 86px; height: 40px; min-height: 0; padding: 0 12px; border: 0 !important; border-radius: 12px; background: rgba(255,255,255,.08) !important; color: #fff !important; -webkit-text-fill-color: #fff !important; font: 800 1rem/1 system-ui, sans-serif; font-variant-numeric: tabular-nums; cursor: pointer; box-shadow: none !important; }
html body .lx-progress { position: fixed; left: 0; right: 0; bottom: 0; z-index: 2; height: 4px; background: rgba(255,255,255,.1); }
html body .lx-progress i { display: block; height: 100%; width: 0; background: linear-gradient(90deg, #f7d77a, #e8c04a); transition: width .3s; }
html body .lx-show.is-idle .lx-progress { opacity: .5; }
html body .lx-pop { position: fixed; right: 16px; bottom: 84px; z-index: 4; width: 300px; padding: 14px; border-radius: 16px; background: #0b1f4d; border: 1px solid rgba(255,255,255,.14); box-shadow: 0 14px 34px rgba(0,0,0,.5); }
html body .lx-pop p { margin: 0 0 10px; color: #cfd8ee; font: 800 .75rem/1 system-ui, sans-serif; letter-spacing: .1em; text-transform: uppercase; }
html body .lx-pop__row { display: flex; gap: 10px; }
html body .lx-dot { width: 38px; height: 38px; min-height: 0; padding: 0; border-radius: 50%; border: 3px solid rgba(255,255,255,.25) !important; background: var(--dc) !important; cursor: pointer; box-shadow: none !important; }
html body .lx-dot.is-on { border-color: #fff !important; }
html body .lx-pop__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
html body .lx-pop__grid button { height: 42px; min-height: 0; padding: 0 8px; border-radius: 10px; border: 0 !important; background: rgba(255,255,255,.1) !important; color: #fff !important; -webkit-text-fill-color: #fff !important; font: 800 .9rem/1 system-ui, sans-serif; cursor: pointer; box-shadow: none !important; }
html body .lx-pop__grid button:hover { background: rgba(255,255,255,.2) !important; }
html body .lx-pop__grid .lx-pop__wide { grid-column: 1 / -1; background: linear-gradient(145deg, #f7d77a, #c9952a) !important; color: #241800 !important; -webkit-text-fill-color: #241800 !important; }
html body .lx-count { position: fixed; top: 18px; right: 18px; z-index: 4; display: flex; align-items: center; gap: 12px; padding: 10px 12px 10px 18px; border-radius: 18px; background: rgba(7,18,46,.92); border: 2px solid #f5c542; box-shadow: 0 12px 30px rgba(0,0,0,.45); }
html body .lx-count span { color: #f5c542; font: 800 .8rem/1 system-ui, sans-serif; text-transform: uppercase; letter-spacing: .08em; }
html body .lx-count b { color: #fff; font: 800 2.6rem/1 system-ui, sans-serif; font-variant-numeric: tabular-nums; min-width: 96px; text-align: center; }
html body .lx-count button { display: grid; place-items: center; width: 32px; height: 32px; min-height: 0; padding: 0; border-radius: 50%; border: 0 !important; background: rgba(255,255,255,.12) !important; color: #fff !important; -webkit-text-fill-color: #fff !important; cursor: pointer; box-shadow: none !important; }
html body .lx-count.is-low { border-color: #ff3b30; animation: lxPulse 1s ease-in-out infinite; }
html body .lx-count.is-low b { color: #ff6b61; }
html body .lx-count.is-done { border-color: #ff3b30; background: #8a1c1c; }
@keyframes lxPulse { 50% { box-shadow: 0 0 0 10px rgba(255,59,48,0); } 0%, 100% { box-shadow: 0 0 0 0 rgba(255,59,48,.6); } }
html body .lx-jump { position: fixed; top: 50%; left: 50%; z-index: 5; transform: translate(-50%, -50%); padding: 18px 28px; border-radius: 18px; background: rgba(7,18,46,.92); color: #fff; font: 800 2rem/1 system-ui, sans-serif; }
html body .lx-grid { position: fixed; inset: 0; z-index: 5; display: flex; flex-direction: column; background: rgba(4,10,28,.96); }
html body .lx-grid header { display: flex; align-items: center; justify-content: space-between; padding: 16px 22px; }
html body .lx-grid h3 { margin: 0; color: #fff; font: 800 1.3rem/1 system-ui, sans-serif; }
html body .lx-grid__list { flex: 1; overflow: auto; display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 16px; padding: 4px 22px 30px; align-content: start; }
html body .lx-thumb { display: grid; gap: 6px; min-height: 0; padding: 0; border: 0 !important; background: transparent !important; color: #cfd8ee !important; -webkit-text-fill-color: #cfd8ee !important; text-align: left; cursor: pointer; box-shadow: none !important; }
html body .lx-thumb__img { position: relative; display: grid; place-items: center; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 10px; background: #111a33; border: 3px solid transparent; }
html body .lx-thumb__img img, html body .lx-thumb__img canvas { width: 100%; height: 100%; object-fit: contain; }
html body .lx-thumb__img .lx-pp__wrap { transform-origin: center; }
html body .lx-thumb.is-on .lx-thumb__img { border-color: #f5c542; }
html body .lx-thumb:hover .lx-thumb__img { border-color: rgba(245,197,66,.6); }
html body .lx-thumb__n { font: 700 .85rem/1.2 system-ui, sans-serif; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 760px) {
 html body .lx-bar { gap: 6px; padding: 6px; bottom: 8px; flex-wrap: wrap; justify-content: center; }
 html body .lx-bar__title, html body .lx-bar__clock { display: none; }
 html body .lx-tb { width: 36px; height: 36px; }
 html body .lx-count b { font-size: 1.8rem; min-width: 70px; }
}

/* Discussion Lab skin for every PowerPoint */
html body .lx-ama {
  position: absolute; left: 0; top: 0; width: 1280px; height: 720px;
  box-sizing: border-box; overflow: hidden; padding: 52px 64px 48px;
  color: #fff; background: #0b2a6f;
  font-family: "Playfair Display", Georgia, "Segoe UI", serif;
}
html body .lx-ama::before {
  content: ""; position: absolute; right: -140px; top: -180px; z-index: 0;
  width: 560px; height: 560px; border-radius: 50%; pointer-events: none;
  border: 22px solid rgba(255,255,255,.07);
  box-shadow: 0 0 0 58px rgba(255,255,255,.045), 0 0 0 112px rgba(255,255,255,.03);
}
html body .lx-ama--light {
  color: #0b1f4d; background: #eef3fb;
}
html body .lx-ama--light::before {
  border-color: rgba(11,42,111,.07);
  box-shadow: 0 0 0 58px rgba(11,42,111,.04), 0 0 0 112px rgba(11,42,111,.025);
}
html body .lx-ama__mic {
  position: absolute; top: 36px; right: 44px; z-index: 2;
  display: grid; place-items: center; width: 72px; height: 72px; border-radius: 50%;
  background: #f5c542; color: #0b1f4d; font-size: 1.7rem;
}
html body .lx-ama__kicker {
  position: relative; z-index: 1; margin: 0 0 10px;
  color: #f5c542; letter-spacing: .14em; text-transform: uppercase;
  font: 800 .78rem/1 system-ui, sans-serif;
}
html body .lx-ama--light .lx-ama__kicker { color: #c9952a; }
html body .lx-ama__h {
  position: relative; z-index: 1; margin: 0 0 22px; padding-right: 90px;
  font: 800 2.35rem/1.15 "Playfair Display", Georgia, serif;
}
html body .lx-ama--hero { display: grid; align-content: center; }
html body .lx-ama__title {
  position: relative; z-index: 1; margin: 8px 0 14px; max-width: 14ch;
  color: #f5c542; font: 800 4.4rem/1.05 "Playfair Display", Georgia, serif;
}
html body .lx-ama__lead {
  position: relative; z-index: 1; margin: 0 0 22px; max-width: 22ch;
  color: #dbe7ff; font: italic 1.35rem/1.4 Georgia, serif;
}
html body .lx-ama__pill {
  position: relative; z-index: 1; display: inline-flex; align-items: center;
  height: 36px; padding: 0 16px; border-radius: 999px;
  background: #f5c542; color: #0b1f4d;
  font: 800 .85rem/1 system-ui, sans-serif;
}
html body .lx-ama__body {
  position: relative; z-index: 1; display: grid; gap: 12px;
  max-height: 470px; overflow: auto;
}
html body .lx-ama__foot {
  position: absolute; left: 64px; bottom: 28px; z-index: 1; margin: 0;
  color: #c9d7f5; font: italic .95rem/1 Georgia, serif;
}
html body .lx-ama--light .lx-ama__foot { color: #5a6886; }
html body .lx-ama-bank, html body .lx-ama-pics {
  display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 8px;
}
html body .lx-ama-chip, html body .lx-ama-ask, html body .lx-ama-row, html body .lx-ama-flip, html body .lx-ama-pic {
  min-height: 0; cursor: pointer; text-align: left;
  border: 2px solid transparent !important; box-shadow: none !important;
  transition: transform .12s, box-shadow .12s, background .12s, border-color .12s;
}
html body .lx-ama-chip {
  height: 46px; padding: 0 18px; border-radius: 999px;
  background: #f5c542 !important; color: #0b1f4d !important;
  font: 800 1.05rem/1 system-ui, sans-serif;
}
html body .lx-ama-chip.is-on { box-shadow: 0 0 0 4px rgba(255,255,255,.85) !important; transform: translateY(-2px); }
html body .lx-ama-chip.is-done { background: #163a8a !important; color: #f5c542 !important; border-color: #f5c542 !important; }
html body .lx-ama-chip.is-no { background: #8a1c1c !important; color: #fff !important; }
html body .lx-ama-asks { display: grid; gap: 8px; }
html body .lx-ama-ask, html body .lx-ama-row {
  display: flex; align-items: center; gap: 14px; width: 100%;
  min-height: 56px; padding: 10px 16px; border-radius: 16px;
  background: #163a8a !important; color: #fff !important;
  font: 650 1.12rem/1.35 Georgia, serif;
}
html body .lx-ama--light .lx-ama-ask, html body .lx-ama--light .lx-ama-row {
  background: #fff !important; color: #0b1f4d !important;
  border-color: #d7e2f5 !important;
}
html body .lx-ama-ask.is-on, html body .lx-ama-row.is-on, html body .lx-ama-pic.is-on {
  border-color: #f5c542 !important; box-shadow: 0 0 0 3px rgba(245,197,66,.45) !important;
}
html body .lx-ama-ask.is-done { background: #0e7a4a !important; color: #fff !important; border-color: #22c55e !important; }
html body .lx-ama-ask.is-no { background: #8a1c1c !important; color: #fff !important; }
html body .lx-ama-num {
  flex: none; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%;
  background: #f5c542; color: #0b1f4d; font: 800 .95rem/1 system-ui, sans-serif;
}
html body .lx-ama-hint {
  margin: 8px 0 0; color: #f5c542;
  font: italic .92rem/1.3 Georgia, serif;
}
html body .lx-ama--light .lx-ama-hint { color: #8a6400; }
html body .lx-ama-vocab {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px;
}
html body .lx-ama-flip {
  display: grid; gap: 6px; padding: 18px 18px 16px; border-radius: 18px;
  background: #fff !important; color: #0b1f4d !important; border-color: #d7e2f5 !important;
}
html body .lx-ama--navy .lx-ama-flip { background: #163a8a !important; color: #fff !important; }
html body .lx-ama-flip__term {
  color: #c9952a; font: 800 1.35rem/1.2 "Playfair Display", Georgia, serif;
}
html body .lx-ama--navy .lx-ama-flip__term { color: #f5c542; }
html body .lx-ama-flip__mean {
  max-height: 0; overflow: hidden; opacity: 0;
  font: 650 1rem/1.4 Georgia, serif; transition: max-height .2s, opacity .2s;
}
html body .lx-ama-flip.is-on .lx-ama-flip__mean { max-height: 120px; opacity: 1; }
html body .lx-ama-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
html body .lx-ama-col {
  padding: 22px 22px 18px; border-radius: 22px; min-height: 280px;
  background: #163a8a; color: #fff;
}
html body .lx-ama--light .lx-ama-col:first-child { background: #0b2a6f; color: #fff; }
html body .lx-ama--light .lx-ama-col:last-child { background: #e4ecfb; color: #0b1f4d; }
html body .lx-ama-col h3 {
  margin: 0 0 12px; color: #f5c542;
  font: 800 1.35rem/1.2 "Playfair Display", Georgia, serif;
}
html body .lx-ama--light .lx-ama-col:last-child h3 { color: #0b1f4d; }
html body .lx-ama-col ul { margin: 0; padding-left: 1.1em; font: 650 1.05rem/1.55 Georgia, serif; }
html body .lx-ama-col li { margin: 0 0 8px; }
html body .lx-ama-stem {
  margin: 0 0 8px; font: 650 1.2rem/1.4 Georgia, serif;
}
html body .lx-ama-photo img, html body .lx-ama-pic img {
  display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 14px;
}
html body .lx-ama-photo--hero { height: 340px; border-radius: 18px; overflow: hidden; }
html body .lx-ama-pic {
  position: relative; width: 160px; height: 120px; padding: 0; border-radius: 16px;
  background: #163a8a !important; overflow: hidden;
}
html body .lx-ama-pic span {
  position: absolute; left: 8px; right: 8px; bottom: 8px;
  padding: 4px 8px; border-radius: 999px; background: rgba(11,31,77,.82); color: #fff;
  font: 800 .78rem/1.2 system-ui, sans-serif; text-align: center;
}
html body .lx-ama-pic.is-done { outline: 3px solid #22c55e; }
html body .lx-ama-list { display: grid; gap: 8px; }