@media (max-width: 768px) {

  :root[data-theme="light"] .m-bbar {
    box-shadow: 0 14px 30px -14px rgba(13,148,136,.5), 0 2px 8px rgba(15,23,42,.06);
  }
  :root[data-theme="light"] .m-bbar::before {
    background-image:
      radial-gradient(closest-side, rgba(13,148,136,.14), rgba(13,148,136,0)),
      linear-gradient(103deg, #fbfefd 0%, #f3faf8 46%, #edf7f5 100%);
    box-shadow: inset 0 0 0 1.5px rgba(13,148,136,.6);
    mask-image:
      linear-gradient(90deg, transparent 0, #000 4px, #000 calc(100% - 4px), transparent 100%),
      linear-gradient(180deg, transparent 0, #000 3px, #000 calc(100% - 3px), transparent 100%);
    -webkit-mask-image:
      linear-gradient(90deg, transparent 0, #000 4px, #000 calc(100% - 4px), transparent 100%),
      linear-gradient(180deg, transparent 0, #000 3px, #000 calc(100% - 3px), transparent 100%);
    mask-composite: intersect; -webkit-mask-composite: source-in;
  }
  :root[data-theme="light"] .m-bbar::after {
    opacity: .3;
    background-image: radial-gradient(circle, rgba(13,148,136,.32) 1px, transparent 1px);
  }
  :root[data-theme="light"] .m-bi svg { color: rgba(15,23,42,.52); }
  :root[data-theme="light"] .m-bi span { color: #7c8b9c; }
  :root[data-theme="light"] .m-bi.on {
    background: linear-gradient(100deg, rgba(13,148,136,.14), rgba(13,148,136,.05));
    box-shadow: inset 0 0 0 1px rgba(13,148,136,.24);
  }
  :root[data-theme="light"] .m-bi.on svg { color: #0d9488; }
  :root[data-theme="light"] .m-bi.on span { color: #0f766e; }
  :root[data-theme="light"] .m-bi::after { background: #10b981; box-shadow: 0 0 10px 1px rgba(16,185,129,.5); }

  :root[data-theme="light"] .m-bhome.on { background: none; box-shadow: none; }
  :root[data-theme="light"] .m-bhome svg {
    background: rgba(15,23,42,.045);
    box-shadow: inset 0 0 0 1px rgba(15,23,42,.11);
  }
  :root[data-theme="light"] .m-bhome.on svg {
    color: #0d9488;
    background: linear-gradient(155deg, rgba(13,148,136,.17), rgba(13,148,136,.05));
    box-shadow: inset 0 0 0 1px rgba(13,148,136,.38), 0 10px 20px -13px rgba(13,148,136,.9);
  }
}

:root[data-theme="light"] .reg-modal,
:root[data-theme="light"] .modal,
:root[data-theme="light"] .attr-modal,
:root[data-theme="light"] .quiz-modal {

  --bg2: #eef3f9; --bg3: #e3eaf3;
  --line: rgba(15,23,42,.15); --line2: rgba(15,23,42,.3);
  --tx: #0b1220; --lab: #3d4b5e; --mut: #607086;
  --ok: #16a34a; --sky: #0284c7; --warn: #e11d48;
  background: linear-gradient(180deg, #ffffff 0%, #fcfdff 42%, #f7fafd 100%);
  box-shadow: 0 40px 90px -30px rgba(15,23,42,.35), 0 0 0 1px rgba(15,23,42,.03) inset;
}
:root[data-theme="light"] .reg-overlay,
:root[data-theme="light"] .overlay,
:root[data-theme="light"] .attr-overlay,
:root[data-theme="light"] .quiz-overlay { background: rgba(15,23,42,.42); }

:root[data-theme="light"] .reg-head,
:root[data-theme="light"] .dlg-head,
:root[data-theme="light"] .reg-foot,
:root[data-theme="light"] .dlg-foot { background: rgba(15,23,42,.02); }
:root[data-theme="light"] .reg-close,
:root[data-theme="light"] .dlg-close,
:root[data-theme="light"] .attr-close { background: rgba(15,23,42,.05); color: #475569; }
:root[data-theme="light"] .reg-close:hover,
:root[data-theme="light"] .dlg-close:hover,
:root[data-theme="light"] .attr-close:hover { background: rgba(15,23,42,.1); color: #0b1220; }

:root[data-theme="light"] .reg-foot-bar,
:root[data-theme="light"] .dlg-foot { background: rgba(255,255,255,.92); }
:root[data-theme="light"] .reg-foot-bar::before,
:root[data-theme="light"] .dlg-foot::before { background: linear-gradient(180deg, transparent, rgba(255,255,255,.94)); }
:root[data-theme="light"] .reg-tel,
:root[data-theme="light"] .quiz-lead-name { background: var(--bg2); }
:root[data-theme="light"] .reg-ic,
:root[data-theme="light"] .dlg-ic {
  background: color-mix(in srgb, var(--ic) 19%, #ffffff);
  border-color: color-mix(in srgb, var(--ic) 46%, transparent);
}
:root[data-theme="light"] .quiz-opt-ic { background: color-mix(in srgb, var(--c) 19%, #ffffff); }

:root[data-theme="light"] .reg-cap { color: #4a5a70; }
:root[data-theme="light"] .reg-cap::after,
:root[data-theme="light"] .reg-sep { background: rgba(15,23,42,.1); }

:root[data-theme="light"] .quiz-phone { background: var(--bg2); }
:root[data-theme="light"] .quiz-phone:focus-within { background: #ffffff; border-color: rgba(22,163,74,.5); }
:root[data-theme="light"] .quiz-phone-input::placeholder,
:root[data-theme="light"] .reg-in input::placeholder,
:root[data-theme="light"] .reg-in textarea::placeholder { color: #94a3b8; }
:root[data-theme="light"] .quiz-phone-list {
  background: #ffffff; border-color: rgba(15,23,42,.12);
  box-shadow: 0 18px 40px -14px rgba(15,23,42,.28);
  scrollbar-color: #16a34a transparent;
}
:root[data-theme="light"] .quiz-phone-opt:hover,
:root[data-theme="light"] .quiz-phone-opt.selected { background: rgba(22,163,74,.12); color: #0b1220; }
:root[data-theme="light"] .quiz-lead-name { background: var(--bg2); }