body{margin:0;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;-webkit-user-select:none;cursor:default}.clay-puffy{background:#fff;border-radius:40px;box-shadow:20px 20px 40px #0000000a,-20px -20px 40px #ffffffe6,inset 10px 10px 20px #00000005,inset -10px -10px 20px #ffffffb3;border:4px solid rgba(255,255,255,.4)}.clay-puffy-sm{background:#fff;border-radius:24px;box-shadow:8px 8px 16px #00000008,-8px -8px 16px #ffffffe6,inset 4px 4px 8px #00000005,inset -4px -4px 8px #ffffffb3;border:2px solid rgba(255,255,255,.4)}.clay-inset{box-shadow:inset 8px 8px 16px #0000000a,inset -8px -8px 16px #ffffffe6;border-radius:24px}.clay-button{background:#fff;border-radius:20px;box-shadow:6px 6px 12px #0000000d,-6px -6px 12px #ffffffe6,inset 2px 2px 4px #00000003,inset -2px -2px 4px #fff9;border:2px solid rgba(255,255,255,.4);transition:all .2s cubic-bezier(.4,0,.2,1)}.clay-button:active{box-shadow:inset 6px 6px 12px #0000000d,inset -6px -6px 12px #ffffffe6;transform:scale(.96)}.bg-clay-pink{background-color:#ffe4e6}.bg-clay-lavender{background-color:#f3e8ff}.bg-clay-mint{background-color:#ecfdf5}.bg-clay-blue{background-color:#eff6ff}.text-clay-dark{color:#4b5563}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes pop-out{0%{opacity:0;transform:scale(.92)}60%{transform:scale(1.03)}to{opacity:1;transform:scale(1)}}