body.modu-dialog-open{overflow:hidden}
.modal-backdrop.modu-dialog-backdrop{z-index:90;background:rgba(43,26,42,.65);backdrop-filter:blur(8px);padding:24px;overscroll-behavior:contain}
.modal.modu-dialog{width:min(620px,100%);max-width:100%;max-height:calc(100dvh - 48px);padding:0;border:1px solid #f1d6e3;border-radius:27px;background:#fff;box-shadow:0 30px 95px #2d15294d,0 0 0 6px #ffffff10;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#edc7d8 #fff6fa;overflow-wrap:anywhere}
.modu-dialog .modu-dialog-head{position:sticky;top:0;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 26px;border-bottom:1px solid #f4e3ec;background:linear-gradient(110deg,#fffaf0,#fff3f9 80%);border-radius:26px 26px 0 0}
.modu-dialog-brand{display:flex;align-items:center;gap:12px;min-width:0;color:#5f3850;font-family:var(--font-display);font-size:1.15rem;line-height:1.4}.modu-dialog-brand small{display:block;margin-top:2px;font-family:var(--font-body);font-size:.75rem;color:#a07c91;font-weight:400}
.modu-dialog-emblem{display:grid;place-items:center;width:43px;height:45px;flex-shrink:0;font-size:2rem;border:1px solid #eccc84;border-radius:14px;color:#b78020;background:#fff1c8;box-shadow:inset 0 2px 0 #fff}
.modu-dialog .modu-dialog-close{width:44px;height:44px;flex:0 0 44px;border-radius:50%;border:1px solid #e9d4df;background:#fff;color:#92617c;font-size:1.9rem;line-height:1;cursor:pointer;display:grid;place-items:center}.modu-dialog .modu-dialog-close:hover{background:#ffeaf3;border-color:#e8a1c0;color:#c1276a}
.modu-dialog-content{padding:26px 28px 30px;min-width:0}.modu-dialog-content>h2:first-child{font-size:1.9rem;line-height:1.35;letter-spacing:-.035em;color:#362632;margin:0 0 20px}.modu-dialog-content p{line-height:1.75}
.modu-dialog-content .field{min-width:0}.modu-dialog-content .field label{color:#654b5e}.modu-dialog-content .field input,.modu-dialog-content .field select,.modu-dialog-content .field textarea{border-color:#e7d9e3;border-radius:12px;min-width:0;min-height:46px}
.modu-dialog-content .field input:focus,.modu-dialog-content .field select:focus,.modu-dialog-content .field textarea:focus{outline:2px solid #e9a5c3;outline-offset:2px;border-color:#e36fa3;background:#fffafd}
.modu-dialog-content form:not(.fair-form) .field+.field{margin-top:16px}.modu-dialog-content form:not(.fair-form)>.btn{margin-top:18px}
.modu-dialog-content form>.btn.primary{min-height:48px;padding:12px 22px;border-radius:14px;background:linear-gradient(180deg,#fb4a8f,#ed266f);box-shadow:0 5px 15px #ed266f24,inset 0 1px 0 #ffffff38}
.modu-dialog-content .note{border:1px solid #f0e1b9;background:#fff9e9;color:#775d2d;line-height:1.75;padding:16px 18px;border-radius:14px}.modu-dialog-content .private-help{color:#8d7687;font-size:.875rem;line-height:1.75}
.modu-dialog-content .draw-record-details{display:grid;grid-template-columns:105px minmax(0,1fr);gap:14px 16px;padding:20px;background:#fff6fa;border:1px solid #f4e0e9;border-radius:17px}.modu-dialog-content .draw-record-details dt{font-size:.875rem;color:#a05f80}.modu-dialog-content .draw-record-details dd{margin:0;min-width:0;font-weight:700;overflow-wrap:anywhere}
.modu-dialog-content .row-actions{gap:10px;flex-wrap:wrap}.modu-dialog-content .fair-check{line-height:1.65}.modu-dialog button:focus-visible,.modu-dialog a:focus-visible,.modu-dialog input[type=checkbox]:focus-visible{outline:3px solid #dc3778;outline-offset:3px}.modal.modu-dialog.recorded-replay-modal{width:min(740px,100%)}
.modu-confirm{text-align:center}.modu-confirm-symbol{display:grid;place-items:center;width:58px;height:58px;border:1px solid #edcd83;border-radius:20px;margin:0 auto 18px;background:#fff5d7;color:#bd862c;font-family:var(--font-display);font-size:2.1rem;box-shadow:inset 0 2px 0 #fff}.modu-confirm h2{font-size:1.65rem;line-height:1.4;letter-spacing:-.03em;margin:0 0 14px}.modu-confirm-message{white-space:pre-wrap;color:#826b7b;margin:0 auto 24px;max-width:460px}.modu-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modu-confirm-actions .btn{min-height:48px;border-radius:13px}.modu-confirm-actions .btn.primary{background:linear-gradient(180deg,#fb4a8f,#ed266f)}
@media(max-width:600px){
 .modal-backdrop.modu-dialog-backdrop{padding:12px}.modal.modu-dialog{max-height:calc(100dvh - 24px);border-radius:22px}.modu-dialog .modu-dialog-head{padding:15px 17px;gap:12px;border-radius:21px 21px 0 0}.modu-dialog-brand{font-size:1.05rem;gap:10px}.modu-dialog-brand small{font-size:.7rem}.modu-dialog-emblem{width:38px;height:41px;font-size:1.8rem}
 .modu-dialog-content{padding:22px 18px 25px}.modu-dialog-content>h2:first-child{font-size:1.6rem;margin-bottom:18px}.modu-dialog-content .form-grid{grid-template-columns:minmax(0,1fr)}.modu-dialog-content .draw-record-details{grid-template-columns:80px minmax(0,1fr);padding:16px;gap:13px 12px}.modu-dialog-content form>.btn.primary{width:100%}.modu-dialog-content .note{padding:14px}
}
@media(prefers-reduced-motion:reduce){.modu-dialog-backdrop *{animation:none!important;transition:none!important}}
