body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.app-container{display:flex;flex-direction:column;min-height:100vh}.App{background:#f2f8ff;color:#164273;flex:1 1;min-height:100vh;position:relative;text-align:center}.App[style*="--background-image"]:before{background-image:var(--background-image);background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;content:"";filter:blur(10px);left:0;opacity:.4;position:fixed;right:0;top:0;transform:scale(1.1);z-index:0}.App[style*="--background-image"]:after{background:linear-gradient(180deg,#0000 0,#0000 40%,#f2f8ff);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:1}.App>*{position:relative;z-index:2}.top-navigation{background:#fff;border-bottom:2px solid #e5e5e5;box-shadow:0 2px 8px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-container{height:60px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{cursor:pointer;gap:.75rem;transition:opacity .2s ease}.nav-logo:hover{opacity:.8}.logo-image{height:40px;object-fit:contain;width:auto}.ai-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 2px 4px #667eea4d;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase;transition:all .2s ease}.nav-logo:hover .ai-badge{box-shadow:0 4px 8px #667eea66;transform:translateY(-1px)}.nav-links{align-items:center;display:flex;gap:1rem}.nav-link{background:none;border:1px solid #164273;border-radius:6px;color:#164273;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.nav-link:hover{background:#164273;color:#fff;transform:translateY(-1px)}.feedback-link{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;box-shadow:0 2px 4px #667eea4d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.feedback-link:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 4px 8px #667eea66;transform:translateY(-1px)}.App-header{background:#fff;border-bottom:1px solid #e5e5e5;overflow:hidden;padding:3rem 2rem;position:relative}.App-header:before{background:inherit;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.App-header h1{color:#164273;font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.App-header p{color:#164273;font-size:1.1rem;margin:0;opacity:.8}.header-content{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem;position:relative;width:100%;z-index:1}.test-details{border-radius:8px;padding:1rem}.generation-header,.test-details{flex:1 1;text-align:left}.generation-header h1{color:#164273;font-size:1.8rem;font-weight:600;margin:0 0 .5rem}.generation-header p{color:#164273;font-size:1.1rem;margin:0;opacity:.8}.header-actions{align-items:center;display:flex;gap:1rem}.status-check-button{align-items:center;background:#0000;border:1px solid #164273;border-radius:6px;color:#164273;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.25rem;padding:.5rem 1rem;transition:all .2s ease}.status-check-button:hover:not(:disabled){background:#164273;color:#fff}.status-check-button:disabled{background:#f5f5f5;border-color:#ccc;color:#ccc;cursor:not-allowed}.video-status-button{align-items:center;background:#0000;border:1px solid #ff9800;color:#ff9800;display:flex;font-size:.8rem;font-weight:500;gap:.25rem;padding:.5rem 1rem;transition:all .2s ease}.video-status-button:hover:not(:disabled){background:#ff9800;color:#fff}.video-status-button:disabled{background:#f5f5f5;border-color:#ccc;color:#ccc;cursor:not-allowed}.status-message{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:1rem auto 0;max-width:1400px;padding:1rem;text-align:left}.status-message p{color:#164273;font-size:.9rem;margin:0}.failed-steps-section{background:#fff5f5;border:1px solid #fed7d7;border-radius:12px;margin:2rem 0;padding:1.5rem;text-align:left}.failed-steps-section h3{color:#e53e3e;font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.failed-steps-section p{color:#164273;font-size:.9rem;margin:0 0 1rem}.failed-steps-list{display:flex;flex-direction:column;gap:1rem}.failed-step-item{align-items:center;background:#fff;border:1px solid #feb2b2;border-radius:8px;display:flex;justify-content:space-between;padding:1rem;transition:all .3s ease}.failed-step-item:hover{box-shadow:0 2px 8px #e53e3e1a}.step-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.step-name{color:#164273;font-size:.9rem;font-weight:600}.step-status.failed{color:#e53e3e;font-size:.8rem;font-weight:500}.step-error{color:#c53030;font-size:.8rem;font-style:italic}.retry-step-button{align-items:center;background:#e53e3e;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:.25rem;padding:.5rem 1rem;transition:all .3s ease}.retry-step-button:hover:not(:disabled){background:#c53030;box-shadow:0 2px 4px #e53e3e4d;transform:translateY(-1px)}.retry-step-button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.action-buttons{display:flex;gap:1rem;justify-content:center;margin:2rem 0;padding:2rem}.view-test-button{align-items:center;background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.view-test-button:hover{background:#45a049;box-shadow:0 4px 12px #4caf504d;transform:translateY(-2px)}.video-checker-button{align-items:center;background:#ff9800;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.video-checker-button:hover{background:#f57c00;box-shadow:0 4px 12px #ff98004d;transform:translateY(-2px)}.test-topic{font-size:1.5rem}.test-meta{margin-top:.5rem}.language-flag{font-size:1.5rem}.test-status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;font-size:1rem;padding:.25rem .75rem}.App-main{margin:0 auto;max-width:1400px;padding:2rem}.in-progress-banner{animation:pulse-banner 2s ease-in-out infinite;background:#fff3cd;border-bottom:2px solid #ffc107;padding:1rem 0;width:100%}@keyframes pulse-banner{0%,to{background:#fff3cd;opacity:1}50%{background:#ffe69c;opacity:.9}}.in-progress-banner-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin:0 auto;max-width:1400px;padding:0 2rem}.in-progress-icon{flex-shrink:0;font-size:1.25rem}.in-progress-text{color:#856404;flex:1 1;font-size:.95rem;font-weight:500}.in-progress-link{background:#0000;border:1px solid #856404;border-radius:6px;color:#856404;cursor:pointer;flex-shrink:0;font-size:.9rem;font-weight:600;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.in-progress-link:hover{background:#856404;color:#fff}.breadcrumbs{background:#fff;border-bottom:1px solid #e5e5e5;width:100%}.breadcrumbs-container{align-items:center;color:#6c757d;display:flex;font-size:.9rem;gap:.5rem;margin:0 auto;max-width:1400px;padding:1rem 2rem}.breadcrumb-link{background:none;border:none;color:#164273;cursor:pointer;font-size:.9rem;padding:0;text-decoration:none;transition:color .2s ease}.breadcrumb-link:hover{color:#0d2e4d;text-decoration:underline}.breadcrumb-separator{color:#9e9e9e}.breadcrumb-current{color:#164273;font-weight:500}.App-main.two-column-layout{align-items:flex-start;display:flex;gap:2rem;padding:2rem}.App-main.two-column-layout.fade-in{animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.left-column{flex:0 0 80%;min-width:0;width:80%}.right-column{align-self:flex-start;flex:0 0 20%;min-width:0;position:-webkit-sticky;position:sticky;top:2rem;width:20%}.main-tabs{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.main-tab-navigation{background:#f8f9fa;border-bottom:2px solid #e5e5e5;display:flex}.main-tab-button{background:#0000;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:1rem 1.5rem;position:relative;transition:all .2s ease}.main-tab-button:hover:not(:disabled){background:#1642730d;color:#164273}.main-tab-button:disabled{background:#f8f9fa;cursor:not-allowed;opacity:.5}.main-tab-button:disabled:hover{background:#f8f9fa;color:#6c757d}.main-tab-button.active{background:#fff;border-bottom-color:#164273;color:#164273;font-weight:600}.main-tab-content{min-height:400px;padding:2rem}.test-info-tab{width:100%}.test-info-content{display:flex;flex-direction:column;gap:2rem}.test-info-images{display:flex;gap:1rem;width:100%}.test-info-image{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:12px;box-shadow:0 2px 8px #0000001a;flex:1 1;height:300px;opacity:1}.test-info-image:only-child{width:100%}.test-info-details{display:flex;flex-direction:column;gap:1.5rem;text-align:left}.test-info-details .test-topic{color:#164273;font-size:2rem;font-weight:700;margin:0;text-align:left}.test-info-grid{grid-gap:1.5rem;background:#f8f9fa;border-radius:8px;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:1.5rem}.test-info-item{display:flex;flex-direction:column;gap:.5rem}.info-label{color:#6c757d;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-value{align-items:center;color:#164273;display:flex;font-size:1rem;font-weight:500;gap:.5rem}.info-value .language-flag{font-size:1.2rem}.test-info-actions{display:flex;flex-wrap:wrap;gap:1rem}.test-action-button{align-items:center;border:2px solid #164273;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-width:200px;padding:1rem 1.5rem;transition:all .2s ease}.test-action-button.test-button{background:#4caf50;border-color:#4caf50;color:#fff}.test-action-button.test-button:hover:not(:disabled){background:#45a049;border-color:#45a049;box-shadow:0 4px 12px #4caf504d;transform:translateY(-2px)}.test-action-button.test-button:disabled{background:#9e9e9e;border-color:#9e9e9e;cursor:not-allowed;opacity:.5}.test-action-button.test-button:disabled:hover{box-shadow:none;transform:none}.test-action-button.answers-button{background:#2196f3;border-color:#2196f3;color:#fff}.test-action-button.answers-button:hover:not(:disabled){background:#1976d2;border-color:#1976d2;box-shadow:0 4px 12px #2196f34d;transform:translateY(-2px)}.test-action-button.answers-button.disabled,.test-action-button.answers-button:disabled{background:#9e9e9e;border-color:#9e9e9e;cursor:not-allowed;opacity:.5}.test-action-button.answers-button.disabled:hover,.test-action-button.answers-button:disabled:hover{background:#9e9e9e;border-color:#9e9e9e;box-shadow:none;transform:none}.voting-sidebar{width:100%}.voting-card-compact{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1rem;position:-webkit-sticky;position:sticky;top:2rem;width:100%}.voting-title-compact{color:#164273;font-size:.9rem;font-weight:600;line-height:1.3;margin:0 0 .75rem;text-align:left}.voting-stats-compact{align-items:center;color:#6c757d;display:flex;font-size:.75rem;gap:.5rem;margin-bottom:1rem}.voting-icon-small{font-size:.9rem}.voting-count-text{font-weight:500}.voting-options-compact{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.voting-option-compact{align-items:center;display:flex;gap:.5rem;padding:.4rem 0}.voting-option-name-compact{color:#164273;flex-shrink:0;font-size:.75rem;font-weight:500;min-width:60px;text-align:left;white-space:nowrap;width:60px}.voting-progress-container-compact{background:#f5f5f5;border-radius:2px;flex:1 1;height:4px;min-width:30px;overflow:hidden;position:relative}.voting-progress-bar-compact{background:#b39ddb;border-radius:2px;height:100%;transition:width .3s ease}.voting-percentage-compact{color:#164273;flex-shrink:0;font-size:.7rem;font-weight:600;min-width:2.5rem;text-align:right}.share-opinion-button{background:#9c27b0;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.75rem 1rem;transition:all .2s ease;width:100%}.share-opinion-button:hover{background:#7b1fa2;box-shadow:0 2px 8px #9c27b04d;transform:translateY(-1px)}.voting-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.voting-modal-content{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0003;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.voting-modal-header{align-items:flex-start;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;padding:2rem 2rem 1rem}.voting-modal-header .voting-title{color:#000;font-size:1.5rem;font-weight:700;margin:0;text-align:left}.voting-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;flex-shrink:0;font-size:2rem;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.voting-modal-close:hover{background:#f5f5f5;color:#164273}.voting-modal-body{padding:2rem;position:relative;transition:opacity .3s ease}.voting-loading-overlay{align-items:center;background:#fffffff2;border-radius:0 0 16px 16px;bottom:0;display:flex;flex-direction:column;gap:1rem;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.voting-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#9c27b0;height:40px;width:40px}.voting-loading-overlay p{color:#9c27b0;font-size:.95rem;font-weight:500;margin:0}.voting-option.disabled{cursor:wait!important;opacity:.6}.voting-modal-close:disabled{cursor:not-allowed;opacity:.5}.input-section{background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:2rem}.input-row{grid-gap:1.5rem;align-items:end;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr auto;margin-bottom:1.5rem}.input-section .input-group{margin-bottom:1.5rem;text-align:left}.input-row .input-group{margin-bottom:0}.input-group label{color:#164273;display:block;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.input-wrapper{align-items:center;display:flex;position:relative}.input-group input,.input-group select{background:#fff;border:2px solid #e5e5e5;border-radius:8px;color:#164273;font-size:1rem;padding:.75rem 2.5rem .75rem .75rem;transition:all .3s ease;width:100%}.input-group.valid input,.input-group.valid select{border-color:#28a745;box-shadow:0 0 0 3px #28a7451a}.input-wrapper .checkmark{align-items:center;color:#28a745;display:flex;font-size:1.2rem;font-weight:700;justify-content:center;pointer-events:none;position:absolute;right:.75rem}.input-group input::placeholder{color:#999}.input-group input:focus,.input-group select:focus{border-color:#be016c;box-shadow:0 0 0 3px #be016c1a;outline:none}.generate-button{background:#be016c;border:none;border-radius:8px;box-shadow:0 2px 8px #be016c4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.generate-button:hover:not(:disabled){background:#a0015a;box-shadow:0 4px 12px #be016c66;transform:translateY(-1px)}.generate-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.button-group{align-items:end;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:0}.button-group-full{display:flex;margin-top:1.5rem;width:100%}.button-group-full .generate-button{width:100%}.load-button,.save-button{background:#164273;border:none;border-radius:8px;box-shadow:0 2px 8px #1642734d;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;text-align:center;transition:all .3s ease}.load-button:hover,.save-button:hover:not(:disabled){background:#0f2d4a;box-shadow:0 4px 12px #16427366;transform:translateY(-1px)}.save-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.saved-outputs-section{background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:1.5rem}.saved-outputs-section h3{color:#be016c;margin:0 0 1rem;text-align:center}.saved-outputs-list{display:flex;flex-direction:column;gap:1rem}.saved-output-item{align-items:center;background:#f8f9fa;border:1px solid #e5e5e5;border-radius:8px;display:flex;justify-content:space-between;padding:1rem;transition:all .2s ease}.saved-output-item:hover{background:#e9ecef;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.saved-output-info{flex:1 1;text-align:left}.saved-output-info h4{color:#164273;font-size:1.1rem;margin:0 0 .5rem}.saved-output-meta{color:#6c757d;font-size:.9rem;margin:0}.saved-output-content{color:#164273;font-size:.85rem;font-weight:500;margin:.25rem 0}.saved-output-content p{color:#164273;font-size:.9rem;margin:0 0 .5rem}.saved-output-files{color:#888;font-size:.8rem;font-style:italic;margin:.25rem 0 0}.saved-output-actions{display:flex;flex-shrink:0;gap:.5rem}.delete-saved-button,.load-saved-button{background:#fff;border:1px solid #e5e5e5;border-radius:4px;color:#164273;cursor:pointer;font-size:.85rem;font-weight:400;padding:.4rem .8rem;transition:all .2s ease}.load-saved-button:hover:not(:disabled){background:#f8f9fa;border-color:#164273}.load-saved-button:disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.6;transform:none}.delete-saved-button{background:#fff;border-color:#dc3545;color:#dc3545}.delete-saved-button:hover{background:#dc3545;color:#fff}.progress-section{background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:1.5rem}.illustration-container{align-items:center;display:flex;justify-content:center;margin-bottom:2rem;min-height:200px}.progress-illustration{height:auto;max-height:300px;max-width:100%;object-fit:contain;transition:opacity .5s ease-in-out;width:auto}.progress-section h3{color:#be016c;margin:0 0 1rem}.detailed-progress-section{margin-top:1.5rem}.toggle-detailed-progress{align-items:center;background:#0000;border:1px solid #164273;border-radius:8px;color:#164273;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;text-align:left;transition:all .3s ease;width:100%}.toggle-detailed-progress:hover{background:#164273;box-shadow:0 2px 8px #1642734d;color:#fff;transform:translateY(-1px)}.progress-bar{background:#f0f0f0;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{animation:progress 2s ease-in-out infinite;background:#be016c;height:100%}@keyframes progress{0%{width:0}50%{width:70%}to{width:100%}}.debug-section{background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem;text-align:left}.debug-section h3{color:#be016c;margin:0 0 1rem;text-align:center}.debug-content{max-height:80vh;overflow-y:auto}.debug-item{background:#f8f9fa;border-left:4px solid #be016c;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.debug-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.debug-item h4{color:#be016c;margin:0;text-transform:capitalize}.retry-button{background:#fff;border:1px solid #e5e5e5;border-radius:4px;color:#164273;cursor:pointer;font-size:.85rem;font-weight:400;padding:.4rem .8rem;transition:all .2s ease}.retry-button:hover:not(:disabled){background:#f8f9fa;border-color:#164273}.retry-button:disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.6}.debug-item pre{color:#164273;font-size:.9rem;margin:0;white-space:pre-wrap;word-break:break-word}.image-gallery{background:#f8f9fa;border:1px solid #e5e5e5;border-radius:8px;margin:1rem 0;padding:1rem}.image-gallery h5{color:#164273;font-size:1.1rem;margin:0 0 1rem}.images-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:1rem}.image-item{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:.5rem;transition:transform .2s ease}.image-item:hover{transform:translateY(-2px)}.generated-image{border:1px solid #e5e5e5;border-radius:6px;height:auto;max-height:200px;object-fit:cover;width:100%}.image-error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;padding:1rem;text-align:center}.image-description{color:#164273;font-size:.9rem;font-style:italic;margin:.5rem 0 0}.visual-theme{background:#e3f2fd;border-radius:6px;color:#164273;font-size:.95rem;margin:0;padding:.75rem}.audio-player{background:#f8f9fa;border:1px solid #e5e5e5;border-radius:8px;margin:1rem 0;padding:1rem}.audio-player h5{color:#164273;font-size:1.1rem;margin:0 0 1rem}.audio-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1rem}.generated-audio{width:100%}.audio-error,.generated-audio{border-radius:6px;margin-bottom:1rem}.audio-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24;padding:1rem;text-align:center}.audio-script{background:#0000;margin-top:1rem;padding:0;text-align:left}.audio-script h6{color:#164273;font-size:.95rem;margin:0 0 .5rem}.audio-script p{color:#164273;font-size:.9rem;font-style:italic;line-height:1.4;margin:0}.video-player{background:#f8f9fa;border:1px solid #e5e5e5;border-radius:8px;margin:1rem 0;padding:1rem}.final-video-player{background:#e8f5e8;border:2px solid #28a745;border-radius:12px;box-shadow:0 4px 12px #28a74526;margin:1.5rem 0;padding:1.5rem}.final-video-player h5{border-bottom:2px solid #28a745;color:#28a745;font-size:1.3rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem;text-align:center}.final-video-info{background:#fff;border-left:4px solid #28a745;border-radius:8px;margin-top:1rem;padding:1rem}.final-video-info p{color:#164273;font-size:.95rem;margin:.5rem 0}.final-video-actions{margin:1rem 0;text-align:center}.final-video-actions .retry-button{background:#28a745;border:none;border-radius:8px;box-shadow:0 2px 8px #28a7454d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.final-video-actions .retry-button:hover:not(:disabled){background:#218838;box-shadow:0 4px 12px #28a74566;transform:translateY(-1px)}.final-video-actions .retry-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.video-player h5{color:#164273;font-size:1.1rem;margin:0 0 1rem}.video-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1rem}.video-processing{background:#f8f9fa;border:2px dashed #164273;border-radius:8px;padding:2rem;text-align:center}.processing-spinner{animation:spin 2s linear infinite;font-size:2rem;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.video-processing p{color:#164273;margin:.5rem 0}.video-processing strong{color:#164273;font-weight:600}.video-processing em{color:#666;font-style:italic}.video-status-section{background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:2rem}.video-status-section h3{color:#164273;font-size:1.3rem;margin:0 0 1rem}.video-status-section p{color:#164273;margin:0 0 1.5rem;opacity:.8}.video-status-input{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.video-id-input{border:1px solid #e5e5e5;border-radius:6px;color:#164273;flex:1 1;font-size:1rem;padding:.75rem}.video-id-input:focus{border-color:#164273;box-shadow:0 0 0 2px #1642731a;outline:none}.check-status-button{background:#164273;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s}.check-status-button:hover:not(:disabled){background:#0f2d4a}.check-status-button:disabled{background:#ccc;cursor:not-allowed}.video-status-help{background:#f8f9fa;border-left:4px solid #164273;border-radius:6px;padding:1rem}.video-status-help p{color:#164273;font-weight:600;margin:0 0 .5rem}.video-status-help ul{color:#164273;margin:0;padding-left:1.5rem}.video-status-help li{margin-bottom:.25rem}.video-status-button{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s}.video-status-button:hover{background:#218838}.generated-video{box-shadow:0 4px 8px #0000001a;height:auto;max-width:600px;width:100%}.generated-video,.video-error{border-radius:6px;margin-bottom:1rem}.video-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24;padding:1rem;text-align:center}.video-script{background:#f8f9fa;border-left:4px solid #be016c;border-radius:6px;margin-top:1rem;padding:.75rem}.video-script h6{color:#164273;font-size:.95rem;margin:0 0 .5rem}.video-script p{color:#164273;font-size:.9rem;font-style:italic;line-height:1.4;margin:0}.video-thumbnail{background:#f8f9fa;border-left:4px solid #28a745;border-radius:6px;margin-top:1rem;padding:.75rem}.video-thumbnail h6{color:#164273;font-size:.95rem;margin:0 0 .5rem}.thumbnail-image{border-radius:4px;box-shadow:0 2px 4px #0000001a;height:auto;max-width:200px}.question-section{background:#fff;border:2px solid #be016c;border-radius:8px;box-shadow:0 2px 8px #be016c1a;margin:1rem 0;padding:1rem}.question-section h5{border-bottom:2px solid #be016c;color:#be016c;font-size:1.2rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem;text-align:center}.question-content{background:#f8f9fa;border-radius:6px;padding:1rem}.question-text{color:#164273;font-size:1.1rem;line-height:1.4;margin:0 0 1rem}.question-options{margin:1rem 0}.option{align-items:flex-start;background:#fff;border:1px solid #e5e5e5;border-radius:4px;display:flex;margin-bottom:.5rem;padding:.5rem;transition:background-color .2s ease}.option:hover{background:#f0f8ff}.option-label{color:#be016c;font-weight:600;margin-right:.5rem;min-width:1.5rem}.option-text{color:#164273;line-height:1.4}.correct-answer{margin:1rem 0 .5rem}.correct-answer,.explanation{border-radius:4px;padding:.75rem}.explanation{margin:.5rem 0}.question-type{border-radius:4px;margin:.5rem 0 0;padding:.5rem}.question-section-large{background:#fff;border:2px solid #be016c;border-radius:12px;box-shadow:0 4px 12px #be016c26;margin:2rem 0;padding:1.5rem}.question-section-header{align-items:center;border-bottom:2px solid #be016c;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.question-section-header h4{color:#be016c;font-size:1.4rem;font-weight:600;margin:0}.question-actions{display:flex;flex-wrap:wrap;gap:.5rem}.script-section{background:#0000;margin:1.5rem 0;padding:0;text-align:left}.script-section h5{color:#164273;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.script-content p{color:#164273;font-size:1rem;line-height:1.6;margin:0 0 1rem}.script-meta{background:#e3f2fd;border-radius:4px;color:#164273;font-size:.9rem;margin:.5rem 0;padding:.5rem}.collapsible-debug{border:1px solid #e5e5e5;border-radius:6px;margin:1rem 0;overflow:hidden}.collapsible-debug-header{align-items:center;background:#f8f9fa;border:none;border-bottom:1px solid #e5e5e5;color:#164273;cursor:pointer;display:flex;font-size:.9rem;justify-content:space-between;padding:.75rem 1rem;transition:background-color .2s ease;width:100%}.collapsible-debug-header:hover{background:#e9ecef}.collapsible-icon{color:#6c757d;font-size:.8rem}.collapsible-debug-content{background:#fff;max-height:300px;overflow-y:auto;padding:1rem}.collapsible-debug-content pre{background:#f8f9fa;border:1px solid #e5e5e5;border-radius:4px;color:#164273;font-size:.8rem;margin:0;padding:1rem;white-space:pre-wrap;word-break:break-word}.progress-details{margin-bottom:1rem;text-align:left}.progress-details p{font-size:.9rem;margin:.25rem 0}.error-text{color:#e74c3c;font-weight:600}.steps-list{background:#f8f9fa;border:1px solid #e5e5e5;border-radius:8px;margin-top:1rem;max-height:200px;overflow-y:auto;padding:.5rem;text-align:left}.step-item{align-items:center;border-radius:4px;display:flex;font-size:.85rem;justify-content:space-between;margin:.25rem 0;padding:.5rem}.step-item.pending{background:#f8f9fa;color:#6c757d}.step-item.in_progress{background:#e3f2fd;color:#1976d2;font-weight:600}.step-item.completed{background:#e8f5e8;color:#2e7d32}.step-item.failed{background:#ffebee;color:#c62828}.step-name{flex:1 1;text-transform:capitalize}.step-status{border-radius:4px;font-size:.75rem;font-weight:600;margin:0 .5rem;padding:.25rem .5rem;text-transform:uppercase}.step-duration{color:#6c757d;font-size:.75rem}.existing-tests-section{background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:1.5rem}.section-header{align-items:center;border-bottom:2px solid #164273;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.section-header h3{color:#164273;font-size:1.4rem;font-weight:600;margin:0}.section-actions{align-items:center;display:flex;gap:.75rem}.refresh-button,.toggle-button{background:#fff;border:1px solid #164273;border-radius:6px;color:#164273;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.refresh-button:hover:not(:disabled),.toggle-button:hover{background:#164273;color:#fff;transform:translateY(-1px)}.refresh-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.loading-tests{color:#164273;padding:2rem;text-align:center}.loading-spinner{animation:spin 2s linear infinite;font-size:2rem;margin-bottom:1rem}.tests-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:1rem}.test-card{background:#fff;border:2px solid #e5e5e5;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative;transition:all .3s ease}.test-card:hover{border-color:#164273;box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.test-cover-image{align-items:center;background:#f8f9fa;border-radius:12px 12px 0 0;display:flex;height:200px;justify-content:center;overflow:hidden;position:relative;width:100%}.test-cover-image img{display:block;height:200px;object-fit:cover;object-position:center;transition:transform .3s ease;width:100%}.test-card:hover .test-cover-image img{transform:scale(1.05)}.test-cover-placeholder{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#6c757d;display:flex;height:100%;justify-content:center;width:100%}.placeholder-content{text-align:center}.placeholder-icon{font-size:3rem;margin-bottom:.5rem;opacity:.7}.placeholder-text{font-size:1rem;font-weight:500;opacity:.8}.test-card-header{padding:1.5rem 1.5rem 0;text-align:left}.test-topic{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#164273;display:-webkit-box;font-size:1.2rem;font-weight:600;line-height:1.3;margin:0 0 .5rem;max-height:3.12rem;overflow:hidden}.test-meta{align-items:center;color:#6c757d;display:flex;font-size:.9rem;gap:1rem;margin-bottom:.75rem}.test-language{font-size:1.2rem}.test-time{color:#888;font-size:.85rem}.test-status{border-radius:12px;display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.25rem .6rem;text-transform:uppercase;white-space:nowrap}.test-card-body{padding:0 1.5rem 1.5rem;text-align:left}.test-info{margin-bottom:1rem}.test-info p{color:#164273;font-size:.9rem;line-height:1.4;margin:.5rem 0}.test-info strong{color:#164273;font-weight:600}.error-message{background:#fdf2f2;border-left:3px solid #e74c3c;border-radius:4px;color:#e74c3c!important;font-size:.85rem!important;margin-top:.5rem!important;padding:.5rem}.no-tests{background:#f8f9fa;border:2px dashed #e5e5e5;border-radius:8px;color:#164273;padding:3rem 2rem;text-align:center}.no-tests p{font-size:1rem;margin:.5rem 0}.no-tests p:first-child{color:#164273;font-size:1.1rem;font-weight:600}.show-tests-toggle{margin-bottom:2rem;text-align:center}.show-tests-toggle .toggle-button{background:#164273;border:none;border-radius:8px;box-shadow:0 2px 8px #1642734d;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 2rem;transition:all .3s ease}.show-tests-toggle .toggle-button:hover{background:#0f2d4a;box-shadow:0 4px 12px #16427366;transform:translateY(-1px)}.back-button{background:#0000;border:1px solid #164273;border-radius:6px;color:#164273;cursor:pointer;flex-shrink:0;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.back-button:hover{background:#164273;color:#fff}.error-section{background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:2rem;text-align:center}.error-section h3{color:#e74c3c;font-size:1.3rem;margin:0 0 1rem}.test-view-container{background:#0000;margin-bottom:2rem;padding:0}.tab-navigation{background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;margin:0 auto 2rem;max-width:800px;overflow-x:auto;padding:.5rem;scrollbar-width:thin}.tab-button{background:#0000;border:none;border-radius:8px;color:#164273;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;margin:0 .25rem;min-width:200px;padding:1rem 1.5rem;transition:all .3s ease;white-space:nowrap}.tab-button:hover{background:#f8f9fa;color:#164273}.tab-button.active{background:#164273;box-shadow:0 2px 4px #1642734d;color:#fff;font-weight:600}.tab-button:first-child{margin-left:0}.tab-button:last-child{margin-right:0}.split-view,.tab-content{min-height:500px}.split-view{grid-gap:0;background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:grid;gap:0;grid-template-columns:1fr 1fr;overflow:hidden}.media-panel,.question-panel{background:#fff;max-height:80vh;overflow-y:auto;padding:2rem}.media-content .question-number{color:#164273;font-size:1.2rem;font-weight:600;margin:0 0 1.5rem;text-align:left}.media-content .audio-container,.media-content .video-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:1.5rem;padding:1rem}.media-content .generated-audio,.media-content .generated-video{border-radius:6px;width:100%}.media-content .script-section{background:#0000;margin-top:1.5rem;padding:0;text-align:left}.media-content .script-section h5{color:#164273;font-size:1rem;font-weight:600;margin:0 0 .5rem}.media-content .script-section p{color:#164273;font-size:.95rem;line-height:1.6;margin:0}.no-media{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;color:#6c757d;padding:3rem 2rem;text-align:center}.no-media p{font-size:1rem;margin:0}.question-text{background:#0000;margin-bottom:1.5rem;padding:0;text-align:left}.question-text p{color:#164273;font-size:1.1rem;line-height:1.5;margin:0}.question-options{margin:1.5rem 0}.question-options .option{align-items:flex-start;background:#fff;border:1px solid #e5e5e5;border-radius:6px;display:flex;margin-bottom:.75rem;padding:.75rem;transition:all .2s ease}.question-options .option:hover{background:#f0f8ff;border-color:#164273;transform:translateX(4px)}.question-options .option-label{color:#164273;font-size:1.1rem;font-weight:600;margin-right:.75rem;min-width:1.5rem}.question-options .option-text{color:#164273;font-size:1rem;line-height:1.4}.correct-answer{background:#d4edda;border-left:4px solid #28a745;border-radius:6px;color:#155724;font-weight:500;margin:1.5rem 0;padding:1rem}.correct-answer p{font-size:1rem;margin:0}.explanation{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:6px;color:#164273;font-style:italic;margin:1rem 0;padding:1rem}.explanation p{font-size:.95rem;line-height:1.5;margin:0}.question-type{background:#fff3cd;border-left:4px solid #ffc107;border-radius:6px;color:#856404;font-size:.9rem;margin:1rem 0;padding:.75rem}.question-type p{margin:0}.question-metadata{background:#f8f9fa;border-left:4px solid #6c757d;border-radius:6px;margin:1.5rem 0;padding:1rem}.question-metadata p{color:#164273;font-size:.9rem;margin:.5rem 0}.no-questions{background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:3rem 2rem;text-align:center}.no-questions h3{color:#164273;font-size:1.5rem;margin:0 0 1rem}.no-questions p{color:#6c757d;font-size:1rem;margin:0}@media (max-width:768px){.App-header h1{font-size:2rem}.header-content{align-items:stretch;flex-direction:column;gap:1rem}.back-button{align-self:flex-start}.test-topic{font-size:1.3rem}.test-meta{flex-wrap:wrap;gap:.75rem}.App-main{padding:1rem}.App-main.two-column-layout{flex-direction:column;gap:1.5rem}.left-column,.right-column{flex:1 1;width:100%}.right-column{position:relative;top:0}.main-tab-navigation{flex-direction:column}.main-tab-button{border-bottom:none;border-left:3px solid #0000;border-right:none}.main-tab-button.active{border-bottom-color:#0000;border-left-color:#164273}.main-tab-content{min-height:auto;padding:1.5rem}.voting-sidebar .voting-card{position:relative;top:0}.in-progress-banner{padding:.75rem 0}.in-progress-banner-content{gap:.75rem;padding:0 1rem}.in-progress-text{font-size:.85rem;width:100%}.in-progress-link{text-align:center;width:100%}.breadcrumbs{font-size:.85rem;padding:1rem}.test-info-content{gap:1.5rem}.test-info-images{flex-direction:column;gap:.75rem}.test-info-image{height:200px}.test-info-details .test-topic{font-size:1.5rem}.test-info-grid{gap:1rem;grid-template-columns:1fr;padding:1rem}.test-info-actions{flex-direction:column}.test-action-button{min-width:auto;width:100%}.voting-modal-overlay{padding:1rem}.voting-modal-content{max-height:95vh}.voting-modal-header{padding:1.5rem 1rem 1rem}.voting-modal-header .voting-title{font-size:1.25rem}.voting-modal-body{padding:1.5rem 1rem}.input-section{padding:1.5rem}.input-row{gap:1.5rem;grid-template-columns:1fr}.input-row .input-group{margin-bottom:0}.images-container{grid-template-columns:1fr}.generated-image{max-height:150px}.button-group{align-items:stretch;flex-direction:column;width:100%}.button-group .generate-button{width:100%}.saved-output-item{align-items:stretch;flex-direction:column;gap:1rem}.saved-output-actions{justify-content:center}.steps-list{max-height:150px}.step-item{align-items:flex-start;flex-direction:column;gap:.25rem}.step-status{margin:0}.tests-grid{gap:1rem;grid-template-columns:1fr}.test-card{padding:1rem}.test-card-header{align-items:flex-start;flex-direction:column;gap:.5rem}.test-topic{font-size:1.1rem}.section-header{align-items:flex-start;flex-direction:column;gap:1rem}.section-actions{justify-content:center;width:100%}.tab-navigation{flex-direction:column;padding:.25rem}.tab-button{border-radius:6px;margin:.125rem 0;min-width:auto}.tab-button:first-child{margin-top:0}.tab-button:last-child{margin-bottom:0}.split-view{grid-template-columns:1fr;min-height:auto}.media-panel{border-bottom:1px solid #e5e5e5;border-right:none;max-height:50vh}.question-panel{max-height:none}.question-text p{font-size:1rem}.question-options .option{padding:.5rem}.question-options .option-label{font-size:1rem}.question-options .option-text{font-size:.9rem}.voting-container{padding:1.5rem 1rem}.voting-card{padding:1.5rem}.voting-title{font-size:1.25rem}.voting-option-content{flex-wrap:wrap;gap:.5rem}.voting-progress-container{min-width:0;order:2;width:100%}.voting-count,.voting-percentage,.voting-thumbs-up{order:1}}.mode-selection{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:800px;padding:3rem 2rem}.mode-buttons{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem;width:100%}.mode-button{align-items:center;background:#fff;border:2px solid #e5e5e5;border-radius:16px;box-shadow:0 4px 12px #0000001a;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.mode-button:before{background:linear-gradient(135deg,#1642730d,#be016c0d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.mode-button:hover:before{opacity:1}.mode-button:hover{border-color:#164273;box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.mode-button:active{transform:translateY(-2px)}.mode-button.disabled{background:#f8f9fa;border-color:#dee2e6;cursor:not-allowed;opacity:.5}.mode-button.disabled:hover{border-color:#dee2e6;box-shadow:0 4px 12px #0000001a;transform:none}.mode-button.disabled:before{display:none}.mode-icon{font-size:3rem;margin-bottom:1rem;transition:transform .3s ease}.mode-button:hover .mode-icon{transform:scale(1.1)}.mode-button.disabled:hover .mode-icon{transform:none}.mode-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;transition:color .3s ease}.mode-button:hover .mode-title,.mode-title{color:#164273}.mode-button.disabled .mode-title{color:#6c757d}.mode-description{color:#6c757d;font-size:1rem;line-height:1.4;transition:color .3s ease}.mode-button:hover .mode-description{color:#164273}.mode-button.disabled .mode-description{color:#adb5bd}.mode-button.test-mode{border-color:#4caf50}.mode-button.test-mode:hover{border-color:#45a049;box-shadow:0 8px 25px #4caf5033}.mode-button.test-mode .mode-icon{color:#4caf50}.mode-button.test-mode:hover .mode-icon{color:#45a049}.mode-button.answers-mode{border-color:#2196f3}.mode-button.answers-mode:hover{border-color:#1976d2;box-shadow:0 8px 25px #2196f333}.mode-button.answers-mode .mode-icon{color:#2196f3}.mode-button.answers-mode:hover .mode-icon{color:#1976d2}.mode-button.vote-mode{border-color:#9c27b0}.mode-button.vote-mode:hover{border-color:#7b1fa2;box-shadow:0 8px 25px #9c27b033}.mode-button.vote-mode .mode-icon{color:#9c27b0}.mode-button.vote-mode:hover .mode-icon{color:#7b1fa2}.availability-notice{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin-top:1rem;max-width:600px;padding:1rem 1.5rem;text-align:center}.availability-notice p{color:#856404;font-size:.95rem;line-height:1.4;margin:0}.voting-container{align-items:flex-start;display:flex;justify-content:center;margin:0 auto;max-width:800px;padding:3rem 2rem}.voting-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:1.5rem;width:100%}.voting-title{color:#000;font-size:1.1rem;font-weight:700;line-height:1.3;margin:0 0 1rem;text-align:left}.voting-subtitle{align-items:center;color:#9e9e9e;display:flex;font-size:.85rem;gap:.5rem;margin-bottom:1.5rem}.voting-icon{font-size:1rem}.voting-options{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.voting-option{background:#fff;border:1px solid #e5e5e5;border-radius:8px;cursor:pointer;padding:.75rem 1rem;transition:all .2s ease}.voting-option:hover{border-color:#b39ddb;box-shadow:0 2px 8px #b39ddb33;transform:translateY(-1px)}.voting-option.selected{background:#f3e5f5;border-color:#9c27b0;border-width:2px}.voting-option-content{align-items:center;display:flex;gap:1rem;position:relative}.voting-option-name{color:#000;flex-shrink:0;font-size:.9rem;font-weight:500;min-width:90px;text-align:left;white-space:nowrap;width:90px;z-index:1}.voting-progress-container{background:#f5f5f5;border-radius:4px;flex:1 1;height:6px;min-width:60px;overflow:hidden;position:relative}.voting-progress-bar{background:#b39ddb;border-radius:4px;height:100%;transition:width .3s ease}.voting-option.selected .voting-progress-bar{background:#9c27b0}.voting-thumbs-up{color:#9e9e9e;flex-shrink:0;font-size:.85rem;z-index:1}.voting-count{font-weight:500;min-width:1.25rem}.voting-count,.voting-percentage{color:#000;flex-shrink:0;font-size:.85rem;z-index:1}.voting-percentage{font-weight:700;min-width:2.5rem}.voting-footer{border-top:1px solid #e5e5e5;margin-top:1rem;padding-top:1rem;text-align:center}.voting-footer p{color:#9e9e9e;font-size:.75rem;line-height:1.4;margin:0}.back-to-menu-button{align-items:center;background:#0000;border:1px solid #164273;border-radius:6px;color:#164273;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.25rem;padding:.5rem 1rem;transition:all .2s ease}.back-to-menu-button:hover{background:#164273;color:#fff;transform:translateY(-1px)}.option.interactive{cursor:pointer;-webkit-user-select:none;user-select:none}.option.interactive:hover{background:#e3f2fd;border-color:#2196f3;transform:translateX(4px)}.option.selected{background:#e8f5e8;border-color:#4caf50;border-width:2px}.option.selected .option-label{color:#4caf50;font-weight:700}.option.correct{background:#f0f9ff;border-color:#e0f2fe;border-width:1px}.option.correct .option-label{color:#28a745;font-weight:600}.correct-indicator{color:#28a745}.correct-indicator,.incorrect-indicator{font-size:1rem;font-weight:600;margin-left:auto}.incorrect-indicator{color:#dc3545}.feedback-section{animation:fadeIn .2s ease-out;border-radius:6px;margin:1rem 0;padding:.75rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.correct-feedback{background:#f0f9ff;border:1px solid #e0f2fe;border-left:3px solid #28a745}.incorrect-feedback{background:#fef2f2;border:1px solid #fecaca;border-left:3px solid #dc3545}.feedback-message{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.feedback-icon{font-size:1rem}.feedback-text{font-size:.9rem;font-weight:500}.feedback-message.correct .feedback-text{color:#155724}.feedback-message.incorrect .feedback-text{color:#721c24}.correct-answer-feedback{background:#ffffff80;border-left:2px solid #28a745;border-radius:4px;margin-top:.5rem;padding:.5rem}.correct-answer-feedback strong{color:#155724;font-size:.85rem}.feedback-explanation{margin-top:.5rem;padding:.5rem;text-align:left}.feedback-explanation,.feedback-explanation strong{color:#164273;font-size:.8rem}.feedback-explanation{line-height:1.4}.option.incorrect{background:#fef2f2;border-color:#fecaca;border-width:1px}.option.incorrect .option-label{color:#dc3545;font-weight:600}@media (max-width:768px){.mode-selection{padding:2rem 1rem}.mode-buttons{gap:1.5rem;grid-template-columns:1fr}.mode-button{padding:1.5rem}.mode-icon{font-size:2.5rem}.mode-title{font-size:1.3rem}.mode-description{font-size:.9rem}.availability-notice{padding:.75rem 1rem}.availability-notice p{font-size:.85rem}}.reading-text-container{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:1rem 0;overflow-y:auto;padding:1.5rem}.reading-text{color:#333;font-size:1rem;line-height:1.6}.reading-paragraph{margin-bottom:1rem;text-align:justify}.reading-paragraph:last-child{margin-bottom:0}.reading-image-container{margin:1rem 0;text-align:center}.reading-image{border-radius:8px;box-shadow:0 2px 8px #0000001a;max-height:300px;max-width:100%;object-fit:contain}@media (max-width:768px){.reading-text-container{max-height:300px;padding:1rem}.reading-text{font-size:.9rem}.reading-image{max-height:200px}}
/*# sourceMappingURL=main.d4cf7081.css.map*/