.mk-overlay{background-color:rgba(var(--col-brand-dark-rgb), .62);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99999;justify-content:center;align-items:center;padding:24px;animation:.28s mkOverlayIn;display:flex;position:fixed;inset:0}.mk-content{background-color:var(--col-white-1);width:100%;max-width:480px;box-shadow:0 24px 60px rgba(var(--col-brand-dark-rgb), .28);font-family:var(--font-primary);scrollbar-width:thin;scrollbar-color:var(--col-white-3) transparent;border-radius:10px;max-height:92vh;padding:36px;animation:.32s cubic-bezier(.22,1,.36,1) mkContentIn;position:relative;overflow:hidden auto}@keyframes mkOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes mkOverlayOut{0%{opacity:1}to{opacity:0}}@keyframes mkContentIn{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes mkContentOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(12px)scale(.99)}}.mk-overlay.is-closing{animation:.26s forwards mkOverlayOut}.mk-content.is-closing{animation:.24s forwards mkContentOut}.mk-content::-webkit-scrollbar{width:6px}.mk-content::-webkit-scrollbar-track{background:0 0}.mk-content::-webkit-scrollbar-thumb{background-color:var(--col-white-3);border-radius:10px}.mk-content::-webkit-scrollbar-thumb:hover{background-color:var(--col-black-2)}.mk-close{cursor:pointer;color:var(--col-black-2);background-color:#0000;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:background-color .2s,color .2s;display:flex;position:absolute;top:16px;right:16px}.mk-close:hover:not(:disabled){background-color:var(--col-white-3);color:var(--col-black-3)}.mk-close:disabled{opacity:.5;cursor:default}.mk-header{margin-bottom:10px;padding-right:28px}.mk-title{color:var(--col-black-3);margin:0 0 6px;font-size:1.5rem;font-weight:700;line-height:1.15}.mk-subtitle{color:var(--col-black-2);margin:0;font-size:.88rem;line-height:1.3}.mk-hint{background-color:var(--col-white-2);border:1px solid var(--col-white-3);border-radius:8px;align-items:flex-start;gap:10px;margin-bottom:22px;padding:12px 14px;display:flex}.mk-hint-icon{color:var(--col-gold);flex-shrink:0;margin-top:1px}.mk-hint-text{color:var(--col-black-1);font-size:.8rem;line-height:1.5}.mk-hint-text strong{color:var(--col-black-3);font-weight:600}.mk-form{flex-direction:column;display:flex}.mk-label{color:var(--col-black-2);margin-bottom:8px;font-size:.82rem;font-weight:600}.mk-input-wrap{align-items:center;display:flex;position:relative}.mk-input{width:100%;font-family:var(--font-primary);color:var(--col-black-3);background-color:var(--col-white-1);border:1px solid var(--col-white-3);border-radius:8px;padding:12px 14px;font-size:.9rem;font-weight:500;transition:border-color .18s,box-shadow .18s}.mk-input::placeholder{color:var(--col-black-1);opacity:.55}.mk-input:focus{border-color:var(--col-gold);box-shadow:0 0 0 3px rgba(var(--col-gold-rgb), .18);outline:none}.mk-readout{color:var(--col-black-2);margin:8px 0 0;font-size:.8rem;line-height:1.4}.mk-readout strong{font-weight:700}.mk-error{color:var(--col-error);background-color:var(--col-error-bg);border:1px solid var(--col-error-border);border-radius:8px;margin:12px 0 0;padding:8px 12px;font-size:.82rem;line-height:1.4}.mk-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:24px;display:flex}.mk-actions-right{grid-template-columns:1fr 1fr;gap:10px;margin-left:auto;display:grid}.mk-content--steps{overflow:hidden}.mk-steps{gap:6px;margin:0 0 18px;padding-right:28px;display:flex}.mk-step-seg{background-color:var(--col-white-3);border-radius:2px;flex:1;height:3px;transition:background-color .32s}.mk-step-seg.is-done,.mk-step-seg.is-active{background-color:var(--col-gold)}.mk-face{animation:.3s cubic-bezier(.22,1,.36,1) mkFaceIn}.mk-face--second{animation-name:mkFaceInNext}@keyframes mkFaceIn{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}@keyframes mkFaceInNext{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}.mk-readout.is-invalid{color:var(--col-error)}@media screen and (max-width:520px){.mk-content{border-radius:8px;padding:26px 20px}.mk-title{font-size:1.32rem}.mk-actions{flex-direction:column-reverse;align-items:stretch}.mk-actions-right{margin-left:0}.mk-actions-right>*{flex:1}}@media (prefers-reduced-motion:reduce){.mk-overlay,.mk-content,.mk-face,.mk-face--second,.mk-overlay.is-closing,.mk-content.is-closing{animation:none}.mk-step-seg{transition:none}}
