.backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background-color:var(--surface);padding:1.75rem 2rem;border:1px solid var(--line);border-radius:var(--radius-lg);min-width:280px;max-width:640px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.45)}.modal,.modal h2{color:var(--text)}.modal h2{margin-top:0}.modal p{color:var(--text-2)}.modal button{background-color:var(--accent);color:var(--accent-ink);border:none;outline:none;border-radius:var(--radius-sm);font-family:inherit;font-weight:600;font-size:.95rem;padding:10px 20px;cursor:pointer;transition:filter .2s ease,transform .2s ease}.modal button:hover{filter:brightness(1.05)}.modal button:active{transform:scale(.98)}.modal-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.modal hr{border:none;border-top:1px solid var(--line);margin:18px 0}.clickable{cursor:pointer;color:var(--accent-soft)}.clickable:hover{text-decoration:underline}