/* Mix prep modal */
.mixprep-modal { position: fixed; inset:0; background:rgba(0,0,0,.75); display:none; align-items:center; justify-content:center; z-index:2147483647 !important; padding:2rem 1rem; }
body .mixprep-modal[aria-hidden="false"] {
	position: fixed !important;
	z-index: 2147483647 !important;
}
.mixprep-modal.visible { display:flex; animation: fadeIn .25s ease; }
.mixprep-dialog { background:#0B0C11; color:#fff; max-width:760px; width:100%; border-radius:16px; padding:2rem 1.5rem 2.5rem; position:relative; box-shadow:0 10px 40px -10px rgba(0,0,0,.6); max-height:90vh; overflow-y:auto; }
.mixprep-dialog { display:block; -webkit-overflow-scrolling:touch; overscroll-behavior:contain; }
.mixprep-dialog::-webkit-scrollbar { width:8px; }
.mixprep-dialog::-webkit-scrollbar-track { background:rgba(255,255,255,.05); }
.mixprep-dialog::-webkit-scrollbar-thumb { background:#32B4AF; border-radius:4px; }
@media (max-height:700px){ .mixprep-modal { align-items:flex-start; } .mixprep-dialog{ margin-top:1rem; } }
.mixprep-close { position:fixed; top:calc(env(safe-area-inset-top) + 12px); right:calc(env(safe-area-inset-right) + 12px); z-index:2147483647; width:48px; height:48px; display:flex; align-items:center; justify-content:center; background:rgba(11,12,17,.55); border:none; border-radius:999px; color:#fff; font-size:2rem; line-height:1; cursor:pointer; touch-action:manipulation; -webkit-tap-highlight-color:transparent; }

/* Keep modal controls tappable when global overlays/cursors are active */
body.mixprep-open #cursor,
body.mixprep-open .iframe-overlay {
	pointer-events: none !important;
}
.mixprep-steps { counter-reset: step; margin:1rem 0 1.2rem; padding-left:1.1rem; font-size:.75rem; line-height:1.4; }
.mixprep-steps li { margin-bottom:.55rem; }
.mixprep-steps strong { font-size:.75rem; }
.mixprep-extra { margin:.2rem 0 0; padding-left:1rem; font-size:.7rem; line-height:1.3; }
@media (max-width:600px){
	.mixprep-dialog { padding:1.5rem 1rem 2rem; }
}
@keyframes fadeIn { from {opacity:0} to {opacity:1} }