/* Link Biz - モーダルスタイル */
.modal-backdrop{position:fixed;inset:0;background:var(--bg-overlay);z-index:500;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fade-in .18s ease}
.modal{background:var(--bg-surface);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:32rem;max-height:90vh;display:flex;flex-direction:column;animation:modal-in .2s ease}
.modal-lg{max-width:48rem}.modal-xl{max-width:58rem}
.modal-sm{max-width:22rem}
.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);flex-shrink:0}
.modal-title{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}
.modal-close{background:none;border:none;color:var(--text-muted);font-size:var(--font-size-lg);padding:.25rem;border-radius:var(--border-radius-sm);cursor:pointer;transition:color var(--transition),background var(--transition)}
.modal-close:hover{color:var(--text-primary);background:var(--bg-muted)}
.modal-body{padding:1.5rem;overflow-y:auto;flex:1}
.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border-color);flex-shrink:0;flex-wrap:wrap}
@keyframes fade-in{from{opacity:0}to{opacity:1}}
@keyframes modal-in{from{opacity:0;transform:scale(.96) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}
@media(max-width:640px){.modal{max-height:100vh;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;margin-top:auto;align-self:flex-end}.modal-backdrop{align-items:flex-end;padding:0}}