.face-bubble{--face-bubble-bottom:24px;--face-bubble-side:24px;--face-bubble-size:96px;--face-bubble-panel-width:380px;--face-bubble-accent:#0f766e;--face-bubble-border:#ffffff;--face-bubble-panel-bg:#111827;--face-bubble-panel-text:#ffffff;--face-bubble-button-bg:#ffffff;--face-bubble-button-text:#111827;position:fixed;right:var(--face-bubble-side);bottom:var(--face-bubble-bottom);z-index:999999;font-family:inherit;text-align:start}.face-bubble--left{right:auto;left:var(--face-bubble-side)}.face-bubble__launcher,.face-bubble__close,.face-bubble__action,.face-bubble__form button{font:inherit}.face-bubble__launcher{position:relative;display:grid;place-items:center;width:var(--face-bubble-size);height:var(--face-bubble-size);padding:0;overflow:hidden;cursor:pointer;background:var(--face-bubble-accent);border:4px solid var(--face-bubble-border);border-radius:999px;box-shadow:0 16px 40px rgba(15,23,42,.28);transition:transform 180ms ease,box-shadow 180ms ease}.face-bubble__launcher:hover,.face-bubble__launcher:focus-visible{transform:translateY(-2px) scale(1.02);box-shadow:0 20px 48px rgba(15,23,42,.34);outline:none}.face-bubble__thumb,.face-bubble__fallback-thumb{grid-area:1 / 1;width:100%;height:100%;object-fit:cover;border-radius:inherit}.face-bubble__fallback-thumb{display:grid;place-items:center;padding:12px;color:#fff;font-size:12px;font-weight:700;line-height:1.2;text-align:center;background:linear-gradient(135deg,#0f766e,#334155)}.face-bubble__play{position:relative;z-index:2;grid-area:1 / 1;width:34px;height:34px;background:rgba(255,255,255,.92);border-radius:999px;box-shadow:0 4px 14px rgba(15,23,42,.22);pointer-events:none}.face-bubble__play::after{position:absolute;top:50%;left:52%;width:0;height:0;content:"";border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid var(--face-bubble-accent);transform:translate(-35%,-50%)}.face-bubble--hide-play-icon .face-bubble__play{display:none}.face-bubble__pulse{position:absolute;inset:-9px;border:2px solid var(--face-bubble-accent);border-radius:inherit;animation:face-bubble-pulse 1900ms ease-out infinite;pointer-events:none}.face-bubble__panel{width:min(var(--face-bubble-panel-width), calc(100vw - 32px));overflow:hidden;color:var(--face-bubble-panel-text);background:var(--face-bubble-panel-bg);border-radius:18px;box-shadow:0 22px 60px rgba(2,6,23,.34);transform-origin:bottom right;animation:face-bubble-enter 180ms ease-out}.face-bubble--left .face-bubble__panel{transform-origin:bottom left}.face-bubble__player{position:relative;overflow:hidden;background:#000;aspect-ratio:9 / 14;max-height:560px}.face-bubble__video,.face-bubble__iframe{display:block;width:100%;height:100%;border:0;object-fit:cover}.face-bubble__close{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:34px;height:34px;padding:0;color:#fff;cursor:pointer;background:rgba(17,24,39,.76);border:1px solid rgba(255,255,255,.24);border-radius:999px}.face-bubble__close span{font-size:24px;line-height:1;transform:translateY(-1px)}.face-bubble__intro{padding:14px 16px 0;font-size:15px;font-weight:650;line-height:1.4}.face-bubble__actions{display:grid;gap:9px;padding:14px 16px 16px}.face-bubble__action,.face-bubble__form button{width:100%;min-height:42px;padding:10px 14px;color:var(--face-bubble-button-text);text-align:center;cursor:pointer;background:var(--face-bubble-button-bg);border:0;border-radius:10px;box-shadow:none;transition:transform 150ms ease,opacity 150ms ease}.face-bubble__action:hover,.face-bubble__action:focus-visible,.face-bubble__form button:hover,.face-bubble__form button:focus-visible{transform:translateY(-1px);opacity:.92;outline:2px solid var(--face-bubble-accent);outline-offset:2px}.face-bubble__shortcode,.face-bubble__dynamic-panel{margin:0 16px 16px;padding:12px;color:#111827;background:#fff;border-radius:10px}.face-bubble__form{display:grid;gap:10px}.face-bubble__form label{display:grid;gap:4px;margin:0;color:#111827;font-size:13px;font-weight:650}.face-bubble__form input,.face-bubble__form textarea{width:100%;min-height:38px;padding:8px 10px;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font:inherit}.face-bubble__form textarea{min-height:86px;resize:vertical}.face-bubble__form-status{min-height:18px;color:#374151;font-size:13px}[dir="rtl"] .face-bubble__close{right:auto;left:10px}@keyframes face-bubble-pulse{0%{opacity:.7;transform:scale(.88)}100%{opacity:0;transform:scale(1.22)}}@keyframes face-bubble-enter{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media (min-width:1025px){.face-bubble--hide-desktop{display:none}}@media (min-width:768px) and (max-width:1024px){.face-bubble--hide-tablet{display:none}}@media (max-width:767px){.face-bubble{--face-bubble-side:min(var(--face-bubble-side), 16px);--face-bubble-bottom:min(var(--face-bubble-bottom), 16px)}.face-bubble--hide-mobile{display:none}.face-bubble__panel{border-radius:14px}}