*{margin:0;padding:0;box-sizing:border-box}body{font-family:Euclid Square,ui-sans-serif,system-ui,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:20px;line-height:1.6;transition:background-color .3s ease,color .3s ease}html{scroll-behavior:smooth}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}button{font-family:inherit;transition:all .3s ease}button:hover{transform:translateY(-2px)}button:active{transform:translateY(0)}button:focus{outline:2px solid #667eea;outline-offset:2px}code{background:#0000000d;padding:2px 6px;border-radius:4px;font-family:Courier New,Courier,monospace;font-size:13px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:768px){body{padding:10px}button{padding:15px 30px!important;font-size:16px!important}}