.typing-club .japanese-font{font-family:Hiragino Kaku Gothic Pro,Noto Sans JP,-apple-system,BlinkMacSystemFont,sans-serif}.typing-club .stroke-container{background-image:radial-gradient(#cbd5e1 1.5px,transparent 1.5px);background-size:20px 20px}@keyframes typing-club-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes typing-club-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes typing-club-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.typing-club .animate-shake{animation:typing-club-shake .3s cubic-bezier(.36,.07,.19,.97) both}.typing-club .animate-fade-in{animation:typing-club-fade-in .25s ease-out forwards}.typing-club .animate-slide-up{animation:typing-club-slide-up .28s cubic-bezier(.16,1,.3,1) forwards}.typing-club .typing-confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.typing-club .typing-confetti span{position:absolute;top:58%;left:50%;width:7px;height:12px;border-radius:2px;background:#ef4444;opacity:0;animation:typing-club-confetti .9s ease-out forwards}.typing-club .typing-confetti span:nth-child(2n){background:#f59e0b}.typing-club .typing-confetti span:nth-child(3n){background:#10b981}.typing-club .typing-confetti span:nth-child(4n){background:#0f172a}.typing-club .typing-confetti span:nth-child(1){--typing-confetti-x: -190px;--typing-confetti-y: -170px;--typing-confetti-r: -35deg}.typing-club .typing-confetti span:nth-child(2){--typing-confetti-x: -155px;--typing-confetti-y: -210px;--typing-confetti-r: 30deg}.typing-club .typing-confetti span:nth-child(3){--typing-confetti-x: -120px;--typing-confetti-y: -130px;--typing-confetti-r: 75deg}.typing-club .typing-confetti span:nth-child(4){--typing-confetti-x: -82px;--typing-confetti-y: -185px;--typing-confetti-r: -20deg}.typing-club .typing-confetti span:nth-child(5){--typing-confetti-x: -42px;--typing-confetti-y: -150px;--typing-confetti-r: 50deg}.typing-club .typing-confetti span:nth-child(6){--typing-confetti-x: 0px;--typing-confetti-y: -220px;--typing-confetti-r: -45deg}.typing-club .typing-confetti span:nth-child(7){--typing-confetti-x: 42px;--typing-confetti-y: -150px;--typing-confetti-r: 35deg}.typing-club .typing-confetti span:nth-child(8){--typing-confetti-x: 82px;--typing-confetti-y: -185px;--typing-confetti-r: -15deg}.typing-club .typing-confetti span:nth-child(9){--typing-confetti-x: 120px;--typing-confetti-y: -130px;--typing-confetti-r: 65deg}.typing-club .typing-confetti span:nth-child(10){--typing-confetti-x: 155px;--typing-confetti-y: -210px;--typing-confetti-r: -35deg}.typing-club .typing-confetti span:nth-child(11){--typing-confetti-x: 190px;--typing-confetti-y: -170px;--typing-confetti-r: 25deg}.typing-club .typing-confetti span:nth-child(12){--typing-confetti-x: -175px;--typing-confetti-y: -90px;--typing-confetti-r: 60deg}.typing-club .typing-confetti span:nth-child(13){--typing-confetti-x: -105px;--typing-confetti-y: -105px;--typing-confetti-r: -60deg}.typing-club .typing-confetti span:nth-child(14){--typing-confetti-x: -55px;--typing-confetti-y: -75px;--typing-confetti-r: 20deg}.typing-club .typing-confetti span:nth-child(15){--typing-confetti-x: 55px;--typing-confetti-y: -75px;--typing-confetti-r: -20deg}.typing-club .typing-confetti span:nth-child(16){--typing-confetti-x: 105px;--typing-confetti-y: -105px;--typing-confetti-r: 60deg}.typing-club .typing-confetti span:nth-child(17){--typing-confetti-x: 175px;--typing-confetti-y: -90px;--typing-confetti-r: -60deg}.typing-club .typing-confetti span:nth-child(18){--typing-confetti-x: 0px;--typing-confetti-y: -110px;--typing-confetti-r: 45deg}@keyframes typing-club-confetti{0%{opacity:0;transform:translate(-50%,-50%) rotate(0) scale(.6)}18%{opacity:.95}to{opacity:0;transform:translate(calc(-50% + var(--typing-confetti-x)),var(--typing-confetti-y)) rotate(var(--typing-confetti-r)) scale(1)}}