/* Moody Moments Player FX — v1.6.5 */
/* Default: hide custom UI until runtime is confirmed */
.mmva-wrap .mmva-ui{display:none}
.mmva-wrap.ready .mmva-ui{display:flex}
/* If page has runtime flag (set by JS), show controls too */
.mmva-runtime .mmva-wrap .mmva-ui{display:flex}
/* Per-instance overrides */
.mmva-wrap .mmva-ui[data-ui="show"]{display:flex !important}
.mmva-wrap .mmva-ui[data-ui="hide"]{display:none !important}

.mmva-wrap{position:relative;width:100%;border-radius:12px;overflow:hidden;background:#0b0f1a;color:#e9edf4;box-shadow:0 10px 30px rgba(0,0,0,.25);font-family:inherit;max-width:100%}
.mmva-hero{position:relative;width:100%;height:360px;min-height:220px;background:#000;overflow:hidden}
.mmva-wrap[data-size='small'] .mmva-hero{height:360px}
.mmva-wrap[data-size='medium'] .mmva-hero{height:560px}
.mmva-wrap[data-size='large'] .mmva-hero{height:720px}
.mmva-wrap[data-size='full'] .mmva-hero{height:100vh}

.mmva-hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1;background:#000}
.mmva-hero canvas[data-mmva-canvas]{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:2;pointer-events:none}

.mmva-ui{position:absolute;z-index:5;left:50%;bottom:18px;transform:translateX(-50%);gap:.6rem;align-items:center;pointer-events:auto;flex-wrap:wrap}
.mmva-ui button{border:none;padding:.6rem 1rem;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;cursor:pointer;font-weight:600}
.mmva-ui button:hover{background:rgba(255,255,255,.18)}
.mmva-ui button.active{background:rgba(255,255,255,.92);color:#111}
.mmva-ui button.danger,
.mmva-ui [data-mmva-stopplay],
.mmva-panel button.danger,
.mmva-panel [data-mmva-stop],
.mmva-panel [data-mmva-preview-stop]{ background:#b3261e !important; color:#fff !important; }
.mmva-ui button.danger:hover,
.mmva-ui [data-mmva-stopplay]:hover,
.mmva-panel button.danger:hover,
.mmva-panel [data-mmva-stop]:hover,
.mmva-panel [data-mmva-preview-stop]:hover{ background:#d12b22 !important; }

.mmva-ui .pill{display:flex;align-items:center;gap:.5rem;background:rgba(0,0,0,.55);padding:.4rem .6rem;border-radius:999px;color:#fff}

.mmva-wrap .mmva-ui input[type=range]{appearance:none !important;-webkit-appearance:none !important;-moz-appearance:none !important;height:10px !important;border-radius:6px !important;border:0 !important;margin:0 !important;padding:0 !important;background:linear-gradient(to right,#fff 0 var(--fill,0%),rgba(255,255,255,.25) var(--fill,0%),rgba(255,255,255,.25) 100%) !important;background-color:transparent !important;box-shadow:none !important;vertical-align:middle !important;accent-color:auto !important;outline:none !important;display:block !important;position:relative !important}
.mmva-wrap .mmva-ui input[type=range]::-webkit-slider-runnable-track{height:10px !important;border:none !important;border-radius:6px !important;background:transparent !important;box-shadow:none !important}
.mmva-wrap .mmva-ui input[type=range]::-webkit-slider-thumb{-webkit-appearance:none !important;appearance:none !important;width:18px !important;height:18px !important;border-radius:50% !important;background:#fff !important;box-shadow:0 0 0 2px rgba(0,0,0,.15) !important;margin-top:-4px !important}
.mmva-wrap .mmva-ui input[type=range]::-moz-range-track{height:10px !important;border:none !important;border-radius:6px !important;background:transparent !important}
.mmva-wrap .mmva-ui input[type=range]::-moz-range-progress{height:10px !important;border:none !important;border-radius:6px !important;background:transparent !important}
.mmva-wrap .mmva-ui input[type=range]::-moz-range-thumb{width:18px !important;height:18px !important;border:none !important;border-radius:50% !important;background:#fff !important;box-shadow:0 0 0 2px rgba(0,0,0,.15) !important}
.mmva-wrap .mmva-ui input[type=range]::-ms-track{height:10px !important;border-color:transparent !important;color:transparent !important;background:transparent !important}
.mmva-wrap .mmva-ui input[type=range]::-ms-fill-lower{background:transparent !important}
.mmva-wrap .mmva-ui input[type=range]::-ms-fill-upper{background:transparent !important}
.mmva-wrap .mmva-ui input[type=range]::-ms-thumb{width:18px !important;height:18px !important;border:none !important;border-radius:50% !important;background:#fff !important}

.mmva-panel{padding:12px 14px;display:flex;flex-wrap:wrap;gap:.6rem;background:#111826;border-top:1px solid rgba(255,255,255,.1);align-items:center}
.mmva-panel button, .mmva-panel a{border:none;padding:.55rem .9rem;border-radius:8px;background:#24324d;color:#dfe7ff;text-decoration:none;cursor:pointer;font-weight:600}
.mmva-panel button.primary{background:#3a58a7;color:#fff}
.mmva-panel button.danger{background:#7f2a2a;color:#fff}
.mmva-panel button:disabled{opacity:.5;cursor:not-allowed}

.mmva-field{display:flex;align-items:center;gap:.4rem;background:#101623;border:1px solid rgba(255,255,255,.1);padding:.35rem .5rem;border-radius:8px}
.mmva-field label{font-size:.85rem;opacity:.85}
.mmva-field input[type='text']{background:transparent;border:none;color:#e9edf4;outline:none;min-width:160px}
.mmva-field small{opacity:.7}

.mmva-select{display:flex;align-items:center;gap:.4rem;background:#101623;border:1px solid rgba(255,255,255,.1);padding:.35rem .5rem;border-radius:8px}
.mmva-select select{background:transparent;border:none;color:#e9edf4;outline:none;min-width:180px}