.modal-overlay{z-index:1000;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle at 50% 20%,#5eead424,#0000 28rem),#03070bc2;justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(145deg, #ff7a901a, transparent 34%), linear-gradient(180deg, #ffffff12, transparent 48%), var(--color-surface-strong);width:min(100%,420px);box-shadow:var(--shadow-panel);padding:clamp(1.1rem,4vw,1.5rem);animation:.2s ease-out modalFadeIn}.modal-header h2{color:var(--color-text);letter-spacing:-.035em;margin:0 0 .85rem;font-size:clamp(1.15rem,4vw,1.35rem)}.modal-body p{color:var(--color-text-muted);margin:0 0 1.35rem;line-height:1.55}.modal-actions{justify-content:flex-end;gap:.75rem;display:flex}.btn-cancel,.btn-confirm{min-height:var(--touch-target);border-radius:var(--radius-pill);cursor:pointer;padding:.7rem 1rem;font-weight:800;transition:transform .2s,border-color .2s,background .2s}.btn-cancel{color:var(--color-text);border:1px solid var(--color-border);background:#ffffff0f}.btn-confirm{color:var(--color-text);background:linear-gradient(135deg,#ff7a90eb,#ef4444d1);border:1px solid #ff7a906b}.btn-cancel:hover,.btn-confirm:hover{transform:translateY(-1px)}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.97)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=480px){.modal-actions{flex-direction:column-reverse}.btn-cancel,.btn-confirm{width:100%}}