/* Circle UI Kit v1.2 motion. Every tap answers within 100 ms; nothing waits for the server to look alive. */
.press{transition:transform var(--m-tap) var(--ease-out),filter var(--m-tap) var(--ease-out);-webkit-tap-highlight-color:transparent;cursor:pointer;user-select:none}
.press:active{transform:scale(.96);filter:brightness(.92)}
.sheet-in{animation:sheetIn var(--m-sheet) var(--ease-spring) both}
@keyframes sheetIn{from{transform:translateY(100%)}to{transform:translateY(0)}}
.sheet-out{animation:sheetOut 200ms var(--ease-in) both}
@keyframes sheetOut{to{transform:translateY(100%)}}
.select-pop{animation:pop var(--m-fast) var(--ease-spring)}
@keyframes pop{0%{transform:scale(.9)}100%{transform:scale(1)}}
.gift-fly{position:absolute;z-index:40;pointer-events:none;animation:giftFly var(--m-everyday) var(--ease-out) forwards}
@keyframes giftFly{0%{transform:translate(0,0) scale(1);opacity:1}70%{opacity:1}100%{transform:translate(var(--dx),var(--dy)) scale(.55);opacity:0}}
.chat-in{animation:chatIn 260ms var(--ease-out) both}
@keyframes chatIn{from{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}
.combo{animation:combo 180ms var(--ease-spring)}
@keyframes combo{0%{transform:scale(1.5)}100%{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){*{animation-duration:1ms!important;transition-duration:1ms!important}}