.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;z-index:100;padding:24px;animation:fadeIn .18s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;width:min(640px,100%);box-shadow:0 32px 80px -16px #0009;animation:pop .2s}@keyframes pop{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.modal-head h3{font-size:12px;font-weight:700;color:var(--primary);letter-spacing:1px}.modal-close{width:28px;height:28px;border-radius:var(--radius-sm);color:var(--muted);font-size:22px;line-height:1}.modal-close:hover{background:var(--surface-2);color:var(--text)}#textArea{width:100%;min-height:220px;padding:12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.6;resize:vertical;transition:.18s}#textArea:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.modal-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}