body{margin:0;font-family:system-ui,-apple-system,sans-serif}#root{margin:0;padding:0;width:100vw;min-height:100vh;overflow-x:hidden;overflow-y:auto;background:radial-gradient(circle at 20% 80%,rgba(230,240,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(220,235,255,.1) 0%,transparent 50%),linear-gradient(90deg,transparent 0%,rgba(30,64,139,.05) 2%,rgba(45,82,160,.05) 4%,transparent 6%,transparent 10%,rgba(33,67,101,.05) 12%,rgba(30,64,139,.05) 14%,transparent 16%,transparent 20%,rgba(45,82,160,.05) 22%,rgba(30,64,139,.05) 24%,transparent 26%),linear-gradient(135deg,#e6f2ff,#cce6ff,#b3d9ff,#87ceeb,#4682b4);background-size:100% 100%,100% 100%,200px 100%,100% 100%;background-attachment:fixed}#root:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 1px 1px,rgba(30,64,139,.1) 1px,transparent 0);background-size:20px 20px;pointer-events:none;opacity:.3;z-index:-1}@keyframes float-books{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(1deg)}50%{transform:translateY(-5px) rotate(-1deg)}75%{transform:translateY(-15px) rotate(.5deg)}}#root:after{content:"📚 📖 📗 📘 📙 📕";position:fixed;top:10%;right:5%;font-size:24px;opacity:.1;animation:float-books 6s ease-in-out infinite;z-index:-1;pointer-events:none}.blue-themed-header{background:linear-gradient(135deg,#f0f8fff2,#e6f4fff2,#dcf0fff2)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border-bottom:1px solid rgba(200,230,255,.5)!important}.blue-themed-navigation{background:linear-gradient(0deg,#f0f8fff2,#e6f4fff2,#dcf0fff2)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border-top:1px solid rgba(200,230,255,.5)!important}.blue-themed-header.dark-mode{background:linear-gradient(135deg,#4682b4f2,#6495edf2,#87ceebf2)!important;border-bottom:1px solid rgba(70,130,180,.3)!important}.blue-themed-navigation.dark-mode{background:linear-gradient(0deg,#4682b4f2,#6495edf2,#87ceebf2)!important;border-top:1px solid rgba(70,130,180,.3)!important}@media (max-width: 768px){html,body{overflow-x:hidden;-webkit-overflow-scrolling:touch}#root{background-attachment:scroll;min-height:100vh;height:auto}#root:after{display:none}.MuiCardContent-root{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.MuiCard-root{max-height:calc(100vh - 32px)!important;overflow:hidden!important}.MuiContainer-root{height:100vh!important;display:flex!important;flex-direction:column!important}}@media (max-width: 480px){#root{padding:0}.MuiContainer-root{padding-left:16px!important;padding-right:16px!important}.MuiCard-root{margin:8px 0!important}}@media (max-height: 600px){#root{min-height:auto}}@media (max-height: 500px){.MuiCardContent-root{padding:12px!important}.MuiTypography-h4{font-size:1.125rem!important;margin-bottom:4px!important}.MuiBox-root{margin-bottom:8px!important}}@media (max-height: 400px){.MuiCardContent-root{padding:8px!important}.MuiTextField-root{margin-bottom:8px!important}.MuiButton-root{padding:8px 16px!important;font-size:.875rem!important}.MuiStepper-root{display:none!important}}