.modal-phone{z-index:10001;background:var(--color-surface);overscroll-behavior:none;position:fixed;inset:0;overflow:hidden}.modal-phone__window{z-index:1;background:var(--color-surface);flex-direction:column;width:100vw;height:100%;max-height:100%;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;inset:0;overflow:hidden;transform:translateY(100%)}.modal-phone__window.modal-phone-enter{transform:translateY(100%)}.modal-phone__window.modal-phone-enter-active{transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translateY(0)}.modal-phone__window.modal-phone-exit{transform:translateY(0)}.modal-phone__window.modal-phone-exit-active{transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translateY(100%)}.modal-phone__header{flex-shrink:0;justify-content:space-between;align-items:center;min-height:64px;padding:24px;display:flex}.modal-phone__title{color:var(--color-text-primary);font-size:20px;font-weight:var(--weight-semi-bold);flex:1;margin:0;padding-right:16px;line-height:1.2}.modal-phone__close{cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;transition:background-color .2s;display:flex}.modal-phone__close:hover{background:var(--color-gray-1)}.modal-phone__close:active{background:var(--color-gray-2)}.modal-phone__close svg{width:24px;height:24px;color:var(--color-text-primary)}.modal-phone__content{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;min-height:0;padding:2px 24px 0;padding-bottom:max(24px,env(safe-area-inset-bottom));flex:1;overflow-y:auto}.modal-phone__content::-webkit-scrollbar{width:4px}.modal-phone__content::-webkit-scrollbar-track{background:0 0}.modal-phone__content::-webkit-scrollbar-thumb{background:var(--color-gray-4);border-radius:2px}.modal-phone__content::-webkit-scrollbar-thumb:hover{background:var(--color-gray-5)}.modal-phone__content{scrollbar-width:thin;scrollbar-color:var(--color-gray-4) #0000}.modal-phone--isOpen .modal-phone__window{transform:translateY(0)}.modal-phone__backdrop{background:rgb(var(--color-black-rgb)/40%);cursor:default;border:none;padding:0;position:absolute;inset:0}.modal-phone--side-left,.modal-phone--side-right{background:0 0}.modal-phone--side-left .modal-phone__window,.modal-phone--side-right .modal-phone__window{border-radius:0 var(--radius-24) var(--radius-24) 0;width:min(300px,88vw);animation:modal-phone-slide-left var(--duration-slow) var(--ease-emphasized)}.modal-phone--side-left .modal-phone__header,.modal-phone--side-right .modal-phone__header{min-height:72px;padding:var(--space-16) var(--space-16) var(--space-8) var(--space-24)}.modal-phone--side-left .modal-phone__content,.modal-phone--side-right .modal-phone__content{padding:var(--space-24) var(--space-24) max(var(--space-24),env(safe-area-inset-bottom))}.modal-phone--side-left .modal-phone__window{right:auto;transform:translate(0)}.modal-phone--side-right .modal-phone__window{border-radius:var(--radius-24) 0 0 var(--radius-24);animation-name:modal-phone-slide-right;left:auto;transform:translate(0)}@keyframes modal-phone-slide-left{0%{transform:translate(-100%)}}@keyframes modal-phone-slide-right{0%{transform:translate(100%)}}