@tailwind base;@tailwind components;@tailwind utilities;body{background-color:#f5f5f5;color:#333;font-family:Roboto,Arial,sans-serif;margin:0;padding:0}body.dark-mode{background-color:#1a1a1a;color:#f0f0f0}.App{display:flex;flex-direction:column;min-height:100vh}.header{background-color:#2c3e50;color:#fff;padding:1rem 0}.header-content{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1rem}.header-content,.logo{align-items:center;display:flex}.logo h1{font-size:1.5rem;margin:0}.flag{height:30px;margin-right:1rem}.dark-mode-toggle{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5rem}.navigation{background-color:#3498db;padding:.5rem 0}.navigation ul{display:flex;list-style:none;margin:0 auto;max-width:1200px;padding:0}.navigation li{margin:0;padding:0}.navigation a{color:#fff;display:block;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s}.navigation a.active,.navigation a:hover{background-color:#2980b9}.content{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:1200px;padding:2rem 1rem;width:100%}.footer{background-color:#2c3e50;color:#fff;margin-top:auto;padding:1rem 0}.footer-content{margin:0 auto;max-width:1200px;padding:0 1rem;text-align:center}.home-page{margin:0 auto;max-width:800px}.home-page section{margin-bottom:2rem}.home-page h2{border-bottom:2px solid #3498db;color:#2980b9;padding-bottom:.5rem}.home-page h3{color:#2980b9}.character-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:1.5rem}.character-card{border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 5px #0000001a;padding:1.5rem;transition:transform .3s,box-shadow .3s}body.dark-mode .character-card{background-color:#2a2a2a;border-color:#444}.character-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.character-card h4{color:#2980b9;margin-top:0}.character-link{color:#3498db;display:inline-block;font-weight:700;margin-top:1rem;text-decoration:none}.character-link:hover{text-decoration:underline}.character-page h2{border-bottom:2px solid #3498db;color:#2980b9;padding-bottom:.5rem}.content-container{display:flex;flex-direction:row;gap:2rem;margin-top:2rem}.video-container{flex:1 1;height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:2rem}.video-container iframe{aspect-ratio:16/9;border-radius:8px;box-shadow:0 2px 10px #0000001a;width:100%}.questions-container{flex:1 1}.questions-container h3{color:#2980b9;margin-top:0}.questions-list{margin-bottom:2rem}.question{background-color:#fff;border:1px solid #ddd;border-radius:8px;margin-bottom:1.5rem;padding:1rem}body.dark-mode .question{background-color:#2a2a2a;border-color:#444}.question.correct{background-color:#27ae601a;border-color:#27ae60}.question.incorrect{background-color:#e74c3c1a;border-color:#e74c3c}body.dark-mode .question.correct{background-color:#27ae6033}body.dark-mode .question.incorrect{background-color:#e74c3c33}.question-text{font-weight:700;margin-top:0}.options{gap:1.5rem;margin-top:.5rem}.option input{margin-right:.5rem}.buttons-container{display:flex;flex-direction:column;gap:1rem}.score{background-color:#f8f9fa;border-radius:8px;font-size:1.2rem;margin-bottom:1rem;padding:1rem;text-align:center}body.dark-mode .score{background-color:#333}button{border:none;border-radius:4px;cursor:pointer;font-weight:700;padding:.75rem 1rem;transition:background-color .3s}.check-button{background-color:#3498db}.check-button:hover{background-color:#2980b9}.check-button:disabled{background-color:#95a5a6;cursor:not-allowed}.reset-button{background-color:#f39c12}.reset-button:hover{background-color:#d35400}.download-button{background-color:#27ae60}.download-button:hover{background-color:#2ecc71}.transcriptions-page h2{border-bottom:2px solid #3498db;color:#2980b9;padding-bottom:.5rem}.transcriptions-list{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:2rem}.transcription-item{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 5px #0000001a;padding:1.5rem}body.dark-mode .transcription-item{background-color:#2a2a2a;border-color:#444}.transcription-item h3{color:#2980b9;margin-top:0}.download-link{background-color:#27ae60;border-radius:4px;color:#fff;display:inline-block;font-weight:700;margin-top:1rem;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s}.download-link:hover{background-color:#2ecc71}@media (max-width:768px){.content-container{flex-direction:column}.video-container{margin-bottom:2rem;position:relative;top:0}.navigation ul{flex-direction:column}.navigation li{width:100%}.navigation a{text-align:center}.character-cards,.transcriptions-list{grid-template-columns:1fr}}.question{background-color:#f9f9f9;border-radius:5px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:15px}.question-text{font-weight:500;margin-bottom:10px}.options{display:flex;gap:20px}.option{align-items:center;border-radius:4px;cursor:pointer;display:flex;padding:5px 10px}.option input{margin-right:8px}.correct-question{background-color:#e8f5e9}.incorrect-question{background-color:#ffebee}.correct-radio{background-color:#4caf50;border-radius:4px;color:#fff}.incorrect-radio{background-color:#f44336;border-radius:4px;color:#fff}.check-button{background-color:#2196f3}.check-button,.reset-button{border:none;border-radius:4px;color:#fff;cursor:pointer;margin-right:10px;padding:10px 20px}.reset-button{background-color:#ff9800}.download-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.check-button:disabled,.download-button:disabled,.reset-button:disabled{cursor:not-allowed;opacity:.7}.score{font-size:18px;font-weight:700;margin-bottom:15px}
/*# sourceMappingURL=main.e550d8fc.css.map*/