.modal{z-index:var(--z-modal);padding:var(--space-4);pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.modal.is-open{pointer-events:auto}.modal__overlay{background-color:var(--color-overlay);opacity:0;transition:opacity var(--dur-base) var(--ease-out);cursor:pointer;border:0;position:absolute;inset:0}.modal.is-open .modal__overlay{opacity:1}.modal__panel{background-color:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-height:calc(100dvh - 2rem);box-shadow:0 20px 60px var(--color-shadow-strong);opacity:0;transition:opacity var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);flex-direction:column;display:flex;position:relative;overflow:hidden;transform:translateY(16px)scale(.98)}.modal.is-open .modal__panel{opacity:1;transform:translateY(0)scale(1)}.modal__panel--sm{max-width:400px}.modal__panel--md{max-width:560px}.modal__panel--lg{max-width:860px}.modal__panel--full{border-radius:var(--radius-md);max-width:100%;height:calc(100dvh - 2rem)}.modal__header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);flex-shrink:0;display:flex}.modal__title{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--color-brown-dark);font-weight:600}.modal__close{border-radius:var(--radius-full);width:38px;height:38px;color:var(--color-text);transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;display:inline-flex}.modal__close:hover{color:var(--color-brown);background-color:#6b3e2e14}.modal__body{padding:var(--space-5);flex:auto;overflow-y:auto}@media (max-width:480px){.modal{padding:var(--space-3)}.modal__panel{border-radius:var(--radius-md)}.modal__header,.modal__body{padding:var(--space-4)}}@media (prefers-reduced-motion:reduce){.modal__overlay,.modal__panel{transition:none!important}}