.modal-backdrop{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#1a1a1a;border-radius:16px;flex-direction:column;gap:14px;width:320px;max-height:70vh;padding:24px;display:flex;overflow-y:auto}.modal-grip{display:none}.modal-title{margin:0;font-size:1em}.modal-body{flex-direction:column;gap:10px;display:flex}@media screen and (width<=800px){.modal-backdrop{align-items:flex-end}.modal{border-radius:20px 20px 0 0;width:100%;max-height:85vh;padding:24px 20px;animation:.25s ease-out modal-sheet-up;overflow-y:hidden}.modal-grip{background:#ffffff40;border-radius:2px;flex-shrink:0;width:40px;height:4px;margin:0 auto 8px;display:block}.modal-body{min-height:0;overflow-y:auto}}@keyframes modal-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.modal{animation:none!important}}