.mh-modal{position:fixed;inset:0;display:none;z-index:10000}
.mh-modal.is-open{display:block}
.mh-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5)}
.mh-modal__dialog{position:relative;max-width:min(90vw,520px);margin:8vh auto;background:#fff;border-radius:14px;box-shadow:0 8px 40px rgba(0,0,0,.35);padding:20px}
.mh-modal__x{position:absolute;right:8px;top:8px;background:none;border:none;font-size:20px;cursor:pointer}
.mh-modal__title{margin:0 0 8px;font-size:1.25rem}
.mh-modal__image{width:100%;aspect-ratio:16/9;background:#f5f5f5 center/contain no-repeat;border-radius:10px;margin:8px 0 12px}
.mh-modal__speaker{display:flex;align-items:center;gap:8px;margin:8px 0 12px}
.mh-speaker{width:40px;height:40px;border-radius:999px;border:1px solid #ddd;background:#fff}
.mh-speaker.is-muted{opacity:.6}
.mh-modal__actions{display:flex;gap:10px;justify-content:flex-end}
.mh-btn{padding:.6rem 1rem;border-radius:10px;border:1px solid #333;background:#111;color:#fff;font-weight:700}
.mh-btn--ghost{background:#fff;color:#111}
.mh-countdown{position:fixed;inset:0;display:none;place-items:center;background:rgba(0,0,0,.65);z-index:10001;font-size:15vw;color:#fff;font-weight:900}
.mh-countdown.is-on{display:grid}
.mh-modal__x { display: none !important; }