:root{--primary-color: #00487a;--primary-color-light: #007bbf;--header-bg-light: #a2d2eb;--background-color: #f4f8fa;--surface-color: #ffffff;--text-color: #333333;--light-gray: #e0e0e0;--success-color: #28a745;--danger-color: #dc3545;--warning-color: #ffc107;--success-bg-color: #e9f7eb;--danger-bg-color: #f8d7da}body{margin:0;font-family:Vazirmatn,Montserrat,sans-serif;background-color:var(--background-color);color:var(--text-color);position:relative;z-index:0;font-size:14px}#root{display:flex;flex-direction:column;min-height:100vh}.main-content{flex-grow:1}.container{width:90%;max-width:1200px;margin-inline:auto;padding:20px 0}.app-header{background-color:var(--primary-color);color:#fff;padding:15px 25px;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:990}html[dir=ltr] .app-header{background:linear-gradient(to left,var(--primary-color) 60%,var(--primary-color-light))}html[dir=rtl] .app-header{background:linear-gradient(to right,var(--primary-color) 60%,var(--primary-color-light))}.header-left,.header-right{flex:1}.header-right{display:flex;justify-content:flex-end;align-items:center;gap:15px}.user-info{color:#fff;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px;margin-top:4px;font-size:.9rem;opacity:.85}.header-logo{height:80px;width:auto}.header-title-container{display:flex;flex-direction:column;align-items:center;flex:2}.app-header h1{margin:0;font-family:Montserrat,Vazirmatn,sans-serif;font-size:2rem;font-weight:700;text-align:center}.lang-switcher,.logout-btn{background-color:#fff3;color:#fff;border:1px solid white;border-radius:50%;width:40px;height:40px;padding:0;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.lang-switcher:hover,.logout-btn:hover{background-color:#ffffff4d}.main-menu{text-align:center}.main-menu-header{font-size:1.3rem;color:var(--primary-color);margin-block:30px 20px;font-weight:700;font-family:Montserrat,Vazirmatn,sans-serif;border-bottom:2px solid var(--primary-color);padding-bottom:10px;display:inline-block}.main-menu-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin:0 auto;justify-content:center;max-width:1000px}.main-menu-card{position:relative;background:var(--surface-color);border-radius:12px;padding:10px;text-align:center;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 10px #00000014;border:1px solid var(--light-gray);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px}.main-menu-card:hover{transform:translateY(-8px);box-shadow:0 8px 25px #00579233}.main-menu-card.completed{border:2px solid var(--success-color)}.main-menu-card .completion-mark{position:absolute;top:10px;font-size:1.5rem;color:var(--success-color);line-height:1}html[dir=ltr] .main-menu-card .completion-mark{right:12px}html[dir=rtl] .main-menu-card .completion-mark{left:12px}.main-menu-card.locked{opacity:.6;cursor:not-allowed;background-color:#f0f0f0;border-color:#dcdcdc}.main-menu-card.locked:hover{transform:none;box-shadow:0 4px 10px #00000014}.lock-icon{margin-inline-start:8px;font-size:1rem;color:#888}.main-menu-icon{font-size:2.2rem;line-height:1;margin-bottom:8px}.main-menu-title{font-size:.9rem;font-weight:700;color:var(--primary-color);font-family:Montserrat,Vazirmatn,sans-serif;display:flex;align-items:center;justify-content:center}.chapter-list-view,.user-management-view,.user-list-view,.key-terms-view,.educational-videos-view,.gamification-view{text-align:center;animation:fadeIn .5s ease-in-out}.view-header{display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:20px}.home-button-subview{position:absolute;top:50%;transform:translateY(-50%);background-color:transparent;color:var(--primary-color);border:none;width:44px;height:44px;border-radius:50%;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease-in-out}.home-button-subview:hover{background-color:#eef2f5}html[dir=ltr] .home-button-subview{left:0}html[dir=rtl] .home-button-subview{right:0}.section-title{font-family:Montserrat,Vazirmatn,sans-serif;font-size:1.3rem;color:var(--primary-color);margin-top:30px;margin-bottom:20px;border-bottom:2px solid var(--primary-color);padding-bottom:10px;display:inline-block}.chapters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-top:0}.chapter-list-view .chapters-grid{grid-template-columns:repeat(5,1fr);gap:15px;margin:0 auto;justify-content:center;max-width:1000px}.chapter-card{position:relative;background-color:var(--surface-color);border:1px solid var(--light-gray);border-radius:12px;padding:10px;text-align:center;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 10px #00000014;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px}.chapter-card:hover{transform:translateY(-8px);box-shadow:0 8px 25px #00579233}.chapter-card.completed{border:2px solid var(--success-color)}.chapter-card.locked{opacity:.6;cursor:not-allowed;background-color:#f0f0f0;border-color:#dcdcdc}.chapter-card.locked:hover{transform:none;box-shadow:0 4px 10px #00000014}.completion-mark{position:absolute;top:8px;font-size:1.5rem;color:var(--success-color);line-height:1}html[dir=ltr] .completion-mark{right:12px}html[dir=rtl] .completion-mark{left:12px}.chapter-icon{font-size:2.2rem;color:var(--primary-color);line-height:1;margin-bottom:8px}.chapter-title{margin-top:0;font-size:.9rem;font-weight:700;color:var(--primary-color);display:flex;align-items:center;justify-content:center;font-family:Montserrat,Vazirmatn,sans-serif}.chapter-view{background:var(--surface-color);padding:30px;border-radius:8px;box-shadow:0 2px 10px #0000001a;animation:slideInAndFade .6s cubic-bezier(.25,.46,.45,.94);text-align:start;position:relative}.chapter-header-container{display:flex;justify-content:center;align-items:center;position:relative;margin:-30px -30px 25px;background-color:var(--primary-color-light);border-radius:8px 8px 0 0}.chapter-view h2,.report-card h2{font-family:Montserrat,Vazirmatn,sans-serif;font-size:1.8rem;color:#fff;padding:20px;text-align:center;flex-grow:1;margin:0;background-color:transparent;border-radius:0}.report-card h2.report-card-main-title{font-size:1.3rem;font-weight:700;padding-bottom:5px}.viewed-user-subtitle{font-size:.9rem;color:var(--primary-color);margin-top:5px;margin-bottom:15px;font-weight:700;opacity:.9;text-align:center}.notes-button-chapter{position:absolute;top:50%;transform:translateY(-50%);background-color:#fff;color:var(--primary-color);border:1px solid var(--primary-color);border-radius:50%;width:48px;height:48px;padding:0;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s;display:flex;align-items:center;justify-content:center;z-index:5}.notes-button-chapter:hover{background-color:var(--primary-color);color:#fff}.notes-button-chapter svg{width:26px;height:26px;stroke-width:2.2}html[dir=ltr] .notes-button-chapter{left:25px}html[dir=rtl] .notes-button-chapter{right:25px}.principle-main-sentence{font-size:1.25rem;font-weight:700;color:var(--primary-color);margin-bottom:30px;padding:20px;line-height:1.6;text-align:center;background-color:#f0f5f9;border-radius:8px;border:1px solid #e0eaf1}.chapter-prose-summary{background-color:#f0f5f9;border-inline-start:5px solid var(--primary-color-light);padding:20px;margin-top:40px;border-radius:0 8px 8px 0}.summary h3,.chapter-prose-summary h3{margin-top:0;color:var(--primary-color);font-family:Montserrat,Vazirmatn,sans-serif;font-size:1.15rem}.chapter-prose-summary ul{list-style-position:inside;padding-inline-start:20px;margin:0;font-size:.9rem;line-height:1.7}html[dir=rtl] .chapter-prose-summary ul,html[dir=ltr] .chapter-prose-summary ul{list-style-type:"• "}.chapter-prose-summary li{margin-bottom:12px}html[dir=rtl] .chapter-prose-summary{border-radius:8px 0 0 8px}.summary{font-size:.9rem;line-height:1.8}.summary p{font-weight:400;color:#000}.summary ul{list-style-position:inside;padding-inline-start:20px}html[dir=rtl] .summary ul,html[dir=ltr] .summary ul{list-style-type:"• "}.summary li{margin-bottom:10px;font-weight:400;color:#000}.chapter-media-img{max-width:85%;border-radius:8px;margin-top:10px;display:block;margin-inline:auto}.animated-list-item{animation:slideUpItem .5s ease-out forwards;opacity:0}#scroll-end-marker{height:1px}.quiz-prompt{margin-top:30px;padding:20px;background-color:#e6f7ff;border:1px solid #91d5ff;border-radius:8px;text-align:center;animation:slideUp .5s ease-in-out}.quiz-prompt p{margin:0 0 15px;font-size:1rem}.quiz-prompt-buttons{display:flex;gap:15px;justify-content:center}.quiz-prompt-buttons button{margin:0}.quiz-container{margin-top:30px;animation:fadeIn .5s ease-in-out}.quiz-container .view-header h3{padding-inline:50px}.quiz-results-summary{padding:15px;margin-bottom:25px;background-color:#f0f5f9;border-radius:8px}.quiz-container h3,.report-details h3{font-family:Montserrat,Vazirmatn,sans-serif;font-size:1.6rem;color:var(--primary-color);margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--primary-color)}.question-block{margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid var(--light-gray)}.question-text{font-weight:700;margin-bottom:15px}.options-list{list-style:none;padding:0}.option-item{display:flex;align-items:center;margin-bottom:10px;padding:12px;border:1px solid var(--light-gray);border-radius:8px;cursor:pointer;transition:background-color .2s,border-color .2s;background-color:transparent}.option-item:hover{border-color:var(--primary-color-light)}.option-item input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;margin:0;color:var(--primary-color);width:1.3em;height:1.3em;border:2px solid var(--primary-color-light);border-radius:50%;flex-shrink:0;display:grid;place-content:center;cursor:pointer;transition:border-color .2s;margin-inline-end:12px}.option-item:hover input[type=radio]{border-color:var(--primary-color)}.option-item input[type=radio]:before{content:"";width:.65em;height:.65em;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;background-color:var(--primary-color)}.option-item input[type=radio]:checked:before{transform:scale(1)}.option-item label{flex-grow:1;cursor:pointer;line-height:1.5}.option-item input[type=radio]:disabled{cursor:not-allowed;border-color:#999}.option-item input[type=radio]:disabled:before{background-color:#999}.option-item input[type=radio]:disabled+label{cursor:not-allowed;color:#666}.option-item.correct{background-color:transparent;border-color:var(--success-color);font-weight:700}.option-item.correct:before{content:"✔";color:var(--success-color);font-size:1.2em}.option-item.incorrect{background-color:transparent;border-color:var(--danger-color);font-weight:700}.option-item.incorrect:before{content:"✖";color:var(--danger-color);font-size:1.2em}.explanation{margin-top:15px;padding:15px;background-color:#eef2f5;border-inline-start:4px solid var(--primary-color);font-size:.95rem;line-height:1.6}.explanation strong{color:var(--primary-color)}.report-card{background:var(--surface-color);padding:30px;border-radius:8px;box-shadow:0 2px 10px #0000001a;animation:fadeIn .5s ease-in-out;text-align:center;position:relative}.report-card h2{color:var(--primary-color)}.report-overall-score{display:flex;justify-content:center;margin:30px 0 40px}.score-circle{width:180px;height:180px;border-radius:50%;background-color:var(--surface-color);box-shadow:0 5px 20px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:box-shadow .5s ease-in-out}.score-circle.success{box-shadow:0 0 0 10px var(--success-color),0 5px 20px #0000001a}.score-circle.warning{box-shadow:0 0 0 10px var(--warning-color),0 5px 20px #0000001a}.score-circle.danger{box-shadow:0 0 0 10px var(--danger-color),0 5px 20px #0000001a}.score-percentage{font-size:3.5rem;font-weight:700;font-family:Montserrat,sans-serif;transition:color .5s ease-in-out}.score-percentage.success{color:var(--success-color)}.score-percentage.warning{color:var(--warning-color)}.score-percentage.danger{color:var(--danger-color)}.score-label{font-size:1rem;color:#666;margin-top:-10px;font-weight:700}.report-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;text-align:start}.report-section{background-color:#fbfdff;padding:20px;border:1px solid #eaf2f8;border-radius:8px}.report-section h3{font-family:Montserrat,Vazirmatn,sans-serif;font-size:1rem;color:var(--primary-color);margin-top:0;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--primary-color)}.section-summary-progress{margin-bottom:25px}.section-summary-progress strong{display:block;margin-bottom:8px;font-size:1rem}.chapter-results-list{list-style:none;padding:0;margin:0}.chapter-result-item{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:10px 0;border-bottom:1px solid var(--light-gray);cursor:pointer;transition:background-color .2s}.chapter-result-item:hover{background-color:#f0f5f9}.chapter-result-item:last-child{border-bottom:none}.chapter-result-title{flex:1;font-size:.9rem;color:var(--text-color)}.progress-bar-container{display:flex;align-items:center;gap:10px;flex:1;min-width:150px}.progress-bar-bg{flex-grow:1;height:12px;background-color:#e0e0e0;border-radius:6px;overflow:hidden}.progress-bar-fg{height:100%;border-radius:6px;transition:width .5s ease-in-out,background-color .5s ease-in-out}.progress-bar-fg.success{background-color:var(--success-color)}.progress-bar-fg.warning{background-color:var(--warning-color)}.progress-bar-fg.danger{background-color:var(--danger-color)}.progress-bar-label{font-size:.9rem;font-weight:700;color:#555;white-space:nowrap}.btn{padding:10px 20px;font-family:Vazirmatn,Montserrat,sans-serif;font-size:1rem;border:none;border-radius:5px;cursor:pointer;transition:background-color .2s,transform .1s;font-weight:700}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#004080}.btn-primary:disabled{background-color:#a0a0a0;cursor:not-allowed}.btn-secondary{background-color:var(--success-color);color:#fff}.btn-secondary:hover{background-color:#218838}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-danger:hover{background-color:#c82333}.btn-large{padding:12px 24px;font-size:1.05rem}.quiz-actions{display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap;text-align:center;margin-top:20px}.quiz-actions.final-exam-actions{justify-content:space-between;width:100%}.quiz-timer{padding:10px 20px;border:2px solid var(--primary-color);border-radius:8px;margin-bottom:20px;text-align:center;font-size:1.4rem;font-weight:700;color:var(--primary-color);background-color:#f0f5f9}.quiz-timer.low-time{color:var(--danger-color);border-color:var(--danger-color);animation:pulse 1s infinite}.quiz-timer.final-exam-timer{position:absolute;top:50%;transform:translateY(-50%);font-size:1.4rem;font-weight:700;color:var(--danger-color);background-color:transparent;border:none;padding:0;margin:0}html[dir=ltr] .quiz-timer.final-exam-timer{right:0}html[dir=rtl] .quiz-timer.final-exam-timer{left:0}.time-up-alert{padding:15px;background-color:var(--danger-bg-color);color:var(--danger-color);border:1px solid var(--danger-color);border-radius:8px;text-align:center;font-weight:700;margin-bottom:20px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.back-button{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background-color:#fff3;border:1px solid #fff;color:#fff;width:48px;height:48px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s,transform .1s ease-in-out}.back-button:hover{background-color:#fff6}.back-button:active{transform:translateY(-50%) scale(.98)}html[dir=ltr] .back-button{right:25px}html[dir=rtl] .back-button{left:25px}.back-button-subview{position:absolute;top:50%;transform:translateY(-50%);background-color:transparent;color:var(--primary-color);border:none;width:44px;height:44px;border-radius:50%;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease-in-out}.back-button-subview:hover{background-color:#eef2f5}html[dir=ltr] .back-button-subview{right:0}html[dir=rtl] .back-button-subview{left:0}.back-button-subview svg{width:24px;height:24px;stroke-width:2.5}html[dir=rtl] .back-button-subview svg{transform:scaleX(-1)}.report-card-button-container{margin-top:50px;padding-top:30px;border-top:1px solid var(--light-gray)}.lang-switcher svg,.logout-btn svg,.back-button svg,.home-button-subview svg{width:24px;height:24px;stroke-width:2.5}html[dir=rtl] .back-button svg{transform:scaleX(-1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInAndFade{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideUpItem{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login-container{display:flex;justify-content:center;align-items:center;flex-grow:1;padding:20px}.login-form{background:var(--surface-color);padding:30px;border-radius:12px;box-shadow:0 8px 25px #00579226;width:100%;max-width:360px;text-align:center;animation:fadeIn .5s ease-in-out;position:relative}.login-form h2{color:var(--primary-color);margin-top:0;margin-bottom:25px;font-family:Montserrat,Vazirmatn,sans-serif}.form-group{margin-bottom:20px;text-align:start}.form-group label{display:block;margin-bottom:8px;font-weight:700;color:var(--text-color)}.form-group input{width:100%;padding:12px;border:1px solid var(--light-gray);border-radius:5px;box-sizing:border-box;font-size:1rem;font-family:Vazirmatn,Montserrat,sans-serif;background-color:#f7f9fb;color:var(--text-color);transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out,background-color .2s ease-in-out}.form-group input:focus{outline:none;border-color:var(--primary-color);background-color:var(--surface-color);box-shadow:0 0 0 3px #0057921a}.error-message{color:var(--danger-color);background-color:var(--danger-bg-color);padding:10px;border-radius:5px;margin-bottom:20px;border:1px solid var(--danger-color)}.success-message{color:var(--success-color);background-color:var(--success-bg-color);padding:10px;border-radius:5px;margin-bottom:20px;border:1px solid var(--success-color)}.form-toggle-link{display:block;margin-top:20px;background:none;border:none;color:var(--primary-color);text-decoration:underline;cursor:pointer;font-size:.9rem;font-family:inherit}.message-bar{padding:10px;border-radius:5px;margin-bottom:20px;border:1px solid;display:flex;align-items:center;justify-content:center;gap:8px;animation:fadeIn .5s ease-in-out}.message-bar.success-message{color:var(--success-color);background-color:var(--success-bg-color);border-color:var(--success-color)}.message-bar.error-message{color:var(--danger-color);background-color:var(--danger-bg-color);border-color:var(--danger-color)}.user-management-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-top:20px}.user-management-card{background:var(--surface-color);border-radius:12px;padding:30px;box-shadow:0 4px 10px #00000014;border:1px solid var(--light-gray)}.user-management-card h3{font-family:Montserrat,Vazirmatn,sans-serif;font-size:1.5rem;color:var(--primary-color);border-bottom:2px solid var(--primary-color-light);padding-bottom:10px;margin-top:0;margin-bottom:20px}.user-list{list-style:none;padding:0;max-height:300px;overflow-y:auto}.user-list li{padding:12px;border-bottom:1px solid var(--light-gray);font-size:1.1rem;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.user-list-actions{display:flex;gap:10px}.user-list-actions .btn{padding:5px 10px;font-size:.9rem}.user-list-actions .btn-edit{background-color:var(--primary-color-light)}.user-list-actions .btn-edit:hover{background-color:var(--primary-color)}.user-list-actions .btn-delete:disabled{background-color:#ccc;cursor:not-allowed;border-color:#ccc}.user-list li:last-child{border-bottom:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-in-out}.modal-content{background:var(--surface-color);padding:30px;border-radius:12px;box-shadow:0 8px 30px #0003;width:100%;max-width:450px;animation:slideUp .4s ease-in-out}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--light-gray);padding-bottom:15px;margin-bottom:20px}.modal-header h3{margin:0;color:var(--primary-color);font-family:Montserrat,Vazirmatn,sans-serif}.modal-close-btn{background:none;border:none;font-size:1.8rem;cursor:pointer;color:#888;line-height:1}.modal-close-btn:hover{color:var(--text-color)}.modal-body{margin-bottom:25px}.modal-body .spinner{margin:20px auto}.modal-body .error-message{margin-bottom:0}.modal-info-text{font-size:.8rem;color:#666;background-color:#f4f8fa;padding:8px;border-radius:4px;margin-top:15px;line-height:1.5;border:1px solid #e0e0e0}.modal-textarea{width:100%;height:200px;padding:12px;border:1px solid var(--light-gray);border-radius:5px;box-sizing:border-box;font-size:1rem;font-family:Vazirmatn,Montserrat,sans-serif;background-color:#f7f9fb;color:var(--text-color);transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;resize:vertical}.modal-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #0057921a}.modal-actions{display:flex;justify-content:space-between;gap:15px}.modal-actions .left-actions{display:flex;justify-content:flex-start}.modal-actions .right-actions{display:flex;justify-content:flex-end;gap:15px}.user-table-container{overflow-x:auto;margin-top:30px;background:var(--surface-color);padding:20px;border-radius:8px;box-shadow:0 4px 10px #00000014}.user-table{width:100%;border-collapse:collapse;text-align:left}html[dir=rtl] .user-table{text-align:right}.user-table th,.user-table td{padding:12px 10px;border-bottom:1px solid var(--light-gray);font-size:.9rem;vertical-align:middle}.user-table th{background-color:#f4f8fa;font-weight:700;color:var(--primary-color);font-family:Montserrat,Vazirmatn,sans-serif}.user-table tbody tr:hover{background-color:#fbfdff}.user-table tbody tr.retries-enabled{background-color:#e9f7eb}.user-table tbody tr.retries-enabled:hover{background-color:#d9f2db}.user-table td{color:var(--text-color)}.user-table .actions-cell{text-align:center;white-space:nowrap;display:flex;justify-content:center;align-items:center;gap:4px}.user-table .actions-cell .btn{padding:5px 8px;font-size:.8rem;margin:0;display:flex;align-items:center;justify-content:center}.user-table .actions-cell .btn-suspend{background-color:var(--warning-color);color:#fff}.user-table .actions-cell .btn-suspend:hover{background-color:#e0a800}.user-table .actions-cell .btn-activate{background-color:var(--success-color)}.user-table .actions-cell .btn-activate:hover{background-color:#218838}.user-table .actions-cell .btn-toggle-retries.active{background-color:var(--success-color)}.user-table .actions-cell .btn-toggle-retries.active:hover{background-color:#218838}.videos-container{display:flex;flex-direction:column;gap:40px;margin-top:30px;max-width:800px;margin-inline:auto}.video-card-embed{background-color:var(--surface-color);border:1px solid var(--light-gray);border-radius:8px;padding:20px;box-shadow:0 2px 5px #0000000d;text-align:center}.video-title-embed{margin-top:0;margin-bottom:15px;font-size:1.1rem;font-weight:700;color:var(--primary-color);line-height:1.5}.video-embed-container{position:relative;width:100%;border-radius:8px;overflow:hidden}.key-terms-list{list-style:none;padding:0;margin-top:30px}.key-term-card{background:var(--surface-color);border:1px solid var(--light-gray);border-radius:8px;padding:15px 20px;margin-bottom:15px;cursor:pointer;transition:box-shadow .2s,border-color .2s;font-size:1.1rem;font-weight:700;color:var(--primary-color);display:flex;flex-direction:column;opacity:0;animation:slideUpItem .5s ease-out forwards}.key-term-card:hover{box-shadow:0 4px 15px #0057921f;border-color:var(--primary-color-light)}.key-term-header{display:flex;justify-content:space-between;align-items:center;width:100%}.key-term-title-container{display:flex;align-items:center;gap:12px}.key-term-icon{font-size:1.4rem;line-height:1}.completion-mark-term{color:var(--success-color);font-size:1.2rem;line-height:1;margin-inline-end:10px}.key-term-actions{display:flex;align-items:center;gap:15px}.notes-button-term{background-color:#fff;color:var(--primary-color);border:1px solid var(--primary-color);border-radius:50%;width:40px;height:40px;padding:0;cursor:pointer;transition:background-color .2s,color .2s;display:flex;align-items:center;justify-content:center}.notes-button-term:hover{background-color:var(--primary-color);color:#fff}.notes-button-term svg{width:22px;height:22px;stroke-width:2}.expand-icon{font-size:1.5rem;color:var(--primary-color-light);transition:transform .3s ease-in-out}.key-term-card.expanded .expand-icon{transform:rotate(45deg)}.term-definition-content{max-height:0;overflow:hidden;transition:max-height .4s ease-in-out,margin-top .4s ease-in-out,padding-top .4s ease-in-out;color:var(--text-color);font-weight:400;font-size:1rem;line-height:1.7;text-align:start;white-space:pre-line}.key-term-card.expanded .term-definition-content{max-height:800px;margin-top:15px;padding-top:15px;border-top:1px solid var(--light-gray)}.term-definition-image{max-width:45%;max-height:400px;width:auto;height:auto;border-radius:8px;margin-top:15px;margin-bottom:5px;border:1px solid var(--light-gray);display:block;margin-inline:auto;opacity:0;transition:opacity .5s ease-in-out}.term-definition-image.visible{opacity:1}.chapter-accordion-card{background:var(--surface-color);border:1px solid var(--light-gray);border-radius:8px;margin-bottom:15px;overflow:hidden;transition:box-shadow .2s,border-color .2s}.chapter-accordion-card:hover{border-color:var(--primary-color-light);box-shadow:0 2px 8px #0000000d}.chapter-accordion-header{padding:15px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;background-color:#f8f9fa;font-weight:700;color:var(--primary-color);font-family:Montserrat,Vazirmatn,sans-serif;font-size:1.05rem;transition:background-color .2s}.chapter-accordion-header:hover{background-color:#eef2f5}.chapter-accordion-header .accordion-title{display:flex;align-items:center;gap:10px}.chapter-accordion-content{max-height:0;overflow:hidden;transition:max-height .4s ease-in-out;background-color:#fff;color:var(--text-color);line-height:1.7}.chapter-accordion-card.expanded>.chapter-accordion-content{max-height:1500px;border-top:1px solid var(--light-gray)}.chapter-accordion-card.nested{margin:10px 0;border:1px solid #eee;box-shadow:none;background-color:#fcfcfc}.chapter-accordion-card.nested .chapter-accordion-header{padding:10px 15px;font-size:1rem;background-color:#f4f8fa}.chapter-accordion-card.nested .chapter-accordion-content{background-color:#fff}.chapter-accordion-inner{padding:20px}.chapter-accordion-inner ul{list-style-position:inside;padding-inline-start:10px;margin:0}.chapter-accordion-inner li{margin-bottom:10px}.accordion-icon{font-size:1.5rem;color:var(--primary-color-light);transition:transform .3s ease-in-out;line-height:1;display:inline-block}.chapter-accordion-card.expanded>.chapter-accordion-header .accordion-icon{transform:rotate(45deg)}.final-exam-intro-view{background:var(--surface-color);padding:30px;border-radius:8px;box-shadow:0 2px 10px #0000001a;animation:fadeIn .5s ease-in-out;text-align:start}.final-exam-intro-view .section-title{text-align:center;width:100%}.intro-content{margin:20px auto 30px;max-width:800px}.intro-list{list-style-type:none;padding:0;font-size:1rem;line-height:2}html[dir=rtl] .intro-list{text-align:right}.intro-list li{padding:10px;border-bottom:1px solid var(--light-gray)}.intro-list li:last-child{border-bottom:none}html[dir=rtl] .intro-list li{padding-right:0}html[dir=ltr] .intro-list li{padding-left:0}.success-wish{text-align:center;font-weight:700;color:var(--primary-color);margin-top:30px;font-size:1.1rem}.question-block.paginated{min-height:250px;border-bottom:none;padding-bottom:0}.remark-checkbox-container{display:flex;align-items:center;gap:8px;margin-top:15px;padding:8px;background-color:#f0f5f9;border-radius:5px}.remark-checkbox-container label{cursor:pointer;font-weight:700;color:var(--primary-color)}.remark-checkbox-container input{width:1.2em;height:1.2em;cursor:pointer}.quiz-pagination-controls{margin-top:20px;padding-top:20px;border-top:1px solid var(--light-gray);display:flex;flex-direction:column;align-items:center;gap:15px}.pagination-buttons{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:400px}.pagination-status{font-weight:700;color:var(--text-color)}.pagination-btn{padding:8px;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center}.pagination-btn svg{width:24px;height:24px}html[dir=rtl] .pagination-btn svg{transform:scaleX(-1)}.review-answers-modal{max-width:800px}.review-answers-modal .modal-body{max-height:70vh;overflow-y:auto}.review-modal-filters{display:flex;gap:20px;margin-bottom:15px;padding:10px;background-color:#f4f8fa;border-radius:5px}.filter-checkbox{display:flex;align-items:center;gap:6px}.filter-checkbox label,.filter-checkbox input{cursor:pointer}.review-answers-list{list-style:none;padding:0;margin:0}.review-item{padding:15px;border-bottom:1px solid var(--light-gray);cursor:pointer;transition:background-color .2s}.review-item:hover{background-color:#f4f8fa}.review-item:last-child{border-bottom:none}.review-item-question{font-size:.9rem;margin-bottom:8px}.review-item-answer{font-size:.9rem;color:var(--primary-color);font-weight:700;padding-inline-start:15px}.review-item-answer.unanswered{color:var(--danger-color);font-style:italic;font-weight:400}.review-answers-table{width:100%;border-collapse:collapse;text-align:center;font-size:.9rem}.review-answers-table th,.review-answers-table td{border:1px solid var(--light-gray);padding:8px}.review-answers-table th{background-color:#f4f8fa;font-weight:700}.review-answers-table tbody tr{cursor:pointer;transition:background-color .2s}.review-answers-table tbody tr:hover{background-color:#eef2f5}.review-answers-table td.selected-option{background-color:var(--success-bg-color);font-weight:700;color:var(--success-color)}.review-answers-table td.remarked-cell{color:var(--primary-color);font-weight:700;font-size:1.1em}.final-exam-report-details{max-width:600px;margin:30px auto;font-size:1.1rem;line-height:2.2}.final-exam-message{text-align:center;margin-top:30px;padding:20px;border-radius:8px}.final-exam-message p{margin:0;font-weight:700;font-size:1.2rem}.final-exam-message.success-bg{background-color:var(--success-bg-color)}.final-exam-message.danger-bg{background-color:var(--danger-bg-color)}.final-exam-message-text.success-text{color:var(--success-color)}.final-exam-message-text.danger-text{color:var(--danger-color)}.final-exam-report-actions{margin-top:40px}.score-breakdown-table{width:100%;max-width:600px;margin:30px auto 0;border-collapse:collapse;font-size:1rem;text-align:left}html[dir=rtl] .score-breakdown-table{text-align:right}.score-breakdown-table th,.score-breakdown-table td{border:1px solid var(--light-gray);padding:12px}.score-breakdown-table th{background-color:#f4f8fa;color:var(--primary-color);font-weight:700}@media(max-width:992px){.report-details-grid{grid-template-columns:1fr}}@media(max-width:768px){.app-header{padding:10px 15px;justify-content:space-between}.header-logo{height:50px}.header-title-container{order:0;flex-basis:auto;padding-block:0;text-align:center;flex:1;min-width:0}.app-header h1{font-size:1.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-left{flex:0 0 auto}.header-right{flex:0 0 auto;gap:10px}.user-info{font-size:.8rem;max-width:90%;margin-top:2px}.lang-switcher,.logout-btn{padding:5px 8px;width:32px;height:32px}.lang-switcher svg,.logout-btn svg,.back-button svg{width:18px;height:18px}.main-menu-header{margin-block:20px}.container.main-menu,.container.chapter-list-view{width:100%;padding-inline:0}.main-menu-grid,.chapter-list-view .chapters-grid{grid-template-columns:1fr;gap:15px;max-width:100%;padding-inline:15px;box-sizing:border-box;margin-top:10px}.main-menu-card,.chapter-card{min-height:auto;padding:25px 20px;flex-direction:row;justify-content:flex-start;text-align:left;gap:20px}.main-menu-card .completion-mark,.chapter-card .completion-mark{top:50%;transform:translateY(-50%)}html[dir=ltr] .main-menu-card .completion-mark,html[dir=ltr] .chapter-card .completion-mark{right:20px}html[dir=rtl] .main-menu-card .completion-mark,html[dir=rtl] .chapter-card .completion-mark{left:20px}html[dir=rtl] .main-menu-card,html[dir=rtl] .chapter-card{text-align:right}.main-menu-icon,.chapter-icon{font-size:2.5rem;margin-bottom:0}.main-menu-title,.chapter-title{font-size:1.1rem}.section-title{font-size:1.15rem;margin-top:30px;margin-bottom:15px;padding-inline:50px;line-height:1.4}.chapter-view h2,.report-card h2{font-size:.9rem;padding:15px 40px;line-height:1.4}.report-card h2.report-card-main-title{font-size:1.15rem}.notes-button-chapter{width:40px;height:40px}.notes-button-chapter svg{width:22px;height:22px;stroke-width:2.2}html[dir=ltr] .notes-button-chapter{left:15px}html[dir=rtl] .notes-button-chapter{right:15px}.back-button{top:50%;transform:translateY(-50%);width:40px;height:40px}html[dir=ltr] .back-button{right:15px}html[dir=rtl] .back-button{left:15px}.score-circle{width:150px;height:150px}.score-percentage{font-size:3rem}.report-card-button-container{margin-top:30px;padding-top:20px}.login-container{align-items:flex-start;padding-top:40px}.login-form{padding:20px;max-width:320px}.login-form h2{font-size:1.6rem;margin-bottom:20px}.form-group{margin-bottom:15px}.form-group label{font-size:.9rem}.form-group input{font-size:1rem;padding:10px}.term-definition-image,.chapter-media-img{max-width:100%}.chapter-view .chapter-accordion-header{font-size:.9rem;padding:10px 15px}.chapter-accordion-inner{padding:15px 8px}.chapter-view .chapter-accordion-content,.chapter-view .chapter-prose-summary,.chapter-view .summary,.chapter-view p,.chapter-view ul,.chapter-view li{font-size:.75rem;line-height:1.6}.chapter-view h3,.chapter-view h4{font-size:.9rem}.chapter-accordion-card.nested .chapter-accordion-header{font-size:.85rem}.principle-main-sentence{font-size:1rem;padding:15px;line-height:1.5}.quiz-prompt-buttons{display:flex;justify-content:center;gap:10px;width:100%}.quiz-prompt-buttons button{margin:0;padding:8px 15px;font-size:.9rem;flex:1;white-space:nowrap}.quiz-container h3{font-size:1.1rem}.quiz-container .quiz-results-summary{font-size:.9rem;padding:12px;margin-bottom:20px}.quiz-container .question-text{font-size:.85rem;line-height:1.5}.quiz-container .option-item{font-size:.8rem;padding:10px}.quiz-container .explanation{font-size:.8rem;padding:10px;margin-top:10px}.quiz-container .quiz-actions .btn-large{padding:8px 15px;font-size:.85rem}.quiz-timer.final-exam-timer{font-size:1rem}.certificate-view-overlay{justify-content:flex-start;padding-top:50px;padding-bottom:40px}#certificate-wrapper{width:calc(1123px * .27);height:calc(794px * .27);transform:scale(.27);transform-origin:top left}.key-term-title-container{gap:8px}.completion-mark-term{margin-inline-end:6px}.key-term-actions{gap:8px}.key-term-card{padding:12px 15px;font-size:.9rem}.key-term-card.expanded .term-definition-content{font-size:.75rem;line-height:1.6}.user-table th,.user-table td{padding:6px 4px;font-size:.75rem}.user-table .actions-cell .btn{padding:4px 6px;font-size:.7rem;min-width:auto}.user-table .actions-cell{gap:3px}.user-table .actions-cell .btn svg{width:14px;height:14px}.user-table-container{padding:10px}.intro-list{font-size:.85rem;line-height:1.8}.final-exam-quiz-view .question-text{font-size:.8rem}.final-exam-quiz-view .option-item{font-size:.75rem;padding:8px}.final-exam-quiz-view .quiz-actions.final-exam-actions .btn{padding:8px 12px;font-size:.8rem;flex:1}.final-exam-report-details{font-size:.8rem;line-height:1.8}.final-exam-message p{font-size:.9rem}.final-exam-report-actions .btn{padding:8px 12px;font-size:.8rem}.score-breakdown-table{font-size:.8rem}.score-breakdown-table th,.score-breakdown-table td{padding:8px}.final-exam-review-view .quiz-container .question-text{font-size:.8rem}.final-exam-review-view .quiz-container .option-item,.final-exam-review-view .quiz-container .explanation{font-size:.75rem;padding:8px}.final-exam-review-view .quiz-actions .btn{padding:8px 12px;font-size:.8rem}.review-answers-modal .review-modal-filters{font-size:.8rem;padding:8px;gap:15px;flex-wrap:wrap}.review-answers-modal .review-answers-table{font-size:.75rem}.review-answers-modal .review-answers-table th,.review-answers-modal .review-answers-table td{padding:5px}}@media(min-width:769px){.term-definition-image{max-width:60%;max-height:530px}}.app-footer{background-color:var(--primary-color);color:#fff;padding:20px 0;text-align:center;font-size:.9rem;flex-shrink:0}.app-footer p{margin:0;opacity:.9}.notes-button-term.has-note,.notes-button-chapter.has-note{background-color:var(--primary-color);color:#fff}.certificate-view-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;z-index:1000;animation:fadeIn .3s ease-in-out;padding:50px 20px 20px;overflow-y:auto}.certificate-actions{margin-bottom:20px;display:flex;gap:15px}#certificate-wrapper{width:1123px;height:794px;padding:30px;box-sizing:border-box;background-color:#fdfbf5;background-image:url(https://raw.githubusercontent.com/amir11973/parspmi/main/background.jpg);background-size:cover;background-position:center;border:10px solid #005792;display:flex;flex-direction:column;align-items:center;justify-content:space-between;font-family:Vazirmatn,Times New Roman,serif;position:relative;color:#333}#certificate-wrapper:before{content:"";position:absolute;top:10px;left:10px;right:10px;bottom:10px;border:2px solid #007bbf;z-index:1}.certificate-content{position:relative;z-index:2;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;flex-grow:1;justify-content:center;margin-bottom:0}.certificate-logo{max-width:110px;margin-bottom:15px}.certificate-subtitle{font-size:1.3rem;margin:0 0 5px;color:#005792}html[dir=ltr] .certificate-subtitle{letter-spacing:1px}.certificate-username{font-family:Vazirmatn,Georgia,serif;font-size:2.5rem;font-weight:700;color:#00487a;margin:5px 0;border-bottom:2px solid #007bbf;padding-top:0;padding-bottom:5px}.certificate-course-text{font-size:1.5rem;margin:0 auto;line-height:1.6;max-width:85%}.date-wrapper{white-space:nowrap}.ltr-text-inline{display:inline-block;direction:ltr}.certificate-footer-section{width:100%;position:relative;z-index:2;margin-top:auto;padding-top:0;margin-bottom:25px}.certificate-footer{display:flex;justify-content:space-around;width:100%;align-items:flex-end}.certificate-footer-item{display:flex;flex-direction:column;align-items:center;width:300px}.signature-image{height:120px;width:auto;margin-bottom:-15px;z-index:1}.signature-line{width:100%;border-bottom:1px solid #555;margin-bottom:8px}.signature-name{font-size:1.1rem;font-weight:700}.signature-title{font-size:.9rem;color:#555}.certificate-hologram{width:220px;height:auto;margin-bottom:-15px;mix-blend-mode:multiply}.certificate-number{margin-top:25px;text-align:center;font-size:.8rem;color:#666;margin-bottom:-15px}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fffc;display:flex;justify-content:center;align-items:center;z-index:9999}.loading-modal{display:flex;flex-direction:column;align-items:center}.spinner{border:5px solid #f3f3f3;border-top:5px solid var(--primary-color);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#loading-heading{margin-top:15px;font-weight:700;color:var(--primary-color);font-size:1.1rem}.gamification-view{width:100%}.gamification-desktop-layout{display:flex;gap:20px;width:100%;align-items:stretch}.game-instructions{text-align:center;margin-bottom:20px;font-size:1.1rem;padding:0 20px}.game-score{margin-top:10px;font-weight:700;color:var(--primary-color)}.game-matrix-container{flex:3;overflow-x:auto;box-sizing:border-box;margin-bottom:0}.game-matrix{width:100%;border-collapse:collapse;border:2px solid var(--primary-color);background-color:var(--surface-color);min-width:800px;table-layout:fixed;height:100%}.game-matrix th,.game-matrix td{border:1px solid var(--primary-color);padding:4px;text-align:center;vertical-align:top;font-size:.85rem}.game-matrix th{background-color:var(--primary-color);color:#fff;font-family:Montserrat,Vazirmatn,sans-serif}.game-matrix .domain-header{background-color:#eef2f5;font-weight:700;color:var(--primary-color);width:150px;vertical-align:middle}.drop-zone{height:100px;background-color:#fff;transition:background-color .2s}.drop-zone.drag-over{background-color:#d0e8ff}.process-source-panel.desktop-sticky-panel{flex:1;position:sticky;top:20px;align-self:flex-start;padding:10px;background-color:#fcfcfc;border:1px solid var(--light-gray);border-radius:8px;overflow-y:auto}.process-source-panel .pool-empty-msg{text-align:center;font-style:italic;color:var(--success-color);font-weight:700}.process-source-panel .process-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.process-chip{background-color:var(--surface-color);border:1px solid var(--light-gray);padding:6px;font-size:.8rem;cursor:grab;display:flex;align-items:center;justify-content:center;text-align:center;min-height:50px;transition:background-color .1s;-webkit-user-select:none;user-select:none;box-sizing:border-box;width:100%;margin:0;border-radius:6px;box-shadow:0 2px 4px #00000014}.process-chip:not(.correct):not(.incorrect):hover{background-color:#f0f8ff;position:relative;z-index:1}.process-chip:active{cursor:grabbing}.process-chip.placed{width:auto;margin-bottom:4px;border-radius:4px;min-height:auto;padding:4px;font-size:.75rem;border:1px solid var(--primary-color-light);display:block;box-shadow:none}.process-chip.placed.correct{background-color:#28a745!important;border-color:#28a745!important;color:#fff!important;font-weight:700}.process-chip.placed.incorrect{background-color:#dc3545!important;border-color:#dc3545!important;color:#fff!important;font-weight:700}.flashcard-game-view{display:flex;gap:30px;width:100%}.flashcard-game-view.game-complete{justify-content:center}.flashcard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;flex:2}.keyword-grid.desktop-sticky-panel{flex:1;position:sticky;top:20px;align-self:flex-start;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:10px;background-color:#fcfcfc;border:1px solid var(--light-gray);border-radius:8px}.flashcard-grid.centered{margin:0 auto;width:50%}.flashcard-game-view.game-complete .flashcard-grid.centered{width:100%;grid-template-columns:repeat(6,1fr)}.flashcard{background-color:var(--surface-color);border:2px solid var(--light-gray);border-radius:8px;padding:15px;min-height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;cursor:default;transition:all .2s ease-in-out}.flashcard:hover{border-color:var(--primary-color-light)}.flashcard.active{border-color:var(--primary-color);box-shadow:0 0 10px #00487a4d}.flashcard-placeholder{font-size:3rem;color:var(--light-gray)}.flashcard-text{font-size:.9rem;line-height:1.5}.flashcard-placed-keyword{margin-top:10px;font-weight:700;color:var(--primary-color);border-top:1px solid var(--primary-color-light);padding-top:8px;width:80%;cursor:pointer}.flashcard-correct-answer{margin-top:5px;font-size:.8rem;color:var(--success-color);font-weight:700}.flashcard.correct{background-color:var(--success-bg-color);border-color:var(--success-color)}.flashcard.correct .flashcard-placed-keyword{color:var(--success-color);border-top-color:var(--success-color);cursor:default}.flashcard.incorrect{background-color:var(--danger-bg-color);border-color:var(--danger-color)}.flashcard.incorrect .flashcard-placed-keyword{color:var(--danger-color);border-top-color:var(--danger-color);text-decoration:line-through;cursor:default}.keyword-item{background-color:var(--surface-color);border:1px solid var(--light-gray);border-radius:8px;padding:15px;height:80px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;text-align:center;font-weight:700;color:var(--primary-color);cursor:grab;transition:box-shadow .2s}.keyword-item:hover{box-shadow:0 4px 10px #0000001a}.keyword-item:active{cursor:grabbing}@media(max-width:768px){.gamification-desktop-layout{flex-direction:column}.process-source-panel.desktop-sticky-panel{display:none}.game-instructions p{font-size:.9rem}.gamification-view .quiz-actions .btn{font-size:.9rem;padding:10px 20px}.drop-zone{height:50px}.game-matrix-container{padding:0;margin-bottom:10px}.game-matrix{min-width:100%;width:100%;table-layout:fixed}.game-matrix th,.game-matrix td{padding:1px;font-size:.45rem;overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.1}.process-chip.placed{font-size:.4rem;padding:1px;margin-bottom:1px;min-height:auto;border-width:1px}.mobile-process-panel{margin-top:5px;background-color:#fcfcfc;border:1px solid var(--light-gray);border-radius:8px;height:180px;overflow-y:auto;padding:8px}.mobile-process-panel .process-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.mobile-process-panel .process-chip{width:100%;height:auto;min-height:45px;padding:2px;font-size:.45rem;line-height:1.1;word-break:break-word}.flashcard-game-view{flex-direction:column;padding-bottom:150px}.flashcard-grid{width:100%;grid-template-columns:repeat(2,1fr);flex:initial}.flashcard-game-view.game-complete .flashcard-grid.centered{grid-template-columns:repeat(2,1fr)}.flashcard-game-view.game-complete{padding-bottom:20px}.flashcard{min-height:100px;padding:10px}.flashcard-text,.flashcard-placed-keyword{font-size:.8rem}.keyword-grid.desktop-sticky-panel{display:none}.mobile-keyword-panel{position:fixed;bottom:0;left:0;right:0;width:100%;background-color:var(--surface-color);border-top:1px solid var(--light-gray);box-shadow:0 -2px 10px #0000001a;z-index:100;padding:10px;box-sizing:border-box}.mobile-keyword-panel .keyword-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.keyword-item{width:100%;height:50px;padding:4px;font-size:.7rem}}.desktop-only{display:block}.mobile-only{display:none}@media(max-width:768px){.desktop-only{display:none}.mobile-only{display:block}}