body{background-color:var(--bg-color)}.correct{background-color:color-mix(in srgb,var(--green-base) 60%,transparent);color:var(--text-color)}.incorrect{background-color:color-mix(in srgb,var(--red-base) 60%,transparent);color:var(--text-color)}.exam-container{max-width:var(--max-width);margin:0 auto;padding:1rem 1rem 7rem;min-height:100vh}.exam-content,.exercises-container{display:flex;flex-direction:column;gap:1rem}.exercise-section{background:var(--bg-card);border:2px solid var(--border-color);border-radius:12px 18px 14px 20px/18px 14px 20px 12px;padding:1rem}.exercise-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;padding-bottom:.5rem}.exercise-header h2{margin:0;font-size:1.05rem;font-weight:700}.exercise-score{background:var(--bg-card-hover);color:var(--text-color);border:2px solid var(--border-color);border-radius:999px;padding:.3rem .7rem;font-size:.95rem;font-weight:700;white-space:nowrap}.exercise-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--bg-card);border:2px solid var(--border-color);border-radius:12px 18px 14px 20px/18px 14px 20px 12px;overflow:hidden}.exercise-table th,.exercise-table td{border-bottom:2px solid var(--border-color);border-right:2px solid var(--border-color);text-align:center;vertical-align:middle}.exercise-table th:last-child,.exercise-table td:last-child{border-right:none}.exercise-table tr:last-child td{border-bottom:none}.exercise-table th{background:var(--bg-card-hover);color:var(--text-color);font-weight:700;padding:.8rem .6rem}.exercise-table input[type=text]{width:100%;border:0;padding:.45rem .6rem;font:inherit;color:var(--text-color);background:transparent;text-align:center}.exercise-table input[type=text]:focus{outline:none;background:var(--bg-card)}.result-modal{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0f172a8c;backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .25s ease}.result-modal.visible{opacity:1;pointer-events:auto}.result-modal .modal-content{width:min(100%,420px);background:var(--bg-card);border:2px solid var(--border-color);border-radius:18px;box-shadow:0 18px 40px #0f172a33;padding:1.4rem;text-align:center;display:flex;flex-direction:column;gap:.85rem}.result-modal .modal-icon{width:3.25rem;height:3.25rem;margin:0 auto;display:grid;place-items:center;border-radius:999px;background:#7aa24229;color:var(--green-base)}.result-modal .modal-icon svg{width:1.7rem;height:1.7rem}.result-modal h2{margin:0;font-size:1.25rem;color:var(--text-color)}.result-modal p{margin:0;color:var(--text-muted);line-height:1.4;white-space:pre-line}.bottom-actions-bar{position:fixed;bottom:0;left:0;width:100%;background-color:var(--bg-color);z-index:1000;padding:.4rem .8rem;transition:background-color .3s ease}.bottom-bar-inner{max-width:var(--max-width);margin:0 auto;width:100%;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;border-top:2px dashed var(--border-color);gap:1rem;padding:.4rem .8rem}.tabs-nav{display:flex;position:relative;padding:4px;border:2px solid var(--border-color);border-radius:12px 18px 14px 20px/18px 14px 20px 12px;background:var(--bg-card);isolation:isolate}.tab-btn{position:relative;z-index:1}.tab-indicator{position:absolute;top:4px;left:4px;height:calc(100% - 8px);width:calc(50% - 4px);background:var(--purple-primary);border-radius:10px 15px 12px 16px/15px 12px 16px 10px;transition:transform .25s cubic-bezier(.4,0,.2,1);z-index:-1}.tabs-nav[data-active-tab=exam] .tab-indicator{transform:translate(100%)}.switch{flex:1;padding:.6rem 1.2rem;font-size:1rem;border:none;background:transparent!important;cursor:pointer;font-weight:700;color:var(--text-color);transition:color .25s ease;margin-left:.6rem;-webkit-tap-highlight-color:transparent;font-family:inherit}.switch.active{color:#fff}.action-buttons{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;justify-content:flex-end}.btn-submit,.btn-pdf,.tutor-toggle-btn{min-height:2.9rem}.exam-actions{display:none}.exam-actions .btn-submit{opacity:.65;pointer-events:none}.exam-actions .btn-submit.visible{opacity:1;pointer-events:auto}.tabs-nav[data-active-tab=exam]+.exam-actions{display:flex}.tabs-nav[data-active-tab=practice]+.exam-actions{display:none!important}.btn-pdf,.tutor-toggle-btn{gap:.4rem}.tutor-toggle-btn svg{flex-shrink:0}.tutor-panel{position:fixed;inset:0;z-index:1050;pointer-events:none}.tutor-panel:not(.hidden){pointer-events:auto}.tutor-panel-overlay{position:absolute;inset:0;background:#0f172a8c;opacity:0;transition:opacity .25s ease}.tutor-panel:not(.hidden) .tutor-panel-overlay{opacity:1}.tutor-panel-content{position:absolute;top:0;right:0;width:min(100%,420px);height:100%;background:var(--bg-card);border-left:2px solid var(--border-color);transform:translate(100%);transition:transform .28s ease;display:flex;flex-direction:column;overflow:hidden;box-shadow:-12px 0 30px #0f172a29}.tutor-panel:not(.hidden) .tutor-panel-content{transform:translate(0)}.tutor-header{padding:1rem 1.1rem;background:var(--purple-primary);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:.8rem}.tutor-title-group{display:flex;align-items:center;gap:.75rem}.tutor-header h2{margin:0;font-size:1.05rem}.tutor-header p{margin:.15rem 0 0;font-size:.9rem;opacity:.95}.close-tutor-btn{border:none;background:#ffffff29;color:#fff;width:2rem;height:2rem;border-radius:999px;cursor:pointer;font-size:1.1rem;display:grid;place-items:center}.api-config-section{border-bottom:1px solid var(--border-color);background:var(--bg-card-hover)}.api-config-section summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:1rem 1.1rem;cursor:pointer;font-weight:700;color:var(--text-color)}.api-config-section summary::-webkit-details-marker{display:none}.config-status{display:flex;align-items:center;gap:.6rem;min-width:0}.status-indicator{font-size:1rem}.config-content{padding:0 1.1rem 1rem;display:flex;flex-direction:column;gap:.65rem}.api-input-group{display:flex;gap:.55rem;margin-top:.4rem}#tutor-api-key{flex:1;border:2px solid var(--border-color);border-radius:10px;padding:.6rem .7rem;font:inherit;background:var(--bg-card);color:var(--text-color)}#tutor-api-key:focus{outline:none;border-color:var(--purple-primary)}.save-btn,.generate-btn{border:2px solid var(--border-color);background:var(--purple-primary);color:#fff;border-radius:10px;padding:.65rem .95rem;font:inherit;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;box-shadow:3px 4px 0 var(--shadow-color)}.save-btn:hover,.generate-btn:hover{transform:translateY(1px);box-shadow:2px 2px 0 var(--shadow-color)}.generate-section{padding:1.1rem;display:flex;flex-direction:column;gap:.75rem;background:var(--bg-card)}.generate-header h3{margin:0 0 .25rem;color:var(--text-color);font-size:1rem}.generate-header p{margin:0;color:var(--text-muted);font-size:.95rem;line-height:1.35}.generate-status{min-height:1.1rem;font-size:.95rem;color:var(--text-muted)}.generate-status.success{color:var(--green-base)}.generate-status.error{color:var(--red-base)}.generate-status.loading{color:var(--purple-primary)}@media(max-width:640px){.bottom-actions-bar{flex-direction:column;align-items:stretch}.btn-text{display:none}.bottom-actions-bar .btn{padding:.6rem}}