.lb-whatsapp-button {
  position: fixed;
  right: 24px;
  bottom: max(24px, env(safe-area-inset-bottom));
  z-index: 90;
  display: flex;
  align-items: center;
  gap: 14px;
  max-width: calc(100vw - 24px);
  padding: 12px 16px;
  border: 1px solid #ffffff50;
  border-radius: 80px;
  background: var(--lb-whatsapp-brand);
  color: #fff;
  box-shadow: 0 6px 28px #0004;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.lb-whatsapp-button strong, .lb-whatsapp-button small { display: block; }
.lb-whatsapp-button strong { font-size: .92rem; line-height: 1.4; }
.lb-whatsapp-button small { color: #fff; font-size: .77rem; line-height: 1.5; }
.lb-whatsapp-icon { display: grid; place-items: center; flex: 0 0 48px; width: 48px; height: 48px; border-radius: 50%; background: #20cb61; }
.lb-whatsapp-icon svg { width: 29px; height: 29px; fill: #fff; }
.lb-whatsapp-button:focus-visible, .lb-whatsapp-close:focus-visible { outline: 3px solid #20cb61; outline-offset: 4px; }
dialog.lb-whatsapp-dialog[open]:not(:modal) { display: contents; color: inherit; }
.lb-whatsapp-dialog:not(:modal) > .lb-whatsapp-header { display: none; }
dialog.lb-whatsapp-dialog:modal {
  position: fixed;
  inset: 0;
  display: block;
  width: min(680px, calc(100vw - 24px));
  max-width: none;
  height: fit-content;
  max-height: calc(100dvh - 24px);
  margin: auto;
  padding: 0;
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid #ffffff50;
  border-radius: 22px;
  background: var(--lb-whatsapp-panel);
  color: var(--lb-whatsapp-text);
  box-shadow: 0 24px 80px #0006;
}
.lb-whatsapp-dialog::backdrop { background: #080b16bd; backdrop-filter: blur(4px); }
.lb-whatsapp-dialog:modal > .lb-whatsapp-header { position: sticky; top: 0; z-index: 5; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 16px 12px 24px; background: var(--lb-whatsapp-brand); color: #fff; }
.lb-whatsapp-header h2 { margin: 0; font-family: inherit; font-size: .95rem; font-weight: 600; line-height: 1.4; letter-spacing: 0; color: inherit; }
.lb-whatsapp-close { display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; padding: 0; border: 1px solid #ffffff70; border-radius: 50%; background: transparent; color: #fff; font: 26px/1 sans-serif; cursor: pointer; }
.lb-whatsapp-dialog:modal > [data-lb-whatsapp-content] { width: 100%; max-width: none; height: auto; min-height: 0; margin: 0; border: 0; border-radius: 0; box-shadow: none; opacity: 1; transform: none; grid-column: auto; grid-row: auto; }
html.lb-whatsapp-modal-open { overflow: hidden; }
@media (max-width: 600px) {
  .lb-whatsapp-button { right: 12px; bottom: max(12px, env(safe-area-inset-bottom)); gap: 10px; padding: 10px 12px; }
  .lb-whatsapp-button strong { font-size: .78rem; }
  .lb-whatsapp-button small { font-size: .7rem; }
  .lb-whatsapp-icon { width: 42px; height: 42px; flex-basis: 42px; }
  .lb-whatsapp-dialog:modal > .lb-whatsapp-header { padding-left: 18px; }
}

.video-shell { position:relative; }
.video-sound-overlay { position:absolute; z-index:2; left:50%; bottom:18px; transform:translateX(-50%); display:flex; align-items:center; justify-content:center; gap:8px; width:max-content; max-width:calc(100% - 24px); min-height:44px; padding:12px 18px; border:1px solid #ffffff70; border-radius:50px; background:#09060ae6; color:#fff; font:600 14px/1.4 var(--body); cursor:pointer; }
.video-sound-overlay[hidden] { display:none; }
.video-sound-overlay:focus-visible { outline:3px solid var(--magenta); outline-offset:3px; }
#lb-whatsapp-dialog:modal .quiz-card { padding:24px; }
#lb-whatsapp-dialog:modal .quiz-meta { margin-bottom:14px; }
#lb-whatsapp-dialog:modal .quiz-step { min-height:0; }
#lb-whatsapp-dialog:modal .quiz-step>h2 { font-size:26px; }
#lb-whatsapp-dialog:modal .quiz-step-intro { margin-bottom:16px; }
#lb-whatsapp-dialog:modal .quiz-card { animation:none; transform:none; }
@media(max-width:600px) {
 #lb-whatsapp-dialog:modal { width:calc(100vw - 16px); max-height:calc(100dvh - 16px); border-radius:16px; }
 #lb-whatsapp-dialog:modal .quiz-card { padding:16px; }
 #lb-whatsapp-dialog:modal .quiz-step>h2 { font-size:21px; line-height:1.25; }
 #lb-whatsapp-dialog:modal .option-list { gap:8px; }
 #lb-whatsapp-dialog:modal .option { min-height:48px; padding:11px 12px; }
 #lb-whatsapp-dialog:modal .option-icon { display:none; }
 #lb-whatsapp-dialog:modal .option-copy strong { font-size:14px; }
 #lb-whatsapp-dialog:modal .option-copy small { display:none; }
 #lb-whatsapp-dialog:modal .quiz-step-intro { margin-bottom:12px; font-size:13px; }
 #lb-whatsapp-dialog:modal input { font-size:16px; min-height:46px; }
 #lb-whatsapp-dialog:modal .contact-fields { gap:10px; }
 #lb-whatsapp-dialog:modal .quiz-meta { font-size:11px; gap:8px; }
 .lb-whatsapp-button { padding:9px 12px; }
 .lb-whatsapp-button small { display:none; }
}