.language-selector{background:var(--color-bg-input);border:1px solid var(--color-text-muted);color:var(--color-text-secondary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.8rem;cursor:pointer;outline:none;transition:border-color var(--transition-fast)}.language-selector:focus{border-color:var(--color-cyan)}.language-selector option{background:var(--color-bg-secondary);color:var(--color-text-primary)}.header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.header-brand{display:flex;align-items:center;gap:var(--space-sm)}.header-icon{flex-shrink:0}.header-wordmark{font-family:var(--font-heading);font-size:1.15rem;color:var(--color-text-primary);letter-spacing:.5px}.header-actions{display:flex;align-items:center;gap:var(--space-sm)}.header-theme-toggle{display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--color-text-muted);color:var(--color-text-secondary);width:32px;height:32px;border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.header-theme-toggle:hover{color:var(--color-text-primary);border-color:var(--color-text-secondary)}.header-logout{background:none;border:1px solid var(--color-text-muted);color:var(--color-text-secondary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.8rem;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.header-logout:hover{color:var(--color-text-primary);border-color:var(--color-text-secondary)}.spinner{display:inline-block;border:3px solid var(--color-border-subtle);border-top-color:var(--litmus-cyan);border-radius:50%;animation:spin .8s linear infinite}.spinner-small{width:16px;height:16px;border-width:2px}.spinner-medium{width:32px;height:32px}@keyframes spin{to{transform:rotate(360deg)}}.password-gate{display:flex;align-items:center;justify-content:center;flex:1}.password-gate-card{display:flex;flex-direction:column;align-items:center;width:100%;max-width:420px}.password-gate-icon{margin-bottom:var(--space-lg)}.password-gate-title{font-size:2.5rem;color:var(--color-text-primary);letter-spacing:1px;margin-bottom:var(--space-xs)}.password-gate-gradient-bar{width:160px;height:5px;border-radius:2.5px;background:var(--litmus-gradient);margin-bottom:var(--space-md)}.password-gate-tagline{color:var(--color-text-secondary);font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:var(--space-2xl)}.password-gate-form{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.password-gate-input-row{display:flex;width:100%;max-width:320px;gap:var(--space-sm)}.password-gate-input{flex:1;padding:var(--space-sm) var(--space-md);background:var(--color-bg-input);border:1px solid var(--color-text-muted);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-body);font-size:.95rem;outline:none;transition:border-color var(--transition-fast)}.password-gate-input:focus{border-color:var(--litmus-cyan)}.password-gate-input:disabled{opacity:.6}.password-gate-button{width:48px;height:42px;background:var(--litmus-gradient);color:#fff;border:none;border-radius:var(--radius-sm);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity var(--transition-fast);flex-shrink:0}.password-gate-button:hover:not(:disabled){opacity:.9}.password-gate-button:disabled{opacity:.4;cursor:not-allowed}.password-gate-error{color:var(--litmus-incorrect);font-size:.85rem}.password-gate-helper{color:var(--color-text-muted);font-size:.75rem;margin-top:var(--space-xs)}.apikey-save-label{display:flex;align-items:center;gap:var(--space-xs);font-size:.8rem;color:var(--color-text-secondary);cursor:pointer}.apikey-save-label input[type=checkbox]{accent-color:var(--litmus-cyan)}.welcome{display:flex;align-items:center;justify-content:center;flex:1}.welcome-card{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:480px;padding:var(--space-xl)}.welcome-icon{margin-bottom:var(--space-lg)}.welcome-heading{font-size:2rem;margin-bottom:var(--space-sm)}.welcome-gradient-bar{width:120px;height:4px;border-radius:2px;background:var(--litmus-gradient);margin-bottom:var(--space-lg)}.welcome-body{color:var(--color-text-secondary);font-size:1rem;line-height:1.7;margin-bottom:var(--space-2xl)}.welcome-buttons{display:flex;gap:var(--space-md);flex-wrap:wrap;justify-content:center}.welcome-cta{padding:var(--space-sm) var(--space-2xl);background:var(--litmus-gradient);color:#fff;border:none;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:1rem;font-weight:600;cursor:pointer;transition:opacity var(--transition-fast),transform var(--transition-fast)}.welcome-cta:hover{opacity:.9;transform:translateY(-1px)}.welcome-cta-secondary{padding:var(--space-sm) var(--space-2xl);background:none;color:var(--color-text-secondary);border:1px solid var(--color-text-muted);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:1rem;font-weight:600;cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.welcome-cta-secondary:hover{border-color:var(--litmus-cyan);color:var(--color-text-primary);transform:translateY(-1px)}.welcome-divider{display:flex;align-items:center;width:100%;margin:var(--space-xl) 0 var(--space-lg);gap:var(--space-md)}.welcome-divider:before,.welcome-divider:after{content:"";flex:1;height:1px;background:var(--color-text-muted);opacity:.4}.welcome-divider span{color:var(--color-text-muted);font-size:.85rem;white-space:nowrap}.welcome-teach{padding:var(--space-sm) var(--space-2xl);background:none;color:var(--color-text-secondary);border:2px dashed var(--color-text-muted);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:1rem;font-weight:600;cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.welcome-teach:hover{border-color:var(--litmus-cyan);color:var(--color-text-primary);transform:translateY(-1px)}.welcome-lecturer{margin-top:var(--space-xl);background:none;border:none;color:var(--color-text-muted);font-family:var(--font-body);font-size:.8rem;cursor:pointer;padding:var(--space-xs) var(--space-sm);transition:color var(--transition-fast)}.welcome-lecturer:hover{color:var(--color-text-secondary)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-backdrop);display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--space-md)}.modal-card{background:var(--color-bg-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-xl);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-lg)}.modal-heading{font-size:1.4rem;text-align:center}.modal-label{display:flex;flex-direction:column;gap:var(--space-xs);font-size:.85rem;font-weight:500;color:var(--color-text-secondary)}.modal-input{padding:var(--space-sm) var(--space-md);background:var(--color-bg-input);border:1px solid var(--color-text-muted);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-body);font-size:1rem;outline:none;transition:border-color var(--transition-fast)}.modal-input:focus{border-color:var(--litmus-cyan)}.modal-textarea{padding:var(--space-sm) var(--space-md);background:var(--color-bg-input);border:1px solid var(--color-text-muted);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-body);font-size:1rem;line-height:1.6;resize:vertical;outline:none;transition:border-color var(--transition-fast)}.modal-textarea:focus{border-color:var(--litmus-cyan)}.modal-char-count{align-self:flex-end;font-size:.75rem;color:var(--color-text-muted)}.modal-actions{display:flex;gap:var(--space-md);justify-content:flex-end}.modal-cancel{padding:var(--space-sm) var(--space-lg);background:none;border:1px solid var(--color-text-muted);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-family:var(--font-body);font-size:.9rem;cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast)}.modal-cancel:hover{border-color:var(--color-text-secondary);color:var(--color-text-primary)}.modal-save{padding:var(--space-sm) var(--space-lg);background:var(--litmus-gradient);color:#fff;border:none;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.9rem;font-weight:600;cursor:pointer;transition:opacity var(--transition-fast)}.modal-save:hover:not(:disabled){opacity:.9}.modal-save:disabled{opacity:.4;cursor:not-allowed}.modal-upload-section{display:flex;flex-direction:column;gap:var(--space-xs)}.modal-upload-label{font-size:.85rem;font-weight:500;color:var(--color-text-secondary)}.modal-upload-hint{font-size:.75rem;color:var(--color-text-muted)}.modal-dropzone{border:2px dashed var(--litmus-cyan);border-radius:var(--radius-sm);padding:var(--space-lg) var(--space-md);text-align:center;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.modal-dropzone:hover{background:rgba(var(--litmus-cyan-rgb),.05)}.modal-dropzone--active{border-color:var(--litmus-orange);background:rgba(var(--litmus-amber-rgb),.08)}.modal-dropzone--disabled{opacity:.4;cursor:not-allowed}.modal-dropzone-text{font-size:.85rem;color:var(--color-text-muted)}.modal-file-input{display:none}.modal-file-list{display:flex;flex-direction:column;gap:var(--space-xs)}.modal-file-item{display:flex;align-items:center;justify-content:space-between;background:var(--color-bg-input);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);font-size:.8rem}.modal-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-primary)}.modal-file-remove{background:none;border:none;color:var(--color-text-muted);font-size:1.1rem;cursor:pointer;padding:0 var(--space-xs);line-height:1;flex-shrink:0}.modal-file-remove:hover{color:var(--litmus-incorrect)}.modal-file-error{font-size:.8rem;color:var(--litmus-incorrect);margin:0}.modal-validation-hint{font-size:.8rem;color:var(--color-text-muted);margin:0;text-align:center}.modal-existing-files,.modal-knowledge-preview{display:flex;flex-direction:column;gap:var(--space-xs)}.modal-knowledge-toggle{background:none;border:none;color:var(--litmus-cyan);font-family:var(--font-body);font-size:.85rem;font-weight:500;cursor:pointer;text-align:left;padding:0}.modal-knowledge-toggle:hover{text-decoration:underline}.modal-knowledge-text{background:var(--color-bg-input);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);font-family:var(--font-body);font-size:.75rem;line-height:1.5;color:var(--color-text-secondary);max-height:200px;overflow-y:auto;white-space:pre-wrap;margin:0}.modal-extracting{font-size:.85rem;color:var(--litmus-cyan);text-align:center;margin:0}.modal-extract-error{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.modal-save-without{background:none;border:1px solid var(--color-text-muted);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-family:var(--font-body);font-size:.8rem;padding:var(--space-xs) var(--space-md);cursor:pointer}.modal-save-without:hover{border-color:var(--color-text-secondary);color:var(--color-text-primary)}.catalog-modal{background:var(--color-bg-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-xl);width:100%;max-width:680px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-lg)}.catalog-subheading{text-align:center;color:var(--color-text-secondary);font-size:.9rem;margin:0}.catalog-search{padding:var(--space-sm) var(--space-md);background:var(--color-bg-input);border:1px solid var(--color-text-muted);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-body);font-size:1rem;outline:none;transition:border-color var(--transition-fast)}.catalog-search:focus{border-color:var(--litmus-cyan)}.catalog-body{display:flex;flex-direction:column;gap:var(--space-md);min-height:120px;max-height:50vh;overflow-y:auto}.catalog-spinner-wrap{display:flex;justify-content:center;padding:var(--space-xl)}.catalog-spinner{width:28px;height:28px;border:3px solid var(--color-border-subtle);border-top-color:var(--litmus-cyan);border-radius:50%;animation:catalog-spin .7s linear infinite}@keyframes catalog-spin{to{transform:rotate(360deg)}}.catalog-error{text-align:center;padding:var(--space-lg);color:var(--color-text-secondary)}.catalog-error p{margin:0 0 var(--space-md)}.catalog-retry-btn{padding:var(--space-xs) var(--space-lg);background:none;border:1px solid var(--litmus-cyan);border-radius:var(--radius-sm);color:var(--litmus-cyan);font-family:var(--font-body);font-size:.85rem;cursor:pointer;transition:background var(--transition-fast)}.catalog-retry-btn:hover{background:rgba(var(--litmus-cyan-rgb),.08)}.catalog-empty{text-align:center;color:var(--color-text-muted);padding:var(--space-xl);margin:0}.catalog-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs);transition:border-color var(--transition-fast)}.catalog-card:hover{border-color:var(--litmus-cyan)}.catalog-card-header{display:flex;align-items:center;gap:var(--space-sm)}.catalog-card-name{font-weight:600;font-size:.95rem;color:var(--color-text-primary)}.catalog-card-locale{font-size:.7rem;font-weight:500;color:var(--litmus-cyan);border:1px solid var(--litmus-cyan);border-radius:var(--radius-sm);padding:1px 6px;text-transform:uppercase}.catalog-card-desc{font-size:.8rem;color:var(--color-text-secondary);line-height:1.4;margin:0}.catalog-card-meta{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.catalog-card-author{font-size:.75rem;color:var(--color-text-muted)}.catalog-card-tags{display:flex;gap:4px;flex-wrap:wrap}.catalog-tag{font-size:.7rem;background:rgba(var(--litmus-cyan-rgb),.12);color:var(--litmus-cyan);padding:1px 8px;border-radius:10px;white-space:nowrap}.catalog-card-action{display:flex;justify-content:flex-end;margin-top:var(--space-xs)}.catalog-import-btn{padding:var(--space-xs) var(--space-md);background:var(--litmus-gradient);color:#fff;border:none;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.8rem;font-weight:600;cursor:pointer;transition:opacity var(--transition-fast)}.catalog-import-btn:hover:not(:disabled){opacity:.9}.catalog-import-btn:disabled{opacity:.5;cursor:not-allowed}.catalog-update-btn{background:var(--litmus-amber)}.catalog-badge{font-size:.75rem;font-weight:500;padding:2px 10px;border-radius:10px}.catalog-badge-imported{background:rgba(var(--litmus-correct-rgb),.15);color:var(--litmus-correct)}.catalog-footer{border-top:1px solid var(--color-border-subtle);padding-top:var(--space-md);text-align:center}.catalog-publish-heading{font-size:.85rem;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-xs)}.catalog-publish-info{font-size:.8rem;color:var(--color-text-secondary);margin:0 0 var(--space-xs)}.catalog-publish-link{font-size:.8rem;color:var(--litmus-cyan);text-decoration:none}.catalog-publish-link:hover{text-decoration:underline}.materials-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-backdrop);display:flex;align-items:center;justify-content:center;z-index:100}.materials-panel{background:var(--color-bg-primary);border-radius:var(--radius-lg);padding:var(--space-xl);max-width:600px;width:90%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 16px 48px #0000004d}.materials-panel-close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:1.5rem;color:var(--color-text-muted);cursor:pointer;line-height:1}.materials-panel-close:hover{color:var(--color-text-primary)}.materials-panel-title{font-family:var(--font-heading);font-size:1.4rem;margin:0 0 var(--space-xs) 0}.materials-panel-subtitle{color:var(--color-text-secondary);font-size:.9rem;margin:0 0 var(--space-lg) 0}.materials-section{margin-bottom:var(--space-lg)}.materials-section h4{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin:0 0 var(--space-sm) 0}.materials-blueprint-sections{display:flex;flex-direction:column;gap:var(--space-xs)}.materials-blueprint-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) var(--space-sm);background:var(--color-bg-secondary);border-radius:var(--radius-sm);font-size:.9rem}.materials-blueprint-title{font-weight:500}.materials-blueprint-meta{display:flex;gap:var(--space-xs)}.materials-tag{display:inline-block;padding:1px 8px;border-radius:10px;font-size:.75rem;background:var(--litmus-cyan);color:#fff;opacity:.85}.materials-list{display:flex;flex-direction:column;gap:var(--space-xs)}.materials-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--color-bg-secondary);border-radius:var(--radius-sm)}.materials-item-icon{font-size:1.2rem;flex-shrink:0;width:28px;text-align:center}.materials-item-info{flex:1;display:flex;flex-direction:column}.materials-item-name{font-size:.9rem;font-weight:500}.materials-item-meta{font-size:.75rem;color:var(--color-text-muted)}.materials-item-download{background:none;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:4px 10px;cursor:pointer;font-size:1rem;color:var(--color-text-secondary);transition:color var(--transition-fast),border-color var(--transition-fast)}.materials-item-download:hover{color:var(--litmus-cyan);border-color:var(--litmus-cyan)}.materials-item-download:disabled{opacity:.4;cursor:default}.materials-exercise-list{display:flex;flex-direction:column;gap:var(--space-xs)}.materials-exercise-item{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--color-bg-secondary);border-radius:var(--radius-sm);font-size:.85rem}.materials-exercise-text{flex:1;line-height:1.4}.materials-exercise-more{font-size:.8rem;color:var(--color-text-muted);font-style:italic;margin:var(--space-xs) 0 0 0}.topic-tile-materials-badge{position:absolute;bottom:6px;left:50%;transform:translate(-50%);display:flex;gap:2px;align-items:center;padding:1px 8px;border-radius:10px;font-size:.7rem;background:var(--litmus-cyan);color:#fff;opacity:0;transition:opacity var(--transition-fast);cursor:pointer;white-space:nowrap}.topic-tile-custom:hover .topic-tile-materials-badge{opacity:.85}.topic-tile-materials-badge:hover{opacity:1!important}.topic-selection{text-align:center}.topic-selection-heading{font-size:1.75rem;margin-bottom:var(--space-xs)}.topic-selection-subheading{color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.topic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-md)}.topic-tile{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast);color:var(--color-text-primary);font-family:var(--font-body)}.topic-tile:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000004d;border-color:var(--litmus-cyan)}.topic-icon{flex-shrink:0}.topic-tile-name{font-size:.95rem;font-weight:500}.topic-tile-custom{border-style:dashed;position:relative}.topic-tile-custom-icon{font-size:1.5rem;opacity:.7}.topic-tile-delete{position:absolute;top:6px;right:8px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1rem;color:var(--color-text-muted);background:var(--color-bg-primary);cursor:pointer;opacity:0;transition:opacity var(--transition-fast),color var(--transition-fast)}.topic-tile-custom:hover .topic-tile-delete{opacity:1}.topic-tile-delete:hover{color:var(--litmus-incorrect)}.topic-tile-create{border-style:dashed;border-color:var(--color-text-muted);opacity:.7;transition:opacity var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.topic-tile-create:hover{opacity:1}.topic-tile-create-icon{font-size:2rem;line-height:1;color:var(--litmus-cyan)}.topic-tile-edit{position:absolute;top:6px;left:8px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.8rem;color:var(--color-text-muted);background:var(--color-bg-primary);cursor:pointer;opacity:0;transition:opacity var(--transition-fast),color var(--transition-fast)}.topic-tile-custom:hover .topic-tile-edit{opacity:1}.topic-tile-edit:hover{color:var(--litmus-cyan)}.topic-tile-export{position:absolute;top:6px;right:34px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.8rem;color:var(--color-text-muted);background:var(--color-bg-primary);cursor:pointer;opacity:0;transition:opacity var(--transition-fast),color var(--transition-fast)}.topic-tile-custom:hover .topic-tile-export{opacity:1}.topic-tile-export:hover{color:var(--litmus-cyan)}.topic-tile-catalog{border-style:dashed;border-color:var(--litmus-cyan);opacity:.7;transition:opacity var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.topic-tile-catalog:hover{opacity:1}.topic-tile-catalog-icon{font-size:2rem;line-height:1}.streaming-text{font-size:1rem;line-height:1.7;white-space:pre-wrap;word-break:break-word}.streaming-cursor{display:inline-block;width:2px;height:1.1em;background-color:var(--litmus-cyan);margin-left:2px;vertical-align:text-bottom;animation:blink .7s step-end infinite}@keyframes blink{50%{opacity:0}}.quiz{display:flex;flex-direction:column;gap:var(--space-lg)}.quiz-header{display:flex;align-items:center;gap:var(--space-md)}.quiz-back-button{background:none;border:1px solid var(--color-text-muted);color:var(--color-text-secondary);font-family:var(--font-body);font-size:.85rem;cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:color var(--transition-fast),border-color var(--transition-fast)}.quiz-back-button:hover{color:var(--color-text-primary);border-color:var(--color-text-secondary)}.quiz-topic-name{font-size:1.3rem;flex:1}.quiz-difficulty-badge{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--litmus-amber);background:rgba(var(--litmus-amber-rgb),.1);padding:2px 8px;border-radius:99px;font-weight:500}.quiz-score{display:flex;align-items:baseline;gap:2px;font-family:var(--font-body);font-weight:600;font-size:1rem;margin-left:auto}.quiz-score-correct{color:var(--litmus-correct)}.quiz-score-separator{color:var(--color-text-muted);font-size:.85rem}.quiz-score-total{color:var(--color-text-secondary)}.difficulty-selector{text-align:center;padding:var(--space-xl) 0}.difficulty-heading{font-size:1.5rem;margin-bottom:var(--space-xs)}.difficulty-subheading{color:var(--color-text-secondary);margin-bottom:var(--space-xl);font-size:.95rem}.difficulty-options{display:flex;flex-direction:column;gap:var(--space-md);max-width:480px;margin:0 auto}.difficulty-option{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xs);padding:var(--space-md) var(--space-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);color:var(--color-text-primary);font-family:var(--font-body)}.difficulty-option:hover{transform:translateY(-2px);border-color:var(--litmus-cyan);box-shadow:0 4px 16px #00000040}.difficulty-option-name{font-weight:600;font-size:1.05rem}.difficulty-option-desc{font-size:.85rem;color:var(--color-text-secondary);line-height:1.5}.type-heading{font-family:var(--font-body);font-size:.85rem;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-top:var(--space-xl);margin-bottom:var(--space-sm)}.type-toggles{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center}.type-toggle{padding:var(--space-xs) var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:99px;color:var(--color-text-secondary);font-family:var(--font-body);font-size:.85rem;cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}.type-toggle:hover{border-color:var(--litmus-cyan);color:var(--color-text-primary)}.type-toggle.active{border-color:var(--litmus-cyan);background:rgba(var(--litmus-cyan-rgb),.1);color:var(--litmus-cyan);font-weight:500}.quiz-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-2xl);color:var(--color-text-secondary)}.quiz-question{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--space-lg)}.quiz-question h3{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--litmus-cyan);margin-bottom:var(--space-sm);font-family:var(--font-body);font-weight:500}.quiz-question-text{font-size:1.05rem;line-height:1.7}.quiz-hint{margin-top:var(--space-md);color:var(--color-text-secondary);font-size:.9rem}.quiz-hint summary{cursor:pointer;color:var(--litmus-amber);font-weight:500;transition:color var(--transition-fast)}.quiz-hint summary:hover{color:var(--litmus-orange)}.quiz-hint p{margin-top:var(--space-sm);padding-left:var(--space-md);border-left:2px solid var(--litmus-amber)}.quiz-answer-area{display:flex;flex-direction:column;gap:var(--space-md)}.quiz-answer-input{width:100%;padding:var(--space-md);background:var(--color-bg-input);border:1px solid var(--color-text-muted);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-body);font-size:1rem;line-height:1.6;resize:vertical;outline:none;transition:border-color var(--transition-fast)}.quiz-answer-input:focus{border-color:var(--litmus-cyan)}.quiz-submit-button{align-self:flex-end;padding:var(--space-sm) var(--space-xl);background:var(--litmus-dark);color:#e8e8e8;border:none;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity var(--transition-fast),transform var(--transition-fast)}.quiz-submit-button:hover:not(:disabled){opacity:.85;transform:translateY(-1px)}.quiz-submit-button:disabled{opacity:.4;cursor:not-allowed}.quiz-evaluating{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--space-lg)}.quiz-feedback{border-radius:var(--radius-md);padding:var(--space-lg)}.quiz-feedback.correct{background:var(--color-correct-bg);border-left:4px solid var(--litmus-correct)}.quiz-feedback.incorrect{background:var(--color-incorrect-bg);border-left:4px solid var(--litmus-incorrect)}.quiz-feedback-indicator{font-family:var(--font-heading);font-size:1.2rem;margin-bottom:var(--space-sm)}.correct .quiz-feedback-indicator{color:var(--litmus-correct)}.incorrect .quiz-feedback-indicator{color:var(--litmus-incorrect)}.quiz-feedback-text{line-height:1.7;margin-bottom:var(--space-lg)}.quiz-next-button{padding:var(--space-sm) var(--space-xl);background:var(--litmus-gradient);color:#fff;border:none;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity var(--transition-fast),transform var(--transition-fast)}.quiz-next-button:hover{opacity:.9;transform:translateY(-1px)}.quiz-error{text-align:center;padding:var(--space-xl);color:var(--color-text-secondary)}.quiz-error p{margin-bottom:var(--space-md)}.quiz-error button{padding:var(--space-sm) var(--space-lg);background:var(--color-bg-secondary);border:1px solid var(--color-text-muted);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-body);font-size:.9rem;cursor:pointer;transition:border-color var(--transition-fast)}.quiz-error button:hover{border-color:var(--litmus-cyan)}.quiz-tf-buttons{display:flex;gap:var(--space-md)}.quiz-tf-button{flex:1;padding:var(--space-md);background:var(--color-bg-secondary);border:2px solid var(--color-text-muted);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-body);font-size:1.05rem;font-weight:600;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.quiz-tf-button:hover{border-color:var(--litmus-cyan)}.quiz-tf-button.selected{border-color:var(--litmus-cyan);background:rgba(var(--litmus-cyan-rgb),.1)}.quiz-mc-choices{display:flex;flex-direction:column;gap:var(--space-sm)}.quiz-mc-choice{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast);font-size:.95rem;color:var(--color-text-primary)}.quiz-mc-choice:hover{border-color:var(--litmus-cyan)}.quiz-mc-choice.selected{border-color:var(--litmus-cyan);background:rgba(var(--litmus-cyan-rgb),.08)}.quiz-mc-choice input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid var(--color-text-muted);border-radius:50%;flex-shrink:0;position:relative;transition:border-color var(--transition-fast)}.quiz-mc-choice input[type=radio]:checked{border-color:var(--litmus-cyan)}.quiz-mc-choice input[type=radio]:checked:after{content:"";position:absolute;top:3px;left:3px;width:8px;height:8px;background:var(--litmus-cyan);border-radius:50%}.quiz-gap-input{width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-bg-input);border:1px solid var(--color-text-muted);border-bottom:2px solid var(--litmus-amber);border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:var(--color-text-primary);font-family:var(--font-body);font-size:1.05rem;outline:none;transition:border-color var(--transition-fast)}.quiz-gap-input:focus{border-color:var(--litmus-cyan);border-bottom-color:var(--litmus-cyan)}.error-message{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);background:var(--color-error-bg);border:1px solid var(--litmus-incorrect);border-radius:var(--radius-sm);color:var(--litmus-incorrect);font-size:.9rem}.error-message-dismiss{background:none;border:none;color:var(--litmus-incorrect);font-size:1.2rem;cursor:pointer;padding:0 var(--space-xs);line-height:1;opacity:.7;transition:opacity var(--transition-fast)}.error-message-dismiss:hover{opacity:1}.error-boundary{display:flex;align-items:center;justify-content:center;flex:1;padding:var(--space-xl)}.error-boundary-card{display:flex;flex-direction:column;align-items:center;width:100%;max-width:480px;text-align:center}.error-boundary-icon{margin-bottom:var(--space-lg)}.error-boundary-heading{font-family:var(--font-heading);font-size:1.75rem;color:var(--color-text-primary);margin-bottom:var(--space-xs)}.error-boundary-gradient-bar{width:120px;height:4px;border-radius:2px;background:var(--litmus-gradient);margin-bottom:var(--space-lg)}.error-boundary-message{width:100%;padding:var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:8px;color:var(--color-error);font-family:IBM Plex Mono,monospace;font-size:.85rem;line-height:1.5;white-space:pre-wrap;word-break:break-word;text-align:left;margin-bottom:var(--space-xl)}.error-boundary-reload{padding:.75rem 2rem;font-family:var(--font-body);font-size:.95rem;font-weight:600;color:#fff;background:var(--litmus-gradient);border:none;border-radius:8px;cursor:pointer;transition:opacity .15s ease}.error-boundary-reload:hover{opacity:.9}.offline-indicator{position:fixed;bottom:0;left:0;right:0;padding:6px 16px;background:var(--litmus-amber, #F7931E);color:#1a1a2e;text-align:center;font-size:.8rem;font-weight:500;z-index:200}:root{--litmus-orange: #FF6B35;--litmus-amber: #F7931E;--litmus-cyan: #00B4D8;--litmus-deep-cyan: #0077B6;--litmus-dark: #1a1a2e;--litmus-mid-dark: #16213e;--litmus-warm-gray: #f5f5f2;--litmus-border: #e8e8e4;--litmus-correct: #2a9d4e;--litmus-incorrect: #c44536;--litmus-gradient: linear-gradient(to right, #FF6B35, #F7931E, #00B4D8);--font-heading: "DM Serif Display", Georgia, serif;--font-body: "IBM Plex Sans", -apple-system, sans-serif;--color-bg-primary: var(--litmus-dark);--color-bg-secondary: var(--litmus-mid-dark);--color-bg-input: #1a1a3e;--color-text-primary: #e8e8e8;--color-text-secondary: #a0a0b8;--color-text-muted: #6c6c80;--color-correct-bg: rgba(var(--litmus-correct-rgb), .12);--color-incorrect-bg: rgba(var(--litmus-incorrect-rgb), .12);--color-border-subtle: rgba(255, 255, 255, .06);--color-error: var(--litmus-incorrect);--color-error-bg: rgba(var(--litmus-incorrect-rgb), .08);--bloom-remember: #7B68EE;--bloom-understand: #00B4D8;--bloom-apply: #2a9d4e;--bloom-analyze: #F7931E;--bloom-evaluate: #FF6B35;--bloom-create: #c44536;--litmus-cyan-rgb: 0, 180, 216;--litmus-amber-rgb: 247, 147, 30;--litmus-orange-rgb: 255, 107, 53;--litmus-correct-rgb: 42, 157, 78;--litmus-incorrect-rgb: 196, 69, 54;--litmus-dark-rgb: 26, 26, 46;--overlay-backdrop: rgba(0, 0, 0, .6);--litmus-partial: #e6a817;--color-partial-bg: rgba(230, 168, 23, .12);--exhibit-border: rgba(var(--litmus-cyan-rgb), .15);--exhibit-header-bg: rgba(var(--litmus-cyan-rgb), .08);--exhibit-stripe: rgba(255, 255, 255, .02);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--transition-fast: .15s ease;--transition-normal: .25s ease}[data-theme=light]{--color-bg-primary: #f5f5f2;--color-bg-secondary: #ffffff;--color-bg-input: #ffffff;--color-text-primary: #1a1a2e;--color-text-secondary: #4a4a5a;--color-text-muted: #8a8a9a;--color-border-subtle: rgba(0, 0, 0, .08);--color-correct-bg: rgba(var(--litmus-correct-rgb), .08);--color-incorrect-bg: rgba(var(--litmus-incorrect-rgb), .08);--color-error-bg: rgba(var(--litmus-incorrect-rgb), .05);--color-partial-bg: rgba(230, 168, 23, .08);--exhibit-border: rgba(var(--litmus-cyan-rgb), .2);--exhibit-header-bg: rgba(var(--litmus-cyan-rgb), .06);--exhibit-stripe: rgba(0, 0, 0, .02)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;min-height:100vh}h1,h2,h3{font-family:var(--font-heading);font-weight:400;line-height:1.2}.skip-nav{position:absolute;left:-9999px;top:0;z-index:999;padding:8px 16px;background:var(--litmus-cyan);color:#fff;font-size:.85rem;text-decoration:none;border-radius:0 0 var(--radius-sm) var(--radius-sm)}.skip-nav:focus{left:50%;transform:translate(-50%)}.app{max-width:800px;margin:0 auto;padding:var(--space-md);min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1;display:flex;flex-direction:column;justify-content:center}