:root{--yellow: #FFD93D;--yellow-light: #FFF9E6;--yellow-dark: #E6B800;--red: #FF6B6B;--green: #6BCB77;--blue: #4D96FF;--orange: #FF9F45;--purple: #C084FC;--text: #1A1A2E;--text-light: #666;--bg: #FFFDF5;--card: #FFFFFF;--shadow: 0 2px 12px rgba(0,0,0,.08);--radius: 16px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,Pretendard,sans-serif;background:var(--bg);color:var(--text);max-width:375px;margin:0 auto;min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased}#root{min-height:100dvh;display:flex;flex-direction:column}button{border:none;cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent;transition:transform .1s,opacity .1s}button:active{transform:scale(.96)}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.95)}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bounce-in{animation:bounceIn .5s ease-out}.shake{animation:shake .4s ease-out}.pulse{animation:pulse 1s ease-in-out infinite}.slide-up{animation:slideUp .3s ease-out}.fade-in{animation:fadeIn .3s ease-out}