.modal-overlay{position:fixed;inset:0;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--sp-4);animation:modal-fade-in var(--dur-base) var(--ease)}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-md);width:100%;max-width:480px;max-height:90dvh;display:flex;flex-direction:column;animation:modal-slide-up var(--dur-base) var(--ease);overflow:hidden}@keyframes modal-slide-up{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.modal--wide{max-width:680px}.modal--narrow{max-width:360px}.modal__header{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--divider);flex-shrink:0}.modal__title{font-family:var(--font);font-size:var(--text-lg);font-weight:700;color:var(--text-primary);margin:0;flex:1}.modal__close{background:none;border:none;cursor:pointer;color:var(--text-tertiary);font-size:18px;padding:var(--sp-1);border-radius:var(--r-sm);transition:color var(--dur-base),background var(--dur-base);display:flex;align-items:center}.modal__close:hover{color:var(--text-primary);background:var(--bg-input)}.modal__body{flex:1;overflow-y:auto;padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-4)}.modal__footer{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);border-top:1px solid var(--divider);justify-content:flex-end;flex-shrink:0}@media (max-width: 600px){.modal-overlay{align-items:flex-end;padding:0}.modal{border-bottom-left-radius:0;border-bottom-right-radius:0;max-height:92dvh;animation:modal-sheet-up var(--dur-slow) var(--ease-spring)}@keyframes modal-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.msgmodal-progress{width:100%;height:8px;border-radius:var(--r-full, 9999px);background:var(--progress-track, var(--chip-bg));overflow:hidden;margin-top:2px}.msgmodal-progress-fill{display:block;height:100%;border-radius:var(--r-full, 9999px);background:linear-gradient(90deg,#3d1c4d,#7c4d9a 55%,#9b6bae);transition:width var(--dur-slow, .32s) var(--ease-smooth, ease)}[data-theme=dark] .msgmodal-progress-fill{background:linear-gradient(90deg,#8d5f30,#c08e5e 55%,#e3b884)}