:root{--primary-color: #4facfe;--secondary-color: #00f2fe;--bg-color: #f8f9fa;--text-main: #2c3e50;--text-light: #7f8c8d;--success-color: #2ecc71;--error-color: #e74c3c;--card-bg: #ffffff;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--shadow-md: 0 8px 20px rgba(0, 0, 0, .08);--radius-md: 12px;--radius-lg: 20px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;cursor:pointer;outline:none}h1,h2,h3,h4{font-weight:700;line-height:1.2}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}}.anim-shake{animation:shake .4s ease-in-out}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.anim-pop{animation:popIn .3s cubic-bezier(.175,.885,.32,1.275) forwards}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}