@layer components{.overlay{background:var(--overlay);z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border-strong);width:min(520px,100%);max-height:calc(100vh - 32px);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;animation:.15s ease-out modalIn;display:flex;overflow:hidden}.modal.sm{width:min(400px,100%)}.modal.lg{width:min(760px,100%)}@keyframes modalIn{0%{opacity:0;transform:translateY(-8px)scale(.99)}to{opacity:1;transform:none}}.modal-head{align-items:flex-start;gap:12px;padding:18px 20px 12px;display:flex}.modal-head h2{letter-spacing:-.008em;font-size:16px;font-weight:630}.modal-head .sub{margin-top:2px}.modal-x{width:28px;height:28px;color:var(--text-faint);border:1px solid #0000;border-radius:6px;flex:none;place-items:center;margin-inline-start:auto;display:grid}.modal-x:hover{background:var(--raised);color:var(--text);border-color:var(--border)}.modal-x svg{width:15px;height:15px}.modal-body{padding:0 20px 4px;overflow-y:auto}.modal-foot{justify-content:flex-end;gap:8px;padding:14px 20px 18px;display:flex}@media (prefers-reduced-motion:reduce){.modal{animation:none}}}