.modal{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;width:100vw;min-width:320px;height:100vh;transition:background-color .3s;display:flex;position:fixed;top:0;left:0}.modal-content{background-color:var(--card);z-index:100;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border);flex-direction:column;align-items:center;width:100%;max-width:500px;padding:30px;transition:background-color .3s,border-color .3s,box-shadow .3s;display:flex}.modal-content .modal-btn-wrapper{justify-content:space-around;gap:12px;width:100%;margin-top:20px;display:flex}.modal-content .modal-btn-wrapper button{border-radius:var(--border-radius-md);border:1px solid var(--border);padding:.75rem 1.5rem;transition:background-color .3s,border-color .3s,color .3s}.modal p{color:var(--text-primary);margin:20px 0;transition:color .3s}.modal-header{border-bottom:1px solid var(--divider);justify-content:space-between;align-items:center;width:100%;margin-bottom:20px;padding-bottom:16px;display:flex}.modal-header h2,.modal-header h3,.modal-header h4{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:600}.modal-header .close-button{cursor:pointer;font:inherit;color:var(--text-tertiary);border-radius:var(--border-radius-sm);background:0 0;border:none;margin:0;padding:4px;transition:background-color .3s,color .3s}.modal-header .close-button:hover{background-color:var(--surface);color:var(--text-primary)}.modal-body{width:100%;color:var(--text-secondary);line-height:1.6}.modal-footer{border-top:1px solid var(--divider);justify-content:flex-end;gap:12px;width:100%;margin-top:24px;padding-top:16px;display:flex}@media (max-width:768px){.modal-content{max-width:calc(100vw - 40px);margin:20px;padding:20px}}.modal-small{max-width:400px}.modal-large{max-width:600px}.modal-fullscreen{width:95vw;max-width:95vw;height:95vh;max-height:95vh}