:root{--bg-gradient:linear-gradient(135deg, #f6d365 0%, #fda085 100%);--card-bg:#ffffffd9;--card-backdrop:blur(10px);--text-color:#333;--text-muted:#7f8c8d;--border-color:#ecf0f180;--btn-bg:#f8f9facc;--btn-border:#e9ecef;--btn-hover-bg:#e3f2fd;--btn-hover-border:#90caf9;--correct-bg:#d4edda;--correct-border:#c3e6cb;--correct-text:#155724;--incorrect-bg:#f8d7da;--incorrect-border:#f5c6cb;--incorrect-text:#721c24}[data-theme=dark]{--bg-gradient:linear-gradient(135deg, #1e130c 0%, #9a8478 100%);--card-bg:#1e1e1ed9;--card-backdrop:blur(10px);--text-color:#e0e0e0;--text-muted:#a0a0a0;--border-color:#33333380;--btn-bg:#2d2d2dcc;--btn-border:#404040;--btn-hover-bg:#3d4a5d;--btn-hover-border:#5b7a9e;--correct-bg:#1e4620;--correct-border:#2e6b32;--correct-text:#81c784;--incorrect-bg:#4a191c;--incorrect-border:#73262a;--incorrect-text:#e57373}*,:before,:after{box-sizing:border-box}body{background:var(--bg-gradient);color:var(--text-color);justify-content:center;align-items:center;min-height:100vh;margin:0;padding:20px;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:background .5s;display:flex}.app-container{background:var(--card-bg);-webkit-backdrop-filter:var(--card-backdrop);border:1px solid var(--border-color);text-align:center;border-radius:16px;width:100%;max-width:600px;padding:40px;transition:background-color .3s,color .3s,transform .2s;box-shadow:0 15px 35px #0003,0 5px 15px #0000001a}@media (width<=480px){.app-container{border-radius:12px;padding:20px}.app-header h1{font-size:1.4rem}.question-text{font-size:1.15rem}.option-button{padding:12px 15px;font-size:1rem}}.app-header{border-bottom:2px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.app-header h1{margin:0;font-size:1.8rem}.theme-toggle{border:1px solid var(--border-color);color:var(--text-color);cursor:pointer;background:0 0;border-radius:8px;padding:8px 12px;font-size:1rem;transition:all .2s}.theme-toggle:hover{background:var(--btn-hover-bg)}.progress-bar{color:var(--text-muted);margin-bottom:20px;font-size:.9rem;font-weight:700}.question-text{margin-bottom:30px;font-size:1.3rem;font-weight:300;line-height:1.4}.options-container{flex-direction:column;gap:15px;display:flex}.option-button{background-color:var(--btn-bg);border:2px solid var(--btn-border);color:var(--text-color);cursor:pointer;text-align:left;border-radius:12px;padding:15px 20px;font-size:1.05rem;font-weight:500;transition:all .2s cubic-bezier(.25,.8,.25,1);box-shadow:0 2px 5px #0000000d}.option-button:hover:not(:disabled){background-color:var(--btn-hover-bg);border-color:var(--btn-hover-border);transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}.option-button:active:not(:disabled){transform:translateY(1px)}.option-button:disabled{cursor:not-allowed;opacity:.9}.option-button.correct{font-weight:700;background-color:var(--correct-bg)!important;border-color:var(--correct-border)!important;color:var(--correct-text)!important}.option-button.incorrect{background-color:var(--incorrect-bg)!important;border-color:var(--incorrect-border)!important;color:var(--incorrect-text)!important}.result-screen h2{color:var(--correct-text)}.result-screen p{font-size:1.2rem}.restart-btn{color:#fff;cursor:pointer;background-color:#3498db;border:none;border-radius:8px;margin-top:20px;padding:12px 25px;font-size:1.1rem;transition:background .2s}.restart-btn:hover{background-color:#2980b9}.question-category{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:10px;font-size:.85rem;font-weight:600}.explanation-box{text-align:left;margin-top:25px;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards slideDown}.explanation-content{background:var(--btn-bg);border-left:4px solid var(--btn-hover-border);border-radius:8px;margin-bottom:20px;padding:15px 20px;font-size:.95rem;line-height:1.5;box-shadow:inset 0 2px 4px #00000005}.explanation-content h3{color:var(--text-color);margin-top:0;margin-bottom:10px;font-size:1.05rem}.explanation-content p{color:var(--text-color);opacity:.9;margin:0}.next-btn{background-color:var(--btn-hover-border);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:12px 25px;font-size:1.1rem;font-weight:700;transition:all .3s;box-shadow:0 4px 10px #0000001a}.next-btn:hover{background-color:#3498db;transform:translateY(-2px);box-shadow:0 6px 15px #00000026}.next-btn:active{transform:translateY(1px)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.start-screen h2{margin-top:0;margin-bottom:20px}.progress-container{margin-bottom:25px}.progress-bar-bg{background-color:var(--btn-border);border-radius:20px;width:100%;height:12px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.progress-bar-fill{background:linear-gradient(90deg,#4caf50,#81c784);border-radius:20px;height:100%;transition:width 1s ease-in-out}.progress-text{color:var(--text-muted);margin-top:8px;font-size:.9rem;font-weight:500}.category-stats{text-align:left;background:var(--btn-bg);border:1px solid var(--border-color);border-radius:12px;max-height:250px;margin-bottom:25px;padding:15px;overflow-y:auto}.stat-row{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:8px 0;font-size:.9rem;display:flex}.stat-row:last-child{border-bottom:none}.stat-title{flex:1;padding-right:15px}.stat-count{color:var(--text-color);white-space:nowrap;font-weight:700}.start-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);border:none;border-radius:12px;width:100%;padding:16px 20px;font-size:1.15rem;font-weight:700;transition:all .3s}.start-btn:hover:not(:disabled){background:linear-gradient(135deg,#2980b9 0%,#1f618d 100%);transform:translateY(-2px);box-shadow:0 6px 20px #3498db66}.start-btn:disabled{background:var(--btn-border);color:var(--text-muted);cursor:not-allowed;box-shadow:none}.score-circle{border:8px solid;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:150px;height:150px;margin:0 auto 20px;display:flex;box-shadow:0 10px 20px #0000001a}.score-circle.passed{background:#4caf501a;border-color:#4caf50}.score-circle.failed{background:#e539351a;border-color:#e53935}.score-percent{font-size:2.5rem;font-weight:700}.score-text{color:var(--text-muted);margin-top:5px;font-size:1rem}.status-msg{margin-bottom:25px;font-size:1.4rem}.passed-text{color:#4caf50}.failed-text{color:#e53935}.history-section{border-top:2px dashed var(--border-color);text-align:left;margin-top:35px;padding-top:20px}.history-section h3{color:var(--text-muted);margin-top:0;font-size:1.1rem}.history-list{margin:0;padding:0;list-style:none}.history-list li{background:var(--btn-bg);border-radius:8px;justify-content:space-between;margin-bottom:10px;padding:10px 15px;font-size:.95rem;display:flex}.history-date{color:var(--text-muted)}.history-score{color:var(--text-color);font-weight:700}.categories-grid{grid-template-columns:1fr;gap:15px;max-height:400px;margin-top:15px;padding-right:5px;display:grid;overflow-y:auto}.category-card{background:var(--btn-bg);border:1px solid var(--border-color);text-align:left;border-radius:12px;padding:15px}.category-header{color:var(--text-color);justify-content:space-between;margin-bottom:10px;font-size:.95rem;font-weight:700;display:flex}.category-count{text-align:right;color:var(--text-muted);margin-top:5px;font-size:.85rem;font-weight:700}.start-actions{flex-wrap:wrap;justify-content:center;gap:15px;margin-top:20px;display:flex}.stats-btn{background:var(--card-bg);color:var(--text-color);border:1px solid var(--border-color)}.stats-btn:hover{background:var(--btn-hover-bg);border-color:var(--btn-hover-border)}.modal-content{background:var(--card-bg);width:90%;max-width:500px;color:var(--text-color);border-radius:16px;padding:30px;box-shadow:0 20px 40px #0003}.modal-header h3{margin:0}.close-modal{cursor:pointer;color:var(--text-muted);box-shadow:none;background:0 0;border:none;padding:0;font-size:1.5rem}.close-modal:hover{color:var(--incorrect-text);transform:scale(1.1)}.history-item{background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:8px;justify-content:space-between;margin-bottom:10px;padding:12px 15px;display:flex}.history-score{font-weight:700}.start-actions{flex-direction:column;align-items:center;gap:15px;margin-bottom:30px;display:flex}.stats-btn{color:var(--text-color);border:1px solid var(--border-color);cursor:pointer;background-color:#ffffff0d;border-radius:12px;width:100%;max-width:300px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .2s ease-in-out}.stats-btn:hover{background-color:#ffffff1a;transform:translateY(-2px)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--bg-color);border:1px solid var(--border-color);border-radius:20px;flex-direction:column;width:90%;max-width:450px;max-height:80vh;padding:25px;display:flex;box-shadow:0 10px 40px #0006}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.modal-header h3{color:var(--text-color);margin:0;font-size:1.3rem}.close-modal{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.8rem;line-height:1;transition:color .2s}.close-modal:hover{color:#ff5252}.history-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.history-item{background:var(--btn-bg);border:1px solid var(--border-color);border-radius:12px;justify-content:space-between;align-items:center;padding:15px;display:flex}.history-date{color:var(--text-color);font-size:.95rem}.history-score{font-size:1.1rem;font-weight:700}