.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);display:none;z-index:var(--z-modal);padding:20px;overflow:auto}.modal.open,.modal.show{display:block}.modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.modal-card{position:relative;max-width:980px;margin:0 auto;background:var(--bg0);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-lg);padding:16px}html[data-theme=light] .modal-card{background:#fff}.modal-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:12px}.modal-top h3{margin:0;font-size:15px;color:var(--text)}.modal-top p{margin:6px 0 0;color:var(--muted2);font-size:12px}.x{cursor:pointer;border:1px solid var(--line);background:var(--chip);color:var(--text);border-radius:var(--r-btn);padding:8px 10px;font-weight:900;line-height:1;transition:var(--transition-base)}.x:hover{background:var(--chip2)}.modal-body{padding:10px 0}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 920px){.modal-grid{grid-template-columns:1fr}}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}.modal-footer{padding:12px 0 0;margin-top:12px;border-top:1px solid var(--line);text-align:center;font-size:12px;color:var(--muted2)}.modal-footer a{color:var(--accent);font-weight:600;cursor:pointer}.auth-modal .modal-card{max-width:420px}@media (max-width: 600px){.modal{padding:10px}.modal-card{border-radius:14px}}