h1{letter-spacing:-.02em;font-size:3.5rem;font-weight:700;line-height:1.2}h2{letter-spacing:-.01em;font-size:2.75rem;font-weight:700;line-height:1.2}h3{font-size:2rem;font-weight:700;line-height:1.3}p{font-size:1.0625rem;font-weight:500;line-height:1.5rem}@media (max-width:768px){h1{font-size:2.75rem}h2{font-size:2.25rem}h3{font-size:1.75rem}}
@keyframes card-enter{0%{opacity:0;transform:rotateY(-8deg)translate(12px)scale(.97)}to{opacity:1;transform:rotateY(0)translate(0)scale(1)}}@keyframes card-flip-left{0%{opacity:1;transform:rotateY(0)translate(0)scale(1)}to{opacity:0;transform:rotateY(12deg)translate(-20px)scale(.95)}}@keyframes card-flip-right{0%{opacity:1;transform:rotateY(0)translate(0)scale(1)}to{opacity:0;transform:rotateY(-12deg)translate(20px)scale(.95)}}@keyframes planet-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes orbit-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes drag-effect{0%{opacity:1;transform:scale(1)rotate(0)}to{opacity:.7;transform:scale(.9)rotate(-3deg)}}@keyframes purple-glow{0%{opacity:.8;filter:drop-shadow(0 0 4px #c084fc33);transform:scale(.95)}50%{opacity:1;filter:drop-shadow(0 0 8px #c084fc80);transform:scale(1.1)}to{opacity:.8;filter:drop-shadow(0 0 4px #c084fc33);transform:scale(.95)}}@keyframes correct-match{0%{opacity:1;filter:drop-shadow(0 0 8px #eab30880);transform:scale(1)translateY(0)}50%{opacity:.8;filter:drop-shadow(0 0 20px #eab308cc);transform:scale(1.2)translateY(-20px)}to{opacity:0;filter:drop-shadow(0 0 30px #eab3084d);transform:scale(.5)translateY(30px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes floatingDice1{0%,to{transform:translate(0)rotate(12deg)}25%{transform:translate(20px,-15px)rotate(15deg)}50%{transform:translate(10px,20px)rotate(9deg)}75%{transform:translate(-15px,10px)rotate(18deg)}}@keyframes floatingDice2{0%,to{transform:translate(0)rotate(12deg)}25%{transform:translate(-18px,12px)rotate(8deg)}50%{transform:translate(15px,-20px)rotate(16deg)}75%{transform:translate(-10px,-15px)rotate(10deg)}}@keyframes diceDotsFade{0%,45%,55%,to{opacity:1}50%{opacity:0}}.comment-card-idle{animation:.35s cubic-bezier(.22,1,.36,1) forwards card-enter}.comment-card-exit-left{animation:.35s cubic-bezier(.55,0,1,.45) forwards card-flip-left}.comment-card-exit-right{animation:.35s cubic-bezier(.55,0,1,.45) forwards card-flip-right}.thread-intro-planet{animation:4s ease-in-out infinite planet-float}.thread-intro-orbit{animation:20s linear infinite orbit-spin}.dragging-effect{animation:.3s ease-out forwards drag-effect;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;border-color:#60a5fa!important}.animate-correct-match{pointer-events:none;animation:.8s cubic-bezier(.4,0,.6,1) forwards correct-match}.animate-shimmer{animation:3s linear infinite shimmer}.animate-fadeIn{animation:.4s ease-out fadeIn}.animate-slideUp{animation:.3s ease-out slideUp}.animate-floating-dice-1{animation:20s ease-in-out infinite floatingDice1}.animate-floating-dice-2{animation:25s ease-in-out infinite floatingDice2}.animate-dice-dots{animation:8s ease-in-out infinite diceDotsFade}
.perspective-1000{perspective:1000px}.preserve-3d{transform-style:preserve-3d}.backface-hidden{backface-visibility:hidden}.rotate-y-180{transform:rotateY(180deg)}