.modal{color:var(--color-text);background:0 0;border:none;width:calc(100% - 2rem);max-width:520px;max-height:calc(100dvh - 2rem);margin:auto;padding:0;overflow:visible}.modal::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080}.modal-body{background:var(--card-background,var(--color-surface));border-radius:12px;max-height:calc(100dvh - 2rem);padding:2rem;animation:.2s ease-out modal-fade-in;position:relative;overflow-y:auto;box-shadow:0 8px 32px #0003}@keyframes modal-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.modal-body{animation:none}}.modal-close{color:var(--light-text,var(--color-text-muted));cursor:pointer;background:0 0;border:none;border-radius:4px;min-width:44px;min-height:44px;padding:.25rem .5rem;font-size:1.5rem;line-height:1;transition:color .15s,background .15s;position:absolute;top:.75rem;right:.75rem}.modal-close:hover:not(:disabled){color:var(--text-color,var(--color-text));background:var(--page-background,var(--color-surface-alt))}.modal-close:disabled{opacity:.4;cursor:not-allowed}.modal-title{font-family:var(--font-heading);font-size:var(--font-size-xl);line-height:var(--line-height-tight,1.25);margin:0 0 var(--space-md);padding-right:2.5rem}html.modal-open{overflow:hidden}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=480px){.modal-body{padding:1.5rem 1.25rem}}