.modal-overlay{z-index:1100;padding:calc(var(--header-height,56px) + var(--spacing-200,1rem)) var(--spacing-200,1rem) var(--spacing-200,1rem);box-sizing:border-box;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-panel{border:1px solid var(--border-strong);border-radius:var(--border-radius-sm);background:var(--bg-surface-primary);width:90%;max-width:430px;max-height:80vh;box-shadow:var(--elevation-high);flex-direction:column;display:flex;overflow:hidden}.modal-header{padding:var(--spacing-200,1rem) var(--spacing-300,1.5rem);border-bottom:1px solid var(--border-hairline);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.modal-title{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:600}.modal-close-btn{border:1px solid var(--border-strong);background:var(--bg-surface-secondary);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:0;font-size:1.2rem;line-height:1;transition:background .15s,color .15s;display:inline-flex;position:relative}.modal-close-btn:before{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-close-btn:hover{background:var(--bg-surface-secondary);color:var(--text-primary);border-color:var(--border-brand);background:#b2afaa}.modal-body{padding:var(--spacing-100,.5rem) var(--spacing-300,1.5rem);overflow-y:auto}.modal-footer{padding:var(--spacing-200,1rem) var(--spacing-300,1.5rem);border-top:1px solid var(--border-hairline);justify-content:flex-end;gap:var(--spacing-100,.5rem);flex-shrink:0;display:flex}@media (max-width:480px){.modal-title{letter-spacing:-.025rem;word-spacing:-1px}}