@layer components{.ui-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);background-color:#000000a6;display:flex;justify-content:center;align-items:flex-end;animation:ui-modal-fade var(--dur-2) var(--ease-out)}.ui-modal{width:100%;max-height:85dvh;overflow-y:auto;background-color:var(--color-surface-3);border:1px solid var(--color-border-strong);border-bottom:none;border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-2) var(--space-4) calc(var(--space-6) + env(safe-area-inset-bottom));box-shadow:var(--shadow-3);animation:ui-modal-slide-up var(--dur-3) var(--ease-out)}.ui-modal__handle{width:36px;height:4px;margin:var(--space-1) auto var(--space-2);border-radius:var(--radius-full);background-color:var(--color-border-strong)}.ui-modal__header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding-bottom:var(--space-3);margin-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.ui-modal__title{font-size:var(--text-xl);text-align:left;padding:0;margin:0}.ui-modal__close{flex-shrink:0;margin-left:auto}@keyframes ui-modal-fade{0%{opacity:0}to{opacity:1}}@keyframes ui-modal-slide-up{0%{transform:translateY(24px);opacity:.6}to{transform:translateY(0);opacity:1}}@media(min-width:768px){.ui-modal-overlay{align-items:center;padding:var(--space-6)}.ui-modal{max-width:480px;max-height:85vh;border-radius:var(--radius-lg);border-bottom:1px solid var(--color-border-strong);padding:var(--space-4) var(--space-6) var(--space-6);animation:ui-modal-pop var(--dur-2) var(--ease-out)}.ui-modal__handle{display:none}}@keyframes ui-modal-pop{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}}