.high-contrast{--chakra-colors-blue-500: #0066cc;--chakra-colors-blue-600: #004499;--chakra-colors-green-500: #228b22;--chakra-colors-red-500: #dc143c;--chakra-colors-gray-200: #e5e5e5;--chakra-colors-gray-500: #666666;--chakra-colors-gray-700: #333333;filter:contrast(1.2)}.reduce-motion{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.focus-visible button:focus,.focus-visible a:focus,.focus-visible input:focus,.focus-visible select:focus,.focus-visible textarea:focus{outline:3px solid #0066cc!important;outline-offset:2px!important}.colorblind-friendly{--chakra-colors-blue-500: #0173b2;--chakra-colors-green-500: #029e73;--chakra-colors-red-500: #cc78bc;--chakra-colors-orange-500: #de8f05;--chakra-colors-purple-500: #8e2c4f}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes bounceIn{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.button-press{transition:transform .1s ease}.button-press:active{transform:scale(.98)}.enhanced-focus:focus{outline:3px solid #0066cc;outline-offset:2px;box-shadow:0 0 0 3px #06c3}.loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.success-bounce{animation:bounceIn .5s ease-out}.error-shake{animation:shake .5s ease-in-out}.progress-fill{transition:width .8s ease-out;position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.card-hover{transition:all .2s ease}.card-hover:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.badge-new{animation:pulse 2s infinite}.badge-celebration{animation:bounceIn .5s ease-out}.notification-enter{animation:slideInRight .3s ease-out}.notification-exit{animation:slideInRight .3s ease-out reverse}.achievement-unlock{animation:bounceIn .8s ease-out}.streak-flame{animation:float 2s ease-in-out infinite}.level-up{animation:pulse 1s ease-in-out 3}@media (prefers-color-scheme: dark){.loading-skeleton{background:linear-gradient(90deg,#2d3748 25%,#4a5568,#2d3748 75%)}.high-contrast{filter:contrast(1.3) brightness(.9)}}@media (prefers-reduced-motion: reduce){.reduce-motion,.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width: 768px){.touch-target{min-height:44px;min-width:44px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.high-dpi-shadow{box-shadow:0 2px 8px #0000001a}}@media print{.no-print{display:none!important}.print-friendly{color:#000!important;background:#fff!important;box-shadow:none!important}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;text-decoration:inherit}body{margin:0;min-width:320px;min-height:100vh;background-color:#f7fafc}#root{width:100%;min-height:100vh}