.mode-selector{display:flex;gap:15px;margin-bottom:30px;justify-content:center}.mode-btn{padding:12px 25px;border:2px solid;background:var(--color-white);border-radius:25px;cursor:pointer;font-size:16px;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{transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.topic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px}.topic-card{padding:20px;border-radius:10px;cursor:pointer;transition:all .3s ease;text-align:center;color:var(--color-white);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:120px}.topic-title{margin:0 10px 10px;font-size:1.3em;font-weight:700;line-height:1.2}.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{position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:50%;background:var(--color-white);display:flex;align-items:center;justify-content:center;font-weight:700;opacity:0;transform:scale(0);transition:all .3s ease}.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{transform:translateY(-5px);box-shadow:0 10px 25px #0000004d}.start-button-container{display:flex;justify-content:center;align-items:center}.percentage-container{display:grid;grid-template-columns:1fr minmax(400px,1fr) 1fr;gap:16px;margin-bottom:40px}.percentage-selector{padding:0 32px}.slider-container{position:relative;padding:0}.percentage-slider{width:96%;position:relative;left:1%;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-gray-light);outline:none;border-radius:4px}.percentage-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,var(--test-card-start) 0%,var(--test-card-end) 100%);cursor:pointer;box-shadow:0 2px 6px #0006;border:none}.percentage-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,var(--test-card-start) 0%,var(--test-card-end) 100%);cursor:pointer;box-shadow:0 2px 6px #0006;border:none}.slider-labels{display:flex;justify-content:space-between}.slider-labels span{font-size:12px;color:var(--color-gray-light);transition:all .3s ease;cursor:pointer}.slider-labels span.active{opacity:1;color:var(--color-heading-primary)}.percentage-display{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.percentage-value{font-size:2em;font-weight:700}.questions-count{font-size:1.2em;opacity:.9}.quiz-header{display:flex;justify-content:center;align-items:center;margin-bottom:15px}.progress-bar{width:100%;height:8px;background:var(--color-gray-light);border-radius:4px;margin-bottom:20px;overflow:hidden;position:relative}.progress-fill{height:100%;position:absolute;top:0;left:50%;transform:translate(-50%);transition:width .3s ease;border-radius:4px;background:radial-gradient(circle,var(--color-progress-start) 0%,var(--color-progress-end) 100%)}.question-container{margin-top:40px;margin-bottom:40px}.question-text{font-size:1.5em;margin-bottom:25px;line-height:1.2}.options-container{display:grid;gap:15px}.option-btn{padding:15px;border:2px solid var(--color-gray-light);background:var(--color-white);text-align:left;border-radius:10px;cursor:pointer;transition:all .3s ease;font-size:1.2em;display:flex;align-items:center;gap:15px}.option-index{background-color:var(--color-gray-light);color:var(--color-white);width:30px;height:30px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-weight:700}.learn-mode .option-index{background-color:var(--learn-primary)}.test-mode .option-index{background-color:var(--test-primary)}.option-text{flex: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{border-color:var(--color-success);background:var(--color-success-bg);color:var(--color-success-text)}.option-btn.incorrect{border-color:var(--color-error);background:var(--color-error-bg);color:var(--color-error-text)}.feedback{margin-top:20px;padding:15px;border-radius:10px;font-weight:500;cursor:pointer;line-height:1.2}.feedback strong{font-size:1.6em}.feedback.correct{background:var(--color-success-bg);color:var(--color-success-text);border:1px solid var(--color-success)}.feedback.incorrect{background:var(--color-error-bg);color:var(--color-error-text);border:1px solid var(--color-error)}.quiz-button-container{display:flex;justify-content:space-between;margin-top:40px;width:100%}.fireworks-container{position:absolute;width:5px;height:5px;border-radius:50%;box-shadow:-120px -218.66667px #00f,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;animation:1s bang ease-out infinite backwards,1s gravity ease-in infinite backwards,5s position linear infinite backwards}@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{transform:translateY(200px);opacity:0}}@keyframes position{0%,19.9%{margin-top:10%;margin-left:40%}20%,39.9%{margin-top:40%;margin-left:30%}40%,59.9%{margin-top:20%;margin-left:70%}60%,79.9%{margin-top:30%;margin-left:20%}80%,99.9%{margin-top:30%;margin-left:80%}}.quiz-stats{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px}.score-container{margin:20px 0}.score-label{font-weight:700;margin-bottom:4px}.score-bar-container{height:24px;background-color:#f0f0f0;border-radius:12px;position:relative;margin-bottom:4px;overflow:hidden}.score-bar{height:100%;border-radius:12px;transition:width 1s ease-in-out;background:linear-gradient(90deg,#4caf50,#8bc34a)}.score-text{position:absolute;top:0;left:20px;right:0;text-align:left;line-height:24px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.score-details{color:#666;font-size:14px}.topic-score-container{margin-bottom:10px;border:1px solid #eee;border-radius:6px;overflow:hidden}.topic-score-header{display:flex;justify-content:space-between;padding:4px 8px;background-color:#f9f9f9;cursor:pointer;align-items:center}.topic-score-header:hover{background-color:#f0f0f0}.topic-score-name{font-weight:700}.expand-icon{font-size:12px}.topic-score-container .score-container{padding:16px;margin:0;border-bottom:1px solid #eee}.review-section{text-align:left;margin-top:40px}.review-item{margin-bottom:20px;padding:12px;border-radius:10px;border:1px solid var(--color-gray-light)}.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{padding:3px 8px;background:var(--color-gray-light);border-radius:12px;font-size:.8em;margin-bottom:8px;width:fit-content}.review-answer-container{display:grid;grid-template-columns:120px auto;row-gap:4px;column-gap:8px;margin-top:10px;margin-bottom:4px;line-height:1.2}.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{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;pointer-events:none}.particle{position:absolute;width:10px;height:10px;border-radius:50%;box-shadow:inset 0 0 3px #ffffff80;animation-name:float-1;animation-iteration-count:infinite;animation-timing-function:ease-in-out}@keyframes float-1{40%{transform:translateY(-40px) translate(20px) scale(3)}}@keyframes float-2{60%{transform:translateY(40px) translate(-20px) scale(5)}}@keyframes float-3{50%{transform:translateY(-20px) translate(-40px) scale(2)}}@keyframes float-4{70%{transform:translateY(20px) translate(40px) scale(4)}}.error-screen{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2)}.error-container{background:#fff;border-radius:12px;padding:40px;max-width:500px;width:100%;box-shadow:0 10px 40px #0003;text-align:center}.error-icon{font-size:64px;margin-bottom:20px}.error-title{color:#333;font-size:28px;margin-bottom:16px;font-weight:600}.error-message{color:#666;font-size:16px;line-height:1.6;margin-bottom:30px}.error-actions{margin-bottom:30px}.retry-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 32px;font-size:16px;font-weight:600;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s}.retry-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.retry-button:active{transform:translateY(0)}.error-help{border-top:1px solid #eee;padding-top:20px;text-align:left}.error-help p{color:#666;font-size:14px;margin-bottom:10px;font-weight:600}.error-help ul{color:#666;font-size:14px;line-height:1.8;padding-left:20px}.error-help li{margin-bottom:5px}.app{min-height:100vh;transition:background .5s ease;background:linear-gradient(135deg,var(--learn-primary) 0%,var(--learn-secondary) 100%)}.app.test-mode{background:linear-gradient(135deg,var(--test-primary) 0%,var(--test-secondary) 100%)}.container{max-width:1200px;margin:0 auto;padding:20px;z-index:1;position:relative}.card{background:var(--color-white);border-radius:15px;padding:30px;box-shadow:0 10px 30px #0003;margin-bottom:20px}h1{text-align:center;color:var(--color-heading-primary);margin-bottom:30px;font-size:2.5em}.app-header{display:flex;align-items:center}.logo{height:90px;margin-right:10px}h2{color:var(--color-heading-secondary);margin-bottom:20px;font-size:1.8em}.hidden{display:none}.button{border:none;padding:12px 20px;border-radius:25px;cursor:pointer;font-size:16px;transition:all .3s ease;color:var(--color-white);background:var(--color-btn);display:flex;align-items:center;gap:12px;justify-content:center}.button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003;background:var(--color-btn-hover)}.button:disabled{opacity:.6;cursor:not-allowed;transform:none}.app-footer{margin-top:30px;padding-top:20px;border-top:1px solid var(--color-border, #e0e0e0);text-align:center}.version-info{font-size:.85em;color:var(--color-text-secondary, #666);display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.app-version,.data-version{cursor:help}.separator{color:var(--color-text-secondary, #999)}.app-version:hover,.data-version:hover{color:var(--color-heading-primary, #333)}:root{--color-white: #ffffff;--color-black: #000000;--color-text: #333333;--color-heading-primary: #4a5568;--color-heading-secondary: #2d3748;--color-gray-light: #e2e8f0;--color-gray-hover: #f7fafc;--color-gray-selected: #edf2f7;--color-btn: hsl(216, 15%, 52%);--color-btn-hover: hsl(216, 15%, 35%);--color-back-btn: hsl(216, 15%, 52%);--color-back-btn-hover: hsl(216, 15%, 35%);--color-success: #48bb78;--color-success-bg: #f0fff4;--color-success-text: #2f855a;--color-error: #f56565;--color-error-bg: #fffafa;--color-error-text: #c53030;--color-progress-start: hsl(216, 15%, 35%);--color-progress-end: hsl(216, 15%, 65%);--learn-primary: hsl(192, 40%, 54%);--learn-secondary: hsl(192, 40%, 84%);--learn-card-start: hsl(187, 30%, 34%);--learn-card-end: hsl(187, 30%, 54%);--test-primary: hsl(45, 24%, 53%);--test-secondary: hsl(45, 24%, 83%);--test-card-start: hsl(25, 76%, 31%);--test-card-end: hsl(25, 76%, 51%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--color-text);min-height:100vh;transition:background .5s ease}