.bottomsheet-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:flex-end;z-index:1000}.bottomsheet-container{background:var(--white, #ffffff);width:100%;max-height:85vh;border-radius:20px 20px 0 0;display:flex;flex-direction:column}.bottomsheet-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--gray-100, #f4f4f5);flex-shrink:0}.bottomsheet-title{font-size:18px;font-weight:600;margin:0}.bottomsheet-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--gray-400, #a1a1aa);border-radius:8px;transition:background .15s}.bottomsheet-close:hover{background:var(--gray-100, #f4f4f5)}.bottomsheet-body{padding:20px;overflow-y:auto;flex:1}.bottomsheet-footer{display:flex;gap:10px;padding:12px 16px;border-top:1px solid var(--gray-100, #f4f4f5);flex-shrink:0}.bottomsheet-footer>*{flex:1}.bottomsheet-enter-active,.bottomsheet-leave-active{transition:opacity .25s ease}.bottomsheet-enter-active .bottomsheet-container,.bottomsheet-leave-active .bottomsheet-container{transition:transform .25s ease}.bottomsheet-enter-from,.bottomsheet-leave-to{opacity:0}.bottomsheet-enter-from .bottomsheet-container,.bottomsheet-leave-to .bottomsheet-container{transform:translateY(100%)}