.home-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100vw}.home-content{animation:fadeInUp 1s ease-out;text-align:center;z-index:2}.brain-icon{animation:bounce 2s infinite;font-size:5rem;margin-bottom:2rem}.brand-title{font-size:6rem;font-weight:900;letter-spacing:-.05em;margin-bottom:1rem;text-shadow:0 10px 30px #0000004d}.brain-text{background:linear-gradient(45deg,gold,orange);-webkit-background-clip:text;background-clip:text;color:gold}.brain-text,.buzz-text{-webkit-text-fill-color:#0000}.buzz-text{background:linear-gradient(45deg,#ff6b6b,#ff8e53);-webkit-background-clip:text;background-clip:text;color:#ff6b6b}.tagline{color:#ffffffe6;font-size:1.5rem;font-weight:300;margin-bottom:3rem}.click-instruction{animation:pulse 2s infinite;color:#ffffffb3;font-size:1.2rem}.floating-elements{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.floating-element{animation:float 6s ease-in-out infinite;font-size:2rem;opacity:.6;position:absolute}.element-1{animation-delay:0s;left:15%;top:20%}.element-2{animation-delay:1.5s;right:20%;top:30%}.element-3{animation-delay:3s;bottom:30%;left:20%}.element-4{animation-delay:4.5s;bottom:20%;right:15%}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-20px) rotate(90deg)}50%{transform:translateY(-10px) rotate(180deg)}75%{transform:translateY(-30px) rotate(270deg)}}@media (max-width:768px){.brand-title{font-size:4rem}.brain-icon{font-size:3rem}.tagline{font-size:1.2rem}}.landing-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;justify-content:center;overflow:hidden;width:100vw}.navigation-layout{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:350px 1fr;height:auto;max-width:1200px;padding:0 2rem;width:100%}.left-panel{align-self:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;display:flex;flex-direction:column;gap:1.5rem;height:fit-content;padding:2rem}.panel-title{color:#ffffffe6;font-size:1.5rem;font-weight:600;margin:0 0 1rem;text-align:center}.nav-button{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:15px;color:#fff;cursor:pointer;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.nav-button:hover{background:#fff3;box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.button-icon{font-size:2rem;min-width:50px;text-align:center}.button-content h3{font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.button-content p{font-size:.9rem;margin:0;opacity:.8}.center-panel{align-items:center;display:flex;justify-content:center}.primary-section{max-width:500px;text-align:center}.welcome-text{margin-bottom:3rem}.main-title{color:#fff;font-size:3.5rem;font-weight:800;margin:0 0 1rem;text-shadow:0 4px 20px #0000004d}.main-subtitle{color:#ffffffe6;font-size:1.3rem;font-weight:300;line-height:1.6;margin:0}.primary-button{align-items:center;background:linear-gradient(45deg,gold,orange);border:none;border-radius:25px;box-shadow:0 8px 30px #ffd70066;color:#333;cursor:pointer;display:flex;font-size:1.3rem;font-weight:700;gap:1rem;margin:0 auto 2.5rem;overflow:hidden;padding:1.5rem 3rem;position:relative;transition:all .3s ease}.primary-button:hover{box-shadow:0 12px 40px #ffd70099;transform:translateY(-3px)}.primary-button:active{transform:translateY(-1px)}.primary-icon{font-size:1.5rem}.primary-text{font-size:1.2rem}.button-glow{background:linear-gradient(45deg,#0000,#ffffff4d,#0000);height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg) translateX(-100%);transition:transform .6s;width:200%}.primary-button:hover .button-glow{transform:rotate(45deg) translateX(100%)}.features-list{flex-direction:column;gap:.75rem}.feature-item,.features-list{align-items:center;display:flex}.feature-item{color:#fffc;font-size:1rem;gap:.5rem}@media (max-width:768px){.landing-container{padding:1rem 0}.navigation-layout{gap:2rem;grid-template-columns:1fr;grid-template-rows:auto auto;height:auto;justify-items:center;padding:1rem}.left-panel{max-width:400px;order:2;padding:1.5rem;width:100%}.center-panel{order:1}.main-title{font-size:2.5rem}.main-subtitle{font-size:1.1rem}.nav-button{padding:1rem}.button-content h3{font-size:1rem}.button-content p{font-size:.8rem}.features-list{flex-direction:row;flex-wrap:wrap;gap:1.5rem;justify-content:center}.primary-button{font-size:1.1rem;padding:1.2rem 2.5rem}}@media (max-width:480px){.navigation-layout{gap:1.5rem;padding:.5rem}.main-title{font-size:2rem}.main-subtitle{font-size:1rem}.primary-button{font-size:1rem;padding:1rem 2rem}.left-panel{padding:1rem}.features-list{flex-direction:column;gap:.75rem}}@media (min-width:1400px){.navigation-layout{gap:4rem;max-width:1400px}.main-title{font-size:4rem}.main-subtitle{font-size:1.4rem}}.exam-selection{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;justify-content:center;margin:0;max-height:100%;max-width:100%;overflow:auto;padding:2rem;position:relative;width:100vw}.selection-content{margin:0 auto}.exam-header{color:#fff;margin-bottom:4rem;text-align:center}.exam-header h2{font-size:3rem;font-weight:700;margin-bottom:1rem;text-shadow:0 5px 15px #0000004d}.exam-header p{font-size:1.2rem;font-weight:300;opacity:.9}.exam-buttons{flex-wrap:wrap;gap:3rem}.exam-button,.exam-buttons{display:flex;justify-content:center}.exam-button{align-items:center;background:#fff;border:none;border-radius:20px;box-shadow:0 15px 35px #0000001a;cursor:pointer;flex-direction:column;height:250px;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s ease;width:200px}.exam-button:before{background:var(--exam-color);content:"";height:5px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.exam-button:hover:before{transform:scaleX(1)}.exam-button:hover{box-shadow:0 25px 50px #0003;transform:translateY(-10px)}.exam-icon{filter:grayscale(.3);font-size:4rem;margin-bottom:.6rem;transition:filter .3s ease}.exam-button:hover .exam-icon{filter:grayscale(0)}.exam-name{color:var(--exam-color);font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.6rem}.exam-description{color:#666;font-size:.9rem;font-weight:400;line-height:1.4}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.exam-button{animation:slideInUp .6s ease-out}.exam-button:first-child{animation-delay:.1s}.exam-button:nth-child(2){animation-delay:.2s}.exam-button:nth-child(3){animation-delay:.3s}@media (max-width:768px){.exam-buttons{flex-direction:column;gap:2rem}.exam-button{height:200px;width:300px}.exam-header h2{font-size:2rem}}.practice-test-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-sizing:border-box;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;justify-content:center;margin:0;max-height:100%;max-width:100%;padding:2rem;width:100vw}.selection-content{box-sizing:border-box;margin:40px auto 30px;max-width:100vw;position:relative;width:100%}.back-button{margin-bottom:2rem;margin-left:-30px;margin-top:10px}.header-section{margin-bottom:3rem;text-align:center}.selection-title{color:#fff;font-size:3rem;font-weight:800;margin:0 0 .1rem;text-shadow:0 4px 20px #0000004d}.selection-subtitle{color:#ffffffe6;font-size:1.3rem;font-weight:300;margin:0}.mode-buttons{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin-top:-30px}.mode-btn{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#fff;cursor:pointer;overflow:hidden;padding:2.5rem;position:relative;text-align:center;transition:all .3s ease}.mode-btn:before{content:"";height:4px;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.practice-mode:before{background:linear-gradient(90deg,#10b981,#059669)}.test-mode:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.mode-btn:hover{background:#fff3;box-shadow:0 15px 40px #0003;transform:translateY(-5px)}.mode-icon{font-size:3rem;margin-bottom:1rem}.mode-title{font-size:2rem;font-weight:700;margin:0 0 1rem}.mode-description{font-size:1.1rem;line-height:1.5;margin:0 0 2rem;opacity:.9}.mode-features{align-items:center;display:flex;flex-direction:column;gap:.75rem}.feature{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;font-size:.9rem;padding:.5rem 1rem}@media (max-width:768px){.practice-test-container{padding:1rem}.mode-buttons{gap:1.5rem;grid-template-columns:1fr}.selection-title{font-size:2.5rem}.mode-btn{padding:2rem}.mode-title{font-size:1.5rem}.mode-description{font-size:1rem}}.subject-selection{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;height:100vh;justify-content:center;padding:2rem;position:relative;width:100vw}.back-button{margin-left:20px}.subject-header{color:#fff;flex-direction:column;margin-bottom:4rem}.subject-header h2{display:block;font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 5px 15px #0000004d}.subject-header p{display:block;font-size:1.2rem;font-weight:300;margin-top:0;opacity:.9}.content-wrapper{align-items:center;display:flex;flex-direction:column;gap:2rem;max-width:800px;width:100%}.subject-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));width:100%}.subject-grid-4.four-in-one{grid-template-columns:repeat(4,1fr)}.continue-button{background:#fff;border-radius:10px;box-shadow:0 10px 20px #0000001a;color:#764ba2;margin-top:2rem}.continue-button:hover{box-shadow:0 15px 30px #0003}.subject-button{align-items:center;background:#fff;border:none;border-radius:20px;box-shadow:0 10px 30px #0000001a;cursor:pointer;display:flex;flex-direction:column;height:200px;justify-content:center;justify-self:center;overflow:hidden;position:relative;text-align:center;transition:all .3s ease;width:200px}.subject-button:before{background:linear-gradient(135deg,var(--subject-color),#ffffff1a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.subject-button:hover:before{opacity:.1}.subject-button:hover{box-shadow:0 20px 40px #0003;transform:translateY(-10px) scale(1.05)}.subject-button.selected{background:var(--subject-color);box-shadow:0 15px 30px #0003;color:#fff;transform:translateY(-5px)}.subject-button.selected:hover{transform:translateY(-10px) scale(1.05)}.selected-check{align-items:center;background:#fff;border-radius:50%;color:var(--subject-color);display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;position:absolute;right:10px;top:10px;width:24px}.subject-icon{font-size:3rem;margin-bottom:1rem;position:relative;transition:transform .3s ease;z-index:2}.subject-button:hover .subject-icon{transform:scale(1.2)}.subject-name{color:var(--subject-color);font-size:1.5rem;position:relative;z-index:2}.subject-hover-effect{background:var(--subject-color);border-radius:50%;height:0;left:50%;opacity:.1;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .4s ease;width:0;z-index:1}.subject-button:hover .subject-hover-effect{height:300px;width:300px}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.subject-button{animation:bounceIn .6s ease-out}.subject-button:first-child{animation-delay:.1s}.subject-button:nth-child(2){animation-delay:.2s}.subject-button:nth-child(3){animation-delay:.3s}.subject-button:nth-child(4){animation-delay:.4s}@media (max-width:768px){.subject-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.subject-button{height:150px;width:150px}.subject-header h2{font-size:2rem}}.chapter-selection{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative;width:100vw}.back-button{left:1.5rem;position:fixed;top:1.5rem;z-index:10}.chapter-header{color:#fff;flex-shrink:0;padding:2rem 1rem 1rem;text-align:center}.progress-indicator{margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:400px}.progress-bar{background:#fff3;margin-bottom:.5rem}.progress-fill{background:linear-gradient(90deg,#4caf50,#81c784);transition:width .5s ease}.progress-text{color:#ffffffe6;font-weight:500}.chapter-header h2{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 3px 10px #0000004d}.chapter-header p{color:#ffffffe6;font-size:1.1rem;font-weight:300}.subjects-container{flex:1 1;overflow-y:auto;padding:0 2rem 2rem;scrollbar-color:#ffffff4d #0000;scrollbar-width:thin}.subjects-container::-webkit-scrollbar{width:8px}.subjects-container::-webkit-scrollbar-track{background:#0000}.subjects-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.subjects-container::-webkit-scrollbar-thumb:hover{background:#ffffff80}.subject-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 15px 35px #0000001a;margin-bottom:2rem;padding:2rem}.subject-section h3{color:#2c3e50;font-size:1.8rem;font-weight:600;margin-bottom:1.5rem;position:relative;text-align:center}.subject-section h3:after{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.class-sections{display:flex;flex-direction:column;gap:2rem}.class-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:15px;padding:1.5rem}.class-section h4{align-items:center;color:#495057;display:flex;font-size:1.3rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.class-section h4:before{content:"📚";font-size:1.2rem}.chapters-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:1rem}.chapter-button{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:12px;color:#495057;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;line-height:1.4;min-height:70px;overflow:hidden;padding:1rem 1.2rem;position:relative;text-align:left;transition:all .3s ease}.chapter-button:before{background:linear-gradient(90deg,#0000,#667eea1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.chapter-button:hover:before{left:100%}.chapter-button:hover{border-color:#667eea;box-shadow:0 8px 25px #667eea26;color:#667eea;transform:translateY(-3px)}.chapter-button.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 8px 25px #667eea4d;color:#fff;transform:translateY(-2px)}.chapter-button.selected:after{align-items:center;background:#fff3;border-radius:50%;color:#fff;content:"✓";display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;position:absolute;right:8px;top:8px;width:20px}.continue-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:50px;bottom:2rem;box-shadow:0 8px 25px #28a7454d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;min-width:200px;padding:1rem 2rem;position:fixed;right:2rem;text-align:center;transition:all .3s ease;z-index:10}.continue-button:hover{background:linear-gradient(135deg,#218838,#1dd1a1);box-shadow:0 12px 35px #28a74566;transform:translateY(-3px)}.continue-button:active{transform:translateY(-1px)}@media (max-width:768px){.subjects-container{padding:0 1rem 2rem}.subject-section{margin-bottom:1.5rem;padding:1.5rem}.chapters-grid{gap:.8rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.chapter-button{font-size:.9rem;min-height:60px;padding:.8rem 1rem}.continue-button{bottom:1rem;left:1rem;min-width:auto;right:1rem;width:auto}.back-button{left:1rem;padding:.6rem 1.2rem;top:1rem}.chapter-header{padding:1.5rem 1rem .5rem}.chapter-header h2{font-size:2rem}}.error-message,.loading-message{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:1.2rem;height:100vh;justify-content:center}.error-message{color:#ffcccb}.error-message small{margin-top:.5rem;opacity:.7}.question-container{background-color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh;margin:0;padding:0;position:relative;width:100vw}.question-main-wrapper{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;transition:margin-right .3s ease-in-out}.chapter-title{font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.question-header-info{align-items:center;background:#f8f9fa;border-left:4px solid #6c85f4;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem 1rem}.question-id{color:#6c85f4;font-size:.9rem;font-weight:600}.question-header-info .chapter-title{margin-bottom:0}.progress-info{align-items:center;display:flex;font-weight:600;gap:1rem}.correct-answer-section{background-color:#05a76e;border:2px solid #4caf50;border-radius:10px;color:#fff;font-weight:700;margin-top:-10px;padding:1rem}.correct-answer-item{align-items:center;display:flex;gap:4px}.correct-answer-header{margin-bottom:10px}.correct-answer-content{margin-left:10px}.question-header{background:#fff;border-bottom:1px solid #e9ecef;box-shadow:0 2px 8px #0000001a;padding:1rem;position:sticky;top:0;z-index:100}.practice-timer{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:25px;box-shadow:0 4px 15px #667eea4d;color:#fff;display:flex;font-weight:600;gap:.5rem;padding:.5rem 1rem}.timer-icon{animation:pulse 2s ease-in-out infinite;font-size:1.2rem}.timer-value{font-family:Courier New,monospace;font-size:1.1rem;letter-spacing:1px}.back-button-main{background:#eee;border:none;cursor:pointer;padding:.5rem 1rem}.progress-info span{display:block;font-weight:700}.question-container .question-content{flex:1 1!important;margin-top:-.5rem!important;overflow-y:auto!important;padding:0 1rem 1rem!important}.question-container .question-section{margin:0!important;padding:0!important}.question-image img{display:block;margin:auto}.question-container .options-list,.question-container .options-section{margin:0!important;padding:0!important}.question-container .options-list{grid-gap:.75rem!important;display:grid!important;gap:.75rem!important;grid-template-columns:1fr 1fr!important;grid-template-rows:auto auto!important;max-width:100%!important}.question-container .option-label{align-items:center!important;background:#fff!important;border:1px solid #d1d5db!important;border-radius:6px!important;box-shadow:0 1px 3px #0000001a!important;box-sizing:border-box!important;cursor:pointer!important;display:flex!important;gap:10px!important;min-height:45px!important;padding:.5rem .8rem!important;transition:all .2s ease!important;width:100%!important}.question-container .option-label:hover{border-color:#9ca3af!important;box-shadow:0 2px 6px #00000026!important}.option-radio{flex-shrink:0;margin:0}.question-container .option-marker{color:#6366f1!important;flex-shrink:0!important;font-size:15px!important;font-weight:600!important;min-width:18px!important;text-align:left!important}.question-container .option-text{word-wrap:break-word!important;color:#374151!important;display:inline!important;flex:1 1!important;font-size:17px!important;line-height:1.4!important;white-space:normal!important}.question-container .option-label.selected{background-color:#27ae60!important;border-color:#4caf50!important;color:#fff!important}.question-container .option-label.selected .option-marker,.question-container .option-label.selected .option-text{color:#fff!important}.question-container button{background:#667eea;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:.6rem 1rem}.question-container button:hover{background:#667eea}.question-container .submit-button{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;border-radius:8px!important;box-shadow:0 2px 10px #667eea4d!important;color:#fff!important;cursor:pointer!important;display:inline-block!important;font-size:.9rem!important;font-weight:600!important;letter-spacing:.5px!important;margin-top:.5rem!important;padding:.8rem 1.5rem!important;text-transform:uppercase!important;transition:all .3s ease!important;width:auto!important}.question-container .submit-button:hover{box-shadow:0 4px 15px #667eea66!important;transform:translateY(-2px)!important}.question-container .submit-button:disabled{cursor:not-allowed!important;opacity:.6!important;transform:none!important}.question-container .action-section{border-top:2px solid #e9ecef!important;display:flex!important;justify-content:center!important;margin-top:1rem!important;padding-top:1rem!important}.result-section{display:flex;justify-content:center;margin:2rem auto;max-width:600px}.correct-result,.incorrect-result{background:#fff;border:1px solid;border-radius:8px;box-shadow:0 2px 12px #00000014;max-width:400px;padding:1.25rem 1.5rem;text-align:center;width:fit-content}.correct-result{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-color:#28a745}.correct-result h3{color:#155724;font-size:1.4rem;font-weight:600;margin:0 0 .5rem}.correct-result p{color:#155724;font-size:1rem;font-weight:400;margin:0 0 1rem}.incorrect-result{background:linear-gradient(135deg,#f8d7da,#f1b0b7);border-color:#dc3545}.incorrect-result h3{color:#721c24;font-size:1.4rem;font-weight:600;margin:0 0 .5rem}.incorrect-result p{color:#721c24;font-size:1rem;font-weight:400;margin:0 0 1rem}.learn-button,.next-button{border:none;border-radius:6px;box-shadow:0 2px 8px #007bff40;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;letter-spacing:.3px;padding:.5rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.next-button{background:linear-gradient(135deg,#007bff,#0056b3)}.learn-button{background:linear-gradient(135deg,#28a745,#20c997)}.learn-button:hover,.next-button:hover{box-shadow:0 4px 15px #007bff66;transform:translateY(-2px)}.correct-result-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.correct-result-buttons .learn-button{background:linear-gradient(135deg,#28a745,#20c997);order:1}.correct-result-buttons .next-button{background:linear-gradient(135deg,#007bff,#0056b3);order:2}.correct-result-buttons .learn-button:hover{background:linear-gradient(135deg,#218838,#1e7e34);box-shadow:0 4px 15px #28a74566}.correct-result-buttons .next-button:hover{background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 4px 15px #007bff66}@media (max-width:768px){.correct-result-buttons{flex-direction:column;gap:.8rem}.correct-result-buttons .learn-button,.correct-result-buttons .next-button{max-width:250px;width:100%}}.learning-container{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:12px;box-shadow:0 4px 20px #00000014;margin:1rem 0;padding:1.5rem}.question-toggle-btn{background:linear-gradient(135deg,#6f42c1,#5a359a);box-shadow:0 2px 8px #6f42c14d}.option-text{color:#495057}.learning-step{background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000001a;margin-left:20px;padding:2rem}.known-quantities ul,.reasoning-steps ol,.unknown-quantities ul{margin:.5rem 0;padding-left:1.2rem}.solution-step{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e9ecef;border-left:4px solid #28a745;border-radius:8px;box-shadow:0 2px 8px #00000014;margin:1rem 0;padding:1.2rem;transition:transform .2s ease,box-shadow .2s ease,border-left-color .2s ease}.solution-step:hover{border-left-color:#1e7e34;box-shadow:0 4px 15px #28a74526;transform:translateY(-2px)}.solution-step p{color:#495057;line-height:1.6;margin:0}.complete-button,.next-step-button{background:linear-gradient(135deg,#007bff,#0056b3);box-shadow:0 4px 15px #007bff4d}.complete-button:hover,.next-step-button:hover{background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 6px 20px #007bff66}.skip-question-button{box-shadow:0 3px 12px #dc35454d}.skip-question-button:hover{background:linear-gradient(135deg,#c82333,#bd2130);box-shadow:0 5px 18px #dc354566}.loading-container{align-items:center;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:12px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;padding:3rem}.loading-spinner{margin-bottom:1rem}.loading-container p{color:#6c757d;font-size:1.1rem;font-weight:500;margin:0}.no-questions{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:12px;box-shadow:0 4px 20px #00000014;padding:3rem;text-align:center}.no-questions p{color:#6c757d;font-size:1.1rem;margin-bottom:2rem}.no-questions button{background:linear-gradient(135deg,#6c757d,#5a6268);border:none;border-radius:10px;box-shadow:0 4px 15px #6c757d4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.no-questions button:hover{background:linear-gradient(135deg,#5a6268,#495057);box-shadow:0 6px 20px #6c757d66;transform:translateY(-2px)}.palette-toggle-btn{background:#007bff;border-radius:4px;font-size:1rem;padding:.5rem .75rem;transition:background-color .2s}.palette-toggle-btn:hover{background:#0056b3}.question-palette-overlay{min-height:100vh}.question-palette{background:#f8f9fa;border-left:1px solid #dee2e6;box-shadow:-2px 0 10px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;min-height:100vh;padding:1rem}.palette-header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.palette-header h4{color:#333;margin:0}.palette-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:1.2rem;height:30px;justify-content:center;padding:.25rem;transition:all .2s;width:30px}.palette-close-btn:hover{background:#e9ecef;color:#495057}.palette-legend{display:flex;gap:1rem;margin-bottom:10px}.legend-item{align-items:center;display:flex;font-size:.875rem;gap:.5rem}.legend-color{border:1px solid #ccc;border-radius:50%;height:16px;width:16px}.legend-color.unattempted{background-color:#dee2e6}.legend-color.correct{background-color:#28a745}.legend-color.incorrect{background-color:#dc3545}.legend-color.attempted{background-color:#28a745}.palette-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.palette-grid{grid-gap:.5rem;display:grid;flex:1 1;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));overflow-y:auto;padding:.5rem 0}.palette-stats{background:#fff;border-radius:8px;border-top:1px solid #dee2e6;margin-top:1rem;padding:1rem}.palette-stats h5{color:#333;font-size:1rem;font-weight:600;margin:0 0 .75rem}.stats-grid{grid-template-columns:1fr 1fr}.stat-item{background:#f8f9fa;border-radius:6px;gap:.5rem;padding:.5rem}.stat-color{border-radius:50%;flex-shrink:0;height:12px;width:12px}.stat-color.unattempted{background-color:#dee2e6}.stat-color.correct{background-color:#28a745}.stat-color.incorrect{background-color:#dc3545}.stat-color.attempted{background-color:#28a745}.stat-text{color:#495057;font-size:.875rem}.stat-count{color:#212529;font-weight:600}.palette-question{align-items:center;border:2px solid #dee2e6;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-weight:700;height:40px;justify-content:center;transition:all .2s;width:40px}.palette-question:hover{box-shadow:0 2px 4px #0003;transform:scale(1.1)}.palette-question.unattempted{background-color:#f8f9fa;border:2px solid #dee2e6;color:#495057}.palette-question.correct{background-color:#28a745;border:2px solid #1e7e34;color:#fff}.palette-question.incorrect{background-color:#dc3545;border:2px solid #bd2130;color:#fff}.palette-question.attempted{background-color:#28a745;border:2px solid #dee2e6}.palette-question.current{border:3px solid #99c7f7}.palette-question.current.unattempted{background-color:#b3d9ff;border:3px solid #9cc8f7;color:#0056b3}.palette-question.current.correct{background-color:#5cb85c;border:3px solid #28a745;color:#fff}.palette-question.current.incorrect{background-color:#e66a6a;border:3px solid #dc3545;color:#fff}.palette-question.current.attempted{background-color:#b3d9ff;border:3px solid #007bff;color:#63a3e7}.question-header{gap:1rem;margin-bottom:-.5rem}.header-right-buttons{align-items:center;display:flex;gap:.5rem}.continue-later-btn-header{background:linear-gradient(135deg,#f39c12,#e67e22);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.continue-later-btn-header:hover{background:linear-gradient(135deg,#e08e0b,#d35400);transform:translateY(-1px)}.end-practice-btn{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s}.end-practice-btn:hover{background:#c82333}@media (max-width:768px){.question-header{align-items:stretch;flex-direction:column}.progress-info{text-align:center}.header-right-buttons,.progress-info{justify-content:center}.end-practice-btn{font-size:.85rem;padding:.4rem .8rem}.question-palette-overlay{right:-300px;width:300px}.question-main-wrapper.palette-open{margin-right:300px}.palette-grid{grid-template-columns:repeat(auto-fill,minmax(35px,1fr))}.palette-question{height:35px;width:35px}}@media (max-width:480px){.question-palette-overlay{right:-280px;width:280px}.question-main-wrapper.palette-open{margin-right:280px}.palette-grid{grid-template-columns:repeat(auto-fill,minmax(30px,1fr))}.palette-question{font-size:.8rem;height:30px;width:30px}}.modal-overlay{background-color:#000000b3}.modal-content{border-radius:12px;box-shadow:0 4px 20px #0000004d;max-width:500px;padding:2rem}.end-practice-modal h3{color:#333;font-size:1.5rem;margin:0 0 1rem}.end-practice-modal p{color:#666;font-size:1rem;line-height:1.5;margin:0 0 1.5rem}.modal-buttons{margin-top:1.5rem}.modal-btn{border-radius:8px;font-size:1rem;padding:.75rem 1.5rem}.modal-btn:hover{box-shadow:0 2px 8px #00000026}.continue-later-btn{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.continue-later-btn:hover{background:linear-gradient(135deg,#e08e0b,#d35400)}.exit-btn{background-color:#f44336;color:#fff}.exit-btn:hover{background-color:#d32f2f}.modal-spinner{border:4px solid #f3f3f3;height:50px;margin:0 auto 1rem;width:50px}.modal-error-icon,.modal-success-icon{font-size:2.5rem;height:60px;margin:0 auto 1rem;width:60px}.formatted-text{line-height:1.6}.text-line{margin:.3rem 0}.bullet-point{align-items:flex-start;display:flex;margin:.5rem 0}.bullet{color:#667eea;font-weight:700;margin-right:.5rem}.bullet-content{flex:1 1}.numbered-point{margin:.5rem 0}.fraction{display:inline-flex;flex-direction:column;font-size:1em;margin:0 .2em;text-align:center;vertical-align:middle}.fraction .numerator{border-bottom:1.5px solid;line-height:1.2;padding:0 .3em .1em}.fraction .denominator{line-height:1.2;padding:.1em .3em 0}.back-step-button{align-items:center;background:linear-gradient(135deg,#718096,#4a5568);box-shadow:0 2px 8px #71809633;display:inline-flex;font-family:Segoe UI,Roboto,Inter,Helvetica Neue,Arial,sans-serif;gap:.5rem;letter-spacing:.02em;padding:.75rem 1.5rem}.back-step-button:hover{background:linear-gradient(135deg,#4a5568,#2d3748);box-shadow:0 4px 12px #7180964d;transform:translateY(-1px)}.step-header{display:flex;flex-direction:column;gap:1rem}.step-header h3{color:#2d3748;font-size:1.4rem;font-weight:600;margin:0}.comments-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:16px 0;transition:all .3s ease}.comments-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px 8px 0 0;color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px}.comments-title{align-items:center;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}.comment-count{background:#fff3;border-radius:12px;font-size:12px;font-weight:500;padding:2px 8px}.toggle-comments{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:4px 8px;transition:background-color .2s ease}.toggle-comments:hover{background:#ffffff1a}.comments-body{animation:slideDown .3s ease-out;padding:16px}.add-comment-section{margin-bottom:16px}.comment-input{border:2px solid #e9ecef;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:12px;resize:vertical;transition:border-color .2s ease;width:100%}.comment-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.comment-input:disabled{background-color:#f8f9fa;cursor:not-allowed}.comment-actions{display:flex;justify-content:flex-end;margin-top:8px}.btn-add-comment{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.btn-add-comment:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.btn-add-comment:disabled{background:#6c757d;cursor:not-allowed;transform:none}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24}.error-message,.success-message{align-items:center;display:flex;font-size:13px;gap:6px;margin:8px 0;padding:8px 12px}.success-message{background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724}.error-message i,.success-message i{font-size:14px}.comments-list{margin:16px 0;max-height:300px}.loading-comments,.no-comments{color:#6c757d;font-style:italic;padding:24px;text-align:center}.no-comments i{display:block;font-size:32px;margin-bottom:8px;opacity:.5}.comment-item{border-radius:6px;margin-bottom:8px}.comment-item:hover{box-shadow:0 2px 8px #667eea1a}.comment-item.own-comment{background:linear-gradient(90deg,#667eea0d,#fff);border-left:4px solid #667eea}.comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.comment-timestamp{align-items:center;color:#6c757d;display:flex;font-size:12px;gap:4px}.delete-comment{background:none;border:none;border-radius:4px;color:#dc3545;cursor:pointer;opacity:.7;padding:4px;transition:all .2s ease}.delete-comment:hover:not(:disabled){background:#dc3545;color:#fff;opacity:1}.delete-comment:disabled{cursor:not-allowed;opacity:.3}.comment-text{word-wrap:break-word;color:#495057;font-size:14px;line-height:1.5}.comments-footer{border-top:1px solid #e9ecef;display:flex;justify-content:center;padding-top:12px}.btn-refresh-comments{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;color:#6c757d;cursor:pointer;display:flex;font-size:12px;gap:6px;padding:6px 12px;transition:all .2s ease}.btn-refresh-comments:hover:not(:disabled){background:#e9ecef;color:#495057}@media (max-width:768px){.comments-section{margin:12px 0}.comments-header{padding:10px 12px}.comments-title{font-size:14px}.comments-body{padding:12px}.comment-input{font-size:16px}.comment-item{padding:10px}}@keyframes slideDown{0%{max-height:0;opacity:0;padding-bottom:0;padding-top:0}to{max-height:600px;opacity:1;padding-bottom:16px;padding-top:16px}}.comments-list::-webkit-scrollbar{width:6px}.comments-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.comments-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.comments-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.comments-list{margin-top:16px;max-height:400px;overflow-y:auto}.comments-list-title{border-bottom:2px solid #e9ecef;color:#495057;font-size:14px;font-weight:600;margin:0 0 12px;padding-bottom:8px}.comment-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:10px;padding:12px;transition:all .2s ease}.comment-item:hover{border-color:#667eea;box-shadow:0 2px 8px #00000014}.comment-content{display:flex;flex-direction:column;gap:8px}.comment-content p{color:#212529;font-size:14px;line-height:1.6;margin:0;word-break:break-word}.comment-footer{align-items:center;display:flex;gap:10px;justify-content:space-between}.comment-date{color:#6c757d;font-size:11px;font-style:italic}.delete-comment-btn{align-items:center;background:#fff5f5;border:1px solid #dc3545;border-radius:4px;color:#dc3545;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:4px;padding:6px 10px;transition:all .2s ease}.delete-comment-btn:hover:not(:disabled){background:#dc3545;box-shadow:0 2px 4px #dc35454d;color:#fff;transform:translateY(-1px)}.delete-comment-btn:disabled{background:#f8f9fa;cursor:not-allowed;opacity:.4}.comments-info{color:#6c757d;padding:20px;text-align:center}.comments-info .storage-note{align-items:center;display:flex;font-size:13px;gap:8px;justify-content:center;margin:0}.comments-info i{color:#667eea}.question-toggle-section{display:flex;justify-content:flex-end;margin-bottom:1rem;margin-right:20px}.question-toggle-btn{align-items:center;background:#6c85f4;border:none;border-radius:8px;box-shadow:0 2px 8px #6c85f44d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.6rem 1.2rem;transition:all .3s ease}.question-toggle-btn:hover{background:linear-gradient(135deg,#5a359a,#4a2c7a);box-shadow:0 4px 15px #6f42c166;transform:translateY(-2px)}.question-toggle-btn.active{background:linear-gradient(135deg,#28a745,#1e7e34);box-shadow:0 2px 8px #28a7454d}.question-toggle-btn.active:hover{background:linear-gradient(135deg,#1e7e34,#155724);box-shadow:0 4px 15px #28a74566}.learning-question-section{background:#fff;border-left:4px solid #6f42c1;border-radius:12px;box-shadow:0 2px 12px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.learning-question-header h4{align-items:center;color:#6f42c1;display:flex;font-size:1.2rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.learning-question-content{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:8px;color:#495057;font-size:1.05rem;line-height:1.6;margin-bottom:1rem;padding:1.2rem}.learning-question-options h5{color:#6f42c1;font-size:1rem;font-weight:600;margin-bottom:.8rem}.options-display{display:flex;flex-direction:column;gap:.5rem}.option-display{align-items:flex-start;background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e9ecef;border-radius:6px;display:flex;gap:.8rem;padding:.6rem;transition:background .2s ease}.option-display:hover{background:linear-gradient(135deg,#e3f2fd,#bbdefb)}.option-label{color:#6f42c1;font-size:.9rem;min-width:24px}.q-option-text{color:#495057;flex:1 1;line-height:1.5}.learning-step{background:#0000;border-radius:0;box-shadow:none;margin-left:0;padding:0}.learning-step h3{border-bottom:2px solid #007bff;color:#2c3e50;font-size:1.4rem;font-weight:600;margin-bottom:2rem;margin-left:1.5rem;padding-bottom:.5rem;text-align:center}.step-header{margin-bottom:1.5rem}.step-header h3{border-bottom:none;margin-top:1rem;padding-bottom:0;text-align:left}.back-step-button{background:linear-gradient(135deg,#6c757d,#5a6268);border:none;border-radius:8px;box-shadow:0 2px 8px #6c757d4d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.6rem 1.2rem;transition:all .3s ease}.back-step-button:hover{background:linear-gradient(135deg,#5a6268,#495057);box-shadow:0 4px 15px #6c757d66;transform:translateY(-2px)}.learning-mode-content{margin-top:1rem;padding-left:2rem;padding-right:2rem}.approach-section,.speed-trick-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #007bff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:1rem 0;padding:2rem;transition:transform .2s ease,box-shadow .2s ease}.approach-section:hover,.speed-trick-section:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.approach-section h4{align-items:center;color:#007bff;display:flex;font-size:1.2rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.speed-trick-section{border-left-color:#28a745}.speed-trick-section h4{align-items:center;color:#28a745;display:flex;font-size:1.2rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.approach-content,.speed-trick-content{color:#495057;font-size:1rem;line-height:1.6}.approach-list,.speed-trick-list{list-style:none;margin:0;padding-left:1.5rem}.approach-point,.speed-trick-point{margin:.5rem 0;padding-left:1rem;position:relative}.approach-point:before{color:#007bff;content:"•";font-weight:700;left:0;position:absolute}.speed-trick-point:before{content:"⚡";left:0;position:absolute}.no-learning-content,.no-learning-mode{color:#6c757d;font-style:italic;padding:2rem;text-align:center}.concept-options,.formula-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:1.5rem 0}.concept-button,.formula-button{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;border-radius:10px;box-shadow:0 2px 8px #0000001a;font-size:1rem;font-weight:500;padding:1rem 1.2rem}.concept-button:hover,.formula-button:hover{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-color:#007bff;box-shadow:0 4px 15px #007bff33;transform:translateY(-2px)}.concept-button.selected,.formula-button.selected{background:linear-gradient(135deg,#007bff,#0056b3);border-color:#0056b3;box-shadow:0 4px 15px #007bff66;color:#fff}.concept-feedback,.formula-feedback{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #007bff;border-radius:10px;box-shadow:0 2px 12px #0000001a;margin-top:1.5rem;padding:1.5rem}.correct-concept,.correct-formula{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:2px solid #28a745;border-radius:8px;margin-bottom:1rem;padding:1rem}.correct-concept p,.correct-formula p{align-items:center;color:#155724;display:flex;font-weight:600;gap:.5rem;margin:0}.incorrect-concept,.incorrect-formula{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:2px solid #dc3545;border-radius:8px;margin-bottom:1rem;padding:1rem}.incorrect-concept p,.incorrect-formula p{align-items:center;color:#721c24;display:flex;font-weight:600;gap:.5rem;margin:0}.concept-explanation,.formula-explanation{background:#fff;border-left:4px solid #17a2b8;border-radius:8px;box-shadow:0 2px 8px #0000000d;margin-top:1rem;padding:1.5rem}.concept-explanation h4,.formula-explanation h4{color:#17a2b8;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.concept-explanation p,.formula-explanation p{color:#495057;line-height:1.6;margin-bottom:.8rem}.deconstruction-content{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;box-shadow:0 2px 12px #0000001a;margin:1rem 0;padding:1.5rem}.known-quantities,.reasoning-steps,.unknown-quantities{background:#fff;border-left:4px solid #007bff;border-radius:8px;box-shadow:0 2px 8px #0000000d;margin:1rem 0;padding:1.5rem}.known-quantities h4{color:#28a745}.known-quantities h4,.unknown-quantities h4{align-items:center;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.unknown-quantities h4{color:#ffc107}.reasoning-steps h4{align-items:center;color:#17a2b8;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.known-quantities ul,.reasoning-steps ol,.unknown-quantities ul{line-height:1.6;margin:0;padding-left:1.5rem}.known-quantities li,.reasoning-steps li,.unknown-quantities li{color:#495057;margin:.5rem 0}.scaffolded-prompts{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;box-shadow:0 2px 12px #0000001a;margin:1rem 0;padding:1.5rem}.prompt-item{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e9ecef;border-left:4px solid #007bff;border-radius:8px;box-shadow:0 2px 8px #00000014;margin:1rem 0;padding:1.2rem;transition:transform .2s ease,box-shadow .2s ease,border-left-color .2s ease}.prompt-item:hover{border-left-color:#0056b3;box-shadow:0 4px 15px #007bff26;transform:translateY(-2px)}.prompt-item p{color:#495057;font-weight:500;line-height:1.6;margin:0}.full-solution{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;box-shadow:0 2px 12px #0000001a;line-height:1.8;margin:1rem 0;padding:2rem}.full-solution::-webkit-scrollbar{width:6px}.full-solution::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.full-solution::-webkit-scrollbar-thumb{background:#667eea;border-radius:3px;-webkit-transition:background .3s ease;transition:background .3s ease}.full-solution::-webkit-scrollbar-thumb:hover{background:#5a6fd8}.full-solution p{border-left:3px solid #28a745;color:#2c3e50;font-size:1.05rem;line-height:1.8;margin:.5rem 0;padding:.5rem 0 .5rem 1rem}.full-solution p:first-child{margin-top:0}.full-solution p:last-child{margin-bottom:0}.learning-step-buttons{align-items:flex-end;display:flex;justify-content:space-between;margin:2rem 0 0;min-height:60px;position:relative}.complete-button,.next-step-button{background:#6c85f4;border:none;border-radius:10px;box-shadow:0 4px 15px #6c85f44d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;max-width:280px;min-width:200px;order:2;padding:.7rem 2rem;transition:all .3s ease}.complete-button:hover,.next-step-button:hover{background:#5c75e4;box-shadow:0 6px 20px #6c85f466;transform:translateY(-2px)}.skip-question-button{align-items:center;background:#6c85f4;border:none;border-radius:8px;box-shadow:0 3px 12px #6c85f44d;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;justify-content:center;min-width:140px;order:1;padding:.6rem 1.2rem;transition:all .3s ease}.skip-question-button:hover{background:#5c75e4;box-shadow:0 5px 18px #6c85f466;transform:translateY(-2px)}.loading-spinner{border:4px solid #e9ecef;border-top-color:#007bff;margin:2rem auto}@media (max-width:768px){.learning-step-buttons{gap:1rem;justify-content:space-between}.complete-button,.next-step-button{max-width:60%;min-width:160px}.skip-question-button{font-size:.8rem;max-width:35%;min-width:120px;padding:.7rem 1rem}}@media (max-width:480px){.learning-step-buttons{align-items:stretch;flex-direction:column;gap:1rem}.skip-question-button{align-self:flex-start;max-width:160px;order:2}.complete-button,.next-step-button{max-width:100%;order:1}}.question-display{width:100%}.qd-question-header{align-items:center;background:#f8f9fa;border-left:4px solid #6c85f4;border-radius:8px;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:1.5rem;padding:.75rem 1rem}.qd-question-header h3{color:#2d3748;font-size:1.2rem;font-weight:600;margin:0}.qd-question-id{color:#6c85f4;font-size:.9rem;font-weight:600}.qd-chapter-info{color:#2d3748;font-size:1rem;font-weight:600}.qd-question-section{margin:0!important;padding:0!important}.qd-question-number{color:#2d3748;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;margin-top:.9rem;padding:.3rem 0}.qd-question-text-container{background:#6c85f40d;border:1px solid #6c85f433;border-left:4px solid #6c85f4;border-radius:16px;box-shadow:none;margin-bottom:1.5rem;padding:1rem 1.2rem}.qd-question-text{color:#333;font-size:1.15rem;line-height:1.7;margin:0}.qd-question-image{margin:1rem 0;text-align:center}.qd-question-image img{border-radius:8px;box-shadow:0 2px 8px #0000001a;display:block;height:auto;margin:0 auto;max-width:100%}.qd-correct-answer-section{background-color:#05a76e;border:2px solid #4caf50;border-radius:10px;color:#fff;font-weight:700;margin-bottom:1rem;margin-top:-10px;padding:1rem}.qd-correct-answer-header{font-size:1rem;font-weight:700;margin-bottom:10px}.qd-correct-answer-content{margin-left:10px}.qd-correct-answer-item{align-items:center;display:flex;gap:4px;margin-bottom:.5rem}.qd-correct-answer-marker{font-weight:700;margin-right:.5rem}.qd-correct-answer-text{flex:1 1}.qd-options-list,.qd-options-section{margin:0!important;padding:0!important}.qd-options-list{grid-gap:.75rem!important;display:grid!important;gap:.75rem!important;grid-template-columns:1fr 1fr!important;grid-template-rows:auto auto!important;max-width:100%!important}.question-display.question .qd-option-label{align-items:center!important;background:#fff!important;border:1px solid #d1d5db!important;border-radius:6px!important;box-shadow:0 1px 3px #0000001a!important;box-sizing:border-box!important;cursor:pointer!important;display:flex!important;gap:10px!important;min-height:45px!important;padding:.6rem .8rem!important;transition:all .2s ease!important;width:100%!important}.question-display.question .qd-option-label:hover{border-color:#9ca3af!important;box-shadow:0 2px 6px #00000026!important}.question-display.question .qd-option-label.qd-selected{background-color:#27ae60!important;border-color:#4caf50!important;color:#fff!important}.question-display.question .qd-option-label.qd-selected .qd-option-marker,.question-display.question .qd-option-label.qd-selected .qd-option-text{color:#fff!important}.question-display.library .qd-options-list{display:flex;flex-direction:column;gap:.75rem}.question-display.library .qd-option-item{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:9px;box-shadow:0 2px 4px #0000000d;cursor:pointer;display:flex;gap:12px;padding:8px 12px;transition:all .3s ease}.question-display.library .qd-option-item:hover{border-color:#cbd5e0;box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.question-display.library .qd-option-item.qd-correct{background:#48bb781a;border-color:#48bb78;box-shadow:0 2px 4px #48bb7833;color:#2d3748}.question-display.library .qd-option-item.qd-correct .qd-option-marker{color:#38a169;font-weight:700}.question-display.library .qd-option-item.qd-correct .qd-option-text{color:#2d3748}.question-display.library .qd-option-item.qd-incorrect{background:#f565651a;border-color:#f56565;box-shadow:0 2px 4px #f5656533;color:#2d3748}.question-display.library .qd-option-item.qd-incorrect .qd-option-marker{color:#e53e3e;font-weight:700}.question-display.library .qd-option-item.qd-incorrect .qd-option-text{color:#2d3748}.qd-option-marker{color:#6366f1!important;flex-shrink:0!important;font-size:17px!important;font-weight:600!important;min-width:18px!important;text-align:left!important}.qd-option-text{word-wrap:break-word!important;color:#374151!important;display:inline!important;flex:1 1!important;font-size:17px!important;line-height:1.4!important;white-space:normal!important}.qd-options-image{margin:1rem 0;text-align:center}.qd-options-image img{border-radius:8px;box-shadow:0 2px 8px #0000001a;height:auto;max-width:100%}.qd-radio-options{display:flex;gap:2rem;justify-content:center;margin-top:1rem}.qd-radio-option{align-items:center;cursor:pointer;display:flex;font-size:1.1rem;font-weight:500;gap:.5rem}.qd-radio-option input[type=radio]{accent-color:#6366f1;height:18px;width:18px}@media (max-width:768px){.qd-options-list{gap:.5rem!important;grid-template-columns:1fr!important}.qd-question-header{align-items:flex-start;flex-direction:column;gap:.5rem}.qd-question-number{font-size:1.2rem;margin-bottom:.8rem}.qd-question-text-container{margin-bottom:.8rem;padding:1rem}.qd-question-text{font-size:16px}.question-display.question .qd-option-label{min-height:40px!important;padding:.5rem .7rem!important}.question-display.library .qd-option-item{padding:12px 15px}.qd-option-marker{min-width:16px!important}.qd-option-marker,.qd-option-text{font-size:14px!important}}.test-duration{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem;width:100%}.duration-header{color:#fff;margin-bottom:4rem;text-align:center}.duration-header h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-shadow:0 5px 15px #0000004d}.duration-header p{font-size:1.2rem;font-weight:300;opacity:.9}.duration-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:800px;width:100%}.duration-button{align-items:center;background:#fff;border:none;border-radius:20px;box-shadow:0 10px 30px #0000001a;cursor:pointer;display:flex;flex-direction:column;height:200px;justify-content:center;justify-self:center;overflow:hidden;position:relative;text-align:center;transition:all .3s ease;width:200px}.duration-button:hover{box-shadow:0 20px 40px #0003;transform:translateY(-10px)}.duration-icon{font-size:3rem;margin-bottom:1rem}.duration-label{color:#333;font-size:1.2rem;font-weight:600}.back-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:10px;font-size:1rem;left:2rem;padding:.75rem 1.5rem;position:absolute;top:2rem}.back-button:hover{background:#ffffff4d}.generating-overlay{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.generating-content{color:#fff;max-width:500px;padding:2rem;text-align:center}.generating-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:80px;margin:0 auto 2rem;width:80px}.generating-content h2{font-size:2rem;font-weight:700;margin-bottom:1rem;text-shadow:0 5px 15px #0000004d}.generating-content p{font-size:1.1rem;margin-bottom:2rem;opacity:.9}.generating-progress{margin-top:2rem}.progress-bar{background:#ffffff4d;border-radius:3px;height:6px;margin-bottom:1rem}.progress-fill{animation:progress 2s ease-in-out;background:#fff;border-radius:3px}.progress-text{font-size:.9rem;opacity:.8}.duration-button.selected{background:#4caf50;color:#fff;transform:scale(1.05)}.duration-button.selected .duration-icon{color:#fff;font-size:3rem}.duration-button.disabled{cursor:not-allowed;opacity:.5;transform:none}.duration-button.disabled:hover{box-shadow:0 10px 30px #0000001a;transform:none}@keyframes progress{0%{width:0}to{width:100%}}.test-landing-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-size:.8em;height:auto;justify-content:center;max-height:100vh;overflow-y:auto;padding:20px}.test-landing-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-height:90vh;max-width:100vw;overflow-y:auto;overflow:overlay;padding:40px;text-align:center;width:auto}.test-landing-header{margin-bottom:30px}.test-landing-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:2.5rem;font-weight:700;margin-bottom:10px}.test-landing-subtitle{color:#718096;font-size:1.2rem;margin-bottom:20px}.test-summary{background:#667eea1a;border-radius:15px;margin-bottom:30px;padding:25px;text-align:left}.test-summary h3{color:#2d3748;font-size:1.3rem;margin-bottom:15px;text-align:center}.summary-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.summary-item{align-items:center;background:#fffc;border-left:4px solid #667eea;border-radius:10px;display:flex;justify-content:space-between;padding:10px 15px}.summary-label{color:#4a5568;font-weight:600}.summary-value{color:#667eea;font-weight:700}.subjects-list{background:#fffc;border-radius:10px;margin-top:15px;padding:15px}.subjects-list h4{color:#2d3748;font-size:1.1rem;margin-bottom:10px}.subject-item{background:#667eea1a;border-left:3px solid #667eea;border-radius:8px;margin-bottom:10px;padding:8px 12px}.subject-name{color:#2d3748;display:block}.chapters-list{color:#718096;font-size:.9rem;margin-top:5px}.instructions-section{background:#ffc1071a;border-radius:15px;margin-bottom:30px;padding:25px;text-align:left}.instructions-section h3{align-items:center;color:#2d3748;display:flex;font-size:1.3rem;gap:10px;justify-content:center;margin-bottom:15px;text-align:center}.instructions-list{list-style:none;padding:0}.instructions-list li{align-items:flex-start;background:#fffc;border-left:4px solid #ffc107;border-radius:10px;display:flex;gap:10px;margin-bottom:12px;padding:12px 15px}.instruction-number{align-items:center;background:#ffc107;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.85rem;font-weight:600;height:24px;justify-content:center;width:24px}.instruction-text{color:#4a5568;line-height:1.5}.a-action-buttons{display:flex;gap:20px;justify-content:center;margin-top:30px}.btn{border:none;border-radius:12px;cursor:pointer;font-size:1.1rem;font-weight:600;height:100px;padding:15px 30px;transition:all .3s ease;width:50px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #0000;color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 10px 25px #667eea4d;transform:translateY(-2px)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn:disabled:hover{box-shadow:none;transform:none}.btn-primary.start-test-btn{border-radius:10px;font-size:15px;height:50px;min-width:180px;padding:12px 20px;white-space:nowrap;width:auto}.loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #fff;border-top-color:#0000;display:inline-block;height:20px;margin-right:8px;width:20px}.error-message{background:#dc35451a;border:1px solid #dc3545;border-radius:10px;color:#dc3545;margin-bottom:20px;padding:15px}@media (max-width:768px){.test-landing-container{padding:10px}.test-landing-card{padding:25px}.test-landing-title{font-size:2rem}.summary-grid{grid-template-columns:1fr}.a-action-buttons{align-items:center;flex-direction:column}.btn{max-width:300px;width:100%}}@media (max-width:480px){.test-landing-title{font-size:1.8rem}.test-landing-subtitle{font-size:1rem}.summary-item{flex-direction:column;gap:5px;text-align:center}}.test-timer{align-items:center;display:flex;gap:8px}.test-timer .timer-value{background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:25px;box-shadow:0 3px 10px #4facfe4d;color:#fff;font-size:1.3rem;font-weight:700;padding:10px 20px;transition:all .3s ease}.test-timer .timer-value.warning{animation:pulse-warning 1s infinite;background:linear-gradient(135deg,#ff6b6b,#ff4757);box-shadow:0 3px 10px #ff475766}@keyframes pulse-warning{0%,to{box-shadow:0 3px 10px #ff475766;transform:scale(1)}50%{box-shadow:0 5px 15px #ff475799;transform:scale(1.05)}}.auto-save-indicator-compact{margin-right:10px}.auto-save-indicator-compact .save-status{font-size:1.2rem;transition:all .3s ease}.submit-test-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;font-weight:600;padding:10px 24px}.submit-test-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66}.test-actions{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-top:2rem}.test-actions .nav-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 4px 15px #667eea33;color:#fff;cursor:pointer;flex:0 0 auto;font-weight:600;padding:12px 24px;transition:all .3s ease}.test-actions .nav-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea4d;transform:translateY(-2px)}.test-actions .nav-btn:disabled{background:linear-gradient(135deg,#bbb,#999);cursor:not-allowed;opacity:.5}.test-actions .mark-review-btn{background:#ffc107;border:2px solid #ffc107;border-radius:25px;color:#333;cursor:pointer;flex:1 1;font-weight:600;padding:12px 20px;transition:all .3s ease}.test-actions .mark-review-btn.marked{background:#ff9800;border-color:#ff9800;color:#fff}.test-actions .mark-review-btn:hover{box-shadow:0 4px 15px #ffc1074d;transform:translateY(-2px)}.test-actions .clear-answer-btn{background:#fff;border:2px solid #667eea;border-radius:25px;color:#667eea;cursor:pointer;flex:0 0 auto;font-weight:600;padding:12px 20px;transition:all .3s ease}.test-actions .clear-answer-btn:hover:not(:disabled){background:#667eea;box-shadow:0 4px 15px #667eea4d;color:#fff;transform:translateY(-2px)}.test-actions .clear-answer-btn:disabled{cursor:not-allowed;opacity:.4}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3}.modal-content.compact{animation:modalSlideIn .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:30px;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header h2{color:#2c3e50;font-size:1.5rem;margin:0 0 20px;text-align:center}.modal-body{margin-bottom:25px}.submission-stats-compact{gap:15px;justify-content:space-around;margin:20px 0}.stat-compact{border-radius:15px;padding:15px}.stat-compact.answered{background:#4caf501a;border:2px solid #4caf50}.stat-compact.review{background:#ffc1071a;border:2px solid #ffc107}.stat-compact.unanswered{background:#9e9e9e1a;border:2px solid #9e9e9e}.stat-compact .stat-number{color:#2c3e50;display:block;font-size:2rem;font-weight:700}.stat-compact .stat-text{color:#666;display:block;font-size:.9rem;margin-top:5px}.modal-warning{color:#f44336;font-weight:600;margin:15px 0 0;text-align:center}.modal-actions{gap:15px}.modal-btn{border-radius:25px;min-width:120px;padding:12px 30px;transition:all .3s ease}.modal-btn.cancel-btn{background:#f5f5f5;color:#666}.modal-btn.cancel-btn:hover{background:#e0e0e0;transform:translateY(-2px)}.modal-btn.confirm-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff}.modal-btn.confirm-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.modal-message{text-align:center}.loading-spinner{height:50px;margin:20px auto;width:50px}.error-overlay{background:#000000b3;z-index:10000}.error-message{box-shadow:0 20px 60px #0000004d}.error-message button{margin-top:20px;padding:10px 25px}.error-message button:hover{background:#5568d3}.question-container.test-mode{background:#f5f7fa}.question-main-wrapper.palette-open{margin-right:350px}.test-header-redesign{background:#fff;border-bottom:2px solid #e0e0e0;box-shadow:0 4px 20px #0000001a;color:#2c3e50}.test-header-redesign .progress-info{color:#2c3e50}.test-header-redesign .progress-info span:first-child{color:#667eea;font-size:1.1rem;font-weight:700}.test-environment{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh;overflow:hidden;width:100vw}.test-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #667eea33;box-shadow:0 2px 20px #0000001a;flex-shrink:0;justify-content:space-between;padding:10px 30px}.header-left,.test-header{align-items:center;display:flex}.header-left{flex:0 0 auto}.header-center{flex:1 1;justify-content:center}.header-center,.header-right{align-items:center;display:flex}.header-right{flex:0 0 auto}.test-info{text-align:center}.test-info h2{color:#2c3e50;font-size:1.2rem;font-weight:700;margin:0}.auto-save-indicator{margin-top:1px}.save-status{border-radius:12px;display:inline-block;font-size:.8rem;font-weight:500;padding:4px 8px}.save-status.saved{background:#4caf501a;color:#4caf50}.save-status.saving{background:#ffc1071a;color:#ffc107}.save-status.error{background:#f443361a;color:#f44336}.save-status.pending{background:#2196f31a;color:#2196f3}.timer{align-items:center;background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:25px;box-shadow:0 5px 15px #4facfe4d;color:#fff;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px}.timer.warning{animation:pulse 1s infinite;background:linear-gradient(135deg,#ff6b6b,#ee5a52)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.timer-label{font-size:.9rem;opacity:.9}.timer-value{font-size:1.3rem;font-weight:700}.header-submit-btn{background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:25px;box-shadow:0 5px 15px #f093fb4d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;min-width:120px;padding:10px 20px;transition:all .3s ease}.header-submit-btn:hover:not(:disabled){box-shadow:0 8px 20px #f093fb66;transform:translateY(-2px)}.header-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.test-content{flex:1 1;gap:15px;padding:15px}.question-panel,.test-content{display:flex;min-height:0;overflow:hidden}.question-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:10px;box-shadow:0 20px 40px #0000001a;flex:2 1;flex-direction:column;gap:5px;padding:20px}.t-question-header{align-items:center;border-bottom:2px solid #667eea1a;display:flex;justify-content:space-between;padding-bottom:8px}.question-info{display:flex;flex-direction:column;gap:8px}.question-number{color:#2c3e50;font-size:18px;font-weight:700}.chapter-tag,.subject-tag{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;font-size:.85rem;font-weight:500;padding:4px 12px;width:fit-content}.chapter-tag{background:linear-gradient(135deg,#4facfe,#00f2fe)}.mark-review-btn{background:#ffc1071a;border:2px solid #ffc107;border-radius:20px;color:#5f2503;cursor:pointer;font-weight:600;padding:6px 16px;transition:all .3s ease}.mark-review-btn.marked{background:#ffc107;color:#fff}.mark-review-btn:hover{box-shadow:0 5px 15px #ffc1074d;transform:translateY(-2px)}.question-content{display:flex;flex:1 1;flex-direction:column;gap:15px;min-height:0;overflow-y:auto}.question-text{background:#667eea0d;border-left:4px solid #667eea;border-radius:15px;color:#2c3e50;font-size:18px;font-weight:500;line-height:1.6;padding:15px}.options-container{display:flex;flex-direction:column;gap:8px;width:100%}.option{align-items:flex-start;background:#f8f9fae6;border:2px solid #6c757d33;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;font-weight:500;gap:6px;padding:12px 16px;width:100%}.option:hover{background:#667eea0d;border-color:#667eea4d;transform:translateX(2px)}.option.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff;transform:translateX(2px)}.option.selected .option-text{color:#fff;font-weight:500}.option-label{background:#667eea1a;border-radius:4px;color:#667eea;display:inline-block;font-size:.75rem;font-weight:500;margin-right:8px;padding:2px 6px}.option.selected .option-label{background:#ffffffe6;color:#667eea;font-weight:700}.option-text{word-wrap:break-word;color:#2c3e50;flex:1 1;font-size:1.25rem;font-weight:500;line-height:1.6;overflow-wrap:break-word}.question-navigation{border-top:2px solid #667eea1a;display:flex;gap:15px;justify-content:space-between;padding-top:10px}.nav-btn{font-size:1rem;font-weight:600;padding:8px 25px}.prev-btn{background:#6c757d1a;border:2px solid #6c757d;color:#6c757d}.next-btn{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 5px 15px #4facfe4d;color:#fff}.nav-btn:disabled{opacity:.5}.question-palette-overlay{height:100vh;position:fixed;right:-350px;top:0;transition:right .3s ease-in-out;width:350px;z-index:1000}.question-palette-overlay.show{right:0}.test-mode .question-palette{background:#f8f9fa;border-left:1px solid #dee2e6;box-shadow:-2px 0 10px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;overflow:hidden;padding:1rem}.test-mode .palette-header{background:#f8f9fa;flex-shrink:0}.test-mode .palette-title-row{align-items:center;display:flex;justify-content:space-between;padding:1rem}.test-mode .palette-header h3{color:#333;font-size:1.2rem;font-weight:600;margin:0}.test-mode .palette-close-btn{align-items:center;background:#6c85f4;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:36px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:36px}.test-mode .palette-close-btn:hover{background:#5568d3;transform:scale(1.05)}.test-mode .palette-close-btn:active{transform:scale(.95)}.test-mode .palette-divider{background:#dee2e6;height:1px;margin:0}.test-mode .palette-header .legend{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr);margin:0;padding:1rem}.test-mode .legend-item{align-items:center;color:#495057;display:flex;font-size:.85rem;font-weight:500;gap:.5rem}.test-mode .legend-color{border:1px solid #ccc;border-radius:50%;flex-shrink:0;height:16px;width:16px}.test-mode .legend-color.answered{background:#28a745;border-color:#28a745}.test-mode .legend-color.marked{background:#ffc107;border-color:#ffc107}.test-mode .legend-color.answered-marked{background:linear-gradient(45deg,#28a745 50%,#ffc107 0);border-color:#28a745}.test-mode .legend-color.not-answered{background:#dee2e6;border-color:#ccc}.test-mode .palette-body{display:flex;flex:1 1;flex-direction:column;gap:1rem;min-height:0;overflow-x:hidden;overflow-y:auto;padding-right:.25rem}.test-mode .subject-section{background:#fff;border:1px solid #dee2e6;border-radius:8px;flex-shrink:0;padding:1rem}.test-mode .subject-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.5rem}.test-mode .subject-name{color:#495057;font-size:.95rem;font-weight:600}.test-mode .subject-stats{display:none}.test-mode .question-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}.test-mode .question-btn{align-items:center;background:#fff;border:2px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;display:flex;font-size:.9rem;font-weight:700;height:40px;justify-content:center;transition:all .2s ease;width:40px}.test-mode .question-btn:hover{box-shadow:0 2px 4px #0003;transform:scale(1.1)}.test-mode .question-btn.answered{background:#28a745;border-color:#1e7e34;color:#fff}.test-mode .question-btn.marked{background:#ffc107;border-color:#e0a800;color:#fff}.test-mode .question-btn.answered-marked{background:linear-gradient(45deg,#28a745 50%,#ffc107 0);border-color:#28a745;color:#fff}.test-mode .question-btn.current{border:3px solid #99c7f7;box-shadow:0 0 8px #007bff80}.test-mode .question-btn.current.not-answered{background:#b3d9ff;border-color:#9cc8f7;color:#0056b3}.test-mode .question-btn.current.answered{background:#5cb85c;border-color:#28a745}.test-mode .question-btn.current.marked{background:#ffca2c;border-color:#ffc107}.test-mode .palette-footer{background:#fff;border-radius:8px;border-top:1px solid #dee2e6;flex-shrink:0;margin-top:1rem;padding:1rem}.test-mode .summary-stats{display:flex;gap:.5rem;justify-content:space-around}.test-mode .stat-item{flex:1 1;text-align:center}.test-mode .stat-number{color:#212529;display:block;font-size:1.5rem;font-weight:700}.test-mode .stat-label{color:#6c757d;display:block;font-size:.75rem;margin-top:.25rem}.submit-test-btn{background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:25px;box-shadow:0 10px 20px #f093fb4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:15px 20px;transition:all .3s ease;width:100%}.submit-test-btn:hover:not(:disabled){box-shadow:0 15px 30px #f093fb66;transform:translateY(-2px)}.submit-test-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.test-loading{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.5rem;font-weight:600;min-height:100vh}.error-overlay,.test-loading{align-items:center;display:flex;justify-content:center}.error-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.error-message{border-radius:20px;box-shadow:0 20px 40px #0003;color:#2c3e50;max-width:400px;padding:30px}.error-message button{background:#667eea;border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:600;margin-top:15px;padding:10px 20px}@media (max-width:1024px){.test-content{flex-direction:column}.t-question-palette{max-height:400px}.legend{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.test-header{flex-direction:column;gap:15px;text-align:center}.header-center,.header-left,.header-right{justify-content:center;width:100%}.header-left{order:2}.header-center{order:1}.header-right{order:3}.test-content{padding:15px}.question-panel,.t-question-palette{padding:20px}.t-question-header{align-items:flex-start;flex-direction:column;gap:15px}.question-navigation{flex-direction:column;gap:10px}.nav-btn{width:100%}.question-grid{gap:4px;grid-template-columns:repeat(auto-fill,minmax(30px,1fr))}.question-btn{font-size:.8rem;height:30px;width:30px}.legend{grid-template-columns:1fr}.options-image img,.question-image img{max-height:300px}}.palette-toggle-btn{background:linear-gradient(135deg,#4285f4,#34a853);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-left:10px;min-width:40px;padding:8px 12px;transition:all .2s ease}.palette-toggle-btn:hover{box-shadow:0 4px 12px #4285f44d;transform:translateY(-1px)}.test-content.palette-closed .question-panel{flex:1 1;max-width:100%}.test-content.palette-open .question-panel{flex:2 1}@media (max-width:1200px){.test-content.palette-open{flex-direction:column}.test-content.palette-open .question-panel{flex:none;max-height:60vh}.test-content.palette-open .t-question-palette{flex:none;max-height:40vh}}@media (max-width:768px){.t-palette-header-content{align-items:center;display:flex;justify-content:space-between}.t-palette-close-btn{background:none;background-color:#2186eb;border:none;border-radius:4px;color:#968383;cursor:pointer;font-size:20px;font-weight:700;padding:4px 8px;position:absolute;right:10px;top:10px;transition:all .2s ease}.t-palette-close-btn:hover{background-color:#f0f0f0;color:#333}.t-palette-close-btn:active{background-color:#e0e0e0}.palette-toggle-btn{font-size:12px;min-width:35px;padding:6px 8px}.t-palette-close-btn{font-size:18px;height:26px;width:36px}}.correct-answer-section.teacher-mode{animation:teacherModeGlow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#2ecc71,#27ae60);border:2px solid #229954;border-radius:12px;box-shadow:0 4px 15px #2ecc714d;margin:16px 0;padding:16px}@keyframes teacherModeGlow{0%{box-shadow:0 4px 15px #2ecc714d}to{box-shadow:0 4px 20px #2ecc7180}}.correct-answer-section.teacher-mode .correct-answer-header{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:700;gap:8px;margin-bottom:12px;text-shadow:0 1px 2px #0003}.correct-answer-section.teacher-mode .correct-answer-content{display:flex;flex-direction:column;gap:8px}.correct-answer-section.teacher-mode .correct-answer-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:8px;display:flex;gap:8px;padding:8px 12px}.correct-answer-section.teacher-mode .correct-answer-marker{align-items:center;background:#fff;border-radius:50%;color:#27ae60;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:24px;justify-content:center;min-width:24px}.correct-answer-section.teacher-mode .correct-answer-text{color:#fff;flex:1 1;font-size:14px;font-weight:500;text-shadow:0 1px 1px #0000001a}@media (max-width:768px){.correct-answer-section.teacher-mode{margin:12px 0;padding:12px}.correct-answer-section.teacher-mode .correct-answer-header{font-size:13px}.correct-answer-section.teacher-mode .correct-answer-item{padding:6px 10px}.correct-answer-section.teacher-mode .correct-answer-text{font-size:13px}}.modal-overlay{align-items:center;animation:fadeIn .3s ease-in-out;background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.modal-content{animation:slideUp .3s ease-in-out;background:#fff;border-radius:16px;box-shadow:0 8px 32px #0006;max-width:550px;padding:2.5rem;text-align:center;width:90%}.modal-content.compact{max-width:420px;padding:1.5rem}.submit-test-modal h3{color:#333;font-size:1.75rem;font-weight:700;margin:0 0 1rem}.submit-test-modal p{color:#666;font-size:1.05rem;line-height:1.6;margin:0 0 1.5rem}.submission-stats{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0;padding:1.5rem}.stat-item{align-items:center;border-bottom:1px solid #ffffff80;display:flex;justify-content:space-between;padding:.5rem 0}.stat-item:last-child{border-bottom:none}.stat-label{color:#444;font-size:.95rem}.stat-value{color:#667eea;font-size:1.1rem}.modal-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.modal-btn{border:none;border-radius:10px;cursor:pointer;font-size:1.05rem;font-weight:600;min-width:140px;padding:.85rem 2rem;transition:all .2s}.modal-btn:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.modal-btn:active{transform:translateY(0)}.cancel-btn{background-color:#e0e0e0;color:#333}.cancel-btn:hover{background-color:#d0d0d0}.confirm-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.confirm-btn:hover{background:linear-gradient(135deg,#5568d3,#654a8f)}.retry-btn{background:linear-gradient(135deg,#f093fb,#f5576c)}.retry-btn:hover{background:linear-gradient(135deg,#e082ea,#e4465b)}.modal-spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-top-color:#667eea;height:60px;width:60px}.modal-spinner,.modal-success-icon{border-radius:50%;margin:0 auto 1.5rem}.modal-success-icon{align-items:center;animation:successPop .5s ease-in-out;background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 4px 16px #4caf5066;color:#fff;display:flex;font-size:3rem;height:80px;justify-content:center;width:80px}@keyframes successPop{0%{transform:scale(0)}50%{transform:scale(1.15)}to{transform:scale(1)}}.modal-error-icon{align-items:center;animation:errorShake .5s ease-in-out;background:linear-gradient(135deg,#f44336,#d32f2f);border-radius:50%;box-shadow:0 4px 16px #f4433666;color:#fff;display:flex;font-size:3rem;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}@keyframes errorShake{0%,to{transform:translateX(0)}25%{transform:translateX(-12px)}75%{transform:translateX(12px)}}.modal-header{margin-bottom:1rem}.modal-header h2{color:#333;font-size:1.4rem}.modal-header.success h2{color:#4caf50}.modal-header.error h2{color:#f44336}.modal-body{margin-bottom:1.5rem}.submission-stats-compact{display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.stat-compact{border-radius:8px;flex:1 1;padding:.75rem;text-align:center}.stat-compact.answered{background:linear-gradient(135deg,#d4f4dd,#a8e6cf)}.stat-compact.review{background:linear-gradient(135deg,#fff3cd,#ffd966)}.stat-compact.unanswered{background:linear-gradient(135deg,#ffd6d6,#ffb3b3)}.stat-number{color:#333;font-size:1.5rem;line-height:1}.stat-text{color:#666;font-size:.75rem;font-weight:600;margin-top:.25rem}.modal-warning{color:#666;font-size:.9rem;margin:0}.modal-message{color:#666;font-size:1rem;margin:0}.modal-message.success{color:#4caf50;font-weight:600}.modal-message.error{color:#f44336;font-weight:600}.modal-actions{gap:.75rem}.modal-actions .modal-btn{font-size:.95rem;padding:.6rem 1.5rem}.loading-spinner{margin:1rem auto}@media (max-width:768px){.modal-content{padding:2rem;width:95%}.modal-content.compact{max-width:95%;padding:1.25rem}.submit-test-modal h3{font-size:1.4rem}.modal-header h2{font-size:1.2rem}.submission-stats{padding:1rem}.submission-stats-compact{flex-direction:column;gap:.5rem}.stat-compact{padding:.6rem}.stat-number{font-size:1.3rem}.stat-text{font-size:.7rem}.modal-actions,.modal-buttons{flex-direction:column}.modal-actions{gap:.5rem}.modal-btn{width:100%}}.test-results-container{grid-gap:20px;background-color:#f5f5f5;box-sizing:border-box;display:grid;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;gap:20px;grid-template-columns:1fr 1fr;height:100vh;margin:0 auto;max-width:1400px;overflow-y:auto;padding:20px;width:100vw}.results-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 8px 25px #0000001a;color:#fff;padding:30px}.results-header h1{font-size:2.5em;font-weight:300;margin:0 0 10px}.test-info{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:15px}.test-session{background:#fff3}.auto-submit-badge,.test-session{border-radius:20px;font-size:.9em;padding:8px 16px}.auto-submit-badge{background:#ff6b6b;font-weight:500}.performance-overview{align-items:center;background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;display:flex;gap:40px;padding:40px}.score-circle{min-width:150px;text-align:center}.score-value{font-size:3.5em;line-height:1}.score-label{font-size:1.1em;margin-top:10px}.performance-details{flex:1 1}.performance-level{font-size:2em;font-weight:600;margin-bottom:15px}.marks-info{display:flex;flex-direction:column;gap:8px}.total-marks{color:#333;font-size:1.4em;font-weight:500}.marking-scheme{color:#666;font-size:.9em;font-style:italic}.t-summary-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.stat-card{background:#fff;border-radius:12px;border-top:4px solid;box-shadow:0 4px 15px #0000001a;padding:25px}.stat-card.correct{border-top-color:#4caf50}.stat-card.incorrect{border-top-color:#f44336}.stat-card.unattempted{border-top-color:#ff9800}.stat-card.total{border-top-color:#2196f3}.stat-number{font-size:2.5em;margin-bottom:8px}.stat-card.correct .stat-number{color:#4caf50}.stat-card.incorrect .stat-number{color:#f44336}.stat-card.unattempted .stat-number{color:#ff9800}.stat-card.total .stat-number{color:#2196f3}.stat-label{font-size:1.1em;font-weight:500}.time-info{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around;padding:25px}.time-stat{text-align:center}.time-label{color:#666;display:block;font-size:.9em;margin-bottom:5px}.time-value{color:#333;font-size:1.3em;font-weight:600}.analysis-section{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:30px}.analysis-section h3{border-bottom:2px solid #eee;color:#333;font-size:1.5em;margin:0 0 25px;padding-bottom:10px}.subject-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.subject-card{background:#fafafa;border:1px solid #eee;border-radius:10px;padding:20px}.subject-header{margin-bottom:15px}.subject-header h4{color:#333;font-size:1.2em;margin:0}.subject-percentage{font-size:1.4em;font-weight:700}.subject-details{margin-top:15px}.subject-stats-row{color:#666;display:flex;font-size:.9em;justify-content:space-between;margin-bottom:10px}.progress-bar{background-color:#eee}.chapter-stats{display:flex;flex-direction:column;gap:15px}.chapter-row{align-items:center;background:#fafafa;border-left:4px solid #ddd;border-radius:8px;display:flex;padding:15px}.chapter-name{color:#333;flex:2 1}.chapter-progress{align-items:center;display:flex;flex:3 1;gap:15px}.chapter-numbers{color:#666;font-weight:500;min-width:50px}.progress-bar-small{background-color:#eee;border-radius:3px;flex:1 1;height:6px;min-width:100px;overflow:hidden}.progress-fill-small{height:100%;transition:width .3s ease}.chapter-percentage{color:#333;font-weight:500;min-width:45px}.chapter-marks{font-weight:600;min-width:40px;text-align:right}.bottom-section{align-items:flex-start;display:flex;gap:20px;grid-column:1/-1;justify-content:space-between;width:100%}.performance-tips-section{flex:1 1;max-width:50%}.results-actions{align-items:center;flex:1 1;flex-direction:row;gap:20px;margin-top:40px;max-width:50%}.return-home-btn,.review-answers-btn{align-items:center;border:none;border-radius:15px;cursor:pointer;display:flex;font-size:1.2em;font-weight:600;height:120px;justify-content:center;padding:30px 25px;text-align:center;transition:all .3s ease;width:180px}.review-answers-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.review-answers-btn:hover:not(:disabled){box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.review-answers-btn:disabled{background:#ccc;cursor:not-allowed}.return-home-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff}.return-home-btn:hover{box-shadow:0 8px 25px #ff6b6b4d;transform:translateY(-2px)}.additional-info{margin-top:0}.info-card{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:25px}.info-card h4{color:#333;font-size:1.2em;margin:0 0 15px}.info-card ul{margin:0;padding-left:20px}.info-card li{color:#666;line-height:1.5;margin-bottom:8px}@media (max-width:768px){.test-results-container{padding:15px}.performance-overview{flex-direction:column;gap:20px;text-align:center}.t-summary-stats{grid-template-columns:repeat(2,1fr)}.time-info{flex-direction:column}.subject-stats{grid-template-columns:1fr}.chapter-row{align-items:flex-start;flex-direction:column;gap:10px}.chapter-progress{width:100%}.bottom-section{flex-direction:column;gap:30px}.performance-tips-section{max-width:100%}.results-actions{flex-direction:column;gap:15px;max-width:100%}.return-home-btn,.review-answers-btn{height:60px;padding:15px 20px;width:100%}}@media (max-width:480px){.t-summary-stats{grid-template-columns:1fr}.results-header h1{font-size:2em}.test-info{flex-direction:column;gap:10px}}.answer-review{background-color:#f5f5f5;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;margin:0 auto;overflow-y:auto;padding:0;scrollbar-color:#9698a5 #f1f1f1;scrollbar-width:inherit;width:100vw}.answer-review::-webkit-scrollbar{width:8px}.answer-review::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.answer-review::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}.answer-review::-webkit-scrollbar-thumb:hover{background:#5a6fd8}.answer-review__error{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:50px 20px;text-align:center}.answer-review__error h2{color:#333;margin-bottom:15px}.answer-review__error p{color:#666;margin-bottom:25px}.answer-review__header{align-items:center;background:#fff;border-radius:0;box-shadow:0 2px 8px #0000001a;display:flex;flex-shrink:0;height:90px;justify-content:space-between;margin:0 0 20px;min-height:90px;padding:20px 30px;position:sticky;top:0;z-index:100}.answer-review__header-left{display:flex;flex-direction:column;gap:5px}.answer-review__header-left h1{color:#333;font-size:1.8em;font-weight:600;margin:0}.answer-review__test-info{color:#666;display:flex;font-size:.9em;gap:20px;margin-top:5px}.answer-review__test-info span{background:#f0f0f0;border-radius:4px;font-weight:500;padding:4px 8px}.answer-review__header-actions{display:flex;gap:10px}.answer-review__btn{border:none;border-radius:25px;cursor:pointer;font-weight:500;padding:8px 20px;text-decoration:none;transition:all .3s ease}.answer-review__btn--primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.answer-review__btn--secondary{background:#f0f0f0;color:#333}.answer-review__btn:hover:not(:disabled){box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.answer-review__palette-toggle-btn{align-items:center;background:#6c5ce7;border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:.9em;font-weight:500;gap:8px;margin-left:10px;padding:12px 20px;transition:all .3s ease}.answer-review__palette-toggle-btn:hover{background:#5f4fcf;box-shadow:0 6px 20px #6c5ce766;transform:translateY(-2px)}.answer-review__title-section{display:flex;flex-direction:column;gap:5px}.answer-review__title-section h1{color:#333;font-size:1.6em;margin:0}.answer-review__question-count{color:#666;font-size:.9em;font-weight:500}.answer-review__content{display:flex;flex:1 1;gap:20px;overflow:hidden;padding:0 40px 20px;position:relative}.answer-review__question-area{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;flex:1 1;height:calc(100vh - 150px);margin-right:320px;overflow-y:auto;padding:10px;scrollbar-color:#667eea #f1f1f1;scrollbar-width:thin;transition:margin-right .3s ease}.answer-review__question-area::-webkit-scrollbar{width:8px}.answer-review__question-area::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.answer-review__question-area::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}.answer-review__question-area::-webkit-scrollbar-thumb:hover{background:#5a6fd8}.answer-review__question-area--palette-collapsed{margin-right:0}.answer-review__status-banner{border-radius:8px;font-weight:600;margin-bottom:20px;padding:15px 20px;text-align:center}.answer-review__status-banner--correct{background:#e8f5e8;border:2px solid #4caf50;color:#2e7d2e}.answer-review__status-banner--incorrect{background:#ffeaea;border:2px solid #f44336;color:#d32f2f}.answer-review__status-banner--unattempted{background:#fff3e0;border:2px solid #ff9800;color:#e65100}.answer-review__question-meta{display:flex;gap:10px;margin-bottom:20px}.answer-review__chapter-badge,.answer-review__difficulty-badge,.answer-review__subject-badge{border-radius:15px;font-size:.85em;font-weight:500;padding:5px 12px}.answer-review__subject-badge{background:#e3f2fd;color:#1976d2}.answer-review__chapter-badge{background:#f3e5f5;color:#7b1fa2}.answer-review__difficulty-badge{background:#fff3e0;color:#f57c00}.answer-review__question-text{margin-bottom:25px}.answer-review__question-text h3{color:#333;margin-bottom:15px}.answer-review__question-text p{color:#444;font-size:1.1em;line-height:1.6}.answer-review__question-image{margin:20px 0;text-align:center}.answer-review__question-image img{border-radius:8px;box-shadow:0 4px 15px #0000001a;max-height:400px;max-width:100%}.answer-review__options-image{margin:20px 0;text-align:center}.answer-review__options-image img{border-radius:8px;box-shadow:0 4px 15px #0000001a;max-height:400px;max-width:100%}.question-counter{background:#f0f0f0;border-radius:20px;color:#666;font-weight:500;padding:10px 20px}.filter-controls{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.filter-btn{background:#fff;border:2px solid #ddd;border-radius:25px;color:#666;cursor:pointer;font-weight:500;padding:12px 20px;transition:all .3s ease}.filter-btn.active{background:#667eea;border-color:#667eea;color:#fff}.filter-btn.correct.active{background:#4caf50;border-color:#4caf50}.filter-btn.incorrect.active{background:#f44336;border-color:#f44336}.filter-btn.unattempted.active{background:#ff9800;border-color:#ff9800}.filter-btn:hover:not(.active){background:#f9f9f9;border-color:#bbb}.review-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:300px 1fr;margin-bottom:30px}.question-navigation{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;height:fit-content;padding:25px;position:sticky;top:20px}.question-navigation h3{border-bottom:2px solid #eee;color:#333;font-size:1.2em;margin:0 0 20px;padding-bottom:10px}.question-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(45px,1fr))}.nav-question{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:600;height:45px;justify-content:center;transition:all .3s ease;width:45px}.nav-question:hover{box-shadow:0 4px 15px #0003;transform:scale(1.1)}.nav-question.active{box-shadow:0 6px 20px #0000004d;outline:3px solid #fff;transform:scale(1.15)}.question-details{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:30px}.question-header{align-items:center;border-bottom:2px solid #eee;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px;padding-bottom:20px}.question-meta{display:flex;flex-wrap:wrap;gap:10px}.chapter-tag,.status-tag,.subject-tag{border-radius:15px;color:#fff;font-size:.9em;font-weight:500;padding:6px 12px}.subject-tag{background:#2196f3}.chapter-tag{background:#9c27b0}.question-stats{align-items:center;display:flex;gap:20px}.marks-earned,.time-spent{background:#f5f5f5;border-radius:15px;font-size:.9em;font-weight:500;padding:8px 15px}.question-text{margin-bottom:30px}.question-text h3{color:#333;font-size:1.3em;margin:0 0 15px}.question-text p{color:#444;font-size:1.1em;line-height:1.6}.options-section{margin-bottom:30px}.options-section h4{color:#333;font-size:1.1em;margin:0 0 20px}.options-list{display:flex;flex-direction:column;gap:15px}.option{background:#fafafa;border:2px solid #eee;border-radius:10px;padding:15px;transition:all .3s ease}.option.correct-answer{background:#f1f8e9;border-color:#4caf50}.option.user-incorrect{background:#ffebee;border-color:#f44336}.option.user-correct{background:#e8f5e8;border-color:#4caf50;box-shadow:0 4px 15px #4caf5033}.option-header{gap:15px;margin-bottom:10px}.option-header,.q-option-label{align-items:center;display:flex}.q-option-label{background:#333;border-radius:50%;color:#fff;font-size:.9em;font-weight:700;height:30px;justify-content:center;width:30px}.option.correct-answer .option-label{background:#4caf50}.option.user-incorrect .option-label{background:#f44336}.correct-badge,.user-choice-badge{border-radius:12px;color:#fff;font-size:.8em;font-weight:500;padding:4px 10px}.user-choice-badge{background:#ff9800}.correct-badge{background:#4caf50}.option-text{color:#444;line-height:1.5;padding-left:45px}.answer-analysis{background:#f8f9fa;border-left:5px solid #667eea;border-radius:10px;padding:25px}.answer-analysis h4{color:#333;margin:0 0 15px}.analysis-content{line-height:1.6}.analysis-item{border-left:4px solid;border-radius:8px;padding:15px}.analysis-item.correct{background:#e8f5e8;border-left-color:#4caf50;color:#2e7d2e}.analysis-item.incorrect{background:#ffebee;border-left-color:#f44336;color:#c62828}.analysis-item.unattempted{background:#fff3e0;border-left-color:#ff9800;color:#ef6c00}.navigation-controls{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;display:flex;gap:30px;justify-content:center;padding:20px}.nav-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:500;min-width:120px;padding:12px 25px;transition:all .3s ease}.nav-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.nav-btn:hover:not(:disabled){box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.nav-info{background:#f0f0f0;border-radius:20px;color:#666;font-weight:500;padding:10px 20px}.error-message{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;padding:40px}.error-message h2{color:#f44336;margin-bottom:15px}@media (max-width:1024px){.review-content{grid-template-columns:250px 1fr}}@media (max-width:768px){.answer-review-container{padding:15px}.review-header{flex-direction:column;gap:15px;text-align:center}.review-content{grid-template-columns:1fr}.question-navigation{order:2;position:static}.question-details{order:1}.question-header{align-items:flex-start;flex-direction:column}.filter-controls{justify-content:center}.navigation-controls{flex-direction:column;gap:15px}}@media (max-width:480px){.question-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}.nav-question{font-size:.9em;height:40px;width:40px}.filter-controls{flex-direction:column}.filter-btn{text-align:center}}.options-image,.question-image{margin:20px 0;text-align:center}.options-image img,.question-image img{border-radius:8px;box-shadow:0 4px 12px #0000001a;height:auto;max-height:400px;max-width:100%;transition:transform .2s ease}.options-image img:hover,.question-image img:hover{box-shadow:0 6px 20px #00000026;transform:scale(1.02)}.question-image{border-left:4px solid #667eea;margin:15px 0;padding-left:15px}.options-image{border-left:4px solid #764ba2;margin:15px 0 25px;padding-left:15px}.answer-review__options-section{margin-bottom:25px}.answer-review__options-section h4{color:#333;margin-bottom:15px}.answer-review__options-container{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.answer-review__option{align-items:center;border:2px solid #e0e0e0;border-radius:8px;display:flex;min-height:50px;padding:10px;position:relative;transition:all .3s ease}.answer-review__option--correct{background:#e8f5e8;border-color:#4caf50}.answer-review__option--incorrect{background:#ffeaea;border-color:#f44336}.answer-review__option-label{flex-shrink:0;font-weight:600;margin-right:12px;min-width:25px}.answer-review__option-text{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;line-height:1.5}.answer-review__option-indicator{border-radius:12px;font-size:.75em;font-weight:600;padding:2px 8px;position:absolute;right:10px;top:5px}.answer-review__option-indicator--user{background:#2196f3;color:#fff}.answer-review__option-indicator--correct{background:#4caf50;color:#fff}.answer-review__palette{background:#fff;border-radius:15px;bottom:20px;box-shadow:0 8px 30px #00000026;display:flex;flex-direction:column;height:calc(100% - 45px);overflow:hidden;position:absolute;right:20px;top:20px;transition:transform .3s ease-in-out;width:280px;z-index:100}.answer-review__palette--visible{transform:translateX(0)}.answer-review__palette--hidden{transform:translateX(calc(100% + 50px))}.answer-review__palette--collapsed .answer-review__palette-header{justify-content:center;padding:10px}.answer-review__palette--collapsed .answer-review__palette-header h3{display:none}.answer-review__palette-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px 15px 0 0;color:#fff;display:flex;justify-content:space-between;padding:15px}.answer-review__palette-header h3{font-size:1.1em;font-weight:600;margin:0}.answer-review__close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;transition:background-color .3s ease;width:24px}.answer-review__close-btn:hover{background:#ffffff4d}.answer-review__palette-toggle{align-items:center;background:#ffffff4d;border:2px solid #ffffff80;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:32px;justify-content:center;line-height:1;transition:all .3s ease;width:32px}.answer-review__palette-toggle:hover{background:#fff6;border-color:#ffffffb3;transform:scale(1.05)}.answer-review__palette-toggle:focus{box-shadow:0 0 0 2px #ffffff80;outline:none}.answer-review__palette-toggle:active{transform:scale(.95)}.answer-review__palette-content{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:20px;scrollbar-color:#667eea #f1f1f1;scrollbar-width:thin}.answer-review__palette-content::-webkit-scrollbar{width:6px}.answer-review__palette-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.answer-review__palette-content::-webkit-scrollbar-thumb{background:#667eea;border-radius:3px;-webkit-transition:background .3s ease;transition:background .3s ease}.answer-review__palette-content::-webkit-scrollbar-thumb:hover{background:#5a6fd8}.answer-review__palette-legend{border-bottom:2px solid #f0f0f0;display:flex;flex-direction:column;gap:8px;margin-bottom:0;padding-bottom:15px}.answer-review__legend-item{align-items:center;display:flex;font-size:.9em;gap:8px}.answer-review__legend-color{border-radius:50%;height:12px;width:12px}.answer-review__legend-color--correct{background:#4caf50}.answer-review__legend-color--incorrect{background:#f44336}.answer-review__legend-color--unattempted{background:#ff9800}.answer-review__palette-stats{border-top:1px solid #e0e0e0;margin-top:0;padding-top:15px}.answer-review__palette-stats h4{color:#333;font-size:1.1em;font-weight:600;margin:0 0 10px}.answer-review__stat-item{align-items:center;color:#555;display:flex;font-size:.9em;gap:8px;margin-bottom:8px}.answer-review__stat-color{border-radius:50%;height:12px;width:12px}.answer-review__stat-color--attempted{background:#4caf50}.answer-review__stat-color--unattempted{background:#ff9800}.answer-review__palette-grid{grid-gap:8px;align-content:start;display:grid;flex:1 1;gap:8px;grid-template-columns:repeat(5,1fr);overflow-y:auto}.answer-review__palette-question{align-items:center;border:2px solid #0000;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:40px;justify-content:center;transition:all .3s ease;width:40px}.answer-review__palette-question--correct{background:#4caf50}.answer-review__palette-question--incorrect{background:#f44336}.answer-review__palette-question--unattempted{background:#ff9800}.answer-review__palette-question--active{border-color:#333;box-shadow:0 4px 15px #0003;transform:scale(1.1)}.answer-review__palette-question:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.05)}.answer-review__learning-mode-container{background:#fff;border-radius:0;bottom:0;height:100vh;left:0;overflow-y:auto;padding:5rem 2rem 2rem;position:fixed;right:0;scrollbar-color:#9497a7 #f1f1f1;scrollbar-width:thin;top:0;z-index:1000}.answer-review__learning-mode-container::-webkit-scrollbar{width:8px}.answer-review__learning-mode-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.answer-review__learning-mode-container::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}.answer-review__learning-mode-container::-webkit-scrollbar-thumb:hover{background:#5a6fd8}.answer-review__learning-header{align-items:center;background:#fff;border-bottom:none;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;left:0;margin-bottom:0;padding:1rem 2rem;position:fixed;right:0;top:0;z-index:1001}.answer-review__learning-header h3{color:#333;font-size:1.2rem;margin:0}.answer-review__close-learning-btn{background:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.55rem 1rem;transition:background .3s ease}.answer-review__close-learning-btn:hover{background:#c82333}.answer-review__actions{align-items:center;border-top:2px solid #f0f0f0;display:flex;justify-content:space-between;margin:25px 0;padding:20px 0}.answer-review__learn-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1em;font-weight:600;min-width:120px;padding:8px 25px;transition:all .3s ease}.answer-review__learn-btn:hover:not(:disabled){box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.answer-review__learn-btn:disabled{cursor:not-allowed;opacity:.6}.answer-review__navigation-buttons{display:flex;gap:10px}.answer-review__nav-btn{background:#f0f0f0;border:none;border-radius:20px;cursor:pointer;font-weight:500;padding:8px 20px;transition:all .3s ease}.answer-review__nav-btn:hover:not(:disabled){background:#e0e0e0;transform:translateY(-1px)}.answer-review__nav-btn:disabled{cursor:not-allowed;opacity:.5}.answer-review__nav-btn--next{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.answer-review__nav-btn--next:hover:not(:disabled){box-shadow:0 4px 15px #667eea4d}@media (max-width:768px){.answer-review{padding:15px}.answer-review__content{flex-direction:column}.answer-review__palette{margin:10px 0;order:2;position:relative;right:auto;top:auto;width:100%}.answer-review__question-area{margin-right:0;min-height:auto;order:1}.answer-review__question-area--palette-collapsed{margin-right:0}.answer-review__palette-grid{grid-template-columns:repeat(8,1fr)}.answer-review__palette-question{font-size:12px;height:35px;width:35px}.answer-review__header{text-align:center}.answer-review__actions,.answer-review__header{flex-direction:column;gap:15px}.answer-review__navigation-buttons{justify-content:space-between;width:100%}}.answer-review__palette li,.answer-review__palette p,.answer-review__question-content li,.answer-review__question-content p{line-height:1.8}.answer-review .fraction{display:inline-flex;flex-direction:column;font-size:1em;margin:0 .2em;text-align:center;vertical-align:middle}.answer-review .fraction .numerator{border-bottom:1.5px solid;line-height:1.2;padding:0 .3em .1em}.answer-review .fraction .denominator{line-height:1.2;padding:.1em .3em 0}.practice-results-container{align-items:flex-start;background:#f5f7fa;box-sizing:border-box;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;max-height:100vh;min-height:100vh;overflow-y:auto;padding:2rem;width:100vw}.loading-message{color:#333;font-size:1.5rem;text-align:center}.practice-results-content{animation:slideUp .6s ease-out;max-width:1400px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.pr-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 4px 20px #667eea4d;margin-bottom:2rem;padding:2rem;text-align:center}.pr-title{color:#fff;font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.pr-session{color:#ffffffe6;font-size:1rem;font-weight:500;margin:0}.pr-main-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}.pr-stat-box{background:#fff;border-radius:15px;box-shadow:0 2px 10px #00000014;padding:1.5rem;text-align:center}.pr-stat-value{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.pr-stat-label{color:#666;font-size:1rem;font-weight:600}.pr-quick-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);margin-bottom:2rem}.pr-quick-card{background:#fff;border-radius:15px;border-top:4px solid;box-shadow:0 2px 10px #00000014;padding:1.5rem;text-align:center;transition:transform .2s ease}.pr-quick-card:hover{transform:translateY(-3px)}.pr-quick-card.green-border{border-top-color:#4caf50}.pr-quick-card.green-border .pr-quick-value{color:#4caf50}.pr-quick-card.red-border{border-top-color:#f44336}.pr-quick-card.red-border .pr-quick-value{color:#f44336}.pr-quick-card.orange-border{border-top-color:#ff9800}.pr-quick-card.orange-border .pr-quick-value{color:#ff9800}.pr-quick-card.blue-border{border-top-color:#2196f3}.pr-quick-card.blue-border .pr-quick-value{color:#2196f3}.pr-quick-value{color:#333;font-size:3rem;font-weight:700;margin-bottom:.5rem}.pr-quick-label{color:#666;font-size:.95rem;font-weight:600}.pr-time-info{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}.pr-time-box{background:#fff;border-radius:15px;box-shadow:0 2px 10px #00000014;padding:1.5rem}.pr-time-label{color:#666;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.pr-time-value{color:#333;font-size:1.5rem;font-weight:700}.pr-actions{text-align:center}.pr-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:30px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 3rem;transition:all .3s ease}.pr-btn-primary:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.pr-btn-primary:active{transform:translateY(0)}.results-header{margin-bottom:1rem;text-align:center}.results-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:.3rem}.results-subtitle{color:#666;font-size:1rem}.p-score-circle{animation:popIn .6s ease-out .3s both;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 10px 30px #667eea66;height:150px;margin:1rem auto;width:150px}@keyframes popIn{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.p-score-circle-inner{align-items:center;background:#fff;border-radius:50%;display:flex;flex-direction:column;height:130px;justify-content:center;width:130px}.score-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700}.score-label{color:#666;font-size:.9rem;font-weight:600}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin:1rem 0}.stat-card{animation:fadeInUp .6s ease-out both;background:#f8f9fa;border-radius:15px;padding:1rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.stat-card:first-child{animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.stat-card:nth-child(5){animation-delay:.5s}.stat-card:nth-child(6){animation-delay:.6s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-card:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-5px)}.stat-icon{font-size:1.5rem;margin-bottom:.3rem}.stat-value{color:#333;font-size:1.8rem;font-weight:700;margin:.3rem 0}.stat-label{color:#666;font-size:.85rem;font-weight:600}.stat-correct{background:linear-gradient(135deg,#d4f4dd,#a8e6cf)}.stat-incorrect{background:linear-gradient(135deg,#ffd6d6,#ffb3b3)}.stat-unattempted{background:linear-gradient(135deg,#e8e8e8,#d0d0d0)}.stat-time{background:linear-gradient(135deg,#d4e4f7,#a8c7e7)}.stat-total{background:linear-gradient(135deg,#fff3cd,#ffd966)}.stat-attempted{background:linear-gradient(135deg,#e0d4f7,#c8b3e7)}.performance-message{animation:fadeIn .6s ease-out .7s both;margin:1rem 0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.message{align-items:center;border-radius:15px;display:flex;font-size:1rem;font-weight:600;gap:.8rem;justify-content:center;padding:1rem}.message-icon{font-size:1.5rem}.excellent{background:linear-gradient(135deg,#d4f4dd,#a8e6cf);color:#155724}.good{background:linear-gradient(135deg,#d4e4f7,#a8c7e7);color:#004085}.average{background:linear-gradient(135deg,#fff3cd,#ffd966);color:#856404}.needs-improvement{background:linear-gradient(135deg,#ffd6d6,#ffb3b3);color:#721c24}.results-actions{animation:fadeIn .6s ease-out .8s both;display:flex;gap:1rem;justify-content:center;margin-top:1rem}.action-btn{border:none;border-radius:30px;box-shadow:0 4px 15px #0000001a;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 2rem;transition:all .3s ease}.primary-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.primary-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-3px)}.primary-btn:active{transform:translateY(-1px)}@media (max-width:1024px){.pr-quick-stats{grid-template-columns:repeat(2,1fr)}.pr-main-stats{gap:1rem}}@media (max-width:768px){.practice-results-container{padding:1rem}.pr-header{margin-bottom:1.5rem;padding:1.5rem}.pr-title{font-size:1.8rem}.pr-session{font-size:.9rem}.pr-main-stats{gap:1rem;grid-template-columns:1fr;margin-bottom:1.5rem}.pr-stat-box{padding:1.25rem}.pr-stat-value{font-size:2rem}.pr-stat-label{font-size:.9rem}.pr-quick-stats{gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.pr-quick-card{padding:1.25rem}.pr-quick-value{font-size:2.5rem}.pr-quick-label{font-size:.85rem}.pr-time-info{gap:1rem;grid-template-columns:1fr;margin-bottom:1.5rem}.pr-time-box{padding:1.25rem}.pr-time-value{font-size:1.3rem}.pr-btn-primary{font-size:1rem;padding:.9rem 2.5rem}}@media (max-width:480px){.practice-results-container{padding:.5rem}.pr-header{margin-bottom:1rem;padding:1rem}.pr-title{font-size:1.5rem}.pr-session{font-size:.8rem}.pr-stat-box{padding:1rem}.pr-stat-value{font-size:1.8rem}.pr-quick-stats{gap:.75rem}.pr-quick-card{padding:1rem}.pr-quick-value{font-size:2rem}.pr-quick-label{font-size:.75rem}.pr-time-box{padding:1rem}.pr-time-label{font-size:.85rem}.pr-time-value{font-size:1.1rem}.pr-btn-primary{font-size:.95rem;padding:.8rem 2rem}}.test-dashboard{background:#f0f2f5;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;overflow-y:auto;padding:24px;width:100vw}.dashboard-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;margin:0 auto;max-width:1200px;overflow:hidden}.test-dashboard-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;padding:32px;position:relative}.test-header-back{left:32px;position:absolute;z-index:10}.test-back-btn{background-color:#fff;border:none;border-radius:8px;box-shadow:0 0 5px #80808080;color:grey;cursor:pointer;font-size:15px;font-weight:600;padding:10px 25px;transition:box-shadow .2s ease}.test-header-center{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px;text-align:center}.test-header-center h1{color:#2c3e50;display:block;font-size:2.5em;font-weight:700;margin:0 0 8px}.dashboard-subtitle,.test-subtitle{color:#7f8c8d;display:block;font-size:1.1em;margin:0;text-align:center}.test-header-stats{display:flex;gap:20px;position:absolute;right:32px}.t-stat-card{background:linear-gradient(135deg,#359ccb,#b68cdf);border-radius:12px;box-shadow:0 2px 8px #667eea33;color:#fff;min-width:120px;padding:20px;text-align:center}.stat-label{opacity:.9}.filter-select:hover,.sort-select:hover{border-color:#667eea}.filter-select:focus,.sort-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.loading-spinner{border-top-color:#667eea}.start-test-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1.1em;font-weight:600;padding:15px 30px;transition:all .3s ease}.start-test-btn:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.tests-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:30px}.test-card{background:#f9fafb;border:2px solid #e5e7eb;border-left-width:4px;border-radius:12px;cursor:pointer;padding:24px;transition:all .2s ease}.test-card:hover{border-color:#d1d5db;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.test-card.excellent{border-left-color:#27ae60}.test-card.good{border-left-color:#f39c12}.test-card.average{border-left-color:#e67e22}.test-card.poor{border-left-color:#e74c3c}.test-card-header{align-items:flex-start;display:flex;flex-direction:column;gap:8px;justify-content:space-between;margin-bottom:20px}.test-name{color:#2c3e50;font-size:1.2em;font-weight:600;line-height:1.3;margin:0}.test-date{color:#7f8c8d;font-size:.85em;text-align:right;white-space:nowrap}.test-score-overview{display:flex;justify-content:center;margin-bottom:20px}.t-score-circle{align-items:center;border:3px solid #e0e0e0;border-radius:10px;display:flex;flex-direction:column;height:80px;justify-content:center;position:relative;width:80px}.test-card.excellent .t-score-circle{background:linear-gradient(135deg,#27ae601a,#27ae600d);border-color:#27ae60}.test-card.good .t-score-circle{background:linear-gradient(135deg,#f39c121a,#f39c120d);border-color:#f39c12}.test-card.average .t-score-circle{background:linear-gradient(135deg,#e67e221a,#e67e220d);border-color:#e67e22}.test-card.poor .t-score-circle{background:linear-gradient(135deg,#e74c3c1a,#e74c3c0d);border-color:#e74c3c}.test-subjects{margin-bottom:20px}.subject-result{color:#667eea}.test-syllabus{border-top:1px solid #eee;padding-top:15px}.test-chapters-list{display:flex;flex-wrap:wrap;gap:6px}.chapter-tag{background:#e8f2ff}.test-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.test-modal{background:#fff;border-radius:15px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2)}.t-score-circle-large{align-items:center;background:linear-gradient(135deg,#667eea1a,#764ba20d);border:4px solid #667eea;border-radius:50%;display:flex;flex-direction:column;height:120px;justify-content:center;margin:0 auto;width:120px}.progress-fill{background:linear-gradient(135deg,#667eea,#764ba2)}.test-details{background:#f8f9fa;border-radius:10px;padding:20px}.syllabus-tag{background:#e8f2ff}.review-test-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.review-test-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.review-test-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:768px){.test-dashboard{padding:15px}.dashboard-header{align-items:stretch;flex-direction:column;gap:20px;padding:20px}.test-header-stats{margin-top:16px}.tests-grid{gap:15px;grid-template-columns:1fr}.test-card{padding:20px}.filters{flex-direction:column;gap:10px}.filter-select,.sort-select{width:100%}.test-modal{margin:10px;max-height:95vh}.modal-content{padding:20px}.chapters-grid{grid-template-columns:1fr}.detail-item{flex-direction:column;gap:5px}.detail-label{min-width:auto}.test-dashboard{padding:16px}.dashboard-container{border-radius:8px;margin:0}.test-dashboard-header{flex-direction:column;gap:16px;padding:24px}.test-header-back,.test-header-stats{left:auto;position:relative;right:auto}.test-header-stats{justify-content:center;position:relative;right:auto;width:100%}.dashboard-content{padding:16px 20px 20px}}.practice-dashboard{background:#f0f2f5;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;overflow-y:auto;padding:24px;width:100vw}.p-dashboard-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;margin:0 auto;max-width:1200px;overflow:hidden}.practice-dashboard-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;padding:32px;position:relative}.practice-header-back{left:32px;position:absolute;z-index:10}.practice-back-btn{background-color:#fff;border:none;border-radius:8px;box-shadow:0 0 5px #80808080;color:grey;cursor:pointer;font-size:15px;font-weight:600;padding:10px 25px;transition:box-shadow .2s ease}.practice-header-center{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px;text-align:center}.practice-header-center h1,.practice-main-title{color:#2c3e50;display:block;font-size:2.5em;font-weight:700;margin:0 0 8px}.practice-subtitle{color:#7f8c8d;display:block;font-size:1.1em;margin:0;text-align:center}.back-btn{background:#3498db;border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:500;margin-bottom:20px;padding:10px 20px;transition:all .3s ease}.back-btn:hover{background:#2980b9;transform:translateY(-2px)}.practice-header-stats{display:flex;gap:20px;position:absolute;right:32px}.p-stat-card{background:#fff;border:2px solid #e5e7eb;border-radius:20px;border-top:4px solid #000;box-shadow:0 2px 8px #00000014;min-width:120px;padding:18px;text-align:center}.stat-number{color:#2c3e50;font-size:2em;font-weight:700;margin-bottom:5px}.stat-label{color:#7f8c8d;font-size:.9em}.dashboard-content{padding:24px 32px 32px}.dashboard-controls{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:0;padding:20px}.filters{align-items:center;display:flex;gap:15px;justify-content:flex-end}.filter-select,.sort-select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:.95em;padding:12px 15px;transition:border-color .3s ease}.filter-select:hover,.sort-select:hover{border-color:#27ae60}.filter-select:focus,.sort-select:focus{border-color:#27ae60;box-shadow:0 0 0 3px #27ae601a;outline:none}.error-container,.loading-container{align-items:center;background:#fff;border-radius:15px;display:flex;flex-direction:column;height:400px;justify-content:center;margin:20px 0}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#27ae60;height:40px;margin-bottom:20px;width:40px}.error-message{text-align:center}.retry-btn{background:#e74c3c;border:none;border-radius:25px;color:#fff;cursor:pointer;margin-top:15px;padding:12px 25px;transition:background .3s ease}.retry-btn:hover{background:#c0392b}.empty-state{background:#fff;border-radius:15px;box-shadow:0 8px 32px #0000001a;padding:60px 40px;text-align:center}.empty-icon{font-size:4em;margin-bottom:20px}.empty-state h3{color:#2c3e50;font-size:1.5em;margin-bottom:10px}.empty-state p{color:#7f8c8d;font-size:1.1em;margin-bottom:25px}.start-practice-btn{background:linear-gradient(135deg,#27ae60,#2ecc71);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1.1em;font-weight:600;padding:15px 30px;transition:all .3s ease}.start-practice-btn:hover{box-shadow:0 8px 25px #27ae604d;transform:translateY(-2px)}.practices-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:30px}.practice-card{background:#f9fafb;border:2px solid #e5e7eb;border-left-width:4px;border-radius:12px;cursor:pointer;padding:24px;transition:all .2s ease}.practice-card:hover{border-color:#d1d5db;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.practice-card.excellent{border-left-color:#27ae60}.practice-card.good{border-left-color:#f39c12}.practice-card.average{border-left-color:#e67e22}.practice-card.poor{border-left-color:#e74c3c}.practice-card-header{align-items:flex-start;display:flex;flex-direction:column;gap:8px;justify-content:space-between;margin-bottom:20px}.practice-name{color:#2c3e50;font-size:1.2em;font-weight:600;line-height:1.3;margin:0}.practice-date{color:#7f8c8d;font-size:.85em;text-align:right;white-space:nowrap}.practice-time-taken{align-items:center;color:#071d7e;display:flex;font-size:.9em;font-weight:600;gap:5px}.practice-score-overview{display:flex;justify-content:center;margin-bottom:20px}.p-score-circle{align-items:center;border:3px solid #e0e0e0;border-radius:10px;display:flex;flex-direction:column;height:80px;justify-content:center;position:relative;width:80px}.practice-card.excellent .p-score-circle{background:#0000;border-color:#27ae60}.practice-card.good .p-score-circle{background:#0000;border-color:#f39c12}.practice-card.average .p-score-circle{background:#0000;border-color:#e67e22}.practice-card.poor .p-score-circle{background:#0000;border-color:#e74c3c}.score-percentage{color:#2c3e50;font-size:1.2em;font-weight:700}.score-fraction{color:#7f8c8d;font-size:.8em;margin-top:2px}.practice-subjects{margin-bottom:20px}.subject-score{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:6px;padding:8px 12px}.subject-name{color:#2c3e50;font-weight:500;text-transform:capitalize}.subject-result{color:#0928b4;font-weight:600}.practice-syllabus{border-top:1px solid #eee;padding-top:15px}.syllabus-label{color:#7f8c8d;font-size:.9em;font-weight:500;margin-bottom:8px}.practice-chapters-list{display:flex;flex-wrap:wrap;gap:6px}.chapter-tag{background:#e8eeff;color:#667eea;font-weight:500}.chapter-tag,.more-chapters{border-radius:12px;font-size:.8em;padding:4px 10px}.more-chapters{background:#f0f0f0;color:#666;font-style:italic}.practice-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.practice-modal{background:#fff;border-radius:15px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.modal-header{align-items:center;background:linear-gradient(135deg,#27ae60,#2ecc71);border-bottom:2px solid #f0f0f0;border-radius:15px 15px 0 0;color:#fff;display:flex;justify-content:space-between;padding:25px 30px}.modal-header h2{font-size:1.5em;font-weight:600;margin:0}.close-modal{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5em;height:35px;justify-content:center;transition:background .3s ease;width:35px}.close-modal:hover{background:#ffffff4d}.modal-content{margin:0 auto;max-width:1400px;padding:40px 60px}.modal-section{margin-bottom:30px}.modal-section h3{color:#2c3e50;font-size:1.3em;font-weight:600;margin-bottom:15px}.overall-stats{margin-bottom:20px;text-align:center}.overall-score-display{align-items:center;display:flex;gap:40px;justify-content:center}.p-score-circle-large,.score-circle-large{align-items:center;background:#fff;border:0 solid #667eea;border-radius:12px;box-shadow:0 4px 12px #667eea33;display:flex;flex-direction:column;height:100px;justify-content:center;margin:0;width:120px}.time-stats{display:flex;flex-direction:column;gap:12px;text-align:left}.time-stat-item{display:flex;gap:10px}.time-stat-label{color:#2c3e50;font-weight:600;min-width:140px}.time-stat-value{color:#667eea;font-weight:600}.large-percentage{color:#2c3e50;font-size:1.8em;font-weight:700}.large-fraction{color:#7f8c8d;font-size:1em;margin-top:3px}.chapter-breakdown,.subject-breakdown{display:flex;flex-direction:column;gap:15px}.subject-detail{background:#f8f9fa;border-radius:10px;padding:15px}.subject-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.subject-title{color:#2c3e50;font-weight:600;text-transform:capitalize}.subject-score{color:#667eea;font-weight:600}.progress-bar{background:#e0e0e0;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(135deg,#27ae60,#2ecc71);height:100%;transition:width .3s ease}.subject-chapters{margin-bottom:20px}.subject-heading{color:#2c3e50;font-size:1.1em;font-weight:600;margin-bottom:10px;text-transform:capitalize}.chapters-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.chapter-item{background:#f8f9fa;border-radius:8px;padding:12px;text-align:center}.chapter-name{color:#2c3e50;font-size:.9em;font-weight:500;margin-bottom:5px}.chapter-score{color:#667eea;font-weight:600;margin-bottom:3px}.chapter-percentage{color:#7f8c8d;font-size:.8em}.practice-details{background:#f8f9fa;border-radius:10px;padding:20px}.detail-item{align-items:flex-start;display:flex;gap:15px;margin-bottom:12px}.detail-label{color:#2c3e50;font-weight:600;min-width:120px}.detail-value{color:#7f8c8d;font-family:monospace}.syllabus-tags{display:flex;flex-wrap:wrap;gap:6px}.syllabus-tag{background:#e8eeff;border-radius:12px;color:#667eea;font-size:.8em;font-weight:500;padding:4px 10px}.modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:center;padding:20px}.reattempt-practice-btn{background:linear-gradient(135deg,#27ae60,#2ecc71);border:none;border-radius:8px;box-shadow:0 2px 8px #27ae604d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.reattempt-practice-btn:hover{box-shadow:0 4px 12px #27ae6066;transform:translateY(-2px)}.reattempt-practice-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:768px){.practice-dashboard{padding:15px}.dashboard-header{align-items:stretch;flex-direction:column;gap:20px;padding:20px}.practice-header-stats{margin-top:16px}.practices-grid{gap:15px;grid-template-columns:1fr}.practice-card{padding:20px}.filters{flex-direction:column;gap:10px}.filter-select,.sort-select{width:100%}.practice-modal{margin:10px;max-height:95vh}.modal-content{padding:20px}.chapters-grid{grid-template-columns:1fr}.detail-item{flex-direction:column;gap:5px}.detail-label{min-width:auto}.practice-dashboard{padding:16px}.p-dashboard-container{border-radius:8px;margin:0}.practice-dashboard-header{flex-direction:column;gap:16px;padding:24px}.practice-header-back,.practice-header-stats{left:auto;position:relative;right:auto}.practice-header-stats{justify-content:center;position:relative;right:auto;width:100%}.dashboard-content{padding:16px 20px 20px}}.resume-practice-container{border-top:1px solid #e5e7eb;margin-top:12px;padding-top:12px}.resume-practice-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:all .3s ease;width:100%}.resume-practice-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.resume-practice-btn:active{transform:translateY(0)}.resume-practice-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.resume-practice-btn:disabled:hover{box-shadow:none;transform:none}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;width:14px}@keyframes spin{to{transform:rotate(1turn)}}.library-container{background:#f5f5f5;box-sizing:border-box;font-family:Arial,sans-serif;height:100vh;overflow-y:auto;padding:0;width:100vw}.library-header{align-items:center;background:#fff;border-radius:0;box-shadow:0 4px 15px #0000001a;box-sizing:border-box;display:flex;gap:1rem;justify-content:space-between;left:0;margin-bottom:0;max-width:100%;padding:.75rem 1.5rem;position:fixed;right:0;top:0;width:100%;z-index:100}.back-button{background:#6c85f4;border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.library-header h1{color:#333;flex:1 1;font-size:1.25rem;margin:0;text-align:center}.library-count{background:#f0f0f0;border-radius:16px;color:#666;flex-shrink:0;font-size:.8rem;font-weight:500;margin:0;padding:.3rem .75rem}.back-button:hover{background:#5a73e0;transform:translateX(-3px)}.empty-library{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;box-sizing:border-box;max-width:100%;padding:4rem 3rem;text-align:center;width:100%}.empty-icon{font-size:5rem;margin-bottom:1.5rem;opacity:.3}.empty-library h2{color:#333;font-size:1.5rem;margin:0 0 1rem}.empty-library p{color:#666;font-size:1.05rem;line-height:1.6;margin:0}.library-content{background:#fff;border-radius:0;bottom:0;box-shadow:0 4px 15px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;left:0;max-width:100%;overflow:hidden;position:fixed;right:0;top:3.5rem;width:100%;z-index:99}.subject-tabs{background:#f8f9fa;border-bottom:2px solid #e9ecef;display:flex;position:sticky;top:0;z-index:10}.subject-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.65rem .75rem;transition:all .3s ease}.subject-tab:hover{background:#e9ecef;color:#333}.subject-tab.active{background:#fff;border-bottom-color:#6c85f4;color:#6c85f4}.subject-count,.subject-name{font-weight:600}.subject-count{background:#dee2e6;border-radius:10px;font-size:.75rem;min-width:20px;padding:.15rem .5rem;text-align:center}.subject-tab.active .subject-count{background:#6c85f4;color:#fff}.questions-list-view{flex:1 1;min-height:400px;overflow-y:auto;padding:1.5rem}.no-questions-message{color:#999;padding:5rem 2rem;text-align:center}.no-questions-icon{font-size:4rem;margin-bottom:1rem;opacity:.3}.no-questions-message p{font-size:1.15rem;margin:0}.questions-list{display:flex;flex-direction:column;gap:.75rem}.question-list-item{align-items:center;background:#0000;border-bottom:1px solid #e9ecef;border-left:3px solid #0000;border-radius:0;cursor:pointer;display:flex;gap:.75rem;padding:.75rem .5rem;transition:all .2s ease}.question-list-item:hover{background:#f8f9fa;border-left:3.5px solid #6c85f4}.question-list-number{color:#6c85f4;font-size:.95rem;font-weight:600;min-width:30px;text-align:center}.question-list-content{flex:1 1;min-width:0}.question-list-text{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;color:#333;display:-webkit-box;font-size:1.1rem;line-height:1.4;margin-bottom:.4rem;overflow:hidden;text-overflow:ellipsis}.question-list-meta{display:flex;flex-wrap:wrap;gap:.5rem}.chapter-badge{background:#e3f2fd;color:#1976d2}.chapter-badge,.date-badge{border-radius:12px;font-size:.75rem;font-weight:500;padding:.25rem .65rem}.date-badge{background:#f3e5f5;color:#7b1fa2}.exam-badge{background:#fff3e0;border-radius:12px;color:#e65100;font-size:.75rem;font-weight:600;padding:.25rem .65rem;text-transform:uppercase}.question-list-arrow{color:#ccc;font-size:1.4rem;font-weight:300}.question-details-view{flex:1 1;height:100%;overflow-y:auto;padding:0}.details-header{align-items:center;background:#fff;border-bottom:2px solid #e9ecef;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;left:0;padding:1rem 2rem;position:fixed;right:0;top:0;z-index:100}.close-details-btn{background:#e9ecef;border:none;border-radius:8px;color:#333;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.close-details-btn:hover{background:#dee2e6}.details-meta{align-items:center;display:flex;gap:.75rem}.details-content{display:flex;flex-direction:column;gap:1rem;margin-top:0;padding:2rem}.options-section,.question-section{background:#0000;border-radius:0;padding:0}.question-section{margin-top:1.5rem}.options-section h3,.question-section h3{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 .75rem}.question-text{color:#333;font-size:1.15rem;line-height:1.7;margin-bottom:1rem}.question-image{margin:1rem 0;text-align:center}.question-image img{border-radius:10px;box-shadow:0 4px 15px #0000001a;max-height:350px;max-width:100%}.options-list{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.option-item{align-items:center;background:#0000;border:2px solid #e9ecef;border-radius:8px;display:flex;font-size:.9rem;gap:.75rem;line-height:1.5;padding:.4rem 1rem;transition:border-color .2s ease}.option-item:hover{border-color:#6c85f4}.option-item.correct{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-color:#28a745;border-width:3px}.option-item.correct .l-option-label{color:#155724}.option-item.correct .l-option-text{color:#155724;font-weight:600}.option-item.incorrect{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border-color:#dc3545;border-width:3px}.option-item.incorrect .l-option-label{color:#721c24}.option-item.incorrect .l-option-text{color:#721c24;font-weight:600}.l-option-label{color:#6c85f4;font-size:1rem;font-weight:600;justify-content:center;min-width:25px;text-align:center}.l-option-label,.l-option-text{align-items:center;display:flex}.l-option-text{color:#333;flex:1 1;font-size:1.1rem}.actions-section{align-items:center;border-top:2px solid #e9ecef;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding-top:1.5rem}.library-container .learn-button{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none;border-radius:10px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:normal!important;padding:.7rem 2rem;text-transform:none!important;transition:all .3s ease}.library-container .learn-button:hover{box-shadow:0 6px 20px #667eea66!important;transform:translateY(-3px)}.next-question-button{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:10px;box-shadow:0 4px 15px #28a7454d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.7rem 1.8rem;transition:all .3s ease}.next-question-button:hover{box-shadow:0 6px 20px #28a74566;transform:translateY(-3px)}.prev-question-button{background:linear-gradient(135deg,#6c757d,#5a6268);border:none;border-radius:10px;box-shadow:0 4px 15px #6c757d4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.7rem 1.8rem;transition:all .3s ease}.prev-question-button:hover{box-shadow:0 6px 20px #6c757d66;transform:translateY(-3px)}.learning-mode-container{background:#fff;border-radius:0;height:100vh;overflow-y:auto;padding:3rem 2rem 2rem;scrollbar-color:#9497a7 #f1f1f1;scrollbar-width:thin}.learning-mode-container::-webkit-scrollbar{width:8px}.learning-mode-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.learning-mode-container::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}.learning-mode-container::-webkit-scrollbar-thumb:hover{background:#5a6fd8}.learning-header{align-items:center;background:#fff;border-bottom:none;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;left:0;margin-bottom:0;padding:1rem 2rem;position:fixed;right:0;top:0;z-index:1000}.learning-header h2{color:#333;font-size:1.5rem;margin:0}.close-learning-btn{background:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.55rem 1rem;transition:background .3s ease}.close-learning-btn:hover{background:#c82333}.learning-step{padding:1.5rem 0}.learning-step h3{color:#667eea;font-size:1.3rem;margin-bottom:1.5rem}.concepts-list,.formulas-list{display:flex;flex-direction:column;gap:1rem}.concept-button,.formula-button{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;color:#333;cursor:pointer;font-size:1.05rem;padding:1rem 1.5rem;text-align:left;transition:all .3s ease}.concept-button:hover,.formula-button:hover{background:#667eea;border-color:#667eea;color:#fff;transform:translateX(5px)}.selected-concept{background:#e7f3ff;border-left:4px solid #1976d2;color:#333;padding:1rem 1.25rem}.selected-concept,.selection-summary{border-radius:8px;margin-bottom:1.5rem}.selection-summary{background:#f8f9fa;border:1px solid #e9ecef;padding:1.5rem}.selection-summary p{color:#333;line-height:1.6;margin:.5rem 0}.m1-output-content{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem}.explanation-section{color:#333;font-size:1.05rem;line-height:1.8}.error-message,.loading-message{font-size:1.1rem;padding:2rem;text-align:center}.loading-message{color:#fff}.error-message{background:#dc354533;border-radius:8px;color:#fff;margin:0 auto;max-width:600px}@media (max-width:768px){.library-container{padding:1rem}.library-header{align-items:flex-start;flex-direction:column;gap:1rem}.library-header h1{font-size:1.5rem}.subject-tabs{flex-wrap:wrap}.subject-tab{flex:1 1 45%;font-size:.95rem;padding:1rem}.question-list-item{padding:1rem}.question-list-number{font-size:1rem;min-width:30px}.question-details-view{padding:1.5rem}.details-header{align-items:flex-start;flex-direction:column;gap:1rem}.learning-mode-container{padding:1.5rem}.options-list{grid-template-columns:1fr}}.auth-container{align-items:center;background-color:#f5f5f5;border-radius:8px;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:1rem}.auth-box{background:#fff!important;border-radius:8px!important;box-shadow:0 0 10px #0000001a!important;box-sizing:border-box!important;max-height:90vh!important;max-width:280px!important;min-height:fit-content!important;min-width:260px!important;overflow:hidden!important;padding:1.8rem!important;position:relative!important;width:100%!important}.auth-box h2{color:#333;font-size:1.4rem;margin-bottom:1.2rem;text-align:center}.form-group{margin-bottom:1rem}.form-group label{color:#555}.form-group input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:.95rem;padding:.65rem;width:100%}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 2px 10px #667eea4d;box-sizing:border-box;display:block;font-size:1rem;font-weight:600;letter-spacing:.5px;margin:1rem auto 0;padding:.75rem;text-align:center;text-transform:uppercase;width:100%}.submit-button:hover{background:linear-gradient(135deg,#5568d3,#654a8f);box-shadow:0 4px 15px #667eea66}.auth-box .error-message{word-wrap:break-word!important;align-items:flex-start!important;background-color:#ffebee!important;border-left:3px solid #f44336!important;border-radius:4px!important;box-sizing:border-box!important;color:#c62828!important;display:flex!important;font-size:14px!important;height:auto!important;justify-content:space-between!important;line-height:1.4!important;margin-bottom:12px!important;max-width:100%!important;min-height:auto!important;overflow:hidden!important;padding:8px 12px!important;position:relative!important;text-align:left!important;width:auto!important}.auth-box .error-message span{flex:1 1!important;font-size:14px!important;line-height:1.4!important;margin-right:8px!important;word-break:break-word!important}.auth-box .error-close{align-items:center!important;background:none!important;border:none!important;color:#c62828!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:18px!important;height:20px!important;justify-content:center!important;line-height:1!important;margin:0!important;opacity:.7!important;padding:0!important;transition:opacity .2s ease!important;width:20px!important}.auth-box .error-close:hover{opacity:1!important}.login-error-message.compact-error{align-items:flex-start!important;background:#fff5f5!important;border:1px solid #fed7d7!important;border-left:4px solid #e53e3e!important;border-radius:6px!important;box-sizing:border-box!important;color:#c53030!important;display:flex!important;height:auto!important;justify-content:space-between!important;margin:0 0 16px!important;max-height:80px!important;max-width:100%!important;min-height:32px!important;padding:10px 12px!important;position:relative!important;width:auto!important}.login-error-message .error-text,.login-error-message.compact-error{font-size:13px!important;line-height:1.3!important;overflow:hidden!important}.login-error-message .error-text{flex:1 1!important;margin-right:8px!important;text-overflow:ellipsis!important;word-break:break-word!important}.login-error-message .error-close-btn{align-items:center!important;background:none!important;border:none!important;color:#c53030!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:16px!important;font-weight:700!important;height:16px!important;justify-content:center!important;line-height:1!important;margin:0!important;opacity:.6!important;padding:0!important;transition:opacity .2s ease!important;width:16px!important}.login-error-message .error-close-btn:hover{background-color:#c530301a!important;border-radius:2px!important;opacity:1!important}.toggle-form{margin-top:1.5rem;text-align:center}.toggle-button{background:none;border:none;color:#667eea;cursor:pointer;font-weight:500;margin-left:.5rem;text-decoration:underline;transition:color .2s ease}.toggle-button:hover{color:#5568d3}.profile-completion-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);height:auto;margin:0;max-height:100vh;max-width:none;overflow-y:auto;padding:2rem;width:100vw}.profile-header{color:#2c3e50;margin-bottom:2rem;text-align:center}.profile-header h1{font-size:1.7rem;margin-bottom:.5rem}.profile-header p{color:#576574;font-size:1rem}.profile-form{grid-gap:2rem;background:#fff;border-radius:15px;box-shadow:0 10px 20px #0000001a;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin:0 auto;max-width:100%;padding:2rem}.form-section{background:#f8f9fa;border-radius:10px;margin-bottom:0;padding:2rem}.form-section h2{border-bottom:2px solid #3498db;color:#2c3e50;font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:.5rem}.form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-group{margin-bottom:.4rem}.form-group label{color:#2c3e50;display:block;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select{border:1px solid #dcdde1;border-radius:8px;font-size:1rem;padding:.8rem;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.form-group input.error,.form-group select.error{border-color:#e74c3c}.error-message{color:#e74c3c;display:block;font-size:.85rem;margin-top:.3rem}.checkbox-group .checkbox-container{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.checkbox-label{align-items:center;background:#f1f2f6;border-radius:20px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.checkbox-label:hover{background:#dfe4ea}.checkbox-label input[type=checkbox]{margin-right:.5rem;width:auto}.form-actions{margin-top:22rem;text-align:center}.submit-button{background:#3498db;border:none;border-radius:30px;box-shadow:0 4px 6px #3498db33;color:#fff;cursor:pointer;font-size:1.1rem;padding:1rem 3rem;transition:all .3s ease}.submit-button:hover{background:#2980b9;box-shadow:0 6px 8px #3498db4d;transform:translateY(-2px)}.error-banner{background:#fff3f3;border:1px solid #ffd1d1;border-radius:8px;color:#e74c3c;margin-bottom:2rem;padding:1rem;text-align:center}@media (max-width:768px){.form-section,.profile-completion-container,.profile-form{padding:1rem}.form-grid{grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Poppins,sans-serif;min-height:100vh;overflow:hidden}.App{align-items:center;display:flex;height:100vh;justify-content:center}