@import "https://fonts.googleapis.com/css2?family=Nunito:wght@700;800;900&display=swap";*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{color:#1f2937;overscroll-behavior:none;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;background:#fff;font-family:Pretendard,Noto Sans KR,Nunito,sans-serif}input,button,select,textarea{font-size:16px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popUp{0%{opacity:0;transform:scale(.85)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(150px)rotate(720deg)}}@keyframes streakGlow{0%,to{box-shadow:0 0 20px #ff6b2b44}50%{box-shadow:0 0 40px #ff6b2b88}}@keyframes heartFloat{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-60px)scale(1.4)}}@keyframes levelupBurst{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes revealSlide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes xpFloat{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-38px)}}@keyframes rankUpAnim{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes floatBob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes daliPop{0%{transform:scale(.9)}50%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes pop{0%{opacity:0;transform:scale(.7)}60%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.mascot-idle{animation:3.2s ease-in-out infinite floatBob}.mascot-pop,.mascot-shake,.mascot-know{animation:.4s both daliPop}.mascot-maybe,.mascot-dont{animation:.3s both daliPop}.btn-p{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform 90ms,box-shadow 90ms}.btn-p:hover{transform:translateY(-2px)}.btn-p:active{transform:translateY(2px)}.btn-opt{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:all .1s}.btn-opt:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}