html,body{margin:0;padding:0;height:100%;font-family:'Montserrat',sans-serif;background-color:#0a0a0a;color:#e0e0e0;display:flex;flex-direction:column}body{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:20px 0}.trivia-container{background-color:#1a1a1a;padding:30px 40px;border-radius:15px;box-shadow:0 10px 30px rgba(229,9,20,0.1),0 0 0 2px rgba(229,9,20,0.3);width:90%;max-width:700px;display:flex;flex-direction:column;align-items:center;margin:20px auto}.screen{display:none;width:100%;flex-direction:column;align-items:center}.screen.active{display:flex;animation:fadeIn 0.5s ease-in-out}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}h1,h2{color:#E50914;margin-bottom:20px}.trivia-container h1{font-size:2.2em;margin-bottom:15px}.trivia-container h2{font-size:1.6em;min-height:50px;line-height:1.4;margin-bottom:15px}.trivia-container p{color:#e0e0e0;font-size:1em;line-height:1.6;margin-bottom:20px}.trivia-button,.answer-button{background-color:darkred;color:white;border:none;padding:12px 25px;font-size:1em;font-family:'Montserrat',sans-serif;font-weight:bold;border-radius:8px;cursor:pointer;transition:background-color 0.3s ease,transform 0.2s ease;margin-top:10px;min-width:150px}.trivia-button:disabled{background-color:#555;cursor:not-allowed;transform:none}.trivia-button:disabled:hover{background-color:#555}.trivia-button:hover,.answer-button:hover{background-color:#E50914;transform:translateY(-2px)}.trivia-button:disabled:hover{background-color:#555;transform:translateY(0)}.trivia-button:active,.answer-button:active{transform:translateY(0px)}.button-container{display:flex;justify-content:center;gap:15px;width:100%;margin-top:20px;flex-wrap:wrap}.trivia-button.secondary{background-color:#6c757d}.trivia-button.secondary:hover{background-color:#5a6268}.category-selection{margin-top:20px;margin-bottom:15px;display:flex;flex-direction:column;align-items:center;gap:8px}.category-selection label{font-size:0.95em;color:#ccc}.trivia-select{background-color:#2a2a2a;color:#e0e0e0;border:1px solid #555;padding:10px;border-radius:5px;font-family:'Montserrat',sans-serif;min-width:200px}.quiz-header{display:flex;justify-content:space-between;width:100%;margin-bottom:15px;font-size:0.85em;color:#aaa}#timer-container{font-size:1.1em;color:#FFD700;margin-bottom:10px}.answer-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;margin-bottom:15px}.answer-button{background-color:#333;width:100%;padding:15px;text-align:left}.answer-button:hover{background-color:#555}.answer-button.selected{outline:2px solid #E50914}.answer-button.correct{background-color:#28a745 !important;color:white;animation:pulseCorrect 0.5s}.answer-button.incorrect{background-color:#dc3545 !important;color:white;animation:shakeIncorrect 0.5s}.answer-button:disabled{opacity:0.7;cursor:not-allowed}.answer-button.correct:disabled,.answer-button.incorrect:disabled{opacity:1}@keyframes pulseCorrect{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}@keyframes shakeIncorrect{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.feedback{margin-top:10px;font-size:1em;font-weight:bold;min-height:25px}.feedback.correct{color:#28a745}.feedback.incorrect{color:#dc3545}@media (max-width:600px){.trivia-container{padding:20px;margin:10px auto}.trivia-container h1{font-size:1.8em}.trivia-container h2{font-size:1.3em;min-height:40px}.answer-options{grid-template-columns:1fr}.trivia-button,.answer-button{padding:12px 18px;font-size:0.9em}.category-selection label{font-size:0.9em}.trivia-select{min-width:180px;padding:8px}}[data-theme="light"] body{background-color:#f0f5fa;color:#1f2937}[data-theme="light"] h1,[data-theme="light"] h2,[data-theme="light"] h3{color:#1f2937!important}[data-theme="light"] input,[data-theme="light"] select,[data-theme="light"] textarea,[data-theme="light"] button{background-color:#ffffff;color:#1f2937;border:1px solid #d1d5db}[data-theme="light"] button{background-color:#2563eb;color:#fff}[data-theme="light"] button:hover{background-color:#1d4ed8}