html[data-modal-open=true]{overflow:hidden}.modal{width:min(var(--width-content),calc(100% - var(--space-8)));max-width:none;max-height:calc(100dvh - var(--space-8));padding:0;overflow:hidden;grid-template-rows:minmax(0,1fr);border:1px solid var(--line-strong);border-radius:var(--radius-surface);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-lg)}.modal[open]{display:grid}.modal:focus-visible{outline:none}.modal::backdrop{background:var(--overlay-backdrop)}.modal__content{min-height:0;overflow-y:auto;padding:var(--space-6)}@media(max-width:760px){.modal{width:calc(100% - var(--space-4));max-height:calc(100dvh - var(--space-4));border-radius:var(--radius-surface)}.modal__content{padding:var(--space-4)}}