@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800;900&family=Lora:ital,wght@0,400..700;1,400..700&family=Merriweather:ital,wght@0,300..900;1,300..900&display=swap";.font-serif{font-family:Merriweather,Lora,Georgia,serif!important}:root{--primary-color: #4F46E5;--primary-light: #818CF8;--accent-color: #F97316;--accent-soft: rgba(249, 115, 22, .1);--bg-light: #EEF2FF;--text-main: #1E1B4B;--text-muted: #475569;--border-radius-lg: 32px;--border-radius-md: 20px;--premium-shadow: 0 20px 50px rgba(79, 70, 229, .1);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .3)}.aurora-bg{background:linear-gradient(135deg,#eef2ff,#e0e7ff,#eef2ff);position:relative;overflow:hidden}.aurora-bg:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(129,140,248,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(249,115,22,.08) 0%,transparent 40%);animation:aurora-rotate 20s linear infinite;z-index:0}@keyframes aurora-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.glass-card-premium{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:0 8px 32px #1f268712;border-radius:var(--border-radius-md)}.clay-card{background:#fff;border-radius:24px;box-shadow:10px 10px 20px #d1d9e6,-10px -10px 20px #fff,inset 4px 4px 8px #d1d9e659,inset -4px -4px 8px #ffffff4d;transition:all .3s ease}.clay-card:hover{transform:translateY(-5px);box-shadow:15px 15px 30px #d1d9e6,-15px -15px 30px #fff}.bento-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.75rem;padding:.5rem}.bento-item-wide{grid-column:span 2}@media (max-width: 768px){.bento-item-wide{grid-column:span 1}}body{font-family:Be Vietnam Pro,sans-serif;background-color:var(--bg-light);background-image:radial-gradient(at 0% 0%,rgba(45,104,255,.08) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(245,158,11,.05) 0px,transparent 50%),radial-gradient(at 50% 100%,rgba(16,185,129,.03) 0px,transparent 50%);min-height:100vh;color:var(--text-main);letter-spacing:-.01em;transition:background-color .3s ease,color .3s ease}html.dark body{background-color:#0f172a;background-image:radial-gradient(at 0% 0%,rgba(59,130,246,.15) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(245,158,11,.08) 0px,transparent 50%),radial-gradient(at 50% 100%,rgba(16,185,129,.06) 0px,transparent 50%);color:#e2e8f0}html.dark .glass-card{background:#1e293bd9;border-color:#33415580}html.dark .sidebar-active{background-color:#3b82f6;box-shadow:0 4px 14px #3b82f659}.lesson-body{font-size:1.8rem;line-height:2;color:#1e293b}.teaching-text{font-size:2.25rem!important;line-height:1.8!important}html.dark .lesson-body{color:#f1f5f9}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--premium-shadow)}.subject-card{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.subject-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #0000000f}.lesson-card-hover{transition:all .3s ease}.lesson-card-hover:hover{background:#fff;transform:translate(8px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.animate-fade-out{animation:fadeOut .3s ease-in forwards}.animate-pop-in{animation:popIn .4s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}@keyframes popIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-slide-right{animation:slideRight .6s cubic-bezier(.16,1,.3,1) forwards}.animate-slide-down{animation:slideDown .6s cubic-bezier(.16,1,.3,1) forwards}.animate-slide-up{animation:slideUp .6s cubic-bezier(.16,1,.3,1) forwards}.ppt-fade-in{opacity:0;animation:fadeIn .8s ease-out forwards}.ppt-slide-up{opacity:0;animation:slideUp .8s cubic-bezier(.16,1,.3,1) forwards}.ppt-bounce-in{opacity:0;animation:popIn .6s cubic-bezier(.175,.885,.32,1.275) forwards}.ppt-scale-up{opacity:0;animation:scaleUp .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-scale-up{animation:scaleUp .4s cubic-bezier(.16,1,.3,1) forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.delay-700{animation-delay:.7s}.delay-800{animation-delay:.8s}.delay-900{animation-delay:.9s}.delay-1000{animation-delay:1s}.delay-1200{animation-delay:1.2s}.delay-1500{animation-delay:1.5s}.glow-blue{box-shadow:0 0 20px #3b82f633}.glow-pink{box-shadow:0 0 20px #ec489933}.glow-emerald{box-shadow:0 0 20px #10b98133}.serif-font{font-family:Lora,Georgia,serif;font-weight:500}.bg-paper{background-color:#fff;background-image:linear-gradient(rgba(241,245,249,.5) 1px,transparent 1px);background-size:100% 3rem}.reading-content{font-size:1.5rem!important;line-height:2.5rem!important}@media (min-width: 768px){.reading-content{font-size:2.25rem!important;line-height:3.5rem!important}}.lesson-body p.text-lg{font-size:1.4rem!important;line-height:2.25rem!important}@media (min-width: 768px){.lesson-body p.text-lg{font-size:2rem!important;line-height:3rem!important}}.reading-content p{margin-bottom:2rem;text-align:justify;text-indent:2.5rem}.animate-bounce-short{animation:bounceShort .5s ease-in-out}@keyframes bounceShort{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}html.dark ::-webkit-scrollbar-track{background:#1e293b}html.dark ::-webkit-scrollbar-thumb{background:#475569}html.dark ::-webkit-scrollbar-thumb:hover{background:#64748b}.scene-3d{width:240px;height:240px;perspective:1000px;margin:10px auto;display:flex;align-items:center;justify-content:center;position:relative;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.scene-3d:active{cursor:grabbing}.cube-3d{width:160px;height:160px;position:relative;transform-style:preserve-3d;transform:rotateX(-22deg) rotateY(35deg);transition:transform .1s ease-out}.cube-3d.auto-rotate{animation:rotateCube 15s infinite linear}.cube-face{position:absolute;width:160px;height:160px;border:1px solid rgba(0,0,0,.1);background:#ffee8ce6;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr);box-sizing:border-box;backface-visibility:visible}.cube-face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(0,0,0,.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.1) 1px,transparent 1px);background-size:10% 10%}.front{transform:rotateY(0) translateZ(80px)}.right{transform:rotateY(90deg) translateZ(80px);border-left-color:#0000004d}.back{transform:rotateY(180deg) translateZ(80px)}.left{transform:rotateY(-90deg) translateZ(80px)}.top{transform:rotateX(90deg) translateZ(80px);background:#fff5b4f2}.bottom{transform:rotateX(-90deg) translateZ(80px);background:#c8b432e6}.cube-label{position:absolute;font-family:Nunito,sans-serif;font-weight:900;font-size:14px;color:#1e293b;pointer-events:none;white-space:nowrap}.label-w{bottom:-30px;left:50%;transform:translate(-50%)}.label-h{right:-40px;top:50%;transform:translateY(-50%) rotate(90deg)}.label-d{left:-80px;top:20%;transform:rotate(-45deg)}@keyframes rotateCube{0%{transform:rotateX(-22deg) rotateY(0)}to{transform:rotateX(-22deg) rotateY(360deg)}}@keyframes slideRightSlow{0%{transform:translate(-100%) skew(30deg)}to{transform:translate(300%) skew(30deg)}}@keyframes slideLeftSlow{0%{transform:translate(100%) skew(30deg)}to{transform:translate(-300%) skew(30deg)}}@keyframes pulseSlow{0%,to{opacity:1;transform:scale(1);filter:brightness(1)}50%{opacity:.95;transform:scale(1.01);filter:brightness(1.1)}}.animate-slide-right-slow{animation:slideRightSlow 15s linear infinite}.animate-slide-left-slow{animation:slideLeftSlow 18s linear infinite}.animate-pulse-slow{animation:pulseSlow 6s ease-in-out infinite}.vertical-text{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.sidebar-active{background-color:#2563eb;color:#fff;box-shadow:0 4px 14px #2563eb40}.touch-feedback{transition:transform .15s ease}.btn-tutor-e{width:3rem!important;height:3rem!important;padding:0!important;background-color:#f97316!important;color:#fff!important;border-radius:9999px!important;font-weight:900!important;font-size:1.5rem!important;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transition:all .15s ease;flex-shrink:0}.btn-tutor-e:hover{background-color:#ea580c!important}.btn-tutor-e:active{transform:scale(.95)}.btn-tutor-wide{width:3rem!important;height:3rem!important;padding:0!important;background-color:#f97316!important;color:#fff!important;border-radius:9999px!important;font-weight:900!important;font-size:1.5rem!important;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transition:all .15s ease}.btn-tutor-wide:hover{background-color:#ea580c!important}.btn-tutor-wide:active{transform:scale(.95)}.btn-submit-global{padding:1.25rem 3rem;background-color:#4f46e5;color:#fff;border-radius:32px;font-weight:900;font-size:1.5rem;box-shadow:0 10px 40px -10px #1e293b66;transition:all .15s ease}.btn-submit-global:hover{background-color:#4338ca}.btn-submit-global:active{transform:scale(.95)}.btn-check-premium{display:inline-flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:1rem;background-color:#e11d48!important;color:#fff!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transition:transform .15s ease}.btn-check-premium:hover{transform:scale(1.05);background-color:#be123c!important}.btn-check-premium:active{transform:scale(.9)}.btn-check-e{display:inline-flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:1rem;background-color:#f97316!important;color:#fff!important;font-weight:900;font-size:1.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transition:all .15s ease;flex-shrink:0}.btn-check-e:hover{transform:scale(1.05);background-color:#ea580c!important}.btn-check-e:active{transform:scale(.9)}.btn-check-wide{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:1rem;font-weight:900;background-color:#e11d48!important;color:#fff!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transition:transform .15s ease}.btn-check-wide:hover{transform:scale(1.03);background-color:#be123c!important}.btn-check-wide:active{transform:scale(.95)}.btn-check-mini{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.9rem;background-color:#e11d48!important;color:#fff!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transition:transform .15s ease}.btn-check-mini:hover{transform:scale(1.05);background-color:#be123c!important}.btn-check-mini:active{transform:scale(.9)}.btn-submit-premium{position:relative;padding:1.5rem 4rem;background-image:linear-gradient(to right,#4f46e5,#7c3aed,#4f46e5);background-size:200% auto;color:#fff;border-radius:9999px;font-weight:900;font-size:2.25rem;box-shadow:0 10px 40px -10px #4f46e580;transition:all .5s ease;transform:translateZ(0)}.btn-submit-premium:hover{background-position:right center;box-shadow:0 20px 50px -10px #4f46e5b3}.btn-submit-premium:active{transform:scale(.95)}.btn-retry{padding:.75rem 1.5rem;background-color:#f97316;color:#fff;border-radius:1rem;font-weight:900;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .15s ease}.btn-retry:hover{background-color:#ea580c;transform:translateY(-1px)}.btn-retry:active{transform:scale(.95)}.edu-feedback{padding:1.25rem;border-radius:1.25rem;font-weight:800;margin-top:1rem;border:2px solid transparent;transition:all .3s ease}.edu-feedback:not(.hidden){display:block;animation:slideUp .3s ease-out}.edu-feedback-success{background-color:#f0fdf4;color:#166534;border-color:#bbf7d0}.edu-feedback-error{background-color:#fef2f2;color:#991b1b;border-color:#fecaca}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#global-zoom-btn{pointer-events:auto;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.175,.885,.32,1.275)}#global-zoom-btn:hover{transform:scale(1.1)}.zoom-active-cursor{cursor:zoom-in!important}#presentation-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:99999;display:none;flex-direction:column;overflow:hidden}#presentation-overlay.active{display:flex}html.dark #presentation-overlay{background:#0f172a}#presentation-overlay .close-btn{position:absolute;top:20px;right:20px;background:#0000001a;color:#333;border:none;width:44px;height:44px;padding:0;border-radius:9999px;font-size:1.4rem;line-height:1;font-weight:700;cursor:pointer;z-index:10;transition:all .3s ease}html.dark #presentation-overlay .close-btn{background:#ffffff1a;color:#fff}#presentation-overlay .close-btn:hover{background:#ef4444cc;color:#fff}#presentation-overlay .slides-wrapper{flex-grow:1;position:relative;width:100%;height:100%}.web-slide{display:none;position:absolute;top:0;left:0;width:100%;height:100%;justify-content:center;align-items:center;flex-direction:column;font-size:2.5rem;text-align:center;padding:40px;box-sizing:border-box}.web-slide.active{display:flex;animation:pptFadeIn .5s ease-out forwards}@keyframes pptFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#presentation-overlay .nav-controls{position:absolute;bottom:18px;right:18px;display:flex;gap:10px;z-index:10}#presentation-overlay .nav-controls button{background:#2d68ffcc;color:#fff;border:none;width:54px;height:54px;padding:0;border-radius:9999px;font-size:1.8rem;line-height:1;font-weight:800;cursor:pointer;transition:transform .2s,background .2s;box-shadow:0 4px 15px #2d68ff66}#presentation-overlay .nav-controls button:hover{background:#2d68ff;transform:scale(1.05)}#presentation-overlay .nav-controls button:active{transform:scale(.95)}body.presentation-mode{font-size:1.5rem!important}body.presentation-mode footer,body.presentation-mode .text-center.mb-6.animate-slide-down,body.presentation-mode .bg-indigo-950\/5,body.presentation-mode .bg-indigo-950{display:none!important}body.presentation-mode .web-slide{font-size:3.5rem!important;padding:60px!important}body.presentation-mode input,body.presentation-mode select,body.presentation-mode button{font-size:1.75rem!important;height:auto!important;padding:1rem 1.5rem!important}body.presentation-mode .math-exercise,body.presentation-mode .ltTrang{font-size:2.25rem!important}body.presentation-mode .tab-btn{font-size:.9rem!important;padding:.15rem .5rem!important;min-height:0px!important;border-radius:9999px!important}body.presentation-mode .tab-btn span{font-size:1rem!important;margin:0!important}body.presentation-mode header{padding:.1rem .5rem!important}body.presentation-mode header nav{padding:.1rem .5rem!important;min-height:unset!important;height:auto!important}body.presentation-mode header span.text-\[9px\]{display:none!important}body.presentation-mode #navbar-metadata{display:none!important}body.presentation-mode header .w-11,body.presentation-mode header .h-11{width:2rem!important;height:2rem!important;font-size:1.15rem!important}body.presentation-mode header span.text-xl{font-size:1.15rem!important}body.presentation-mode header svg{width:1.15rem!important;height:1.15rem!important}body.presentation-mode #student-badge-li>div{padding:.1rem .4rem!important;border-radius:.5rem!important;font-size:.75rem!important}body.presentation-mode #student-badge-li button{width:1.1rem!important;height:1.1rem!important;font-size:.65rem!important;margin-left:.25rem!important}body.presentation-mode .sticky{top:0!important;margin-top:0!important;padding:0!important;margin-bottom:.15rem!important}body.presentation-mode .sticky>div{padding:.1rem .25rem!important;border-radius:.5rem!important;box-shadow:none!important;border:none!important;background:#ffffffe6!important}body.presentation-mode #app-content,body.presentation-mode .max-w-full{padding-top:0!important;margin-top:0!important}body.presentation-mode #ltNav{padding:.15rem .5rem!important;gap:.75rem!important}body.presentation-mode .ltMuiTen,body.presentation-mode #ltBtnTrai,body.presentation-mode #ltBtnPhai{width:2.25rem!important;height:2.25rem!important;font-size:1.1rem!important}body.presentation-mode #ltChiSoTrang{font-size:.85rem!important}body.presentation-mode .ltCham{width:8px!important;height:8px!important}span.text-\[7px\],p.text-\[7px\]{font-size:10px!important}span.text-\[8px\],p.text-\[8px\],h3.text-\[8px\]{font-size:11px!important}span.text-\[9px\],p.text-\[9px\],th.text-\[9px\],div.text-\[9px\]{font-size:12px!important}span.text-\[10px\],label.text-\[10px\],p.text-\[10px\],div.text-\[10px\]{font-size:13px!important}body.mobile-mode{font-size:1rem!important}body.mobile-mode .bento-grid{grid-template-columns:1fr!important;gap:12px!important}body.mobile-mode .clay-card,body.mobile-mode .subject-card{padding:16px!important}body.mobile-mode input,body.mobile-mode select{font-size:1.1rem!important;padding:10px 12px!important;height:44px!important}body.mobile-mode button{min-height:44px!important;padding:8px 16px!important}body.mobile-mode #app-content{padding-left:8px!important;padding-right:8px!important}@media (max-width: 640px){:root{--border-radius-lg: 20px;--border-radius-md: 16px}.text-4xl{font-size:1.75rem!important;line-height:1.2!important}.text-3xl{font-size:1.5rem!important;line-height:1.3!important}.text-2xl{font-size:1.25rem!important}.text-xl{font-size:1.125rem!important}.web-slide{font-size:1.1rem!important;padding:15px!important;justify-content:flex-start!important;overflow-y:auto!important}#presentation-overlay .nav-controls{bottom:10px;right:10px}#presentation-overlay .nav-controls button{width:44px;height:44px;font-size:1rem}#presentation-overlay .close-btn{top:10px;right:10px;width:36px;height:36px;font-size:1.1rem}.p-12,.md\:p-12{padding:1.25rem!important}.p-10,.md\:p-10{padding:1rem!important}.p-8,.md\:p-8{padding:.75rem!important}.p-6{padding:.5rem!important}.px-12{padding-left:1.25rem!important;padding-right:1.25rem!important}.px-10{padding-left:1rem!important;padding-right:1rem!important}.px-8{padding-left:.75rem!important;padding-right:.75rem!important}.rounded-\[40px\]{border-radius:1.5rem!important}.rounded-\[32px\]{border-radius:1.25rem!important}.container{padding-left:1rem!important;padding-right:1rem!important}.bento-grid{gap:.5rem;padding:.25rem}.btn-submit-premium{font-size:1.25rem!important;padding:1rem 2rem!important}.btn-submit-global{font-size:1.1rem!important;padding:.75rem 1.5rem!important}header nav{padding-left:.5rem!important;padding-right:.5rem!important}#navbar-menu{gap:.35rem!important}#navbar-menu li a,#navbar-menu li button{font-size:9px!important;padding-left:.5rem!important;padding-right:.5rem!important}#subject-badge{font-size:8px!important}.text-2xl.font-black{font-size:1.1rem!important}.tracking-\[0\.4em\]{letter-spacing:.1em!important}.w-full.max-w-4xl img{border-radius:1rem!important}summary.w-full.p-10{padding:1rem!important}body{overflow-x:hidden}}@media (min-width: 641px) and (max-width: 1024px){.text-4xl{font-size:2.25rem!important}.web-slide{font-size:1.6rem!important}}.tutor-container{background:linear-gradient(135deg,#fffbeb,#fff7ed);border:2px solid #fdba74;border-radius:40px;padding:2rem;position:relative;overflow:hidden}.dark .tutor-container{background:linear-gradient(135deg,#1e1b4b,#0f172a);border-color:#4338ca}.tutor-character{width:80px;height:80px;background:#f97316;border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:3rem;box-shadow:0 10px 25px -5px #f9731666;animation:tutor-bounce 3s ease-in-out infinite}@keyframes tutor-bounce{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(5deg)}}.tutor-bubble{background:#fff;padding:1.5rem;border-radius:24px 24px 24px 4px;box-shadow:0 4px 15px #0000000d;position:relative;margin-left:1rem;flex:1}.dark .tutor-bubble{background:#1e293b;color:#f1f5f9;box-shadow:0 4px 20px #0003}.tutor-bubble:before{content:"";position:absolute;bottom:0;left:-10px;width:20px;height:20px;background:inherit;clip-path:polygon(100% 0,100% 100%,0 100%)}.tutor-option{padding:1rem 1.5rem;background:#fff;border:2px solid #e2e8f0;border-radius:16px;font-weight:700;color:#1e293b;transition:all .2s ease;text-align:left;width:100%}.tutor-option:hover{border-color:#f97316;background:#fff7ed;transform:translate(5px)}.dark .tutor-option{background:#334155;border-color:#475569;color:#f1f5f9}.dark .tutor-option:hover{border-color:#6366f1;background:#1e1b4b}.tutor-feedback{animation:slideUp .4s cubic-bezier(.16,1,.3,1)}#ltViewport{overflow:hidden;position:relative}#ltTrack{display:flex;transition:transform .45s cubic-bezier(.4,0,.2,1);will-change:transform}.ltTrang{width:100%;min-width:100%;max-width:100%;flex-shrink:0;padding-bottom:5rem;box-sizing:border-box;overflow:hidden}#ltNav{position:sticky;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:.75rem 1rem;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(59,130,246,.12);z-index:50;box-shadow:0 -4px 20px #0000000f}.ltMuiTen{display:flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;border-radius:50%;border:2px solid #bfdbfe;background:#fff;color:#2563eb;font-size:1.5rem;cursor:pointer;transition:background .2s,border-color .2s,transform .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ltMuiTen:hover:not(:disabled){background:#eff6ff;border-color:#3b82f6;transform:scale(1.08)}.ltMuiTen:active:not(:disabled){transform:scale(.93)}.ltMuiTen:disabled{opacity:.3;cursor:default}#ltChiSoTrang{font-size:1.05rem;font-weight:700;color:#1e40af;min-width:6rem;text-align:center}.ltCham{width:.6rem;height:.6rem;border-radius:50%;background:#bfdbfe;transition:background .25s,transform .25s}.ltCham.active{background:#2563eb;transform:scale(1.35)}.ltTrang p,.ltTrang span,.ltTrang td,.ltTrang div,.ltTrang label,.math-exercise p,.math-exercise span,.vc-exercise h3,.vc-exercise div,.fraction-exercise h3,.fraction-exercise span,.word-problem h3,.word-problem p,.word-problem label{font-weight:500!important}.ltTrang th,.ltTrang h3,.math-exercise h4,.word-problem h3{font-weight:700!important}@media (min-width: 768px){.ltTrang p,.ltTrang td,.ltTrang span,.math-exercise p,.math-exercise span,.vc-exercise h3,.fraction-exercise h3,.fraction-exercise span,.word-problem p{font-size:1.5rem!important;line-height:1.6!important}.ltTrang th,.ltTrang h3:not([class*=text-]),.math-exercise h4,.word-problem h3{font-size:1.875rem!important}.ltTrang input[type=text],.math-exercise input[type=text],.vc-exercise input[type=text],.fraction-exercise input[type=text],.word-problem textarea{font-size:1.5rem!important;font-weight:600!important;padding:.75rem 1rem!important}}@media (min-width: 1024px){.ltTrang p,.ltTrang td,.ltTrang span,.math-exercise p,.math-exercise span,.vc-exercise h3,.fraction-exercise h3,.fraction-exercise span,.word-problem p{font-size:1.875rem!important;line-height:1.7!important}.ltTrang th,.ltTrang h3:not([class*=text-]),.math-exercise h4,.word-problem h3{font-size:2.25rem!important}.ltTrang input[type=text],.math-exercise input[type=text],.vc-exercise input[type=text],.fraction-exercise input[type=text],.word-problem textarea{font-size:1.875rem!important}}.veh-item span{font-size:.875rem!important;font-weight:600!important}@media (min-width: 768px){.veh-item span{font-size:1.125rem!important}}@media (min-width: 1024px){.veh-item span{font-size:1.25rem!important}}.ltTrang .flex.flex-wrap.items-center:has(input[type=text]),.math-exercise .flex.flex-wrap.items-center:has(input[type=text]),.fraction-exercise .flex.flex-wrap.items-center:has(input[type=text]){display:block!important;text-align:left}.ltTrang .flex.flex-wrap.items-center:has(input[type=text])>span,.ltTrang .flex.flex-wrap.items-center:has(input[type=text])>label,.math-exercise .flex.flex-wrap.items-center:has(input[type=text])>span,.math-exercise .flex.flex-wrap.items-center:has(input[type=text])>label{display:inline!important;vertical-align:middle}.ltTrang .flex.flex-wrap.items-center:has(input[type=text])>input[type=text],.math-exercise .flex.flex-wrap.items-center:has(input[type=text])>input[type=text]{display:inline-block!important;vertical-align:middle;margin:2px 6px!important;text-align:center}.ltTrang .flex.flex-wrap.items-center:has(input[type=text])>button,.math-exercise .flex.flex-wrap.items-center:has(input[type=text])>button{display:inline-flex!important;vertical-align:middle;margin-left:8px!important}.ltTrang .math-table-header th{font-size:8px!important;font-weight:400!important;line-height:1.3!important;padding:4px 1px!important;color:#1e3a8a!important}@media (min-width: 640px){.ltTrang .math-table-header th{font-size:10px!important;font-weight:500!important;padding:6px 2px!important}}@media (min-width: 768px){.ltTrang .math-table-header th{font-size:12px!important;font-weight:500!important;padding:8px 4px!important}}.ltTrang table th{font-size:.75rem!important;font-weight:600!important;line-height:1.25!important}@media (min-width: 768px){.ltTrang table th{font-size:1.1rem!important}}@media (min-width: 1024px){.ltTrang table th{font-size:1.25rem!important}}@media (max-width: 767px){h1,h1.text-3xl,h1.text-2xl,h1.text-xl,#app-content h1,.max-w-full h1{font-size:1.15rem!important;line-height:1.4!important}.ltTrang p,.ltTrang td,.ltTrang span,.math-exercise p,.math-exercise span,.vc-exercise h3,.fraction-exercise h3,.fraction-exercise span,.word-problem p,.word-problem label{font-size:.95rem!important;line-height:1.5!important}.ltTrang th,.ltTrang h3:not([class*=text-]),.math-exercise h4,.word-problem h3{font-size:1.1rem!important}.ltTrang{padding-bottom:4rem!important}.p-8,.p-6,.p-5,.md\:p-8,.rounded-\[2\.5rem\],.rounded-\[3rem\],.rounded-\[2rem\]{padding:1.25rem!important;border-radius:1.5rem!important}.space-y-8,.md\:space-y-8{margin-top:1rem!important;margin-bottom:1rem!important}.ltTrang input[type=text],.math-exercise input[type=text],.vc-exercise input[type=text],.fraction-exercise input[type=text],.word-problem textarea,.ltTrang textarea{font-size:1.05rem!important;padding:.375rem .5rem!important;height:auto!important;min-height:unset!important;border-radius:.75rem!important;transition:width .15s ease-out,min-width .15s ease-out,border-color .15s,box-shadow .15s!important}table input[type=text],table textarea{min-width:70px!important}input[type=text]:focus,textarea:focus{border-color:#0058be!important;box-shadow:0 0 0 3px #0058be26!important;outline:none!important;background-color:#fff!important}button.w-24.h-24,.w-24.h-24.rounded-\[2rem\],.w-24.h-24.rounded-3xl{width:4rem!important;height:4rem!important;font-size:2.25rem!important;border-radius:1.25rem!important}.math-vertical-container,.math-vertical-layout,[class*=grid-template-columns]{max-width:100%!important;overflow-x:auto!important}#math-modal-content{max-height:95vh!important;padding:1rem!important;border-radius:1.5rem!important}#modal-body{font-size:1.1rem!important}.sticky.top-\[92px\],.sticky.top-\[96px\],#app-content .sticky{position:sticky!important;top:52px!important;margin-bottom:1.25rem!important;padding:.25rem .5rem!important;background:#fffffff2!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;border-bottom:1px solid rgba(226,232,240,.8)!important;z-index:40!important}.dark .sticky.top-\[92px\],.dark .sticky.top-\[96px\],.dark #app-content .sticky{background:#0f172af2!important;border-bottom:1px solid rgba(51,65,85,.8)!important}.sticky div.bg-white\/95,.sticky div.backdrop-blur-2xl,#app-content .sticky>div{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.5rem!important;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;border-radius:0!important}.tab-btn{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:.75rem .2rem!important;border-radius:1.25rem!important;background:#fff!important;color:#424754!important;border:2px solid #e5eeff!important;box-shadow:0 4px 12px #3b82f60a!important;font-size:.65rem!important;font-weight:800!important;letter-spacing:-.02em!important;text-transform:uppercase!important;white-space:nowrap!important;min-height:5.5rem!important;transition:all .15s ease-in-out!important}.dark .tab-btn{background:#1e293b!important;border-color:#334155!important;color:#94a3b8!important}.tab-btn span{width:2.5rem!important;height:2.5rem!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#eff4ff!important;border-radius:.75rem!important;margin-bottom:.375rem!important;font-size:1.25rem!important;transition:all .15s ease-in-out!important}.dark .tab-btn span{background:#334155!important}.tab-btn.active{background:#0058be!important;color:#fff!important;border-color:#0058be!important;box-shadow:0 4px 14px #0058be33!important}.tab-btn.active span{background:#fff3!important;color:#fff!important}.tab-btn:active{transform:translateY(2px)!important}header.sticky{padding:0!important}header nav.glass-card-premium{border-radius:0!important;border-top:none!important;border-left:none!important;border-right:none!important;padding:.5rem 1rem!important;box-shadow:0 2px 10px #0000000a!important;background:#fffffff5!important}.dark header nav.glass-card-premium{background:#0f172af5!important}header nav.glass-card-premium a.flex.items-center div.w-11.h-11{width:2.25rem!important;height:2.25rem!important;border-radius:.5rem!important;font-size:1.15rem!important}header nav.glass-card-premium span.text-2xl{font-size:1.15rem!important}header nav.glass-card-premium span.text-\[9px\]{font-size:8px!important}#subject-badge{display:inline-block!important;background:#fd761a!important;padding:.2rem .5rem!important;font-size:8px!important;border-radius:9999px!important;font-weight:800!important;color:#fff!important;line-height:1!important;margin-left:.25rem!important}}.viewer-area{position:relative;display:flex;align-items:flex-start;justify-content:center;background:#d6f2fe;overflow:hidden;border-radius:24px;min-height:650px;height:80vh;width:100%}.dark .viewer-area{background:#0f131f}.bg-decor-left{position:absolute;left:0;top:0;width:20%;height:100%;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="300" height="600" viewBox="0 0 300 600"><path d="M50,100 L90,120 L75,130 Z" fill="%234390f7" opacity="0.3"/><path d="M120,250 L170,270 L150,285 Z" fill="%234390f7" opacity="0.4"/><circle cx="-50" cy="650" r="250" fill="%23ffffff" opacity="0.5"/><circle cx="50" cy="550" r="180" fill="%23ffffff" opacity="0.6"/></svg>');background-size:cover;background-position:left bottom;pointer-events:none}.bg-decor-right{position:absolute;right:0;top:0;width:20%;height:100%;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="300" height="600" viewBox="0 0 300 600"><circle cx="350" cy="650" r="280" fill="%23ffffff" opacity="0.5"/><path d="M220,100 Q260,180 300,100" fill="none" stroke="%23ff6b6b" stroke-width="8" opacity="0.6"/><path d="M210,110 Q260,200 310,110" fill="none" stroke="%23feca57" stroke-width="8" opacity="0.6"/><path d="M200,120 Q260,220 320,120" fill="none" stroke="%231dd1a1" stroke-width="8" opacity="0.6"/><path d="M190,130 Q260,240 330,130" fill="none" stroke="%2354a0ff" stroke-width="8" opacity="0.6"/></svg>');background-size:cover;background-position:right bottom;pointer-events:none}.toc-drawer{position:absolute;top:0;left:0;width:280px;height:100%;background:#fff;box-shadow:4px 0 15px #00000014;z-index:80;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;padding:1rem}.toc-drawer.open{transform:translate(0)}.dark .toc-drawer{background:#111625;box-shadow:4px 0 15px #0006}.toc-drawer h3{font-size:1rem;font-weight:800;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(0,0,0,.05)}.dark .toc-drawer h3{border-bottom-color:#ffffff0d}.toc-list{list-style:none;overflow-y:auto;flex:1}.toc-item{padding:.6rem .8rem;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:.8rem;margin-bottom:.25rem;transition:all .2s;border:1px solid transparent}.toc-item:hover{background:#3b82f60d}.toc-item.active{background:#2563eb1a;border-color:#2563eb33;color:#2563eb;font-weight:700}.dark .toc-item.active{color:#60a5fa}.book-wrapper{position:relative;z-index:10;width:100%;height:100%;display:flex;align-items:flex-start;justify-content:center;padding:2rem 1rem 1rem}.book-container{width:100%;max-width:900px;height:100%;max-height:70vh;aspect-ratio:1.414 / 1;perspective:2000px;position:relative;transition:all .3s ease}.single-view .book-container{max-width:450px;aspect-ratio:.707 / 1}.book{width:100%;height:100%;position:relative;transform-style:preserve-3d;display:flex}.book-page{position:absolute;width:50%;height:100%;top:0;transform-style:preserve-3d;transition:transform .4s cubic-bezier(.645,.045,.355,1);box-shadow:0 5px 15px #0000001a}.single-view .book-page{width:100%;left:0;right:0;border-radius:12px}.page-left{left:0;transform-origin:right center;border-top-left-radius:8px;border-bottom-left-radius:8px;z-index:2}.page-right{right:0;transform-origin:left center;border-top-right-radius:8px;border-bottom-right-radius:8px;z-index:1}.page-face{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;background:#fff;backface-visibility:hidden}.page-left img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:right center;object-position:right center;display:block}.page-right img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center;display:block}.single-view .page-face img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center;display:block}.objectives-clickbox{position:absolute;top:24%;left:10%;width:80%;height:16%;border:2px dashed transparent;border-radius:8px;cursor:zoom-in;transition:all .3s ease;z-index:85}.objectives-clickbox:hover{background:#0284c714;border-color:#0284c7}.book-spine{position:absolute;left:50%;top:0;width:8px;height:100%;background:linear-gradient(to right,#00000026,#ffffff0d,#00000026);transform:translate(-50%);z-index:10;pointer-events:none}.single-view .book-spine{display:none}.flipped{transform:rotateY(-180deg);z-index:3}.book-corner{position:absolute;width:60px;height:60px;z-index:999;cursor:pointer;pointer-events:auto}.corner-top-left{top:0;left:0}.corner-bottom-left{bottom:0;left:0}.corner-top-right{top:0;right:0}.corner-bottom-right{bottom:0;right:0}.book-corner:after{content:"";position:absolute;width:0;height:0;background:linear-gradient(135deg,transparent 50%,rgba(0,0,0,.1) 50%,rgba(255,255,255,.9) 100%);transition:all .2s ease;pointer-events:none;opacity:0;z-index:96}.corner-bottom-left:after{bottom:0;left:0}.corner-top-left:after{top:0;left:0;transform:scaleY(-1)}.corner-bottom-right:after{bottom:0;right:0;transform:scaleX(-1)}.corner-top-right:after{top:0;right:0;transform:scale(-1)}.book-corner:hover:after{width:36px;height:36px;opacity:1}.reader-controls-bar{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:16px;padding:.5rem 1rem;margin-bottom:1rem;z-index:30}.dark .reader-controls-bar{background:#1e293b;border-color:#ffffff0d}.quiz-overlay-btn{position:absolute;bottom:1rem;right:1rem;background:#10b981;color:#fff;font-weight:800;font-size:.8rem;padding:.5rem 1rem;border-radius:9999px;border:none;cursor:pointer;box-shadow:0 4px 10px #10b9814d;z-index:90;transition:all .2s}.quiz-overlay-btn:hover{transform:translateY(-2px);background:#059669}#math-modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;align-items:center!important;justify-content:center!important;z-index:999999!important;padding:1rem!important;box-sizing:border-box!important}#math-modal-content{display:flex!important;flex-direction:column!important;max-height:90vh!important;width:100%!important;max-width:700px!important;padding:1.25rem!important;box-sizing:border-box!important;overflow:hidden!important}#modal-body{flex:1!important;overflow-y:auto!important;max-height:100%!important;padding-right:.5rem!important}#modal-header,#modal-header-container,#modal-header-wrapper{display:none!important}#math-modal-content>button:not(#math-modal-close-btn){display:none!important}