:root{--radius-card:18px}.card-perspective{perspective:1200px;perspective-origin:50%}.card-3d{transform-style:preserve-3d;width:100%;height:100%;position:relative}.card-face{backface-visibility:hidden;border-radius:var(--radius-card);position:absolute;inset:0;overflow:hidden}.card-face-back{transform:rotateY(180deg)}.card-ghost-1{opacity:.55;z-index:0;transform:scale(.95)translateY(6px)}.card-ghost-2{opacity:.3;z-index:-1;transform:scale(.9)translateY(12px)}@keyframes shimmer{0%{transform:translate(-100%)skew(-15deg)}to{transform:translate(200%)skew(-15deg)}}.card-shimmer:after{content:"";pointer-events:none;border-radius:inherit;z-index:2;background:linear-gradient(90deg,#0000 0%,#ffffff0f 50%,#0000 100%);animation:4s ease-in-out 1.5s infinite shimmer;position:absolute;inset:0;overflow:hidden;transform:translate(-100%)skew(-15deg)}@keyframes learnedBounce{0%{transform:scale(0)rotate(-15deg)}60%{transform:scale(1.3)rotate(5deg)}to{transform:scale(1)rotate(0)}}.learned-animate{animation:.35s cubic-bezier(.34,1.56,.64,1) forwards learnedBounce}@keyframes toastSlideUp{0%{opacity:0;transform:translateY(20px)translate(-50%)}to{opacity:1;transform:translateY(0)translate(-50%)}}.toast-enter{animation:.25s ease-out forwards toastSlideUp}.category-tile{transition:transform .2s,box-shadow .2s}.category-tile:active{transform:scale(.97)}.mode-btn{transition:transform .15s,background .2s}.mode-btn:active{transform:scale(.97)}@keyframes hintPulse{0%,to{opacity:.7}50%{opacity:1}}.hint-pulse{animation:2s ease-in-out infinite hintPulse}.creed-shell{background:var(--background);max-width:480px;min-height:100dvh;margin-inline:auto}