.quiz-list{margin:0 auto;max-width:1200px;padding:20px}.quiz-list-header{border-bottom:2px solid #eee;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.left-header,.quiz-list-header{align-items:center;display:flex}.left-header{gap:14px}.header-actions{align-items:center;display:flex;gap:10px}.create-quiz-btn{background:#508a9f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:12px 20px;transition:background-color .2s}.create-quiz-btn:hover{background:#2c3e46}.list-info h2{color:#232d34;font-size:24px;margin-bottom:8px}.list-info-details{color:#5a6766;font-size:14px;margin:0}.back-btn{transition:background-color .2s}.no-quizzes{background:#f8f9fa;border-radius:12px;color:#5a6766;font-size:16px;padding:60px 20px}.create-first-quiz-btn{background:#508a9f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:12px 24px;transition:background-color .2s}.create-first-quiz-btn:hover{background:#2c3e46}.quiz-list-error,.quiz-list-loading{font-size:18px;padding:40px;text-align:center}.quiz-list-error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#2c3e46;margin:20px 0}.quiz-card{border:1px solid #ddd;box-shadow:0 2px 8px #0000001a;padding:24px;transition:transform .2s,box-shadow .2s}.quiz-card:hover{box-shadow:0 4px 16px #00000026}.quiz-author{align-items:center;border-bottom:1px solid #eee;display:flex;gap:8px;margin-bottom:16px;padding-bottom:12px}.author-avatar{border-radius:50%;height:32px;object-fit:cover;width:32px}.author-name{color:#5a6766;font-size:14px;font-weight:500}.quiz-card h3{color:#232d34;font-size:20px;margin:0 0 12px}.quiz-description{margin:0 0 16px}.quiz-metadata{margin:0 0 20px}.quiz-date,.quiz-visibility{color:#999;font-size:13px;margin:4px 0}.quiz-visibility{color:#508a9f}.quiz-actions{display:flex;gap:8px;margin-top:15px}.quiz-start-btn{background:#508a9f;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;padding:10px 16px;transition:background-color .2s}.quiz-start-btn:hover{background:#2c3e46}.quiz-start-btn:active{transform:translateY(1px)}.quiz-edit-btn{background:#5a6766;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 14px;transition:background-color .2s}.quiz-edit-btn:hover{background:#2c3e46}.quiz-edit-btn:active{transform:translateY(1px)}.quiz-tabs{display:flex;gap:10px;margin:10px 0 5px}.tab-btn{background:#f8f9fa;border:1px solid #ddd;border-radius:6px;color:#5a6766;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.tab-btn:hover{background:#e9ecef}.tab-btn.active{background:#508a9f;border-color:#508a9f;color:#fff}.tab-btn:disabled{background:#f8f9fa;border-color:#e9ecef;color:#ccc;cursor:not-allowed}.quiz-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.quiz-card-header h3{flex:1 1;margin:0}.favorite-btn{background:none;border:none;border-radius:4px;color:#ccc;cursor:pointer;font-size:24px;margin-left:10px;padding:4px;transition:all .2s}.favorite-btn:hover{transform:scale(1.1)}.favorite-btn.favorited{color:gold}.favorite-btn.favorited:hover{color:#ffed4a}.quiz-author{color:#5a6766;font-size:13px;margin:4px 0}.quiz-question{background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:30px}.choices-container{margin-top:20px}.choice-instruction{color:#5a6766;font-size:16px;font-weight:500;margin-bottom:20px}.choice{align-items:flex-start;gap:15px;padding:16px;transition:all .2s ease}.choice.selected{background:#f0f5f5}.choice-marker{flex-shrink:0;margin-top:2px}.radio{border:2px solid #ddd;border-radius:50%;height:20px;position:relative;transition:border-color .2s;width:20px}.radio.checked{border-color:#508a9f}.radio.checked:after{background:#508a9f;border-radius:50%;content:"";height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}.checkbox{align-items:center;border:2px solid #ddd;border-radius:4px;display:flex;height:20px;justify-content:center;transition:all .2s;width:20px}.checkbox.checked{background:#508a9f;border-color:#508a9f}.checkmark{color:#fff;font-size:14px;font-weight:700}.choice-content{gap:10px}.submit-section{border-top:1px solid #eee;margin-top:30px;padding-top:20px;text-align:center}.submit-btn{background:#508a9f;border:none;border-radius:25px;box-shadow:0 4px 12px #007bff4d;color:#fff;cursor:pointer;font-size:18px;font-weight:600;min-width:150px;padding:15px 40px;transition:all .3s ease}.submit-btn:hover:not(:disabled){background:#2c3e46;box-shadow:0 6px 16px #007bff66;transform:translateY(-2px)}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn.disabled,.submit-btn:disabled{background:#e9ecef;box-shadow:none;color:#5a6766;cursor:not-allowed;transform:none}.selection-hint{color:#5a6766;font-size:14px;font-style:italic;margin-top:15px}@media (max-width:768px){.quiz-question{padding:20px}.question-text{font-size:18px}.choice{padding:12px}.submit-btn{font-size:16px;min-width:130px;padding:12px 30px}}.question-result{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin:0 auto;max-width:800px;padding:20px}.result-header{border-bottom:2px solid #eee;margin-bottom:30px;padding-bottom:20px;text-align:center}.progress-info{color:#666;font-size:16px;font-weight:500;margin-bottom:15px}.result-status{border-radius:25px;font-size:18px;font-weight:700;padding:12px 24px;text-align:center}.result-status.correct{border:2px solid #c3e6cb}.result-status.incorrect{border:2px solid #f5c6cb}.question-content{margin-bottom:30px}.question-text{color:#333;font-size:20px;line-height:1.6;margin-bottom:20px}.question-image{border-radius:8px;height:auto;margin-bottom:20px;max-width:100%}.question-tags{gap:8px;margin-bottom:20px}.tag{border-radius:16px;padding:4px 12px}.choices-review{margin-bottom:30px}.choices-review h4{color:#333;font-size:18px;margin-bottom:20px}.choices{display:flex;flex-direction:column;gap:12px}.choice-result{align-items:center;border:2px solid;border-radius:8px;display:flex;gap:15px;padding:16px;transition:all .3s ease}.choice-result.correct-selected{background:#d4edda;border-color:#28a745}.choice-result.incorrect-selected{background:#f8d7da;border-color:#dc3545}.choice-result.correct-not-selected{background:#fff3cd;border-color:#ffc107}.choice-result.not-selected{background:#f8f9fa;border-color:#e9ecef}.choice-icon{font-size:20px;min-width:24px;text-align:center}.choice-content{display:flex;flex:1 1;flex-direction:column;gap:8px}.choice-text{color:#333;line-height:1.5}.choice-image{border-radius:6px;height:auto;max-width:200px}.choice-status-text{min-width:120px;text-align:right}.status-label{border-radius:12px;font-size:12px;font-weight:500;padding:4px 8px}.status-label.correct{background:#28a745;color:#fff}.status-label.incorrect{background:#dc3545;color:#fff}.status-label.missed{background:#ffc107;color:#212529}.explanation{margin-bottom:30px;padding:20px}.explanation-header{margin-bottom:15px}.explanation h4{color:#333;font-size:16px;margin:0}.explanation-toggle{background:none;border:none;border-radius:4px;color:#508a9f;cursor:pointer;font-size:14px;padding:5px 10px;transition:background-color .2s}.explanation-toggle:hover{background-color:#e9ecef}.explanation-content{overflow:hidden;transition:max-height .3s ease}.explanation-content.collapsed{max-height:120px;position:relative}.explanation-content.collapsed:after{background:linear-gradient(#0000,#f8f9fa);bottom:0;content:"";height:40px;left:0;pointer-events:none;position:absolute;right:0}.explanation p{color:#666;line-height:1.6;margin-bottom:15px;white-space:pre-wrap}.result-summary{background:#e9ecef;margin-bottom:30px}.summary-item{align-items:flex-start;display:flex;margin-bottom:10px}.summary-item:last-child{margin-bottom:0}.summary-label{color:#333;font-weight:600;margin-right:10px;min-width:120px}.summary-value{color:#666;flex:1 1;line-height:1.5}.result-navigation{text-align:center}.next-btn{background:#007bff;border:none;border-radius:25px;box-shadow:0 4px 12px #007bff4d;cursor:pointer;font-size:16px;font-weight:600;padding:15px 40px;transition:all .2s}.next-btn:hover{background:#0056b3;box-shadow:0 6px 16px #007bff66;transform:translateY(-2px)}.next-btn:active{transform:translateY(0)}@media (max-width:768px){.question-result{padding:15px}.result-header{text-align:center}.choice-result{align-items:flex-start;flex-direction:column;gap:10px}.choice-status-text{min-width:auto;text-align:left}.summary-item{flex-direction:column;gap:5px}.summary-label{margin-right:0;min-width:auto}}.quiz-results{margin:0 auto;max-width:800px;padding:20px}.results-header{margin-bottom:30px;text-align:center}.results-header h2{color:#232d34;margin-bottom:20px}.score-display{background:#fff;border:3px solid #ddd;border-radius:16px;box-shadow:0 4px 12px #0000001a;margin-bottom:20px;padding:30px}.score-emoji{font-size:48px;margin-bottom:15px}.score-text{display:flex;flex-direction:column;gap:5px;margin-bottom:15px}.score-fraction{color:#232d34;font-size:32px;font-weight:700}.score-percentage{color:#5a6766;font-size:18px}.score-message{font-size:20px;font-weight:600}.quiz-info{background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 2px 8px #0000001a}.quiz-info h3{color:#232d34;margin-bottom:10px}.quiz-info p{color:#5a6766}.results-details{margin-bottom:30px}.results-details h4{color:#232d34;font-size:20px;margin-bottom:20px}.result-item{background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:20px}.result-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.question-number{color:#232d34;font-weight:600}.result-status{border-radius:16px;font-size:14px;font-weight:500;padding:4px 12px}.result-status.correct{background:#d4edda;color:#155724}.result-status.incorrect{background:#f8d7da;color:#721c24}.result-question{margin-bottom:20px}.question-text{font-size:16px;line-height:1.5;margin-bottom:10px}.question-tags{display:flex;flex-wrap:wrap;gap:6px}.tag{background:#e9ecef;border-radius:12px;color:#495057;font-weight:500;padding:2px 8px}.result-answers{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.answer-section h5{color:#232d34;font-size:14px;margin-bottom:10px}.correct-choices,.user-choices{display:flex;flex-wrap:wrap;gap:8px}.choice-tag{border-radius:16px;font-size:14px;font-weight:500;padding:6px 12px}.choice-tag.correct{background:#d4edda;color:#155724}.choice-tag.incorrect{background:#f8d7da;color:#721c24}.explanation{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:15px}.explanation-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:15px;transition:background-color .2s}.explanation-header:hover{background:#e9ecef}.explanation-header h5{color:#232d34;font-size:14px;margin:0}.explanation-toggle{color:#5a6766;font-size:12px;font-weight:700;transition:transform .2s}.explanation-content{border-top:1px solid #e9ecef;padding:0 15px 15px}.explanation-content p{color:#5a6766;line-height:1.5;margin-bottom:10px}.explanation-image{border-radius:6px;height:auto;max-width:100%}.results-actions{display:flex;gap:15px;justify-content:center;margin-top:30px}.action-btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;min-width:150px;padding:12px 24px;transition:all .2s}.restart-btn{background:#508a9f;color:#fff}.restart-btn:hover{background:#2c3e46}@media (max-width:768px){.result-answers{gap:15px;grid-template-columns:1fr}.results-actions{align-items:center;flex-direction:column}.action-btn{max-width:300px;width:100%}}.quiz-container{margin:0 auto;max-width:800px;padding:0}.quiz-error,.quiz-loading{font-size:18px;padding:40px;text-align:center}.quiz-error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#2c3e46;margin:20px 0}.quiz-header{margin-bottom:30px}.quiz-header h1{margin-bottom:15px}.back-to-list-btn{background:#5a6766;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;margin-bottom:20px;padding:8px 16px;transition:all .2s;white-space:nowrap}.back-to-list-btn:hover{background:#2c3e46}.quiz-progress{align-items:center;display:flex;flex-direction:column;gap:10px}.progress-bar{max-width:400px}.quiz-navigation{border-top:1px solid #eee;display:flex;justify-content:space-between;margin-top:30px;padding-top:20px}.nav-btn{border-radius:8px;min-width:120px;transition:all .2s}.nav-btn:disabled{color:#5a6766}.back-btn{background:#5a6766;border-radius:8px;font-size:16px;margin-top:20px;padding:12px 24px}.back-btn:hover{background:#2c3e46}.question-form{margin:0 auto;max-width:800px;padding:20px}.question-form-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.question-form-header h2{color:#232d34;margin:0}.question-details-form{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:30px}.form-group{margin-bottom:25px}.choices-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.choices-header label{margin:0}.add-choice-btn{background-color:#508a9f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s ease}.add-choice-btn:hover:not(:disabled){background-color:#2c3e46}.add-choice-btn:disabled{background-color:#ccc;cursor:not-allowed}.choices-list{display:flex;flex-direction:column;gap:15px}.choice-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:15px}.choice-header{align-items:center;display:flex;gap:10px;margin-bottom:10px}.choice-label{color:#495057;font-weight:700;min-width:25px}.choice-header input[type=checkbox],.choice-header input[type=radio]{margin:0;width:auto}.choice-header label{color:#5a6766;font-size:14px;margin:0}.remove-choice-btn{background-color:#2c3e46;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;margin-left:auto;padding:4px 8px;transition:background-color .3s ease}.remove-choice-btn:hover{background-color:#232d34}.choice-item input[type=text]{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:8px;width:100%}.tag-input-container{display:flex;gap:10px;margin-bottom:10px}.tag-input-container input{flex:1 1}.add-tag-btn{background-color:#5a6766;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:12px 16px;transition:background-color .3s ease}.add-tag-btn:hover{background-color:#2c3e46}.tags-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.tag{background-color:#508a9f;border-radius:20px;font-size:12px;gap:5px;padding:4px 8px}.remove-tag-btn,.tag{align-items:center;color:#fff;display:flex}.remove-tag-btn{background:none;border:none;border-radius:50%;cursor:pointer;font-size:16px;height:16px;justify-content:center;line-height:1;padding:0;transition:background-color .3s ease;width:16px}.remove-tag-btn:hover{background-color:#fff3}.save-btn:hover{background-color:#2c3e46}@media (max-width:768px){.question-form{padding:10px}.question-form-header{flex-direction:column;gap:15px;text-align:center}.question-details-form{padding:20px}.choices-header{align-items:flex-start;flex-direction:column;gap:10px}.choice-header{flex-wrap:wrap;gap:8px}.form-actions,.tag-input-container{flex-direction:column}.form-actions{gap:10px}}.question-import{margin:0 auto;max-width:900px;padding:20px}.question-import-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.question-import-header h2{color:#333;margin:0}.import-content{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:30px}.import-method-selector{background:#f8f9fa;border-radius:8px;display:flex;gap:20px;margin-bottom:20px;padding:15px}.import-method-selector label{align-items:center;cursor:pointer;display:flex;font-weight:500;gap:8px}.import-method-selector input[type=radio]{margin:0}.file-upload-section{border:2px dashed #ddd;border-radius:8px;margin-bottom:20px;padding:15px;text-align:center}.file-input{margin-bottom:10px}.file-info{color:#666;font-size:14px;margin-top:10px}.json-input-section{margin-bottom:20px}.json-input-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.json-input-header label{color:#555;font-weight:500}.json-input-buttons{display:flex;gap:10px}.sample-btn{background-color:#17a2b8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s ease}.sample-btn:hover{background-color:#138496}.ai-generation-btn{background-color:#6f42c1;padding:8px 16px}.ai-generation-btn:hover:not(:disabled){background-color:#5a32a3}.ai-response-section{background:#f8f9fa;border:1px solid #e0e0e0;margin:20px 0}.ai-response-header h3{color:#333}.close-response-btn{border-radius:4px;color:#666}.close-response-btn:hover{background-color:#e0e0e0}.ai-response-content pre,.json-textarea{font-family:Consolas,Monaco,Courier New,monospace;line-height:1.4}.json-textarea{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;min-height:300px;padding:15px;resize:vertical;width:100%}.json-textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.validation-error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;margin-bottom:20px;padding:15px}.validation-error pre{font-family:inherit;font-size:14px;margin:0;white-space:pre-wrap}.import-instructions{background:#f8f9fa;border-radius:8px;margin-bottom:30px;padding:20px}.import-instructions h3{color:#333;margin-bottom:15px;margin-top:0}.format-description{color:#666;line-height:1.6}.format-description ul{margin:10px 0;padding-left:20px}.format-description li{margin-bottom:5px}.format-description strong{color:#333}.import-actions{border-top:1px solid #e0e0e0;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.import-btn{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .3s ease}.import-btn:hover:not(:disabled){background-color:#218838}.import-btn:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width:768px){.question-import{padding:10px}.question-import-header{flex-direction:column;gap:15px;text-align:center}.import-content{padding:20px}.import-method-selector,.json-input-header{flex-direction:column;gap:10px}.json-input-header{align-items:flex-start}.import-actions{flex-direction:column;gap:10px}}.ai-quiz-generator{margin:0 auto;max-width:900px;padding:20px}.ai-quiz-generator-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.ai-quiz-generator-header h2{align-items:center;color:#333;display:flex;gap:10px;margin:0}.ai-generator-content{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:30px}.input-section{margin-bottom:30px;min-height:200px}.combined-input-section{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.combined-input-section h3{color:#333;margin-bottom:10px;margin-top:0}.combined-input-section p{color:#666;line-height:1.5;margin-bottom:15px}.text-input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-family:inherit;font-size:14px;line-height:1.5;padding:15px;resize:vertical;width:100%}.text-input:focus{border-color:#6f42c1;box-shadow:0 0 0 2px #6f42c140;outline:none}.image-input{display:none}.image-upload-label{background-color:#6f42c1;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;padding:12px 24px;transition:background-color .3s ease}.image-upload-label:hover{background-color:#5a32a3}.image-preview{background:#fff;border:1px solid #ddd;border-radius:4px;margin-top:20px;padding:15px}.image-preview img{border-radius:4px;margin-bottom:10px;max-height:300px;max-width:100%}.image-info{color:#666;font-size:14px}.image-info p{margin:5px 0}.generation-options{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:30px;padding:20px}.generation-options h3{color:#333;margin-bottom:20px;margin-top:0}.options-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.option-group{display:flex;flex-direction:column;gap:8px}.option-group label{color:#555;font-size:14px;font-weight:500}.option-group select{background:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px}.option-group select:focus{border-color:#6f42c1;box-shadow:0 0 0 2px #6f42c140;outline:none}.generation-actions{border-top:1px solid #e0e0e0;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.generate-btn{align-items:center;background-color:#6f42c1;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;gap:8px;padding:12px 24px;transition:background-color .3s ease}.generate-btn:hover:not(:disabled){background-color:#5a32a3}.generate-btn:disabled{background-color:#ccc;cursor:not-allowed}.combined-input-section .image-section,.combined-input-section .text-section{background:#fff;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:25px;padding:15px}.combined-input-section .image-section:last-child,.combined-input-section .text-section:last-child{margin-bottom:15px}.combined-input-section h4{color:#333;font-size:16px;font-weight:600;margin-bottom:12px;margin-top:0}.combined-note{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:4px;margin-top:15px;padding:10px}.combined-note small{color:#1976d2;font-weight:500}.clear-image-btn{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;margin-left:10px;padding:8px 12px;transition:background-color .3s ease}.clear-image-btn:hover{background-color:#c82333}.image-upload-area{align-items:center;display:flex;gap:10px;margin-bottom:20px}@media (max-width:768px){.ai-quiz-generator{padding:10px}.ai-quiz-generator-header{flex-direction:column;gap:15px;text-align:center}.ai-generator-content{padding:20px}.options-grid{gap:15px;grid-template-columns:1fr}.generation-actions{flex-direction:column;gap:10px}.cancel-btn,.generate-btn{justify-content:center;width:100%}.image-upload-area{align-items:stretch;flex-direction:column;gap:10px}.clear-image-btn{margin-left:0;margin-top:10px}}.quiz-form{margin:0 auto;max-width:800px;padding:20px}.quiz-form-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.quiz-form-header h2{color:#232d34;margin:0}.import-question-btn{background-color:#2c3e46}.import-question-btn:hover{background-color:#232d34}@media (max-width:768px){.quiz-form{padding:10px}.quiz-form-header{flex-direction:column;gap:15px;text-align:center}.quiz-details-form{padding:20px}.questions-header{flex-direction:column;gap:15px;text-align:center}.question-actions{flex-direction:column;gap:5px}.form-actions{flex-direction:column;gap:10px}}.edit-quiz-form{margin:0 auto;max-width:800px;padding:20px}.edit-quiz-form-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.edit-quiz-form-header h2{color:#232d34;margin:0}.loading{padding:60px;text-align:center}.quiz-details-form{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:30px}.form-group{margin-bottom:20px}.form-group label{color:#5a6766;display:block;font-weight:500;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:16px;padding:12px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#508a9f;box-shadow:0 0 0 2px #007bff40;outline:none}.form-group textarea{min-height:80px;resize:vertical}.form-group input[type=checkbox]{margin-right:8px;width:auto}.questions-section{border-top:1px solid #e0e0e0;margin-top:30px;padding-top:20px}.questions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.questions-header h3{color:#232d34;margin:0}.add-question-btn{background-color:#508a9f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .3s ease}.add-question-btn:hover{background-color:#2c3e46}.import-question-btn{background-color:#508a9f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .3s ease}.import-question-btn:hover{background-color:#2c3e46}.ai-generation-btn{background-color:#ff6b35;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-left:0;padding:10px 20px;transition:background-color .3s ease}.ai-generation-btn:hover:not(:disabled){background-color:#e55825}.ai-generation-btn:disabled{background-color:#ccc;cursor:not-allowed}.ai-response-section{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:20px;padding:20px}.ai-response-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.ai-response-header h3{color:#232d34;margin:0}.close-response-btn{align-items:center;background:none;border:none;border-radius:50%;color:#5a6766;cursor:pointer;display:flex;font-size:18px;height:30px;justify-content:center;padding:5px;transition:background-color .3s ease;width:30px}.close-response-btn:hover{background-color:#e9ecef}.ai-response-content{background:#fff;border:1px solid #ddd;border-radius:4px;max-height:300px;overflow-y:auto;padding:15px}.ai-response-content pre{color:#232d34;font-family:Courier New,monospace;font-size:14px;margin:0;white-space:pre-wrap;word-break:break-word}.no-questions{background-color:#f8f9fa;border-radius:8px;color:#5a6766;padding:40px;text-align:center}.no-questions p{margin:10px 0}.questions-list{display:flex;flex-direction:column;gap:15px}.question-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:15px}.question-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.question-number{color:#495057;font-weight:700}.question-actions{display:flex;gap:10px}.delete-btn,.edit-btn{font-size:12px;padding:5px 12px}.delete-btn{background-color:#2c3e46;border:none;border-radius:4px;color:#fff;cursor:pointer;transition:background-color .3s ease}.delete-btn:hover{background-color:#232d34}.question-preview{background:#fff;margin-top:10px}.question-preview p{color:#5a6766;margin:5px 0}.question-preview strong{color:#232d34}.form-actions{border-top:1px solid #e0e0e0;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.cancel-btn:hover{background-color:#2c3e46}.delete-quiz-btn,.save-btn{font-size:16px;padding:12px 24px}.delete-quiz-btn{background-color:#2c3e46;border:none;border-radius:4px;color:#fff;cursor:pointer;transition:background-color .3s ease}.delete-quiz-btn:hover{background-color:#232d34}.delete-confirm-modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-width:400px;padding:30px;width:90%}.modal-content h3{color:#232d34;margin-bottom:20px;margin-top:0}.modal-content p{color:#5a6766;line-height:1.5;margin-bottom:15px}.modal-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:20px}.modal-actions .delete-btn{background-color:#2c3e46;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .3s ease}.modal-actions .delete-btn:hover{background-color:#232d34}.pagination{align-items:center;border-top:1px solid #e0e0e0;display:flex;gap:10px;justify-content:center;margin:20px 0;padding:20px 0}.pagination-btn{background-color:#5a6766;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s ease}.pagination-btn:hover:not(:disabled){background-color:#2c3e46}.pagination-btn:disabled{background-color:#e9ecef;color:#6c757d;cursor:not-allowed}.pagination-pages{display:flex;gap:5px}.pagination-page{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;color:#5a6766;cursor:pointer;font-size:14px;min-width:40px;padding:8px 12px;transition:all .3s ease}.pagination-page:hover{background-color:#e9ecef;border-color:#5a6766}.pagination-page.active{background-color:#508a9f;border-color:#508a9f;color:#fff}.pagination-info{margin-top:10px;text-align:center}.pagination-info p{color:#5a6766;font-size:14px;margin:0}.pagination-center{align-items:center;display:flex;flex-direction:column;gap:10px}.page-input-form{align-items:center;display:flex;gap:8px}.page-input-form .page-input{border:2px solid #e9ecef;border-radius:4px;font-size:14px;padding:6px 10px;text-align:center;width:80px}.page-input-form .page-input:focus{border-color:#508a9f;box-shadow:0 0 0 2px #508a9f40;outline:none}.page-go-btn{background-color:#508a9f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;transition:background-color .3s ease}.page-go-btn:hover{background-color:#2c3e46}.share-url-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:10px;padding:15px}.share-url-info label{color:#495057;display:block;font-weight:700;margin-bottom:8px}.share-url-container{align-items:center;display:flex;gap:10px;margin-bottom:8px}.share-url-input{background:#fff;border:1px solid #ced4da;border-radius:4px;color:#495057;flex:1 1;font-family:monospace;font-size:14px;padding:8px 12px}.copy-url-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;white-space:nowrap}.copy-url-btn:hover{background:#0056b3}.share-url-note{color:#6c757d;font-size:12px;font-style:italic;margin:0}@media (max-width:768px){.edit-quiz-form{padding:10px}.edit-quiz-form-header{flex-direction:column;gap:15px;text-align:center}.quiz-details-form{padding:20px}.questions-header{flex-direction:column;gap:15px;text-align:center}.question-actions{flex-direction:column;gap:5px}.form-actions{flex-direction:column;gap:10px}.pagination{flex-direction:column;gap:15px}.pagination-pages{flex-wrap:wrap;justify-content:center}.share-url-container{align-items:stretch;flex-direction:column}.copy-url-btn{width:100%}}.quiz-stats{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin:15px 0;padding:15px}.quiz-stats h4{color:#495057;font-size:1.05em;font-weight:600;margin:0 0 12px}.quiz-stats.loading{color:#6c757d;padding:25px;text-align:center}.unified-bar{background:#fff;border:1px solid #e9ecef;border-radius:6px;padding:12px}.bar-track{background:#e9ecef;border-radius:6px;display:flex;height:12px;margin-bottom:10px;overflow:hidden}.bar-segment{height:100%;transition:width .3s ease}.bar-segment.unanswered{background:#6c757d}.bar-segment.correct{background:#28a745}.bar-segment.incorrect{background:#dc3545}.bar-legend{display:flex;flex-direction:column;gap:6px}.legend-item{align-items:center;color:#495057;display:flex;font-size:.85em;gap:8px}.legend-color{border-radius:3px;flex-shrink:0;height:12px;width:12px}.legend-color.unanswered{background:#6c757d}.legend-color.correct{background:#28a745}.legend-color.incorrect{background:#dc3545}.stats-summary{background:#fff;border:1px solid #e9ecef;border-radius:6px;color:#495057;font-size:.9em;font-weight:500;margin-top:12px;padding:10px;text-align:center}@media (max-width:768px){.quiz-stats{margin:12px 0;padding:12px}.stat-info{align-items:flex-start;flex-direction:column;gap:3px}.stat-label{font-size:.85em}.stat-value{font-size:.8em}}.quiz-settings{margin:0 auto;max-width:600px;padding:20px}.quiz-settings-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.quiz-settings-header h2{color:#333;margin:0}.close-btn{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s ease}.close-btn:hover{background-color:#5a6268}.quiz-info{background:#f8f9fa;border-radius:8px;margin-bottom:30px;padding:20px}.favorite-actions{margin:-10px 0 20px}.favorite-add-btn{align-items:center;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #00000014;color:#2c3e50;cursor:pointer;display:inline-flex;font-size:16px;font-weight:700;gap:8px;justify-content:center;overflow:visible;padding:12px 20px;position:relative;transition:transform .1s ease;width:100%}.favorite-add-btn,.favorite-add-btn:hover{background-color:#fff}.favorite-add-btn:active{transform:translateY(1px)}.favorite-add-btn.favorited{background-color:#fff}.favorite-add-btn:disabled{cursor:not-allowed;opacity:.7}.favorite-add-btn .star{color:#c5c5c5;font-size:20px;transition:color .18s ease,transform .3s cubic-bezier(.2,.7,.3,1.2);will-change:transform}.favorite-add-btn.favorited .star{animation:star-pop .36s ease;color:gold}.favorite-add-btn.favorited:after{animation:ring .52s ease-out;border:2px solid #ffd700b3;border-radius:10px;content:"";inset:-4px;opacity:0;pointer-events:none;position:absolute}.favorite-add-btn .star{position:relative}.favorite-add-btn.favorited .star:after{animation:sparkle .52s ease-out;color:gold;content:"✦";font-size:12px;opacity:0;position:absolute;right:-12px;top:-8px;transform:scale(.4) rotate(0deg)}@keyframes star-pop{0%{transform:scale(.85)}55%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes ring{0%{opacity:.45;transform:scale(.95)}to{opacity:0;transform:scale(1.15)}}@keyframes sparkle{0%{opacity:0;transform:scale(.4) rotate(0deg)}50%{opacity:1;transform:scale(1) rotate(18deg)}to{opacity:0;transform:scale(.7) rotate(36deg)}}.quiz-info h3{color:#333;margin:0 0 10px}.quiz-info p{color:#666;line-height:1.5;margin:0 0 15px}.quiz-meta{color:#888;font-size:14px;gap:20px}.settings-form{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:30px}.setting-group{margin-bottom:30px}.setting-group label{color:#333;display:block;font-size:16px;font-weight:600;margin-bottom:10px}.order-selector,.question-count-selector{display:flex;flex-direction:column;gap:5px}.radio-option{align-items:center;border:2px solid #e9ecef;border-radius:6px;cursor:pointer;display:flex;font-weight:400;gap:5px;justify-content:center;margin-bottom:0;padding:12px;transition:all .3s ease}.radio-option:hover:not(.disabled){background-color:#f8f9ff;border-color:#007bff}.radio-option input[type=radio]{align-self:center;height:18px;margin:0 5px;width:18px}.radio-option input[type=radio]:checked+span{color:#007bff;font-weight:600}.radio-option.disabled{cursor:not-allowed;opacity:.6}.radio-option span.disabled{color:#999}.setting-note{color:#666;font-size:14px;line-height:1.4;margin-top:10px}.settings-summary{background:#e7f3ff;border-radius:8px;margin-bottom:30px;padding:20px}.settings-summary h4{color:#06c;margin:0 0 15px}.settings-summary ul{color:#333;margin:0;padding-left:20px}.settings-summary li{line-height:1.4;margin-bottom:8px}.settings-actions{border-top:1px solid #e0e0e0;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.cancel-btn{background-color:#6c757d;font-size:16px;padding:12px 24px}.cancel-btn:hover{background-color:#5a6268}.start-btn{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .3s ease}.start-btn:hover{background-color:#218838}.start-question-selector{align-items:center;display:flex;gap:10px;margin-top:15px}.start-question-selector label{font-size:14px;font-weight:400;margin-bottom:0}.start-question-selector input[type=number]{border:2px solid #e9ecef;border-radius:4px;font-size:14px;padding:8px 12px;text-align:center;width:80px}.start-question-selector input[type=number]:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}@media (max-width:768px){.quiz-settings{padding:10px}.quiz-settings-header{flex-direction:column;gap:15px;text-align:center}.settings-form{padding:20px}.order-selector,.question-count-selector{gap:8px}.radio-option{padding:10px}.settings-actions{flex-direction:column;gap:10px}.start-question-selector{align-items:flex-start;flex-direction:column;gap:8px}}.public-access-notice{background:linear-gradient(135deg,#ffecd2,#fcb69f);border:2px solid #f39c12;border-radius:8px}.logged-in-shared-notice,.public-access-notice{box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:20px}.logged-in-shared-notice{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:2px solid #28a745;border-radius:8px}.logged-in-shared-notice .notice-content h4{color:#155724;font-size:16px;font-weight:700;margin:0 0 15px}.logged-in-shared-notice .notice-content p{color:#155724;line-height:1.5;margin:0 0 10px}.notice-content h4{color:#e67e22;font-size:16px;font-weight:700;margin:0 0 15px}.notice-content p{color:#8b4513;line-height:1.5;margin:0 0 10px}.login-buttons{display:flex;gap:10px;margin-top:15px}.login-btn,.signup-btn{border-radius:4px;font-size:14px;font-weight:700;transition:all .3s ease}.login-btn{background-color:#007bff;color:#fff}.login-btn:hover{background-color:#0056b3}.signup-btn{background-color:#28a745}.signup-btn:hover{background-color:#1e7e34}@media (max-width:768px){.login-buttons{flex-direction:column}.login-btn,.signup-btn{width:100%}}.my-page{margin:0 auto;max-width:800px;padding:20px}.my-page-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.my-page-header h2{color:#232d34;margin:0}.back-btn{background-color:#5a6766;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .3s ease}.back-btn:hover{background-color:#2c3e46}.my-page-content{display:flex;flex-direction:column;gap:30px}.account-section,.jwt-test-section,.logout-section,.profile-section,.quiz-gen-test-section,.shared-quiz-attempts-section{width:100%}.account-card,.jwt-test-card,.logout-card,.profile-card,.quiz-gen-test-card,.shared-quiz-attempts-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:30px}.account-card h3,.jwt-test-card h3,.logout-card h3,.profile-card h3,.quiz-gen-test-card h3{border-bottom:1px solid #e0e0e0;color:#232d34;font-size:18px;margin:0 0 20px;padding-bottom:10px}.profile-item{margin-bottom:20px}.profile-item label{color:#5a6766;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.profile-value{background-color:#f8f9fa;border-radius:4px;color:#232d34;font-size:16px;padding:12px}.user-id{color:#6c757d;font-family:monospace;font-size:12px;word-break:break-all}.display-name-view{align-items:center;display:flex;gap:15px}.display-name-view .profile-value{flex:1 1;margin:0}.edit-btn{background-color:#508a9f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s ease}.edit-btn:hover{background-color:#2c3e46}.edit-display-name{display:flex;flex-direction:column;gap:10px}.edit-display-name input{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:12px;transition:border-color .3s ease}.edit-display-name input:focus{border-color:#508a9f;box-shadow:0 0 0 2px #007bff40;outline:none}.edit-actions{display:flex;gap:10px}.save-btn{background-color:#508a9f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s ease}.save-btn:hover:not(:disabled){background-color:#2c3e46}.save-btn:disabled{background-color:#ccc;cursor:not-allowed}.cancel-btn{background-color:#5a6766;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s ease}.cancel-btn:hover:not(:disabled){background-color:#2c3e46}.cancel-btn:disabled{background-color:#ccc;cursor:not-allowed}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.stat-item{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;text-align:center}.stat-label{color:#5a6766;font-size:14px;margin-bottom:10px}.stat-value{color:#232d34;font-size:24px;font-weight:700}@media (max-width:768px){.my-page{padding:10px}.my-page-header{flex-direction:column;gap:15px;text-align:center}.account-card,.logout-card,.profile-card{padding:20px}.display-name-view{align-items:stretch;gap:10px}.display-name-view,.edit-actions{flex-direction:column}.stats-grid{grid-template-columns:1fr}}.jwt-test-card p{color:#5a6766;font-size:14px;margin-bottom:20px}.jwt-test-btn{background-color:#508a9f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-bottom:20px;padding:12px 24px;transition:background-color .3s ease}.jwt-test-btn:hover:not(:disabled){background-color:#2c3e46}.jwt-test-btn:disabled{background-color:#ccc;cursor:not-allowed}.jwt-test-result{border:1px solid;border-radius:8px;margin-top:20px;padding:20px}.jwt-test-result.success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.jwt-test-result.error{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.jwt-test-result h4{font-size:16px;margin:0 0 15px}.result-content{display:flex;flex-direction:column;gap:10px}.result-item:last-child{border-bottom:none}.result-item strong{margin-right:10px}.current-user-info,.error-info,.token-info,.user-info{border-radius:4px;padding:15px}.current-user-info h5,.token-info h5,.user-info h5{font-size:14px;font-weight:700;margin:0 0 10px}.current-user-info{background-color:#0000ff1a;border-left:4px solid #508a9f}.quiz-gen-test-card p{color:#5a6766;font-size:14px;margin-bottom:20px}.quiz-gen-test-btn{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-bottom:20px;padding:12px 24px;transition:background-color .3s ease}.quiz-gen-test-btn:hover:not(:disabled){background-color:#218838}.quiz-gen-test-btn:disabled{background-color:#ccc;cursor:not-allowed}.quiz-gen-result{border:1px solid;border-radius:8px;margin-top:20px;padding:20px}.quiz-gen-result.success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.quiz-gen-result.error{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.quiz-gen-result h4{font-size:16px;margin:0 0 15px}.auth-user-info,.quiz-data-info{background-color:#ffffff4d;border-radius:4px;margin-top:15px;padding:15px}.auth-user-info{background-color:#28a7451a;border-left:4px solid #28a745}.quiz-data-info{background-color:#007bff1a;border-left:4px solid #007bff}.auth-user-info h5,.quiz-data-info h5{font-size:14px;font-weight:700;margin:0 0 10px}.question-preview{background-color:#0000000d;border-left:3px solid #007bff;border-radius:4px;margin:15px 0;padding:15px}.question-preview h6{color:#007bff;font-size:14px;font-weight:700;margin:0 0 10px}.logout-btn{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;max-width:200px;padding:12px 24px;transition:background-color .3s ease;width:100%}.logout-btn:hover{background-color:#c82333}.logout-btn:active{transform:translateY(1px)}.shared-quiz-attempts-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:30px}.shared-quiz-attempts-card h3{color:#232d34;font-size:20px;margin:0 0 15px}.shared-quiz-attempts-card p{color:#666;line-height:1.5;margin:0 0 20px}.show-attempts-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:20px;padding:12px 24px;transition:background-color .3s ease}.show-attempts-btn:hover:not(:disabled){background-color:#0056b3}.show-attempts-btn:disabled{background-color:#6c757d;cursor:not-allowed}.attempts-list{margin-top:20px}.no-attempts{color:#666;padding:40px 20px;text-align:center}.no-attempts p{font-size:16px;margin-bottom:20px}.go-to-public-btn{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:background-color .3s ease}.go-to-public-btn:hover{background-color:#218838}.attempts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.attempt-card{background:#fafafa;border:1px solid #ddd;border-radius:8px;padding:20px;transition:box-shadow .3s ease,transform .2s ease}.attempt-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.attempt-header{align-items:flex-start;display:flex;gap:15px;justify-content:space-between;margin-bottom:15px}.quiz-title{color:#232d34;flex:1 1;font-size:18px;font-weight:600;line-height:1.3;margin:0}.attempt-date{background:#e9ecef;border-radius:4px;color:#666;font-size:12px;padding:4px 8px;white-space:nowrap}.attempt-details{margin-bottom:15px}.score-info{align-items:center;display:flex;gap:10px;margin-bottom:10px}.score{color:#232d34;font-size:16px;font-weight:600}.percentage{color:#28a745;font-size:14px}.quiz-description{color:#666;font-size:14px;line-height:1.4;margin-bottom:10px}.attempt-meta{color:#888;font-size:12px}.quiz-author{background:#e9ecef;border-radius:3px;padding:2px 6px}.attempt-actions{display:flex;gap:10px}.retry-quiz-btn{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:background-color .3s ease}.retry-quiz-btn:hover{background-color:#545b62}@media (max-width:768px){.attempts-grid{grid-template-columns:1fr}.attempt-header{align-items:flex-start;flex-direction:column;gap:10px}.attempt-date{align-self:flex-end}.score-info{align-items:flex-start;flex-direction:column;gap:5px}}.hamburger-menu{position:relative}.hamburger-button{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:inline-flex;flex-direction:column;gap:4px;height:36px;justify-content:center;transition:opacity .15s ease;width:36px}.hamburger-button:hover{opacity:.85}.hamburger-button span{background:#2c3e46;display:block;height:2px;transition:transform .2s ease,opacity .2s ease;width:18px}.hamburger-button.open span:first-child{transform:translateY(6px) rotate(45deg)}.hamburger-button.open span:nth-child(2){opacity:0}.hamburger-button.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.sidebar-overlay{background:#00000014;inset:0;position:fixed;z-index:1200}.sidebar{background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;height:100vh;left:0;padding:8px;position:fixed;top:0;transform:translateX(-100%);transition:transform .2s ease;width:220px;z-index:1300}.sidebar.open{transform:translateX(0)}.sidebar-header{display:none}.menu-section{display:flex;flex-direction:column}.menu-item{background:#0000;border:none;color:#2c3e46;cursor:pointer;display:block;font-size:14px;padding:10px 8px;text-align:left;width:100%}.menu-item:hover:not(:disabled){background:#f7f9fa}.menu-item:disabled{color:#aaa;cursor:not-allowed}.menu-item.active{background:#e6f2f6}.menu-item.strong{font-weight:600}.menu-item.danger{color:#b00020}.menu-divider{background:#eee;height:1px;margin:8px 0}.shared-quiz-container{background:#f8f9fa;margin:0 auto;max-width:800px;min-height:100vh;padding:20px}.error-message,.loading{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:60px 20px;text-align:center}.loading{color:#5a6766;font-size:18px}.error-message h2{color:#dc3545;margin-bottom:20px}.error-message p{color:#5a6766;font-size:16px;margin-bottom:30px}.back-home-btn{background:#508a9f;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;padding:12px 24px;text-decoration:none}.back-home-btn:hover{background:#2c3e46}.quiz-header{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;padding:30px;text-align:center}.quiz-header h1{color:#232d34;font-size:28px;margin:0 0 15px}.quiz-description{color:#5a6766;font-size:16px;margin-bottom:20px}.progress-bar{background:#e9ecef;border-radius:4px;height:8px;margin-bottom:15px;overflow:hidden;width:100%}.progress-fill{background:#508a9f;height:100%;transition:width .3s ease}.question-counter{color:#5a6766;font-size:14px;font-weight:500}.question-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:30px}.question-text{color:#232d34;font-size:22px;line-height:1.4;margin-bottom:15px}.question-type-info{background:#f8f9fa;border-left:4px solid #508a9f;border-radius:4px;color:#5a6766;font-size:14px;margin-bottom:25px;padding:10px}.choices-container{margin-bottom:30px}.choice{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;display:flex;margin-bottom:10px;padding:15px;transition:all .3s ease}.choice:hover{background:#f8f9fa;border-color:#508a9f}.choice.selected{background:#e7f3ff;border-color:#508a9f}.choice-indicator{color:#508a9f;font-size:18px;margin-right:15px;min-width:25px}.choice-text{color:#232d34;flex:1 1;font-size:16px;line-height:1.4}.navigation-buttons{display:flex;gap:15px;justify-content:space-between}.nav-btn{border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .3s ease}.prev-btn{background:#5a6766;color:#fff}.prev-btn:hover:not(:disabled){background:#2c3e46}.next-btn{background:#508a9f;color:#fff}.next-btn:hover:not(:disabled){background:#2c3e46}.nav-btn:disabled{background:#e9ecef;color:#6c757d;cursor:not-allowed}.quiz-results{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:30px}.quiz-results h2{color:#232d34;font-size:28px;margin-bottom:30px;text-align:center}.result-summary{background:#f8f9fa;border-radius:8px;margin-bottom:40px;padding:20px;text-align:center}.score-display{color:#508a9f;font-size:48px;font-weight:700;margin-bottom:10px}.score-display .total{color:#5a6766}.percentage{color:#232d34;font-size:24px;font-weight:500}.result-details{margin-bottom:30px}.result-indicator{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:30px;justify-content:center;margin-right:15px;width:30px}.result-indicator.correct{background:#28a745;color:#fff}.result-indicator.incorrect{background:#dc3545;color:#fff}.result-content{flex:1 1}.result-content h4{color:#232d34;font-size:16px;margin:0 0 15px}.choices-review{display:flex;flex-direction:column;gap:5px}.choice-review{border:1px solid #e9ecef;border-radius:4px;font-size:14px;padding:8px 12px}.choice-review.correct-answer{background:#d4edda;border-color:#28a745;color:#155724}.choice-review.user-selected{background:#fff3cd;border-color:#ffc107;color:#856404}.choice-review.correct-answer.user-selected{background:#d1ecf1;border-color:#17a2b8;color:#0c5460}.result-actions{display:flex;gap:15px;justify-content:center;margin-top:30px}.retry-btn{background:#508a9f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px}.retry-btn:hover{background:#2c3e46}@media (max-width:768px){.shared-quiz-container{padding:10px}.question-container,.quiz-header,.quiz-results{padding:20px}.quiz-header h1{font-size:24px}.question-text{font-size:18px}.navigation-buttons{flex-direction:column}.nav-btn{width:100%}.result-actions{flex-direction:column}.back-home-btn,.retry-btn{width:100%}.result-item{flex-direction:column}.result-indicator{margin:0 auto 10px}}.public-quiz-list{margin:0 auto;max-width:1200px;padding:20px}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.header-content{text-align:left}.auth-buttons{gap:12px}.login-btn,.signup-btn{border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 20px;text-decoration:none;transition:all .2s ease}.login-btn{background-color:initial;border:2px solid #508a9f;color:#508a9f}.login-btn:hover,.signup-btn{background-color:#508a9f}.signup-btn{color:#fff}.signup-btn:hover{background-color:#2c3e46}.page-header h2{color:#333;font-size:2rem;margin-bottom:10px}.page-header p{color:#666;font-size:1.1rem}.loading-spinner{color:#666;padding:50px;text-align:center}.error-message{background-color:#ffebee;border:1px solid #ffcdd2;border-radius:8px;color:#d32f2f}.error-message,.no-quizzes{font-size:1.2rem;padding:50px;text-align:center}.no-quizzes{color:#666}.quiz-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.quiz-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.quiz-card:hover{box-shadow:0 4px 20px #00000026;transform:translateY(-2px)}.quiz-card-header{border-bottom:1px solid #eee;margin-bottom:15px;padding-bottom:15px}.quiz-card-header h3{color:#333;font-size:1.3rem;line-height:1.3;margin:0 0 8px}.quiz-author{background-color:#f5f5f5;border-radius:4px;color:#666;display:inline-block;font-size:.9rem;padding:4px 8px}.quiz-card-body{margin-bottom:20px}.quiz-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#555;display:-webkit-box;line-height:1.5;margin-bottom:15px;overflow:hidden}.quiz-meta{align-items:center;color:#777;display:flex;font-size:.9rem;justify-content:space-between}.quiz-date{color:#888;font-size:.85rem}.quiz-visibility{border-radius:12px;font-size:.8rem;font-weight:500;padding:2px 6px}.quiz-visibility.public{background-color:#e8f5e8;color:#2e7d32}.quiz-visibility.shared{background-color:#fff3e0;color:#f57c00}.quiz-visibility.private{background-color:#f3e5f5;color:#7b1fa2}.quiz-card-footer{display:flex;justify-content:center}.quiz-start-btn{border-radius:8px;font-size:1rem;font-weight:500;padding:12px;transition:background-color .2s ease;width:100%}.quiz-start-btn:hover{transform:none}@media (max-width:768px){.public-quiz-list{padding:15px}.page-header{align-items:center;flex-direction:column;gap:15px}.header-content,.page-header{text-align:center}.auth-buttons{justify-content:center;width:100%}.login-btn,.signup-btn{flex:1 1;max-width:120px}.quiz-grid{gap:15px;grid-template-columns:1fr}.page-header h2{font-size:1.6rem}.page-header p{font-size:1rem}}.landing-page{color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;overflow-x:hidden}.container{margin:0 auto;max-width:1200px;padding:0 20px}.landing-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #0000001a;left:0;position:fixed;right:0;top:0;z-index:1000}.header-content{justify-content:space-between;padding:1rem 0}.header-content,.logo{align-items:center;display:flex}.logo{gap:.5rem}.logo-icon{height:40px;width:40px}.logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#508a9f,#2c3e46);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800;margin:0}.nav-menu{align-items:center;display:flex;gap:2rem}.nav-menu a{color:#666;font-weight:500;text-decoration:none;transition:color .3s ease}.nav-menu a:hover{color:#4f46e5}.auth-buttons{align-items:center;display:flex;gap:.5rem}.dashboard-btn,.login-btn,.signup-btn{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.login-btn{background:#0000;border:2px solid #4f46e5;color:#4f46e5}.dashboard-btn,.login-btn:hover,.signup-btn{background:#4f46e5;color:#fff}.dashboard-btn:hover,.signup-btn:hover{background:#4338ca}.hero-section{background:linear-gradient(135deg,#508a9f,#2c3e46);color:#fff;margin-top:80px;padding:8rem 0 6rem}.hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}.highlight{align-items:center;backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);background:#ffffff29;border:1px solid #ffffff73;border-radius:9999px;box-shadow:inset 0 1px 1px #ffffff73,0 8px 24px #00000040;color:#fff;display:inline-flex;font-weight:800;justify-content:center;letter-spacing:.02em;margin:0 .15em;padding:.1em .4em;position:relative;text-shadow:0 1px 2px #0000004d}.highlight:before{background:linear-gradient(180deg,#ffffffbf,#fff0);border-radius:inherit;height:52%;left:1px;pointer-events:none;right:1px;top:1px}.hero-description{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.hero-buttons{display:flex;gap:1rem;margin-bottom:3rem}.cta-primary{background:#508a9f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.cta-primary:hover{background:#2c3e46;transform:translateY(-2px)}.cta-secondary{background:#0000;border:2px solid #fff;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.cta-secondary:hover{background:#fff;color:#508a9f}.hero-stats{display:flex;gap:2rem}.stat{text-align:center}.stat-number{color:#508a9f;display:block;font-size:2rem;font-weight:700}.stat-label{font-size:.9rem;opacity:.8}.hero-image{text-align:center}.hero-image img{border-radius:12px;box-shadow:0 20px 40px #0000004d;height:auto;max-width:100%}.section-title{color:#1f2937;font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.features-section{background:#f9fafb;padding:6rem 0}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:2rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-5px)}.feature-icon{align-items:center;background:#508a9f1a;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.feature-icon .icon{display:block;font-size:2.5rem}.feature-card h3{color:#1f2937;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.feature-card p{color:#6b7280;line-height:1.6}.how-it-works-section{padding:6rem 0}.steps-container{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.step{position:relative;text-align:center}.step-number{align-items:center;background:#508a9f;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;margin:0 auto 2rem;width:60px}.step-content h3{color:#1f2937;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.step-content p{color:#6b7280;margin-bottom:2rem}.step-content img{border-radius:8px;box-shadow:0 4px 12px #0000001a;height:auto;max-width:100%}.pricing-section{background:#f9fafb;padding:6rem 0}.pricing-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:800px}.pricing-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:2.5rem;position:relative;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.pricing-card:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-5px)}.pricing-card.premium{border:2px solid #508a9f;transform:scale(1.05)}.popular-badge{background:#508a9f;border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;left:50%;padding:.5rem 1rem;position:absolute;top:-10px;transform:translateX(-50%)}.pricing-card h3{color:#1f2937;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.price{margin-bottom:2rem}.original-price{margin-bottom:.5rem}.original-price .amount,.original-price .currency,.original-price .period{color:#9ca3af;font-size:.9rem}.original-price .amount{font-size:1.5rem;font-weight:600}.strikethrough{text-decoration:line-through}.current-price .currency{color:#6b7280;font-size:1.2rem}.current-price .amount{color:#dc2626;font-size:3rem;font-weight:700}.current-price .period{color:#6b7280;font-size:1rem}.currency{color:#6b7280;font-size:1.2rem}.amount{color:#1f2937;font-size:3rem;font-weight:700}.period{color:#6b7280;font-size:1rem}.features-list{list-style:none;margin:0 0 2rem;padding:0}.features-list li{border-bottom:1px solid #f3f4f6;color:#6b7280;padding:.5rem 0}.features-list li:last-child{border-bottom:none}.pricing-btn{background:#e5e7eb;border:none;border-radius:8px;color:#374151;cursor:pointer;font-weight:600;padding:1rem;transition:background-color .3s ease;width:100%}.pricing-btn:hover{background:#d1d5db}.premium-btn{background:#508a9f;color:#fff}.premium-btn:hover{background:#2c3e46}.cta-section{background:linear-gradient(135deg,#508a9f,#2c3e46);color:#fff;padding:6rem 0;text-align:center}.cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta-content p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.cta-button{background:#fff;border:none;border-radius:8px;color:#508a9f;cursor:pointer;font-size:1.2rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.cta-button:hover{background:#f9fafb;transform:translateY(-2px)}.landing-footer{background:#2c3e46;color:#fff;padding:3rem 0 1rem}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.footer-logo{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.footer-logo img{height:30px;width:30px}.footer-logo span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#508a9f,#2c3e46);-webkit-background-clip:text;background-clip:text;font-size:1.2rem;font-weight:800}.footer-section h4{color:#f9fafb;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section li{margin-bottom:.5rem}.footer-section a{color:#9ca3af;text-decoration:none;transition:color .3s ease}.footer-section a:hover{color:#508a9f}.footer-bottom{border-top:1px solid #508a9f4d;color:#9ca3af;padding-top:1rem;text-align:center}@media (max-width:768px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.5rem}.nav-menu{display:none}.auth-buttons{gap:.25rem;position:fixed;right:1rem;top:1rem;z-index:1001}.auth-buttons .login-btn,.auth-buttons .signup-btn{font-size:.9rem;padding:.4rem .8rem}.hero-buttons{align-items:center;flex-direction:column}.hero-stats{justify-content:center}.pricing-card.premium{transform:none}.section-title{font-size:2rem}}@media (max-width:480px){.container{padding:0 15px}.hero-section{padding:6rem 0 4rem}.hero-title{font-size:2rem}.features-grid,.pricing-cards,.steps-container{grid-template-columns:1fr}.hero-stats{flex-direction:column;gap:1rem}}.scroll-to-bottom-btn{align-items:center;background:#1f7aec;border:none;border-radius:50%;bottom:16px;box-shadow:none;color:#fff;cursor:pointer;display:flex;font-size:18px;height:44px;justify-content:center;opacity:.92;position:fixed;right:16px;transition:opacity .15s ease;width:44px;z-index:1000}.scroll-to-bottom-btn:hover{opacity:1}.scroll-to-bottom-btn.is-hidden{opacity:0;pointer-events:none}.scroll-to-bottom-btn__icon{display:inline-block;height:18px;line-height:18px;width:18px}.auth-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:2rem auto;max-width:420px;padding:2rem;width:100%}.auth-toggle{background:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:8px;display:flex;margin-bottom:2rem;padding:4px}.auth-toggle button{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:.75rem 1rem;transition:all .3s ease}.auth-toggle button:hover{background-color:#4f46e51a;color:#4f46e5}.auth-toggle button.active{background:#4f46e5;box-shadow:0 2px 4px #4f46e533;color:#fff;font-weight:600}.auth-form{display:flex;flex-direction:column}.auth-form h2{color:#1f2937;font-weight:600;margin-bottom:1.5rem;text-align:center}.auth-form div{margin-bottom:1rem}.auth-form label{color:#374151;display:block;font-weight:500;margin-bottom:.5rem}.auth-form input{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.auth-form input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.auth-form button{background-color:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:.875rem;transition:all .3s ease}.auth-form button:hover:not(:disabled){background-color:#4338ca;transform:translateY(-1px)}.auth-form button:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none}.error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.875rem;margin-bottom:1rem;padding:.75rem}@media (max-width:768px){.auth-container{margin:1rem auto;max-width:90%;padding:1.5rem}.auth-toggle{margin-bottom:1.5rem}.auth-toggle button{font-size:.9rem;padding:.625rem .75rem}.auth-form button,.auth-form input{padding:.625rem}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#232d34;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.App{display:flex;flex-direction:column;min-height:100vh}.App-header{background:#fff;border-bottom:1px solid #e9ecef;box-shadow:0 1px 6px #0000000f;color:#232d34;padding:20px 16px;position:relative;text-align:center}.header-left{left:20px;position:absolute;top:10px;z-index:1100}.user-info{align-items:center;display:flex;gap:1rem;position:absolute;right:20px;top:0}.user-info span{font-size:.9rem}.user-info button{background-color:#2c3e46;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:.5rem 1rem}.user-info button:hover{background-color:#232d34}.my-page-btn{background-color:#508a9f!important}.my-page-btn:hover{background-color:#2c3e46!important}@media (max-width:768px){.App-header{min-height:100px;padding:20px 10px 60px}.App-header h1{font-size:2rem;margin-bottom:5px}.App-header p{font-size:1rem;margin-bottom:0}.app-icon{height:44px;margin:0;width:44px}.user-info{align-items:flex-end;flex-direction:column;flex-wrap:nowrap;gap:.3rem;justify-content:flex-end;margin-top:0;position:absolute;right:10px;top:15px}.user-info span{font-size:.7rem;margin-bottom:5px;max-width:150px;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:auto}.user-info button{font-size:.6rem;margin-bottom:2px;min-width:60px;padding:.3rem .6rem}}.loading-spinner{align-items:center;display:flex;font-size:1.2rem;height:100vh;justify-content:center}.App-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#508a9f,#2c3e46);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:800;margin-bottom:0}.App-header p{color:#5a6766;font-size:.95rem;margin-top:6px;opacity:.9}.app-icon{border-radius:10px;display:inline-block;height:40px;margin:0;width:40px}.header-title{align-items:center;display:flex;gap:2px;justify-content:center}.header-title h1{line-height:1.1;margin:0}.App-main{flex:1 1;margin:0 auto;max-width:1200px;padding:20px;width:100%}.App-footer{background:#232d34;color:#fff;margin-top:auto;padding:20px;text-align:center}.App-footer p{font-size:14px;margin:0}@media (max-width:768px){.App-header{min-height:0;padding:6px 10px 10px}.header-title{gap:1px}.App-header h1{font-size:1.9rem}.App-header p{font-size:.9rem;line-height:1.1;margin-top:4px}.app-icon{height:32px;width:32px}.header-title h1{line-height:1}.header-left{left:10px;top:6px}.App-main{padding:12px}}
/*# sourceMappingURL=main.daaee2de.css.map*/