.modal-backdrop{background:var(--color-overlay);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:var(--layer-modal-backdrop);position:fixed;inset:0}.modal-content{width:min(calc(100vw - var(--space-6)), 48rem);max-height:calc(100dvh - var(--space-6));background:var(--color-surface);box-shadow:var(--shadow-popup);border:1px solid var(--color-border);border-radius:var(--radius-panel);z-index:var(--layer-modal);grid-template-rows:auto minmax(0,1fr);display:grid;position:fixed;inset:50% auto auto 50%;overflow:hidden;transform:translate(-50%,-50%)}.modal-content.modal-compact{width:min(calc(100vw - var(--space-6)), 32rem)}.modal-content.modal-wide{width:min(calc(100vw - var(--space-6)), 64rem)}.modal-body{overscroll-behavior:contain;min-height:0;padding:var(--space-3) var(--space-4) var(--space-4);align-content:start;gap:var(--space-3);grid-auto-rows:max-content;display:grid;overflow:auto}.modal-content:not(.modal-media) .modal-body{scrollbar-gutter:stable}.modal-body>.button,.modal-body :is(.content-form,.forum-form,.confirmation-form)>.button{justify-self:end}.modal-body .content-form{gap:var(--space-3)}.modal-media-backdrop{background:var(--color-media-overlay)}.modal-content.modal-media{width:calc(100vw - var(--space-6));box-shadow:none;background:0 0;border:0}.modal-media .modal-heading{padding:0 0 var(--space-3);border:0;justify-content:flex-end}.modal-media .modal-body{padding:0;display:block}.modal-confirm-backdrop{z-index:var(--layer-confirm-backdrop)}.modal-content.modal-confirm{z-index:var(--layer-confirm)}.modal-close{background:var(--color-hover);color:var(--color-muted);min-width:var(--control-size);min-height:var(--control-size);padding:var(--space-2);border:0;flex-shrink:0;place-items:center;display:grid}.modal-close:hover:not(:disabled){color:var(--color-text);background:var(--color-accent-soft)}.modal-heading{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);display:flex}.modal-title{align-items:center;gap:var(--space-2);overflow-wrap:anywhere;min-width:0;display:flex}.modal-title svg{width:1.25rem;height:1.25rem;padding:var(--space-2);box-sizing:content-box;background:var(--color-accent-soft);color:var(--color-accent);border-radius:999px}.modal-danger .modal-title{color:var(--color-danger)}.modal-danger .modal-title svg{background:color-mix(in srgb, var(--color-danger) 12%, var(--color-surface));color:var(--color-danger)}.modal-warning .modal-title{color:var(--color-warning)}.modal-warning .modal-title svg{background:color-mix(in srgb, var(--color-warning) 14%, var(--color-surface));color:var(--color-warning)}.modal-backdrop[data-state=open]{animation:veil-in var(--duration-normal) var(--ease-out)}.modal-backdrop[data-state=closed]{animation:veil-in var(--duration-fast) reverse}.modal-content[data-state=open]{animation:modal-in var(--duration-normal) var(--ease-out)}.modal-content[data-state=closed]{animation:modal-in var(--duration-fast) reverse}@keyframes veil-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translate(-50%,-48%)scale(.97)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (width<=600px){.modal-content,.modal-content.modal-wide,.modal-content.modal-compact{width:calc(100vw - var(--space-4));max-height:calc(100dvh - var(--space-4))}.modal-heading{padding:var(--space-3) var(--space-4)}.modal-body{padding:var(--space-3) var(--space-4) var(--space-4)}}@media (pointer:coarse){.modal-close{min-width:44px;min-height:44px}}