.mode-selector{display:flex;gap:15px;justify-content:center;margin-bottom:30px}.mode-btn{background:var(--color-white);border:2px solid;border-radius:25px;cursor:pointer;font-size:16px;padding:12px 25px;transition:all .3s ease}.test-mode .mode-btn.learn{border-color:var(--learn-primary);color:var(--learn-primary)}.learn-mode .mode-btn.learn.active{background:var(--learn-primary);color:var(--color-white)}.learn-mode .mode-btn.test{border-color:var(--test-primary);color:var(--test-primary)}.test-mode .mode-btn.test.active{background:var(--test-primary);color:var(--color-white)}.mode-btn:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.topic-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.topic-card{border-radius:10px;color:var(--color-white);cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:120px;overflow:hidden;padding:20px;position:relative;text-align:center;transition:all .3s ease}.topic-title{font-size:1.3em;font-weight:700;line-height:1.2;margin:0 10px 10px}.topic-card p{margin-bottom:0;margin-top:auto}.learn-mode .topic-card{background:linear-gradient(135deg,var(--learn-card-start) 0,var(--learn-card-end) 100%)}.test-mode .topic-card{background:linear-gradient(135deg,var(--test-card-start) 0,var(--test-card-end) 100%)}.topic-selection-icon{align-items:center;background:var(--color-white);border-radius:50%;display:flex;font-weight:700;height:20px;justify-content:center;opacity:0;position:absolute;right:8px;top:8px;transform:scale(0);transition:all .3s ease;width:20px}.topic-card.selected .topic-selection-icon{opacity:1;transform:scale(1)}.learn-mode .topic-selection-icon{color:var(--learn-primary)}.test-mode .topic-selection-icon{color:var(--test-primary)}.topic-card.selected{box-shadow:0 10px 25px #0000004d;transform:translateY(-5px)}.start-button-container{align-items:center;display:flex;justify-content:center}.percentage-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr minmax(400px,1fr) 1fr;margin-bottom:40px}.percentage-selector{padding:0 32px}.slider-container{padding:0;position:relative}.percentage-slider{-webkit-appearance:none;appearance:none;background:var(--color-gray-light);border-radius:4px;height:8px;left:1%;outline:none;position:relative;width:96%}.percentage-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,var(--test-card-start) 0,var(--test-card-end) 100%);border:none;border-radius:50%;box-shadow:0 2px 6px #0006;cursor:pointer;height:16px;width:16px}.percentage-slider::-moz-range-thumb{background:linear-gradient(135deg,var(--test-card-start) 0,var(--test-card-end) 100%);border:none;border-radius:50%;box-shadow:0 2px 6px #0006;cursor:pointer;height:16px;width:16px}.slider-labels{display:flex;justify-content:space-between}.slider-labels span{color:var(--color-gray-light);cursor:pointer;font-size:12px;transition:all .3s ease}.slider-labels span.active{color:var(--color-heading-primary);opacity:1}.percentage-display{align-items:center;display:flex;justify-content:space-between;margin-top:15px}.percentage-value{font-size:2em;font-weight:700}.questions-count{font-size:1.2em;opacity:.9}.quiz-header{align-items:center;display:flex;justify-content:center;margin-bottom:15px}.progress-bar{background:var(--color-gray-light);border-radius:4px;height:8px;margin-bottom:20px;overflow:hidden;position:relative;width:100%}.progress-fill{background:radial-gradient(circle,var(--color-progress-start) 0,var(--color-progress-end) 100%);border-radius:4px;height:100%;left:50%;position:absolute;top:0;transform:translateX(-50%);transition:width .3s ease}.question-container{margin-bottom:40px;margin-top:40px}.question-text{font-size:1.5em;line-height:1.2;margin-bottom:25px}.options-container{grid-gap:15px;display:grid;gap:15px}.option-btn{background:var(--color-white);border:2px solid var(--color-gray-light);border-radius:10px;cursor:pointer;font-size:1.2em;gap:15px;padding:15px;text-align:left;transition:all .3s ease}.option-btn,.option-index{align-items:center;display:flex}.option-index{background-color:var(--color-gray-light);border-radius:5px;color:var(--color-white);font-weight:700;height:30px;justify-content:center;width:30px}.learn-mode .option-index{background-color:var(--learn-primary)}.test-mode .option-index{background-color:var(--test-primary)}.option-text{flex:1 1}.option-btn:hover{background:var(--color-gray-hover)}.learn-mode .option-btn:hover{border-color:var(--learn-primary)}.test-mode .option-btn:hover{border-color:var(--test-primary)}.option-btn.correct{background:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success-text)}.option-btn.incorrect{background:var(--color-error-bg);border-color:var(--color-error);color:var(--color-error-text)}.feedback{border-radius:10px;cursor:pointer;font-weight:500;line-height:1.2;margin-top:20px;padding:15px}.feedback strong{font-size:1.6em}.feedback.correct{background:var(--color-success-bg);border:1px solid var(--color-success);color:var(--color-success-text)}.feedback.incorrect{background:var(--color-error-bg);border:1px solid var(--color-error);color:var(--color-error-text)}.quiz-button-container{display:flex;justify-content:space-between;margin-top:40px;width:100%}.fireworks-container{animation:bang 1s ease-out infinite backwards,gravity 1s ease-in infinite backwards,position 5s linear infinite backwards;border-radius:50%;box-shadow:-120px -218.66667px blue,248px -16.66667px #00ff84,190px 16.33333px #002bff,-113px -308.66667px #ff009d,-109px -287.66667px #ffb300,-50px -313.66667px #ff006e,226px -31.66667px #ff4000,180px -351.66667px #ff00d0,-12px -338.66667px #00f6ff,220px -388.66667px #9f0,-69px -27.66667px #ff0400,-111px -339.66667px #6200ff,155px -237.66667px #0df,-152px -380.66667px #00ffd0,-50px -37.66667px #0fd,-95px -175.66667px #a6ff00,-88px 10.33333px #0d00ff,112px -309.66667px #005eff,69px -415.66667px #ff00a6,168px -100.66667px #ff004c,-244px 24.33333px #f60,97px -325.66667px #f06,-211px -182.66667px #00ffa2,236px -126.66667px #b700ff,140px -196.66667px #9000ff,125px -175.66667px #0bf,118px -381.66667px #ff002f,144px -111.66667px #ffae00,36px -78.66667px #f600ff,-63px -196.66667px #c800ff,-218px -227.66667px #d4ff00,-134px -377.66667px #ea00ff,-36px -412.66667px #ff00d4,209px -106.66667px #00fff2,91px -278.66667px #000dff,-22px -191.66667px #9dff00,139px -392.66667px #a6ff00,56px -2.66667px #09f,-156px -276.66667px #ea00ff,-163px -233.66667px #00fffb,-238px -346.66667px #00ff73,62px -363.66667px #08f,244px -170.66667px #0062ff,224px -142.66667px #b300ff,141px -208.66667px #9000ff,211px -285.66667px #f60,181px -128.66667px #1e00ff,90px -123.66667px #c800ff,189px 70.33333px #00ffc8,-18px -383.66667px #0f3,100px -6.66667px #ff008c;height:5px;position:absolute;width:5px}@keyframes bang{0%{box-shadow:0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff}}@keyframes gravity{to{opacity:0;transform:translateY(200px)}}@keyframes position{0%,19.9%{margin-left:40%;margin-top:10%}20%,39.9%{margin-left:30%;margin-top:40%}40%,59.9%{margin-left:70%;margin-top:20%}60%,79.9%{margin-left:20%;margin-top:30%}80%,99.9%{margin-left:80%;margin-top:30%}}.quiz-stats{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:20px}.score-container{margin:20px 0}.score-label{font-weight:700;margin-bottom:4px}.score-bar-container{background-color:#f0f0f0;border-radius:12px;height:24px;margin-bottom:4px;overflow:hidden;position:relative}.score-bar{background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:12px;height:100%;transition:width 1s ease-in-out}.score-text{color:#fff;font-weight:700;left:20px;line-height:24px;position:absolute;right:0;text-align:left;text-shadow:0 1px 2px #0000004d;top:0}.score-details{color:#666;font-size:14px}.topic-score-container{border:1px solid #eee;border-radius:6px;margin-bottom:10px;overflow:hidden}.topic-score-header{align-items:center;background-color:#f9f9f9;cursor:pointer;display:flex;justify-content:space-between;padding:4px 8px}.topic-score-header:hover{background-color:#f0f0f0}.topic-score-name{font-weight:700}.expand-icon{font-size:12px}.topic-score-container .score-container{border-bottom:1px solid #eee;margin:0;padding:16px}.review-section{margin-top:40px;text-align:left}.review-item{border:1px solid var(--color-gray-light);border-radius:10px;margin-bottom:20px;padding:12px}.review-item.correct{background:var(--color-success-bg);border-color:var(--color-success)}.review-item.incorrect{background:var(--color-error-bg);border-color:var(--color-error)}.review-q-title{font-weight:700;padding-bottom:4px}.review-q-topic{background:var(--color-gray-light);border-radius:12px;font-size:.8em;margin-bottom:8px;padding:3px 8px;width:-webkit-fit-content;width:fit-content}.review-answer-container{grid-row-gap:4px;grid-column-gap:8px;column-gap:8px;display:grid;grid-template-columns:120px auto;line-height:1.2;margin-bottom:4px;margin-top:10px;row-gap:4px}.review-answer-header{margin-bottom:5px}.review-answer-content{padding-left:0}.review-explanation{font-style:italic;line-height:1.2;padding-top:4px}.action-buttons{display:flex;justify-content:space-between;margin:30px 0}.particles-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.particle{animation-iteration-count:infinite;animation-name:float-1;animation-timing-function:ease-in-out;border-radius:50%;box-shadow:inset 0 0 3px #ffffff80;height:10px;position:absolute;width:10px}@keyframes float-1{40%{transform:translateY(-40px) translateX(20px) scale(3)}}@keyframes float-2{60%{transform:translateY(40px) translateX(-20px) scale(5)}}@keyframes float-3{50%{transform:translateY(-20px) translateX(-40px) scale(2)}}@keyframes float-4{70%{transform:translateY(20px) translateX(40px) scale(4)}}.app{background:linear-gradient(135deg,var(--learn-primary) 0,var(--learn-secondary) 100%);min-height:100vh;transition:background .5s ease}.app.test-mode{background:linear-gradient(135deg,var(--test-primary) 0,var(--test-secondary) 100%)}.container{margin:0 auto;max-width:1200px;padding:20px;position:relative;z-index:1}.card{background:var(--color-white);border-radius:15px;box-shadow:0 10px 30px #0003;margin-bottom:20px;padding:30px}h1{color:var(--color-heading-primary);font-size:2.5em;margin-bottom:30px;text-align:center}.app-header{align-items:center;display:flex}.logo{height:90px;margin-right:10px}h2{color:var(--color-heading-secondary);font-size:1.8em;margin-bottom:20px}.hidden{display:none}.button{align-items:center;background:var(--color-btn);border:none;border-radius:25px;color:var(--color-white);cursor:pointer;display:flex;font-size:16px;gap:12px;justify-content:center;padding:12px 20px;transition:all .3s ease}.button:hover{background:var(--color-btn-hover);box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.button:disabled{cursor:not-allowed;opacity:.6;transform:none}:root{--color-white:#fff;--color-black:#000;--color-text:#333;--color-heading-primary:#4a5568;--color-heading-secondary:#2d3748;--color-gray-light:#e2e8f0;--color-gray-hover:#f7fafc;--color-gray-selected:#edf2f7;--color-btn:#728197;--color-btn-hover:#4c5767;--color-back-btn:#728197;--color-back-btn-hover:#4c5767;--color-success:#48bb78;--color-success-bg:#f0fff4;--color-success-text:#2f855a;--color-error:#f56565;--color-error-bg:snow;--color-error-text:#c53030;--color-progress-start:#4c5767;--color-progress-end:#98a3b3;--learn-primary:#5ba6b9;--learn-secondary:#c6e0e7;--learn-card-start:#3d6b71;--learn-card-end:#67a5ad;--test-primary:#a4966a;--test-secondary:#ded9c9;--test-card-start:#8b4513;--test-card-end:#e17223}*{box-sizing:border-box;margin:0;padding:0}body{color:#333;color:var(--color-text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;min-height:100vh;transition:background .5s ease}