.clay-card{background:#f0f4f8;border-radius:32px;box-shadow:inset -10px -10px 20px #fffc,inset 10px 10px 20px #aeaec033,10px 10px 20px #aeaec033,-10px -10px 20px #fffc}.clay-button{color:#475569;background:#f0f4f8;border-radius:24px;transition:all .3s cubic-bezier(.25,.46,.45,.94);box-shadow:6px 6px 12px #aeaec033,-6px -6px 12px #fffc}.clay-button:active{transition:all .1s cubic-bezier(.4,0,1,1);transform:scale(.95);box-shadow:inset 4px 4px 8px #aeaec033,inset -4px -4px 8px #fffc}.clay-button:not(:active){transition:all .4s cubic-bezier(.34,1.3,.64,1)}.clay-button-primary{color:#fff;background:#6c5ce7;border-radius:24px;transition:all .2s;box-shadow:6px 6px 12px #6c5ce766,-6px -6px 12px #fffc}.clay-button-primary:active{transform:scale(.95);box-shadow:inset 4px 4px 8px #0003,inset -4px -4px 8px #fff3}.clay-display{background:#eef2f6;border-radius:24px;box-shadow:inset 5px 5px 10px #a6abbd4d,inset -5px -5px 10px #fffc}.fade-in-up{animation:.5s ease-out forwards fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes softBounceIn{0%{opacity:0;transform:translateY(-15px)}20%{animation-timing-function:linear;transform:translateY(-15.5px)}70%{opacity:1;animation-timing-function:cubic-bezier(.2,.8,.2,1);transform:translateY(1px)}85%{transform:translateY(-.5px)}to{transform:translateY(0)}}.animate-soft-bounce{transform-origin:top;animation:.5s forwards softBounceIn}@keyframes softPop{0%{opacity:0;transform:scale(.95)translateY(10px)}60%{opacity:1;animation-timing-function:cubic-bezier(.2,.8,.2,1);transform:scale(1.005)translateY(-2px)}to{opacity:1;transform:scale(1)translateY(0)}}.animate-soft-pop{transform-origin:bottom;animation:.4s cubic-bezier(0,0,.2,1) forwards softPop}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}