:root{--bg-main: #f5f6f8;--bg-soft: #f0f1f3;--bg-card: #fafbfc;--bg-elevated: #ffffff;--border-soft: rgba(148, 163, 184, .15);--border-medium: rgba(148, 163, 184, .25);--shadow-soft: 0 1px 3px rgba(15, 23, 42, .04), 0 1px 2px rgba(15, 23, 42, .02);--shadow-medium: 0 4px 6px rgba(15, 23, 42, .05), 0 2px 4px rgba(15, 23, 42, .03);--gradient-soft: linear-gradient(135deg, #f8f9fb 0%, #f5f6f8 50%, #f2f4f6 100%)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-main)}.bg-eyecare-main{background-color:var(--bg-main)}.bg-eyecare-soft{background-color:var(--bg-soft)}.bg-eyecare-card{background-color:var(--bg-card)}.bg-eyecare-elevated{background-color:var(--bg-elevated)}.border-eyecare-soft{border-color:var(--border-soft)}.shadow-eyecare{box-shadow:var(--shadow-soft)}.perspective-1000{perspective:1000px}.preserve-3d,.transform-style-3d{transform-style:preserve-3d}.backface-hidden{backface-visibility:hidden;-webkit-backface-visibility:hidden}.rotate-y-180{transform:rotateY(180deg)}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #6366f166}50%{box-shadow:0 0 20px 5px #6366f133}}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#64748b4d;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#64748b80}.pb-safe{padding-bottom:env(safe-area-inset-bottom,0)}.pt-safe{padding-top:env(safe-area-inset-top,0)}.practice-scroll-container{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.animate-in{animation-duration:.3s;animation-timing-function:cubic-bezier(.4,0,.2,1);animation-fill-mode:both}.fade-in{animation-name:fadeIn}.slide-in-from-bottom-2{animation-name:slideInFromBottom2}.slide-in-from-bottom-4{animation-name:slideInFromBottom4}.slide-in-from-bottom-8{animation-name:slideInFromBottom8}.slide-in-from-bottom-10{animation-name:slideInFromBottom10}.slide-in-from-bottom-full{animation-name:slideInFromBottomFull}.slide-in-from-top-1{animation-name:slideInFromTop1}.slide-in-from-top-2{animation-name:slideInFromTop2}.slide-in-from-top-4{animation-name:slideInFromTop4}.slide-in-from-right-10{animation-name:slideInFromRight10}.zoom-in{animation-name:zoomIn}.zoom-in-95{animation-name:zoomIn95}.spin-in-12{animation-name:spinIn12}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInFromBottom2{0%{transform:translateY(.5rem);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInFromBottom4{0%{transform:translateY(1rem);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInFromBottom8{0%{transform:translateY(2rem);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInFromBottom10{0%{transform:translateY(2.5rem);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInFromBottomFull{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInFromTop1{0%{transform:translateY(-.25rem);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInFromTop2{0%{transform:translateY(-.5rem);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInFromTop4{0%{transform:translateY(-1rem);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInFromRight10{0%{transform:translate(2.5rem);opacity:0}to{transform:translate(0);opacity:1}}@keyframes zoomIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes zoomIn95{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes spinIn12{0%{transform:rotate(-12deg) scale(.8);opacity:0}to{transform:rotate(0) scale(1);opacity:1}}.duration-300{animation-duration:.3s}.duration-500{animation-duration:.5s}.duration-700{animation-duration:.7s}.prose-invert{color:#ffffffe6}.prose-invert p{color:#ffffffd9}.prose-invert h1,.prose-invert h2,.prose-invert h3{color:#fff}.prose-invert code{color:#fbbf24;background-color:#ffffff1a}@media(max-width:768px){.perspective-1000{perspective:800px}button:active{transform:scale(.98)}}@media print{.no-print{display:none!important}}