@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap";#root{text-align:left}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:var(--text-muted)}.app-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;padding:0;background:var(--bg-color);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column;width:100%;max-width:none}.app-container h1:not(.dashboard-header h1){color:var(--text-primary);font-size:28px;font-weight:600;margin:0}.loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--overlay-bg);display:flex;justify-content:center;align-items:center;z-index:1000;flex-direction:column}.loader{border:8px solid var(--border-color);border-top:8px solid var(--brand-primary);border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite}.error-message{color:var(--error-color);background-color:var(--error-bg-light);border:1px solid var(--error-color);padding:1rem;border-radius:8px;margin-bottom:1rem;width:100%;box-sizing:border-box}.dashboard-header{background:var(--brand-gradient);color:#fff;padding:24px 40px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-md);width:100vw;box-sizing:border-box;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.dashboard-header h1{margin:0;font-size:28px;font-weight:600;color:#fff;text-align:left}.dashboard-header .header-right{display:flex;align-items:center;gap:12px}.dashboard-header .user-badge{font-size:14px;opacity:1;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.2)}.dashboard-header .role-badge{background:#ffffff4d;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize;text-shadow:0 1px 2px rgba(0,0,0,.15)}.dashboard-header .dashboard-button{background:#ffffff2e;border:1px solid rgba(255,255,255,.4);color:#fff;padding:7px 14px;border-radius:20px;cursor:pointer;font-size:.85rem;font-weight:600;transition:background .15s;white-space:nowrap}.dashboard-header .dashboard-button:hover{background:#ffffff4d}.dashboard-header .sign-out-button{background:#ffffff2e;border:1px solid rgba(255,255,255,.4);color:#fff;padding:7px 14px;border-radius:20px;cursor:pointer;font-size:.85rem;font-weight:600;transition:background .15s;white-space:nowrap}.dashboard-header .sign-out-button:hover{background:#ffffff4d}.generator-content{padding:0 40px 40px;max-width:1400px;margin:0 auto;width:100%;background:var(--bg-color)}.generator-footer-bar{height:32px;background:var(--brand-gradient)}.generator-footer-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:24px 0 8px}.back-to-top-link{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;font-size:14px;font-weight:600;color:#fff;background:var(--brand-gradient);border:none;border-radius:999px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;box-shadow:0 10px 24px #5c56d638}.back-to-top-link:hover{transform:translateY(-1px);box-shadow:0 14px 28px #5c56d647}.back-to-top-link:active{transform:translateY(0);opacity:.92}.content-display{width:100%;max-width:1400px}.content-display textarea{width:100%;height:200px;padding:10px;box-sizing:border-box;border:1px solid var(--border-color-medium);border-radius:4px;background-color:var(--surface-color);color:var(--text-primary)}.button-group{display:flex;gap:20px;margin-bottom:2rem}.button-group button{background:var(--brand-gradient);color:var(--text-inverse);padding:10px 15px;border:none;border-radius:4px;cursor:pointer;font-size:16px}.button-group button.reset-button{background-color:var(--button-reset-bg)}@media (max-width: 768px){#root{padding:0}.dashboard-header{padding:16px 20px;flex-direction:column;gap:12px;align-items:flex-start}.dashboard-header h1{font-size:22px}.dashboard-header .header-right{width:100%;flex-wrap:wrap;gap:8px}.dashboard-header .user-badge{font-size:12px}.dashboard-header .role-badge,.dashboard-header .dashboard-button,.dashboard-header .sign-out-button{font-size:12px;padding:6px 12px}.generator-content{padding:20px 16px}.button-group{flex-direction:column;gap:12px}.button-group button{width:100%;padding:12px}}@media (max-width: 480px){.dashboard-header{padding:12px 16px}.dashboard-header h1{font-size:18px}.dashboard-header .header-right{gap:6px}.dashboard-header .role-badge,.dashboard-header .dashboard-button,.dashboard-header .sign-out-button{font-size:11px;padding:5px 10px}.generator-content{padding:16px 12px}.content-display textarea{height:150px;font-size:14px}.loader-overlay p{font-size:14px;padding:0 20px;text-align:center}}.px-pulse-guide{position:relative;animation:px-pulse-ring 1.8s ease-in-out infinite;box-shadow:0 0 #667eeacc;z-index:2;transform:scale(1)}@keyframes px-pulse-ring{0%{box-shadow:0 0 2px #667eeab3;transform:scale(1)}50%{box-shadow:0 0 8px 10px #667eea00;transform:scale(1.025)}to{box-shadow:0 0 2px #667eea00;transform:scale(1)}}.px-pulse-guide:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:inherit;background:linear-gradient(135deg,#667eea40,#9f7aea40);z-index:-1;animation:px-glow-fade 1.8s ease-in-out infinite;pointer-events:none}@keyframes px-glow-fade{0%,to{opacity:.5}50%{opacity:1}}.header-icon-link{text-decoration:none!important;cursor:pointer;display:inline-block;transition:transform .2s ease,filter .2s ease}.header-icon-link:hover{transform:scale(1.2);filter:brightness(1.2)}.modal-content.image-purpose-modal{max-width:700px;width:95vw;padding:.75rem 1.25rem 1rem}.modal-content.image-purpose-modal .modal-header{padding-bottom:.5rem;margin-bottom:.5rem}.modal-content.image-purpose-modal .modal-header h2{font-size:1.2rem}.modal-content.image-purpose-modal .modal-body{overflow:visible;padding:.5rem 0;flex-grow:0}.modal-content.image-purpose-modal .modal-footer{margin-top:.75rem}.image-purpose-option{display:flex;align-items:flex-start;gap:10px;padding:10px;border:1px solid var(--card-border-color);border-radius:6px;cursor:pointer;transition:border-color .2s,box-shadow .2s}.image-purpose-option:has(input:checked){border-color:var(--button-accent-bg);box-shadow:0 0 0 2px #1f6feb66}.image-purpose-option input{margin-top:5px}.image-purpose-option label{display:flex;flex-direction:column;gap:4px;cursor:pointer}.image-purpose-option label strong{color:var(--header-color)}.image-purpose-option label span{font-size:.9em;color:var(--text-color)}.modal-content .modal-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem}.modal-content .modal-header{margin-bottom:0}.modal-content .modal-body>p{color:var(--header-color)}.modal-content .modal-footer .btn-cancel{background-color:var(--button-reset-bg);color:var(--button-reset-text);border-color:var(--button-reset-bg)}.modal-content .modal-footer .btn-cancel:hover{background-color:var(--button-reset-hover-bg);border-color:var(--button-reset-hover-bg)}.modal-content .modal-footer .btn-confirm{background-color:var(--button-accent-bg);color:var(--button-accent-text);border-color:var(--button-accent-bg)}.modal-content .modal-footer .btn-confirm:hover{background-color:var(--button-accent-hover-bg);border-color:var(--button-accent-hover-bg)}.content-loader-container{width:100%;max-width:1400px;padding:10px 20px 20px;box-sizing:border-box;background-color:var(--card-bg-color);border:1px solid var(--card-border-color);border-radius:8px;margin-bottom:-1rem}.content-loader-container h2{color:var(--header-color);margin-top:0;text-align:left}.source-tabs{display:flex;border-bottom:1px solid var(--card-border-color);align-items:center;overflow-x:auto;padding-bottom:20px;margin-bottom:-20px}.source-tab{display:flex;align-items:center;position:relative}.tab-name{padding:12px 20px;font-size:1.15em;font-weight:500;background-color:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-color);cursor:pointer;margin-bottom:-1px;white-space:nowrap}.source-tab.active .tab-name{color:var(--header-color);border-bottom-color:var(--button-accent-bg)}.tab-close{background:transparent;border:none;color:var(--text-color);cursor:pointer;font-size:1.2em;padding:0 8px;margin-left:-8px;border-radius:50%;line-height:1}.tab-close:hover{background-color:var(--button-secondary-hover-bg);color:var(--header-color)}.importance-selector{margin-left:-5px;margin-right:5px;background-color:var(--card-bg-color);border:1px solid var(--card-border-color);border-radius:4px;color:var(--text-color);font-size:.8em;padding:2px 4px}.importance-selector:focus{outline:none;border-color:var(--button-accent-bg)}.add-source-btn{background:transparent;border:none;color:var(--button-accent-bg);cursor:pointer;font-size:1.5em;font-weight:700;padding:0 12px;margin-left:8px}.add-source-btn:hover{background-color:var(--button-secondary-hover-bg)}.add-source-btn:disabled{opacity:.5;cursor:not-allowed}.tab-tooltip{visibility:hidden;opacity:0;position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:12px;padding:10px 15px;background-color:var(--bg-color);border:1px solid var(--card-border-color);border-radius:6px;box-shadow:var(--shadow-md);z-index:10;width:300px;font-size:.9em;text-align:left;white-space:pre-wrap;pointer-events:none;transition:opacity .2s,visibility .2s;color:var(--header-color)}.tab-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:var(--card-border-color) transparent transparent transparent}.source-tab:hover .tab-tooltip{visibility:visible;opacity:1}.source-content-area{margin-top:1.5rem}.content-loader-hint{margin:.5rem 0 1rem;font-size:.85em;color:var(--text-secondary);text-align:center}.content-loader-hint-empty{font-size:1.05em;font-weight:600;color:var(--primary-color, #6366f1);animation:hint-pulse 2s ease-in-out infinite}.content-loader-hint-warning{color:#b45309;background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;padding:.4rem .75rem;font-size:.82em;margin-top:0}@keyframes hint-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.01)}}.input-mode-tabs{display:flex;gap:0;border-bottom:2px solid var(--border-color);margin-bottom:1rem}.input-mode-tab{padding:8px 16px;font-size:.9em;font-weight:500;background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;color:var(--text-secondary);cursor:pointer;transition:color .2s,border-color .2s;white-space:nowrap}.input-mode-tab:hover{color:var(--text-primary)}.input-mode-tab.active{color:var(--brand-primary, #667eea);border-bottom-color:var(--brand-primary, #667eea)}.input-mode-content{min-height:80px}.input-mode-content textarea{width:100%;box-sizing:border-box;height:180px;resize:vertical}.input-group{display:flex;align-items:center;gap:10px;margin-bottom:10px}.input-group .action-button{background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:var(--button-accent-text);border:none;flex-shrink:0;padding:6px 12px;font-size:.9em;border-radius:8px;cursor:pointer;transition:all .2s}.input-group .action-button.transcribe-btn{padding:8px 18px;font-size:1.05em}.input-group .action-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--button-accent-shadow, 0 4px 12px rgba(102, 126, 234, .4))}@keyframes transcribe-pulse{0%{transform:scale(1);box-shadow:0 0 #667eeab3}50%{transform:scale(1.03);box-shadow:0 0 0 10px #667eea00}to{transform:scale(1);box-shadow:0 0 #667eea00}}.input-group .action-button.transcribe-pulse{animation:transcribe-pulse 1.5s ease-in-out infinite}.input-group label{font-weight:700;white-space:nowrap;flex-shrink:0;color:var(--header-color);font-size:1.1em}.input-group input[type=text]{flex-grow:1}.drop-zone{border:2px dashed var(--input-border-color);border-radius:8px;padding:20px;text-align:center;cursor:pointer;transition:border-color .3s,background-color .3s;min-height:80px;display:flex;flex-direction:column;justify-content:center;margin-bottom:.75rem}.drop-zone:hover{border-color:var(--button-accent-bg)}.drop-zone-text .file-input-label{color:var(--button-accent-bg);font-weight:500;text-decoration:underline;cursor:pointer;opacity:1}.file-input-hidden{display:none}textarea{width:100%;box-sizing:border-box;height:200px;resize:vertical}.image-preview-container{width:100%;display:flex;justify-content:center;margin-bottom:1rem}.image-preview{max-width:100%;max-height:250px;object-fit:contain;border-radius:6px}.test-processing-toggle{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin-bottom:1rem;text-align:left}.test-processing-toggle label{font-weight:700;color:var(--header-color);cursor:pointer;font-size:1em}.test-source-help-link{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background-color:var(--button-secondary-bg, #374151);color:var(--text-secondary, #9ca3af);font-size:.75em;font-weight:700;text-decoration:none;cursor:pointer;transition:all .2s ease;vertical-align:middle;border:1px solid var(--border-color, #4b5563)}.test-source-help-link:hover{background-color:var(--brand-primary, #667eea);color:#fff;border-color:var(--brand-primary, #667eea);transform:scale(1.1)}.image-assets-container{margin-top:1.5rem;border-top:1px solid var(--card-border-color);padding-top:1.5rem;text-align:left}.image-assets-container h4{margin-top:0;margin-bottom:1rem;color:var(--header-color)}.image-thumbnails{display:flex;flex-wrap:wrap;gap:1rem}.image-asset-item{display:flex;flex-direction:column;gap:.5rem;align-items:center}.image-asset-thumbnail{position:relative;width:150px;height:112.5px;border-radius:6px;overflow:hidden;cursor:pointer;border:1px solid var(--card-border-color)}.image-asset-thumbnail img{width:100%;height:100%;object-fit:cover}.image-asset-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0d1117bf;color:var(--text-inverse);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8px;opacity:0;transition:opacity .25s ease-in-out;font-size:.9em}.image-asset-thumbnail:hover .image-asset-overlay{opacity:1}.image-asset-overlay .overlay-filename{font-weight:500;font-size:.8em;word-break:break-all}.image-asset-overlay .overlay-actions{margin-top:8px;display:flex;gap:8px;justify-content:center}.image-asset-overlay .overlay-btn{border:none;padding:6px 10px;font-size:.9em;font-weight:500;border-radius:4px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:4px}.image-asset-overlay .overlay-btn.download-btn{background-color:var(--button-accent-bg);color:var(--button-accent-text)}.image-asset-overlay .overlay-btn.download-btn:hover{background-color:var(--button-accent-hover-bg)}.image-asset-overlay .overlay-btn.delete-btn{background-color:var(--button-reset-bg);color:var(--button-reset-text)}.image-asset-overlay .overlay-btn.delete-btn:hover{background-color:var(--button-reset-hover-bg)}.image-asset-label{font-size:.9em;font-weight:500;color:var(--header-color)}@media (max-width: 600px){.input-group{flex-wrap:wrap}.input-group input[type=text]{width:100%!important;min-width:100%!important}.input-group .action-button{flex-grow:1;text-align:center;justify-content:center}}.suggest-keywords-container{display:flex;justify-content:flex-start;padding-right:5px}.suggest-keywords-btn{background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:var(--button-accent-text);border:none;font-size:.9em;padding:6px 12px;display:flex;align-items:center;gap:6px;border-radius:8px;cursor:pointer;transition:all .2s}.suggest-keywords-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--button-accent-shadow, 0 4px 12px rgba(102, 126, 234, .4))}.suggest-keywords-btn .mini-loader{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--text-inverse);animation:spin 1s linear infinite}.split-button-container{position:relative;display:inline-flex;vertical-align:middle;max-width:100%;flex-shrink:1}.split-button-container button{border-radius:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.split-button-container button.primary-action{border-top-left-radius:6px;border-bottom-left-radius:6px;border-right:1px solid rgba(255,255,255,.2);padding:16px 38px;font-weight:600;font-size:1.2em;flex-grow:1;text-align:center;min-width:0}.split-button-container button.dropdown-toggle{border-top-right-radius:6px;border-bottom-right-radius:6px;padding:16px 14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:46px}.split-button-container button:disabled{cursor:not-allowed;opacity:.7}.split-button-container.split-button-disabled{cursor:not-allowed;opacity:.6}@keyframes split-pulse{0%{transform:scale(1);box-shadow:0 0 #667eeab3}50%{transform:scale(1.03);box-shadow:0 0 0 12px #667eea00}to{transform:scale(1);box-shadow:0 0 #667eea00}}.split-button-container.split-pulse{animation:split-pulse 1.5s ease-in-out infinite;border-radius:6px}.dropdown-menu{position:absolute;top:100%;right:0;background-color:var(--card-bg-color);border:1px solid var(--card-border-color);border-radius:6px;list-style:none;padding:8px 0;margin-top:5px;z-index:1000;min-width:320px;box-shadow:0 8px 16px #0000004d;text-align:left}.dropdown-menu li{padding:10px 20px;cursor:pointer;color:var(--header-color);text-align:left;font-size:.95em;transition:background-color .2s}.dropdown-menu li:hover{background-color:var(--button-secondary-hover-bg)}.dropdown-menu li.split-submenu-option{padding-left:34px;font-size:.9em}.dropdown-menu li:first-child{border-top-left-radius:6px;border-top-right-radius:6px}.dropdown-menu li:last-child{border-bottom-left-radius:6px;border-bottom-right-radius:6px}.modal-content.advanced-settings-modal{max-width:900px;max-height:90vh;background-color:var(--surface-color);color:var(--text-primary);border-radius:12px;box-shadow:0 10px 40px #0003;padding:0}.modal-content.advanced-settings-modal .modal-header{border-bottom:2px solid var(--border-color);padding:.55rem 1.25rem .45rem;margin-bottom:0}.modal-content.advanced-settings-modal .modal-header h2{color:var(--text-primary);font-weight:700;font-size:1.2rem}.modal-content.advanced-settings-modal .modal-body{display:flex;flex-direction:column;gap:.6rem;text-align:left;padding:.65rem 1.25rem}.modal-content.advanced-settings-modal .settings-section{padding:.4rem .75rem;background-color:var(--bg-color);border-radius:8px;border:1px solid var(--border-color)}.modal-content.advanced-settings-modal .settings-section h3{margin-top:0;margin-bottom:.3rem;padding-bottom:.2rem;border-bottom:1px solid var(--border-color-medium);color:var(--text-primary);font-size:1.02em;font-weight:600}.modal-content.advanced-settings-modal .slider-group{display:grid;grid-template-columns:195px 1fr;align-items:center;gap:0 .5rem;margin-bottom:.15rem}.modal-content.advanced-settings-modal .slider-group label{display:block;margin-bottom:0;font-weight:600;color:var(--text-primary)!important;font-size:.88em;white-space:nowrap}.modal-content.advanced-settings-modal .slider-group label span{font-weight:700;color:var(--info-color)}.modal-content.advanced-settings-modal .checkbox-group{display:flex;align-items:center;margin-bottom:.15rem;gap:.5rem}.modal-content.advanced-settings-modal .form-group{margin-bottom:.2rem;display:flex!important;flex-direction:row!important;align-items:center!important;gap:.5rem;text-align:left!important}.modal-content.advanced-settings-modal .form-group label{display:inline;margin-bottom:0;font-weight:500;color:var(--text-primary);font-size:.95em;white-space:nowrap;background-color:transparent;padding:0;border-radius:0}.modal-content.advanced-settings-modal .form-group select{flex:1;padding:.35rem .5rem;border:1px solid var(--border-color-medium);border-radius:4px;background-color:var(--surface-color);color:var(--text-primary);font-size:.95em}.modal-content.advanced-settings-modal .modal-footer{border-top:2px solid var(--border-color);padding:.5rem 1.25rem;margin-top:0;display:flex;justify-content:flex-start;gap:1rem}.modal-content.advanced-settings-modal .modal-footer .action-button{background-color:var(--button-reset-bg);color:var(--text-inverse);padding:.4em 1em;border:none;border-radius:6px;cursor:pointer;font-weight:500;font-size:.9em}.modal-content.advanced-settings-modal .modal-footer .action-button:hover{background-color:var(--button-reset-hover-bg)}.modal-content.advanced-settings-modal .advanced-settings-footer{display:flex;align-items:center;gap:.75rem}.modal-content.advanced-settings-modal .advanced-settings-footer .btn-cancel{margin-right:auto;background-color:#e67e22;color:#fff;border:none;border-radius:6px;padding:.45em 1.15em;font-size:.9em;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.4em;transition:background-color .2s}.modal-content.advanced-settings-modal .advanced-settings-footer .btn-cancel:hover{background-color:#cf6d17}.modal-content.advanced-settings-modal .advanced-settings-footer .btn-defaults{background:var(--brand-gradient);color:#fff;border:none;border-radius:6px;padding:.45em 1.15em;font-size:.9em;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.4em;transition:background-color .2s,border-color .2s}.modal-content.advanced-settings-modal .advanced-settings-footer .btn-defaults:hover{opacity:.88}.modal-content.advanced-settings-modal .advanced-settings-footer .btn-save-settings{background:var(--brand-gradient);color:#fff;border:none;border-radius:6px;padding:.45em 1.35em;font-size:.9em;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.4em;transition:opacity .2s;letter-spacing:.01em}.modal-content.advanced-settings-modal .advanced-settings-footer .btn-save-settings:hover{opacity:.88}.upload-puzzle-image-btn.action-button{background:var(--brand-gradient);color:var(--text-inverse);border:none;border-radius:6px;padding:.45em 1em;font-size:.9em;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.45em;white-space:nowrap;align-self:stretch;transition:opacity .2s;letter-spacing:.01em}.upload-puzzle-image-btn:hover{opacity:.88}.upload-puzzle-image-btn.action-button:disabled{opacity:.5;cursor:not-allowed}.modal-content.advanced-settings-modal .image-assets-container{margin-top:1.5rem;border-top:1px solid var(--border-color-medium);padding-top:1rem}.modal-content.advanced-settings-modal .image-assets-container h4{margin-top:0;margin-bottom:1rem;color:var(--text-primary);font-size:1em;font-weight:600}.modal-content.advanced-settings-modal .image-thumbnails{display:flex;flex-wrap:wrap;gap:1rem}.modal-content.advanced-settings-modal .image-asset-item{display:flex;flex-direction:column;gap:.5rem;align-items:center}.modal-content.advanced-settings-modal .image-asset-thumbnail{position:relative;width:150px;height:112.5px;border-radius:6px;overflow:hidden;cursor:pointer;border:1px solid var(--border-color-medium)}.modal-content.advanced-settings-modal .image-asset-thumbnail img{width:100%;height:100%;object-fit:cover}.modal-content.advanced-settings-modal .image-asset-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0d1117d9;color:var(--text-inverse);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8px;opacity:0;transition:opacity .25s ease-in-out;font-size:.9em}.modal-content.advanced-settings-modal .image-asset-thumbnail:hover .image-asset-overlay{opacity:1}.modal-content.advanced-settings-modal .image-asset-overlay .overlay-filename{font-weight:500;font-size:.8em;word-break:break-all;margin-bottom:8px}.modal-content.advanced-settings-modal .image-asset-overlay .overlay-actions{display:flex;gap:8px;justify-content:center}.modal-content.advanced-settings-modal .image-asset-overlay .overlay-btn{border:none;padding:6px 10px;font-size:.9em;font-weight:500;border-radius:4px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:4px}.modal-content.advanced-settings-modal .image-asset-overlay .overlay-btn.download-btn{background-color:var(--info-color);color:var(--text-inverse)}.modal-content.advanced-settings-modal .image-asset-overlay .overlay-btn.download-btn:hover{background-color:var(--info-color-hover)}.modal-content.advanced-settings-modal .image-asset-overlay .overlay-btn.delete-btn{background-color:var(--error-color);color:var(--text-inverse)}.modal-content.advanced-settings-modal .image-asset-overlay .overlay-btn.delete-btn:hover{background-color:var(--error-text)}.modal-content.advanced-settings-modal .image-asset-label{font-size:.85em;color:var(--text-primary);text-align:center;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-content.advanced-settings-modal .firestore-clear-btn{background-color:var(--error-color);color:var(--text-inverse);padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:.85em;font-weight:500;transition:background-color .2s}.modal-content.advanced-settings-modal .firestore-clear-btn:hover{background-color:var(--error-text)}.modal-content.advanced-settings-modal .generating-images-message{display:flex;align-items:center;justify-content:center;gap:12px;padding:1.5rem;background-color:var(--info-bg-light);border:2px solid var(--info-color);border-radius:8px;margin-bottom:1rem}.modal-content.advanced-settings-modal .generating-images-message p{margin:0;color:var(--info-color);font-weight:600;font-size:1em}.modal-content.advanced-settings-modal .spinner{width:24px;height:24px;border:3px solid var(--border-color);border-top-color:var(--info-color);border-radius:50%;animation:spin .8s linear infinite}.confirm-dialog{background-color:var(--surface-color);border-radius:8px;padding:1.5rem;max-width:450px;width:90%;box-shadow:0 10px 40px #0000004d;animation:fadeIn .2s ease-out;position:relative}.confirm-dialog-close{position:absolute;top:.6rem;right:.75rem;background:none;border:none;font-size:1.4em;line-height:1;cursor:pointer;color:var(--text-secondary);padding:0}.confirm-dialog-close:hover{color:var(--text-primary)}.confirm-dialog p{margin:0 0 1.5rem;color:var(--text-primary);font-size:1em;line-height:1.5}.confirm-dialog-buttons{display:flex;gap:12px;justify-content:space-between}.confirm-btn{padding:.6em 1.4em;border:none;border-radius:6px;font-size:.95em;font-weight:600;cursor:pointer;transition:all .2s}.confirm-btn-danger{background-color:var(--error-color);color:var(--text-inverse)}.confirm-btn-danger:hover{background-color:var(--error-text)}.configure-quiz-container{width:100%;max-width:1400px;padding:20px;box-sizing:border-box;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;margin-bottom:-10px}.title-and-reset-container{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.title-and-reset-container .focus-input-group{flex-grow:1}.configuration-mode-section{padding:16px;margin-bottom:18px;background:var(--surface-alt);border:1px solid var(--border-color);border-radius:8px}.configuration-mode-heading,.advanced-configuration-heading div{display:flex;flex-direction:column;gap:3px}.configuration-mode-heading{margin-bottom:12px;color:var(--text-primary)}.configuration-mode-heading span,.advanced-configuration-heading span{color:var(--text-secondary);font-size:.86em}.configuration-mode-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.configuration-mode-selector button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:64px;padding:10px 12px;color:var(--text-primary);text-align:left;background:var(--surface-color);border:1px solid var(--border-color);border-radius:6px;cursor:pointer}.configuration-mode-selector button:hover,.configuration-mode-selector button.active{border-color:var(--brand-primary)}.configuration-mode-selector button.active{color:var(--text-inverse);background:var(--brand-gradient)}.configuration-mode-selector button span{color:var(--text-secondary);font-size:.78em}.configuration-mode-selector button.active span{color:var(--text-inverse)}.advanced-configuration-section{margin-top:18px;padding-top:18px;border-top:1px solid var(--card-border-color)}.advanced-configuration-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.advanced-settings-button{flex-shrink:0;margin:0;min-height:50px;padding:12px 20px!important;font-size:.95em!important;font-weight:600!important}.reset-button{background-color:var(--button-reset-bg);border-color:var(--button-reset-bg);color:var(--text-inverse);flex-shrink:0;padding:6px 12px!important;font-size:.9em!important}.reset-button:hover:not(:disabled){background-color:var(--button-reset-hover-bg);border-color:var(--button-reset-hover-bg)}.slider-group,.model-selection,.focus-input-group,.config-grid,.show-sliders-toggle{text-align:left}.slider-group label,.config-grid label{display:block;margin-top:13px;margin-bottom:10px;font-weight:700;color:var(--text-primary)}.slider-group span{font-size:1.1em;font-weight:600;color:var(--text-primary)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;background:var(--border-color-medium);outline:none;border-radius:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--brand-primary);cursor:pointer;border-radius:50%;border:2px solid var(--surface-color)}input[type=range]::-moz-range-thumb{width:20px;height:20px;background:var(--brand-primary);cursor:pointer;border-radius:50%;border:2px solid var(--surface-color)}select,input[type=text]{width:100%;box-sizing:border-box}.model-selection{display:flex;align-items:center;gap:8px;margin-bottom:10px}.model-selection label{color:var(--text-primary);font-weight:400;margin-bottom:0;font-size:1em}.show-sliders-toggle{display:flex;align-items:center;gap:8px;margin-top:.5rem;margin-bottom:20px;padding-bottom:5px;border-bottom:1px solid var(--border-color)}.show-sliders-toggle label{color:var(--checkbox-label-color);font-weight:400;margin-bottom:5px}.question-types-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px 25px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--card-border-color)}.individual-slider{margin-bottom:0}.individual-slider label{text-transform:capitalize;font-size:.9em}.model-options,.image-mode-options{border-top:1px solid var(--card-border-color);padding-top:15px;margin-top:15px}.image-mode-options{margin-top:5px;padding-top:10px;border-top:none}.image-mode-options>label{display:block;margin-bottom:8px;font-weight:700;color:var(--header-color)}.focus-input-group{display:flex;align-items:center;gap:10px;margin-top:15px}.focus-input-group label{display:inline;margin-bottom:0;flex-shrink:0;font-weight:400;color:var(--checkbox-label-color);font-size:1em}.focus-input-group input{flex-grow:1}.config-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:center;border-top:1px solid var(--card-border-color);padding-top:20px;margin-top:5px}.config-grid .focus-input-group{display:flex;flex-direction:row;align-items:center;gap:10px;margin-top:0}.config-grid .focus-input-group label{margin-top:0;margin-bottom:0;white-space:nowrap;flex-shrink:0}.config-grid .focus-input-group select{flex:1;min-width:0;margin-top:0}.config-grid .focus-input-group select{font-size:.82rem}.config-grid .focus-input-group .translation-select{flex:0 1 auto;width:22ch;min-width:22ch;max-width:100%}.focus-input-group:has(#download-theme){max-width:320px}.status-message-wrapper{margin-top:20px}.status-message-container{margin-top:0}.split-button-container.generate-image-button button{background:var(--brand-gradient);color:var(--text-inverse);border-color:var(--brand-primary);padding:.45em 1em;font-size:.9em}.split-button-container.generate-image-button button:hover:not(:disabled){background-color:var(--brand-primary-hover)}@media (max-width: 768px){.configure-quiz-container{padding:16px}.question-types-grid{grid-template-columns:1fr 1fr}.config-grid{grid-template-columns:1fr;gap:15px}.config-grid .focus-input-group{flex-direction:column;align-items:flex-start;width:100%;min-width:0}.config-grid .focus-input-group select,.config-grid .focus-input-group .translation-select{width:100%;min-width:0;max-width:100%}.title-and-reset-container{flex-direction:column;align-items:stretch}.configuration-mode-selector{grid-template-columns:1fr}.configuration-mode-selector button{min-height:auto}.advanced-configuration-heading{align-items:stretch;flex-direction:column}.advanced-settings-button{width:100%}.reset-button{width:100%;padding:10px!important}}@media (max-width: 480px){.configure-quiz-container{padding:12px;border-radius:6px}.question-types-grid{grid-template-columns:1fr}.slider-group label,.config-grid label{font-size:.9em;margin-top:10px;margin-bottom:8px}.slider-group span{font-size:1em}.model-selection{flex-direction:column;align-items:flex-start}.confirm-dialog{padding:1.5rem;max-width:90vw;min-width:auto}.confirm-btn{padding:.7em 1.2em;font-size:.9em}}.confirm-dialog-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:10000}.confirm-dialog{background-color:var(--surface-color);border-radius:8px;padding:2rem;max-width:900px;min-width:600px;width:90vw;box-shadow:var(--shadow-xl);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.confirm-dialog p{margin:0 0 1.5rem;color:var(--text-primary);font-size:1em;line-height:1.6}.confirm-dialog-buttons{display:flex;gap:12px;justify-content:center}.confirm-btn{padding:.6em 1.8em;border:none;border-radius:6px;font-size:.95em;font-weight:600;cursor:pointer;transition:all .2s}.confirm-btn-danger{background:var(--brand-gradient);color:var(--text-inverse)}.confirm-btn-danger:hover{background-color:var(--brand-primary-hover)}.confirm-btn-secondary{background-color:var(--button-reset-bg);color:var(--text-inverse)}.confirm-btn-secondary:hover{background-color:var(--button-reset-hover-bg)}.content-type-tag{padding:4px 10px;border-radius:12px;font-size:.8em;font-weight:600;white-space:nowrap;text-transform:capitalize;color:var(--text-inverse)!important;border:none}.tag-multiple-choice,.tag-select-all{background-color:#1f6feb}.tag-true-false{background-color:#238636}.tag-fill-in-the-blank{background-color:#b95700}.tag-sequencing{background-color:#8957e5}.tag-matching{background-color:#da3633}.tag-click-to-match{background-color:#058477}.tag-info-prompt{background-color:#6e7681}.tag-free-response{background-color:#c2410c}.tag-flashcard{background-color:#d83a78}.standards-badge{display:inline-flex;align-items:center;gap:3px;padding:3px 10px;border-radius:10px;font-size:12.5px;font-weight:700;letter-spacing:.3px;background:var(--standards-badge-bg, linear-gradient(135deg, #e8eaf6 0%, #c5cae9 100%));color:var(--standards-badge-color, #283593);border:1px solid var(--standards-badge-border, #9fa8da);white-space:normal;word-break:break-word;max-width:100%;vertical-align:middle;line-height:1.4;-webkit-user-select:none;user-select:none}.standards-badge-multi{cursor:pointer;position:relative;transition:background .15s ease}.standards-badge-multi:hover{background:var(--standards-badge-hover-bg, linear-gradient(135deg, #c5cae9 0%, #9fa8da 100%))}.standards-badge-compact{font-size:11px;padding:1px 8px;background:var(--standards-badge-compact-bg, linear-gradient(135deg, #ede7f6 0%, #d1c4e9 100%));color:var(--standards-badge-compact-color, #4527a0);border-color:var(--standards-badge-compact-border, #b39ddb);cursor:pointer;transition:background .15s ease}.standards-badge-compact-trigger:hover,.standards-badge-compact-trigger.is-open{background:var(--standards-badge-hover-bg, linear-gradient(135deg, #c5cae9 0%, #9fa8da 100%))}.standards-badge-compact-wrapper{position:relative;display:inline-block}.standards-compact-panel{position:absolute;top:calc(100% + 6px);left:0;background:#1a1a2e;color:#e8eaf6;border-radius:8px;padding:8px 10px;z-index:200;display:flex;flex-direction:column;gap:6px;min-width:220px;max-width:340px;box-shadow:0 6px 20px #0006;animation:standardsBadgeFadeIn .15s ease}.standards-compact-panel:before{content:"";position:absolute;bottom:100%;left:14px;border:6px solid transparent;border-bottom-color:#1a1a2e}.standards-compact-panel-title{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#9fa8da;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.1)}.standards-compact-panel-item{display:flex;flex-direction:column;gap:2px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.06)}.standards-compact-panel-item:last-child{padding-bottom:0;border-bottom:none}.standards-compact-panel-code{font-size:12px;font-weight:700;color:#c5cae9;text-align:left}.standards-compact-panel-desc{font-size:11px;font-weight:400;color:#b0bec5;line-height:1.35;text-align:left}.standards-badge-tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#1a1a2e;color:var(--text-inverse);border-radius:8px;padding:8px 10px;z-index:100;display:flex;flex-direction:column;gap:4px;min-width:160px;max-width:280px;box-shadow:0 4px 16px #00000040;animation:standardsBadgeFadeIn .15s ease}.standards-badge-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#1a1a2e}.standards-badge-tooltip-title{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#9fa8da;margin-bottom:2px}.standards-badge-tooltip-code{font-size:12px;font-weight:500;padding:2px 6px;background:#ffffff1a;border-radius:4px}.standards-badge-tooltip-item{display:flex;flex-direction:column;gap:2px}.standards-badge-tooltip-desc{font-size:10px;font-weight:400;color:#b0bec5;padding:0 6px 2px;line-height:1.3;border-bottom:1px solid rgba(255,255,255,.08)}.standards-badge-tooltip-item:last-child .standards-badge-tooltip-desc{border-bottom:none}.standards-badge-tooltip-rationale{font-size:10px;font-weight:400;color:#ffe082;font-style:italic;padding:2px 6px 4px;line-height:1.3;border-bottom:1px solid rgba(255,255,255,.08)}.standards-badge-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:3px;max-width:100%}.standards-badge-wrapper-multi{display:flex;flex-direction:column;gap:8px;max-width:100%}.standards-rationale-inline{display:block;font-size:inherit;color:var(--text-primary);font-style:italic;line-height:1.35;padding:0 2px;max-width:100%}@keyframes standardsBadgeFadeIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media print{.standards-badge{background:none!important;border:1px solid #999!important;color:#333!important;font-size:9px!important;padding:1px 4px!important}.standards-badge-tooltip{display:none!important}}.action-dropdown-container{position:relative;display:inline-block}.action-dropdown-trigger{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;background-color:var(--button-accent-bg);color:var(--button-accent-text);border:1px solid var(--button-accent-bg);border-radius:6px;width:36px;height:36px;font-size:18px;padding:0;line-height:36px;text-align:center;box-sizing:border-box;transition:background-color .2s}.action-dropdown-trigger:hover:not(:disabled){background-color:var(--button-accent-hover-bg)}.action-dropdown-trigger:disabled{background-color:var(--button-disabled-bg);cursor:not-allowed;opacity:.7}.action-dropdown-menu{position:absolute;top:100%;right:0;z-index:100;min-width:240px;background-color:var(--card-bg-color);border:1px solid var(--card-border-color);border-radius:6px;box-shadow:var(--shadow-lg);list-style:none;padding:8px 0;margin-top:5px}.action-dropdown-menu li{padding:12px 20px;cursor:pointer;color:var(--header-color);text-align:left;white-space:normal;font-size:.95em;border-bottom:1px solid transparent}.action-dropdown-menu li:hover{background-color:var(--button-secondary-hover-bg)}.action-dropdown-menu li:last-child{border-bottom:none}.tab-container{display:flex;gap:8px;margin-top:1rem;margin-bottom:1.5rem}.tab-button{padding:8px 16px;font-size:1em;font-weight:500;background-color:transparent;border:1px solid transparent;color:var(--text-color);border-radius:6px;cursor:pointer}.tab-button.active{background-color:var(--button-accent-bg);color:var(--button-accent-text)}.tab-button:not(.active):hover{background-color:var(--button-secondary-bg)}select.version-selector{background-color:var(--surface-color);color:var(--text-color);border:1px solid var(--card-border-color)}select.version-selector option{background-color:var(--surface-color);color:var(--text-color);padding:8px}select.version-selector option:hover,select.version-selector option:checked{background-color:var(--button-accent-bg);color:var(--button-accent-text)}.question-card{display:flex;gap:1.5rem;background-color:var(--card-bg-color);border:1px solid var(--card-border-color);border-radius:8px;padding:1.5rem;margin-bottom:.75rem;box-shadow:var(--shadow-sm);transition:box-shadow .2s ease-in-out,opacity .3s ease-in-out}.question-card:last-child{margin-bottom:0}.question-card.regenerating{opacity:.6;pointer-events:none}.reorder-controls{display:flex;flex-direction:column;gap:8px}.reorder-controls button{background:var(--button-secondary-bg);border:1px solid var(--card-border-color);color:var(--text-color);width:30px;height:30px;padding:0;font-size:16px}.reorder-controls button:hover:not(:disabled){background-color:var(--button-secondary-hover-bg)}.question-main-content{flex-grow:1;text-align:left}.question-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--card-border-color);padding-bottom:.75rem;margin-bottom:.75rem}.question-header h3{margin:0;font-size:1.1em;color:var(--header-color)}.question-header span{font-size:.9em;font-style:italic;color:var(--text-color)}.question-type-meta{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.question-image-indicator-thumb{width:64px;height:64px;border-radius:4px;object-fit:cover;border:1px solid var(--card-border-color);box-shadow:var(--shadow-sm)}.question-inline-image{display:block;margin:8px auto 12px;max-width:min(100%,320px);max-height:220px;border-radius:8px;border:1px solid var(--card-border-color);object-fit:contain}.question-content{margin-bottom:1rem;font-size:1.1em;font-weight:500;color:var(--header-color)}.options-list{list-style:none;padding-left:0;margin-bottom:1rem}.options-list li{padding:8px 12px;border-radius:4px;margin-bottom:8px;background-color:var(--input-bg-color);border:1px solid transparent;color:var(--text-color)}.options-list li.correct{background-color:var(--correct-feedback-bg);border-color:var(--correct-feedback-border);color:var(--status-success-text);font-weight:700}.options-list li.correct:before{content:"✔ ";color:var(--status-success-text)}.options-list .correct-answer-text{white-space:pre-wrap}.info-prompt-text{background-color:var(--input-bg-color);padding:10px 15px;border-radius:6px;color:var(--text-color)}.feedback-container{display:flex;flex-direction:column;gap:4px;margin-top:1rem;font-size:1em;color:var(--header-color)}.provenance-from-line,.feedback-provenance-block{margin-top:0}.provenance-from-line{font-style:italic}.provenance-from-line+.feedback-provenance-block{margin-top:0}.feedback-provenance-block strong{font-style:normal;font-weight:700}.feedback-provenance-block blockquote{display:inline;margin:0;padding:0;font-style:italic;color:var(--header-color)}.feedback-provenance-block a{color:var(--button-accent-bg);text-decoration:underline;font-style:normal}.feedback-provenance-block a:hover{color:var(--button-accent-hover-bg)}.snippet-toggle-btn{background:none;border:none;padding:0 2px;margin:0 0 0 2px;font-size:.55em;color:var(--text-secondary, #8b949e);cursor:pointer;vertical-align:middle;line-height:1;opacity:.5;transition:opacity .15s;display:inline-block}.snippet-toggle-btn:hover{opacity:1;color:var(--brand-primary, #2f81f7)}.question-actions{display:flex;flex-direction:column;gap:8px;justify-content:flex-start;align-items:center}.question-actions .action-button{width:42px;height:42px;min-width:42px;font-size:20px;padding:0;line-height:42px;text-align:center;box-sizing:border-box}.question-actions .action-dropdown-trigger{width:42px;height:42px;min-width:42px;min-height:42px;font-size:20px;padding:0;line-height:42px;box-sizing:border-box}.question-actions .action-dropdown-container{width:42px;height:42px}.question-actions .regen-trigger-icon{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:20px;line-height:1}.question-actions .regen-trigger-icon-sparkle{font-size:22px}.action-button.edit-btn,.action-button.regenerate-btn,.action-button.delete-btn{background-color:var(--button-accent-bg);color:var(--button-accent-text);border-color:var(--button-accent-bg)}.action-button.edit-btn:hover:not(:disabled),.action-button.regenerate-btn:hover:not(:disabled),.action-button.delete-btn:hover:not(:disabled){background-color:var(--button-accent-hover-bg);border-color:var(--button-accent-hover-bg)}.action-button.regenerate-btn{display:flex;justify-content:center;align-items:center}.action-button.add-question-btn{background:var(--brand-gradient)!important;color:var(--text-inverse)!important;border-color:transparent!important;font-weight:600;border-radius:8px;transition:filter .2s}.action-button.add-question-btn:hover:not(:disabled){filter:brightness(1.12)}.mini-loader{border:3px solid var(--card-border-color);border-top:3px solid var(--button-accent-bg);border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite}.side-by-side-container{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;width:100%}.quiz-column{display:flex;flex-direction:column}.quiz-column h3{color:var(--header-color);text-align:center;margin-bottom:1rem}.edit-form{display:flex;flex-direction:column;gap:20px}.edit-form .form-group{text-align:left}.edit-form .form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-primary, #24292f);background-color:var(--surface-alt, #e3f2fd);padding:8px 12px;border-radius:6px 6px 0 0;white-space:normal;word-break:break-word}.edit-form .form-group textarea,.edit-form .form-group input[type=text]{width:100%;box-sizing:border-box;background-color:var(--input-bg-color, #ffffff);color:var(--input-text-color, #24292f);border:1px solid var(--input-border-color, #90caf9);border-radius:0 0 6px 6px;padding:8px 12px;font-size:1rem;font-family:inherit}.form-group textarea{min-height:80px;resize:vertical}.answer-option-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.answer-text-input{flex-grow:1}.list-edit-item{display:flex;align-items:center;gap:10px;margin-bottom:8px}.list-edit-item .index-label{font-weight:700;flex-shrink:0}.list-edit-item input{flex-grow:1}.matching-pair{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin-bottom:10px}.matching-pair span{text-align:center}.add-option-btn{background-color:#2da44e;color:#fff;border:none;padding:6px 12px;border-radius:5px;cursor:pointer;margin-top:5px;font-size:.9em}.add-option-btn:hover{background-color:#2c974b}.draggable-item{cursor:grab;transition:background-color .2s ease,opacity .2s ease}.draggable-item:active{cursor:grabbing}.dragging{opacity:.5}.drag-over{background-color:#0969da33}.dd-match-edit-pair{display:grid;grid-template-columns:1fr auto 1fr auto;gap:10px;align-items:center;margin-bottom:10px}.dd-match-edit-pair span{text-align:center}.edit-form input[type=text],.edit-form textarea{background-color:var(--input-bg-color, #ffffff)!important;color:var(--input-text-color, #24292f)!important;border:1px solid var(--input-border-color, #90caf9)!important}.remove-item-btn{background-color:#cf222e;color:#fff;border:none;border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:1em;padding:0;line-height:28px}.remove-item-btn:hover{background-color:#a40e26}.edit-form-row{display:flex;gap:1rem}.edit-form-col{flex:1}.edit-form-col label{display:block;margin-bottom:4px}.edit-form input[type=number]{background-color:#fff!important;color:#24292f!important;border:1px solid #90caf9!important;width:100%;padding:8px;border-radius:4px;font-size:.95em;box-sizing:border-box}.question-image-drop-zone{border:2px dashed var(--input-border-color, #90caf9);border-radius:0 0 6px 6px;padding:20px;text-align:center;cursor:pointer;color:var(--text-secondary, #57606a);background:var(--input-bg-color, #ffffff);transition:border-color .2s,background-color .2s}.question-image-drop-zone:hover{border-color:var(--primary-color, #0969da);background:var(--surface-alt, #e3f2fd)}.question-image-preview{text-align:center}.question-image-preview img{max-width:100%;max-height:200px;border-radius:6px;border:1px solid var(--input-border-color, #90caf9);object-fit:contain}.question-image-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin-top:8px}.question-image-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:118px;padding:8px 16px;border:1px solid transparent;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;line-height:1;transition:background-color .15s ease,border-color .15s ease}.question-image-action-btn svg{font-size:.85rem}.question-image-action-btn:hover{filter:none;transform:none}.question-image-action-btn:active{transform:none}.question-image-action-btn-replace{background-color:var(--button-accent-bg);color:var(--button-accent-text);border-color:var(--button-accent-bg)}.question-image-action-btn-replace:hover{background-color:var(--button-accent-hover-bg);border-color:var(--button-accent-hover-bg)}.question-image-action-btn-remove{background-color:var(--button-reset-bg);color:var(--button-reset-text);border-color:var(--button-reset-bg)}.question-image-action-btn-remove:hover{background-color:var(--button-reset-hover-bg);border-color:var(--button-reset-hover-bg)}.modal-content.edit-modal{max-width:800px;width:90vw;background-color:var(--surface-color);color:#333}.modal-content.edit-modal .modal-header h2,.modal-content.edit-modal .form-group label{color:#24292f}.modal-content.edit-modal textarea,.modal-content.edit-modal input[type=text]{background-color:var(--bg-color);color:#24292f;border:1px solid #d0d7de}.modal-content.edit-modal .modal-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid #d0d7de}.modal-content.edit-modal .modal-footer button.cancel-btn{background-color:var(--button-reset-bg);color:var(--button-reset-text);border-color:var(--button-reset-bg);padding:8px 16px;font-size:14px}.modal-content.edit-modal .modal-footer button.cancel-btn:hover:not(:disabled){background-color:var(--button-reset-hover-bg)}.modal-content.edit-modal .modal-footer button.save-btn{background-color:var(--button-accent-bg);color:var(--button-accent-text);border-color:var(--button-accent-bg);padding:8px 16px;font-size:14px}.modal-content.edit-modal .modal-footer button.save-btn:hover:not(:disabled){background-color:var(--button-accent-hover-bg)}.modal-content.add-question-modal{background-color:var(--surface-color);color:var(--text-color)}.modal-content.add-question-modal .modal-header h2{color:var(--text-primary)}.modal-content.add-question-modal .modal-body label{color:var(--text-primary);font-weight:500}.modal-content.add-question-modal .modal-body select{background-color:var(--bg-color);color:var(--text-primary);border:1px solid var(--border-color-medium)}.modal-content.add-question-modal .modal-footer{border-top:1px solid var(--border-color-medium)}.modal-content.add-question-modal .btn-secondary{background-color:var(--button-reset-bg);color:var(--button-reset-text);border-color:var(--button-reset-bg)}.modal-content.add-question-modal .btn-secondary:hover{background-color:var(--button-reset-hover-bg);border-color:var(--button-reset-hover-bg)}.modal-content.add-question-modal .btn-add{background-color:var(--button-accent-bg);color:var(--button-accent-text);border-color:var(--button-accent-bg)}.modal-content.add-question-modal .btn-add:hover{background-color:var(--button-accent-hover-bg)}.modal-content.batch-differentiation-modal{max-width:860px;width:90%;max-height:90vh;background-color:var(--surface-color);color:var(--text-primary);border-radius:12px;box-shadow:var(--shadow-xl);padding:0;box-sizing:border-box;overflow:hidden}.modal-content.batch-differentiation-modal .modal-header{border-bottom:2px solid var(--border-color);padding:.4rem 1.1rem .35rem;margin-bottom:0}.modal-content.batch-differentiation-modal .modal-header h2{color:var(--text-primary);font-weight:700;font-size:1.2rem}.modal-content.batch-differentiation-modal .modal-body{display:flex;flex-direction:column;gap:.4rem;text-align:left;background-color:var(--surface-color);padding:.5rem 1.1rem;overflow-x:hidden;overflow-y:auto;min-width:0}.batch-section h3{margin-top:0;margin-bottom:.15rem;padding-bottom:.15rem;border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:1.05em;font-weight:600}.section-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:.25rem}.section-header h3{margin-bottom:0;border-bottom:none;padding-bottom:0}.section-header .all-selector{display:flex;align-items:center;gap:8px}.section-header .all-selector label{font-weight:500;order:-1;color:var(--text-primary)}.section-description{font-size:.85em;color:var(--text-secondary);margin-top:.15rem;margin-bottom:.2rem}.global-controls{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px 12px;max-width:400px}.form-group{display:contents}.form-group label{font-weight:600;font-size:13px;white-space:nowrap;color:var(--text-primary)!important;min-height:unset;line-height:1.3}.form-group select{background-color:var(--surface-color);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;font-size:13px;padding:.3rem .5rem;transition:all .2s;width:100%}.form-group select:focus{outline:none;border-color:var(--info-color, #4a90e2);box-shadow:0 0 0 3px #4a90e21a}.apply-all-btn{align-self:start;background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:var(--text-inverse);border:none;border-radius:8px;padding:.75rem 1rem;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;height:fit-content}.apply-all-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--button-accent-shadow, 0 4px 12px rgba(102, 126, 234, .4))}.apply-all-btn:disabled{opacity:.5;cursor:not-allowed}.component-grid{display:flex;flex-direction:column;gap:.2rem}.component-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;align-items:center;padding:.25rem .6rem;border-radius:6px;border:1px solid transparent;transition:background-color .2s,border-color .2s;background-color:var(--surface-color)}.component-row.selected{background-color:var(--surface-alt);border-color:var(--border-color)}.component-selector{display:flex;align-items:center;gap:10px}.component-selector label{font-weight:500;color:var(--text-primary);cursor:pointer}.component-selector input[type=checkbox]{width:18px;height:18px;cursor:pointer}.new-badge{background-color:var(--info-color, #4a90e2);color:var(--text-inverse);font-size:.7em;font-weight:700;padding:2px 6px;border-radius:10px;text-transform:uppercase}.component-controls{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.component-controls select{background-color:var(--surface-color);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;padding:.3rem .4rem;font-size:.85em;transition:all .2s}.component-controls select:focus{outline:none;border-color:var(--info-color, #4a90e2);box-shadow:0 0 0 3px #4a90e21a}.mode-toggle-section{padding:0;margin-bottom:0}.mode-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border-color);padding-bottom:0}.mode-tab-button{background:var(--surface-alt);border:none;padding:6px 16px;font-size:13px;font-weight:500;color:var(--text-color);cursor:pointer;border-bottom:3px solid transparent;transition:all .2s;flex:1}.mode-tab-button:hover{color:var(--text-inverse)!important;background:var(--brand-primary-hover)!important}.mode-tab-button.active{color:var(--text-inverse)!important;background:var(--brand-gradient)!important;border-bottom-color:var(--brand-primary);border-radius:6px 6px 0 0}.mode-tab-button.active:hover{background:var(--brand-primary-hover)!important}.options-list{display:flex;flex-direction:column;gap:6px;margin-top:4px}.options-list .checkbox-item{display:flex;align-items:flex-start;gap:10px}.options-list .checkbox-item input[type=checkbox]{margin-top:3px;flex-shrink:0}.options-list .checkbox-item label{display:flex;flex-direction:column;gap:4px;flex:1;cursor:pointer}.options-list .option-note{font-size:13px;color:var(--text-secondary);font-style:italic}.language-options{display:flex;flex-wrap:wrap;gap:6px}.language-options .checkbox-item{padding:4px 10px;border:1.5px solid var(--border-color);border-radius:6px;transition:all .2s;background-color:var(--surface-color)}.language-options .checkbox-item:hover{border-color:var(--info-color, #4a90e2);background-color:#4a90e20d}.language-options .checkbox-item input:checked+label{color:var(--info-color, #4a90e2);font-weight:600}.language-options label{display:flex;align-items:center;gap:8px;cursor:pointer}.language-flag{font-size:20px}.language-label{font-size:.95rem;color:var(--text-primary)}.radio-group{gap:2px;display:flex;flex-direction:column;gap:.75rem}.radio-group input[type=radio]{outline:none;box-shadow:none}.radio-group input[type=radio]:focus{outline:none;box-shadow:none}.radio-option{display:flex;align-items:center;gap:8px;cursor:pointer}.radio-option input[type=radio]{outline:none;box-shadow:none}.radio-option input[type=radio]:focus{outline:none;box-shadow:none}.radio-item{display:flex;align-items:center;gap:8px}.radio-item label{font-weight:500;color:var(--text-primary);cursor:pointer}.modal-content.batch-differentiation-modal .modal-footer{border-top:2px solid var(--border-color);background-color:var(--surface-color);padding:.4rem 1.1rem;margin-top:0}.modal-content.batch-differentiation-modal .btn-cancel{background-color:var(--button-reset-bg, #b95700);color:var(--text-inverse);border-color:var(--button-reset-bg, #b95700);border-radius:8px;padding:.35rem 1rem;font-size:13px;font-weight:500;transition:all .2s}.modal-content.batch-differentiation-modal .btn-cancel:hover{background-color:var(--button-reset-hover-bg, #d46c0b);border-color:var(--button-reset-hover-bg, #d46c0b)}.modal-content.batch-differentiation-modal .btn-confirm{background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:var(--text-inverse);border:none;border-radius:8px;padding:.6rem 1.5rem;font-size:15px;font-weight:600;transition:all .2s}.modal-content.batch-differentiation-modal .btn-confirm:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--button-accent-shadow, 0 4px 12px rgba(102, 126, 234, .4))}.modal-content.batch-differentiation-modal .btn-confirm:disabled{background:var(--button-disabled-bg, rgba(102, 126, 234, .6));border-color:transparent;cursor:not-allowed;opacity:.7}@media (max-width: 600px){.global-controls,.component-row{grid-template-columns:1fr}}.quick-actions-section{background-color:var(--surface-alt);border:2px solid var(--border-color);border-radius:8px;padding:.5rem .75rem}.quick-action-buttons{display:flex;justify-content:center;gap:.6rem;max-width:600px;margin:.25rem auto 0}.quick-action-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:.6rem 1rem;background:var(--brand-gradient);color:var(--text-inverse);border:none;border-radius:8px;cursor:pointer;transition:all .2s;font-family:inherit;flex:1}.quick-action-btn:hover{transform:translateY(-2px);box-shadow:var(--brand-shadow)}.quick-action-btn .btn-icon{font-size:22px;flex-shrink:0}.quick-action-btn .btn-label{font-size:15px;font-weight:700}.quick-action-btn .btn-sublabel{font-size:11px;opacity:.9;text-align:center}.quick-action-btn.easier{background:linear-gradient(135deg,#4ade80,#22c55e)}.quick-action-btn.harder{background:linear-gradient(135deg,#f87171,#ef4444)}.quick-action-btn.same-lang{background:linear-gradient(135deg,var(--info-color-light) 0%,var(--info-color) 100%)}.presets-section{background-color:var(--surface-alt);border:2px solid var(--border-color);border-radius:8px;padding:.5rem .75rem}.preset-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.presets-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.presets-header h3{margin:0}.reset-btn{padding:.5rem 1rem;background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:var(--text-inverse);border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;font-family:inherit}.reset-btn:hover{transform:translateY(-1px);box-shadow:var(--button-accent-shadow, 0 4px 12px rgba(102, 126, 234, .4))}.preset-btn{display:flex;flex-direction:row;align-items:center;gap:6px;padding:.45rem .75rem;background-color:var(--surface-color);color:var(--text-primary);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s;font-family:inherit}.preset-btn:hover{border-color:var(--info-color, #4a90e2);background-color:#4a90e20d;transform:translateY(-2px);box-shadow:0 4px 12px #4a90e233}.preset-btn.active{border-color:var(--info-color, #4a90e2);background:linear-gradient(135deg,#4a90e226,#4a90e21a);box-shadow:0 0 0 2px #4a90e233}.preset-btn.active .btn-label{color:var(--info-color, #4a90e2);font-weight:700}.preset-btn .btn-icon{font-size:18px;flex-shrink:0}.preset-btn .btn-label{font-size:13px;font-weight:600}.preset-btn .btn-sublabel{display:none}.preview-section{background-color:var(--surface-alt);border:2px solid var(--border-color);border-radius:8px;padding:.5rem .75rem}.ell-mode-section{display:flex;flex-direction:column;gap:4px}.ell-mode-explainer{background:color-mix(in srgb,var(--brand-primary) 8%,transparent);border:1px solid color-mix(in srgb,var(--brand-primary) 30%,transparent);border-radius:8px;padding:5px 12px;font-size:12px;color:var(--text-primary);line-height:1.35}.ell-mode-explainer strong{display:block;font-size:13px;margin-bottom:3px;color:var(--text-primary)}.ell-mode-explainer p{margin:0;color:var(--text-secondary)}.ell-step{display:flex;flex-direction:column;gap:4px}.ell-step-label{font-size:13px;font-weight:600;color:var(--text-primary)}.ell-step-desc{margin:0;font-size:12px;color:var(--text-secondary)}.ell-grade-select{padding:5px 10px;border-radius:6px;border:1px solid var(--border-color);background:var(--surface-color);color:var(--text-primary);font-size:13px;width:200px;cursor:pointer}.wida-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.wida-btn{display:flex;flex-direction:column;align-items:center;gap:0px;padding:4px 8px;border-radius:8px;border:2px solid;background:transparent;cursor:pointer;transition:all .15s}.wida-buttons .wida-btn:nth-child(1){border-color:#3b82f6}.wida-buttons .wida-btn:nth-child(1) .wida-btn-level{color:#3b82f6}.wida-buttons .wida-btn:nth-child(1) .wida-btn-name{color:#3b82f6}.wida-buttons .wida-btn:nth-child(1) .wida-btn-grade{color:#3b82f6}.wida-buttons .wida-btn:nth-child(1):hover,.wida-buttons .wida-btn:nth-child(1).active{background:#3b82f6}.wida-buttons .wida-btn:nth-child(2){border-color:#14b8a6}.wida-buttons .wida-btn:nth-child(2) .wida-btn-level{color:#14b8a6}.wida-buttons .wida-btn:nth-child(2) .wida-btn-name{color:#14b8a6}.wida-buttons .wida-btn:nth-child(2) .wida-btn-grade{color:#14b8a6}.wida-buttons .wida-btn:nth-child(2):hover,.wida-buttons .wida-btn:nth-child(2).active{background:#14b8a6}.wida-buttons .wida-btn:nth-child(3){border-color:#22c55e}.wida-buttons .wida-btn:nth-child(3) .wida-btn-level{color:#22c55e}.wida-buttons .wida-btn:nth-child(3) .wida-btn-name{color:#22c55e}.wida-buttons .wida-btn:nth-child(3) .wida-btn-grade{color:#22c55e}.wida-buttons .wida-btn:nth-child(3):hover,.wida-buttons .wida-btn:nth-child(3).active{background:#22c55e}.wida-buttons .wida-btn:nth-child(4){border-color:#f59e0b}.wida-buttons .wida-btn:nth-child(4) .wida-btn-level{color:#f59e0b}.wida-buttons .wida-btn:nth-child(4) .wida-btn-name{color:#f59e0b}.wida-buttons .wida-btn:nth-child(4) .wida-btn-grade{color:#f59e0b}.wida-buttons .wida-btn:nth-child(4):hover,.wida-buttons .wida-btn:nth-child(4).active{background:#f59e0b}.wida-buttons .wida-btn:nth-child(5){border-color:#a855f7}.wida-buttons .wida-btn:nth-child(5) .wida-btn-level{color:#a855f7}.wida-buttons .wida-btn:nth-child(5) .wida-btn-name{color:#a855f7}.wida-buttons .wida-btn:nth-child(5) .wida-btn-grade{color:#a855f7}.wida-buttons .wida-btn:nth-child(5):hover,.wida-buttons .wida-btn:nth-child(5).active{background:#a855f7}.wida-buttons .wida-btn:hover .wida-btn-level,.wida-buttons .wida-btn:hover .wida-btn-name,.wida-buttons .wida-btn:hover .wida-btn-grade,.wida-buttons .wida-btn.active .wida-btn-level,.wida-buttons .wida-btn.active .wida-btn-name,.wida-buttons .wida-btn.active .wida-btn-grade{color:#fff!important}.wida-btn-level{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.wida-btn-name{font-size:14px;font-weight:600;color:var(--text-primary)}.wida-btn-grade{font-size:11px;color:var(--text-secondary)}.wida-selected-info{margin:4px 0 0;font-size:13px;color:var(--text-primary)}.ell-summary{display:flex;align-items:center;gap:10px;padding:6px 12px;background:color-mix(in srgb,var(--success-color, #22c55e) 10%,transparent);border:1px solid color-mix(in srgb,var(--success-color, #22c55e) 35%,transparent);border-radius:8px;font-size:13px;color:var(--text-primary);flex-wrap:wrap}.ell-summary-sep{color:var(--text-secondary);opacity:.5}.wida-advanced-strip{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:4px 10px;background:color-mix(in srgb,var(--brand-primary) 5%,transparent);border:1px solid color-mix(in srgb,var(--brand-primary) 20%,transparent);border-radius:8px;margin-bottom:4px}.wida-strip-label{font-size:12px;font-weight:600;color:var(--text-primary);white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;margin-right:2px}.wida-strip-btn{font-size:12px;font-weight:600;padding:5px 13px;border-radius:20px;border:2px solid;background:transparent;cursor:pointer;transition:all .15s;white-space:nowrap}.wida-strip-btn:nth-child(2){border-color:#3b82f6;color:#3b82f6}.wida-strip-btn:nth-child(2):hover{background:#3b82f6;color:#fff}.wida-strip-btn:nth-child(3){border-color:#14b8a6;color:#14b8a6}.wida-strip-btn:nth-child(3):hover{background:#14b8a6;color:#fff}.wida-strip-btn:nth-child(4){border-color:#22c55e;color:#22c55e}.wida-strip-btn:nth-child(4):hover{background:#22c55e;color:#fff}.wida-strip-btn:nth-child(5){border-color:#f59e0b;color:#f59e0b}.wida-strip-btn:nth-child(5):hover{background:#f59e0b;color:#fff}.wida-strip-btn:nth-child(6){border-color:#a855f7;color:#a855f7}.wida-strip-btn:nth-child(6):hover{background:#a855f7;color:#fff}.preview-box{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:6px;padding:1rem}.preview-box strong{display:block;margin-bottom:.75rem;color:var(--text-primary);font-size:15px}.preview-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.preview-item{display:flex;align-items:center;gap:8px;padding:.5rem .75rem;background-color:var(--surface-alt);border-radius:4px;font-size:14px}.preview-item.more{justify-content:center;font-style:italic;color:var(--text-secondary)}.preview-component{font-weight:500;color:var(--text-primary)}.preview-lang{color:var(--text-secondary)}.preview-level{margin-left:auto;padding:2px 8px;background-color:var(--info-color, #4a90e2);color:var(--text-inverse);border-radius:4px;font-size:12px;font-weight:500}.preview-summary{display:flex;align-items:center;gap:4px;padding-top:.75rem;border-top:1px solid var(--border-color);color:var(--text-primary)}.preview-formats{color:var(--text-secondary);font-weight:400}@media (max-width: 768px){.quick-action-buttons,.preset-buttons{grid-template-columns:1fr}.quick-action-btn,.preset-btn{padding:.75rem}.quick-action-btn .btn-icon,.preset-btn .btn-icon{font-size:28px}}@media (max-width: 560px){.modal-content.batch-differentiation-modal{width:100%;max-height:95vh;border-radius:12px 12px 0 0;margin-top:auto}.mode-tab-button{font-size:11px;padding:7px 6px}.wida-buttons{grid-template-columns:repeat(3,1fr)}.wida-buttons:after{content:none}.wida-btn{min-width:unset;padding:6px 4px}.wida-btn-name{font-size:12px}.wida-btn-level,.wida-btn-grade{font-size:10px}.quick-action-buttons{flex-direction:column;max-width:100%}.global-controls,.component-row{grid-template-columns:1fr}}.output-container{width:100%;text-align:left;background-color:var(--card-bg-color);border:1px solid var(--card-border-color);border-radius:8px;padding:1.5rem}.output-container-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;margin-bottom:0;padding-bottom:1rem;border-bottom:1px solid var(--card-border-color)}.tab-container{margin-top:1rem}.output-container-header+.speech-controls-wrapper{margin-top:-.75rem}.output-container-header h2{margin:0;text-align:left;white-space:nowrap}.output-container-header .output-action-buttons{display:flex;gap:1rem;align-items:center;margin-left:auto}.output-container-header .output-action-buttons .action-button,.output-container-header .output-action-buttons .split-button-container button,.output-container-header .output-action-buttons .action-dropdown-trigger{background:var(--brand-gradient);color:var(--text-inverse);border-color:transparent;padding:12px 22px;font-size:16px;font-weight:600;line-height:1.4;border-radius:4px}.output-container-header .output-action-buttons .action-button:hover:not(:disabled),.output-container-header .output-action-buttons .split-button-container button:hover:not(:disabled),.output-container-header .output-action-buttons .action-dropdown-trigger:hover:not(:disabled){filter:brightness(1.15)}.output-container-header .output-action-buttons .finish-editing-btn{padding:12px 22px;font-size:16px;font-weight:600;line-height:1.4;animation:finish-editing-strobe 1.8s ease-in-out infinite}.activity-image{max-width:100%;border-radius:8px;margin-bottom:1rem;display:block}@keyframes finish-editing-strobe{0%{box-shadow:0 0 #ffffff8c}50%{box-shadow:0 0 0 7px #fff0}to{box-shadow:0 0 #fff0}}.tab-container{display:flex;gap:8px;margin-bottom:1rem}.flashcards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.flashcard-card{background-color:var(--bg-color);border:1px solid var(--card-border-color);border-radius:8px;padding:1rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;text-align:left;position:relative}.flashcard-term{font-weight:700;color:var(--header-color);border-bottom:1px solid var(--card-border-color);padding-bottom:.5rem;margin-bottom:.5rem;font-size:1.1em}.flashcard-definition{font-size:1em;color:var(--text-color);flex-grow:1}.flashcard-example{margin-top:.75rem;padding-top:.75rem;border-top:1px dashed var(--card-border-color);font-size:.9em;color:var(--text-color)}.flashcard-example strong{color:var(--header-color)}.flashcard-example em{font-style:italic}.flashcard-source-snippet{margin-top:.75rem;padding-top:.75rem;border-top:1px dashed var(--card-border-color);font-size:.9em;color:var(--header-color)}.flashcard-source-snippet .source-provenance-name{margin-bottom:4px}.flashcard-source-snippet .timestamp-link{background:none;border:none;padding:0;margin:0 0 0 4px;font-family:inherit;font-size:inherit;color:var(--button-accent-bg);text-decoration:underline;cursor:pointer}.flashcard-source-snippet .timestamp-link:hover{color:var(--button-accent-hover-bg)}.flashcard-card.editing{padding-right:58px}.flashcard-actions{position:absolute;top:1rem;right:1rem;display:flex;flex-direction:column;gap:8px}.flashcard-actions .action-button{padding:0;font-size:20px;width:42px;height:42px;min-width:42px;line-height:42px;background-color:var(--button-accent-bg);color:var(--button-accent-text);border-color:var(--button-accent-bg);box-sizing:border-box}.flashcard-actions .action-dropdown-trigger{width:42px;height:42px;min-width:42px;min-height:42px;padding:0;font-size:20px;line-height:42px;box-sizing:border-box}.flashcard-actions .action-dropdown-container{width:42px;height:42px}.flashcard-actions .regen-trigger-icon{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:20px;line-height:1}.flashcard-actions .regen-trigger-icon-sparkle{font-size:22px}.flashcard-actions .action-button:hover:not(:disabled){background-color:var(--button-accent-hover-bg)}.side-by-side-container-fc{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;width:100%}.flashcard-column h3{color:var(--header-color);text-align:center;margin-top:0;margin-bottom:1.5rem}.summary-content{background-color:var(--input-bg-color);border:1px solid var(--card-border-color);border-radius:6px;padding:1rem 1.5rem;line-height:1.6;color:var(--header-color);margin-top:0}.summary-content p{margin-top:0;margin-bottom:1em;line-height:1.6}.summary-content p:last-child{margin-bottom:0}.speech-controls-wrapper{display:flex;justify-content:flex-start;margin-top:-.75rem;margin-bottom:1rem}.speech-controls-group{display:flex;align-items:center;gap:5px}.speech-controls-group.speech-controls-disabled{opacity:.5}.audio-loading-msg{font-size:.82em;color:var(--text-secondary, #8b949e);font-style:italic;margin-left:4px}.speech-action-btn{background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));border:2px solid var(--brand-primary, #667eea);color:var(--text-inverse, #ffffff);padding:0;width:36px;height:36px;font-size:1em;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s}.speech-action-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--button-accent-shadow, 0 4px 12px rgba(102, 126, 234, .4))}.speech-action-btn:disabled{opacity:.35;cursor:not-allowed}.topic-generated-banner{background:var(--warning-bg, #fff8e1);border:1px solid var(--warning-border, #ffe082);border-radius:6px;padding:.6rem 1rem;margin-bottom:.75rem}body[data-theme=dark] .topic-generated-banner{background:#ffc1071a;border-color:#ffc1074d}.topic-generated-label{font-size:12px;font-weight:400;color:var(--text-secondary, #6b7280);margin:0;line-height:1.5}body[data-theme=dark] .topic-generated-label{color:#9ca3af}.banner-meta-label{font-size:12px;font-weight:500;color:var(--text-secondary, #6b7280)}.banner-pill-gemini{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:12px;background:#ede9fe;border:1px solid #7c3aed;font-size:12px;color:#4c1d95;font-weight:700}body[data-theme=dark] .banner-pill-gemini{background:#7c3aed33;border-color:#7c3aed;color:#c4b5fd}.banner-pill-openai{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:12px;background:#d1fae5;border:1px solid #059669;font-size:12px;color:#065f46;font-weight:700}body[data-theme=dark] .banner-pill-openai{background:#05966933;border-color:#059669;color:#6ee7b7}.banner-openai-warning{font-size:11px;color:#92400e;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;padding:2px 8px}body[data-theme=dark] .banner-openai-warning{color:#fde68a;background:#f59e0b26;border-color:#f59e0b66}.banner-evasion-warning{margin-top:8px;padding:10px 14px;border-radius:6px;background:#fef3c7;border:1px solid #d97706;font-size:13px;color:#92400e;font-weight:500}body[data-theme=dark] .banner-evasion-warning{background:#d9770626;border-color:#d9770666;color:#fde68a}.banner-filter-notice{margin-top:8px;padding:10px 14px;border-radius:6px;background:#eff6ff;border:1px solid #3b82f6;font-size:13px;color:#1e40af;font-weight:500}body[data-theme=dark] .banner-filter-notice{background:#3b82f626;border-color:#3b82f666;color:#93c5fd}.grounding-sources{margin-top:.5rem}.grounding-sources>summary{font-size:.82rem;cursor:pointer;color:var(--text-secondary);font-weight:500}.grounding-sources ul{list-style:none;padding:.25rem 0 0;margin:0}.grounding-sources li{font-size:.8rem;padding:.15rem 0}.grounding-sources a{color:var(--link-color, #667eea);text-decoration:none;word-break:break-all}.grounding-sources a:hover{text-decoration:underline}.grounding-no-sources{margin:4px 0 0;font-size:.8em;color:var(--text-secondary, #8b949e);font-style:italic}.grounding-info-bubble{position:relative;display:inline;cursor:pointer;margin-left:4px;font-style:normal;font-size:.85em}.grounding-info-tooltip{display:none;position:absolute;bottom:calc(100% + 8px);left:0;width:320px;padding:10px 12px;background:var(--surface-color, #fff);color:var(--text-primary, #333);border:1px solid var(--border-color, #ddd);border-radius:8px;box-shadow:0 4px 12px #00000026;font-size:.85rem;font-style:normal;line-height:1.45;z-index:10}.grounding-info-tooltip strong{color:var(--primary-color, #667eea)}.grounding-info-bubble:hover .grounding-info-tooltip,.grounding-info-bubble:focus .grounding-info-tooltip{display:block}.speech-action-btn .spin-icon{animation:spin 1s linear infinite}.timeline-player-container{display:flex;gap:1rem;padding:.75rem;max-height:60vh;overflow-y:hidden}.timeline-line{position:relative;width:4px;background-color:var(--card-border-color);flex-shrink:0;margin-left:1rem}.timeline-marker{position:absolute;left:50%;transform:translate(-50%);width:20px;height:20px;border-radius:50%;background-color:var(--text-color);border:3px solid var(--card-bg-color);cursor:pointer;transition:background-color .2s,transform .2s}.timeline-marker:hover{transform:translate(-50%) scale(1.2)}.timeline-marker.active{background-color:var(--button-accent-bg);transform:translate(-50%) scale(1.3)}.timeline-line .timeline-marker:nth-child(1){top:0%}.timeline-line .timeline-marker:nth-child(2){top:10%}.timeline-line .timeline-marker:nth-child(3){top:20%}.timeline-line .timeline-marker:nth-child(4){top:30%}.timeline-line .timeline-marker:nth-child(5){top:40%}.timeline-line .timeline-marker:nth-child(6){top:50%}.timeline-line .timeline-marker:nth-child(7){top:60%}.timeline-line .timeline-marker:nth-child(8){top:70%}.timeline-line .timeline-marker:nth-child(9){top:80%}.timeline-line .timeline-marker:nth-child(10){top:90%}.timeline-line .timeline-marker:nth-child(11){top:100%;transform:translate(-50%,-100%)}.timeline-details-panel{flex-grow:1;overflow-y:auto;padding-right:1rem}.timeline-event-card{background-color:var(--input-bg-color);border:1px solid var(--card-border-color);border-radius:8px;padding:.6rem .85rem;text-align:left;margin-bottom:.35rem;position:relative}.event-date{font-weight:700;color:var(--button-accent-bg);font-size:1.05em;margin-bottom:.1rem}.event-title{color:var(--header-color);margin-top:0;margin-bottom:.4rem;font-size:1.25em}.event-description{line-height:1.5;margin-bottom:.35rem}.event-provenance{border-top:1px solid var(--card-border-color);padding-top:.5rem;font-size:.9em;display:flex;flex-direction:column;gap:4px}.event-provenance .provenance-name{margin-bottom:0;color:var(--header-color)}.event-provenance .feedback-provenance-block{color:var(--header-color)}.event-provenance .feedback-provenance-block blockquote{color:var(--header-color);font-style:italic}.timeline-card-actions{position:absolute;top:1rem;right:1rem;display:flex;gap:8px}.timeline-card-actions .action-button{width:36px;height:36px;font-size:18px;padding:0;line-height:36px;text-align:center;background-color:var(--button-accent-bg);color:var(--button-accent-text);border-color:var(--button-accent-bg)}.timeline-card-actions .action-button:hover:not(:disabled){background-color:var(--button-accent-hover-bg)}.timeline-placeholder{display:flex;justify-content:center;align-items:center;height:100%;color:var(--text-color);font-style:italic}.modal-content.timeline-list-view-modal{max-width:950px;width:90%;display:flex;flex-direction:column;max-height:92vh}.modal-content.timeline-list-view-modal .modal-header{padding:12px 20px}.modal-content.timeline-list-view-modal .modal-body.timeline-list-view{flex-grow:1;overflow-y:auto;padding:.5rem 1rem}.modal-content.timeline-list-view-modal .modal-footer.list-view-footer{flex-shrink:0;padding-top:8px;margin-top:4px}.timeline-list-view .timeline-event-card{margin-bottom:.5rem}.timeline-list-view .timeline-event-card .event-description{margin-bottom:.75rem}.list-view-footer{display:flex;justify-content:space-between;align-items:center}.list-view-footer .right-action-group{display:flex;gap:10px}.list-view-footer .btn-close{background-color:var(--button-reset-bg);border-color:var(--button-reset-bg);color:var(--button-reset-text)}.list-view-footer .btn-close:hover{background-color:var(--button-reset-hover-bg)}.list-view-footer .btn-primary{background-color:var(--button-accent-bg);border-color:var(--button-accent-bg);color:var(--button-accent-text)}.list-view-footer .btn-primary:hover{background-color:var(--button-accent-hover-bg)}.cs-output-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.cs-output-category{background-color:var(--bg-color);border:1px solid var(--card-border-color);border-radius:8px;padding:1rem}.cs-output-title{font-weight:700;color:var(--header-color);border-bottom:1px solid var(--card-border-color);padding-bottom:.75rem;margin-bottom:1rem;text-align:center;font-size:1.2em}.cs-output-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.cs-output-item{background-color:var(--input-bg-color);border:1px solid var(--card-border-color);border-radius:4px;padding:10px 14px;color:var(--header-color)}.modal-content.edit-cs-modal .modal-body{background-color:transparent}.edit-cs-modal .form-group{padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid #d0d7de}.edit-cs-modal .category-edit-item,.edit-cs-modal .item-edit-item{display:flex;align-items:center;gap:10px;margin-bottom:10px}.edit-cs-modal .item-edit-item{display:grid;grid-template-columns:1fr 1fr auto}.edit-cs-modal input,.edit-cs-modal select{flex-grow:1}.key-takeaways-list-container{display:flex;flex-direction:column;margin-top:1rem;counter-reset:takeaway-counter}.key-takeaways-item{background-color:var(--bg-color);border:1px solid var(--card-border-color);border-radius:8px;padding:1.5rem 1.5rem 1rem 3rem;text-align:left;position:relative;margin-bottom:.5rem}.key-takeaways-item.editing{padding-right:62px}.key-takeaways-item:last-child{margin-bottom:0}.key-takeaways-item:before{counter-increment:takeaway-counter;content:counter(takeaway-counter) ".";position:absolute;left:1.5rem;top:1.5rem;color:var(--header-color);font-weight:700;font-size:1.1em}.key-takeaways-item .takeaway-text{margin-top:0;margin-bottom:.5rem;line-height:1.6;color:var(--header-color);font-size:1.1em;font-weight:500}.takeaway-provenance{border-top:1px solid var(--card-border-color);padding-top:.5rem;font-size:.9em;display:flex;flex-direction:column;gap:.25rem}.takeaway-provenance .provenance-from-line,.takeaway-provenance .feedback-provenance-block,.takeaway-provenance .explanation-block{color:var(--header-color)}.takeaway-provenance .explanation-block{margin-bottom:.5rem}.takeaway-provenance strong,.takeaway-provenance blockquote{color:var(--header-color);display:inline;margin:0;padding:0;font-style:italic}.timestamp-link{color:var(--button-accent-hover-bg)!important}.modal-content.kt-list-view-modal{max-width:950px;width:90%;display:flex;flex-direction:column;max-height:92vh}.modal-content.kt-list-view-modal .modal-header{padding:12px 20px}.modal-content.kt-list-view-modal .modal-body{flex-grow:1;overflow-y:auto;padding:.25rem 1rem}.key-takeaways-item{padding-bottom:.5rem;margin-bottom:.5rem}.kt-list-view-footer{display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.kt-list-view-footer .right-action-group{display:flex;gap:10px}.kt-list-view-footer .btn-close{background-color:var(--button-reset-bg);border-color:var(--button-reset-bg);color:var(--button-reset-text)}.kt-list-view-footer .btn-close:hover{background-color:var(--button-reset-hover-bg)}.kt-list-view-footer .btn-primary{background-color:var(--button-accent-bg);border-color:var(--button-accent-bg);color:var(--button-accent-text)}.kt-list-view-footer .btn-primary:hover{background-color:var(--button-accent-hover-bg)}.faq-list-container{display:flex;flex-direction:column;margin-top:.5rem;counter-reset:faq-counter}.faq-item{background-color:var(--bg-color);border:1px solid var(--card-border-color);border-radius:8px;padding:.85rem 1rem .85rem 3rem;text-align:left;position:relative;margin-bottom:.4rem}.faq-item.editing{padding-right:62px}.faq-item:before{counter-increment:faq-counter;content:"Q" counter(faq-counter) ".";position:absolute;left:1rem;top:.85rem;color:var(--header-color);font-weight:700;font-size:1.1em}.faq-question{margin-top:0;margin-bottom:.5rem;line-height:1.6;color:var(--header-color);font-size:1.1em;font-weight:700}.faq-answer-section{display:flex;flex-direction:column;gap:.4rem;padding-top:.6rem;border-top:1px solid var(--card-border-color)}.faq-answer{line-height:1.6;color:var(--text-color);white-space:pre-wrap;margin-top:-.5rem}.faq-answer strong{color:var(--header-color)}.faq-provenance{padding-top:.75rem;border-top:1px dashed var(--card-border-color);font-size:.9em;display:flex;flex-direction:column;gap:.25rem;margin-top:0}.faq-provenance .provenance-from-line{color:var(--header-color)}.glossary-list-container{margin-top:1.5rem;column-count:2;column-gap:2rem}.glossary-item{-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--card-border-color)}@media (max-width: 600px){.glossary-list-container{column-count:1}}.modal-content.edit-summary-modal{max-width:1100px;height:90vh;max-height:90vh;background-color:var(--surface-color);color:var(--text-primary);padding:1rem 1.5rem}.modal-content.edit-summary-modal .modal-header{padding-bottom:.5rem;margin-bottom:.5rem}.modal-content.edit-summary-modal .modal-header h2{color:var(--text-primary)}.modal-content.edit-summary-modal .modal-body{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0;padding:.5rem 0}.modal-content.edit-summary-modal .modal-body textarea{width:100%;flex:1;min-height:200px;resize:none;background-color:var(--bg-color);color:var(--text-primary);border:1px solid var(--border-color-medium);border-radius:6px;padding:8px 12px;font-size:1rem;font-family:inherit;line-height:1.6;white-space:pre-wrap}.modal-content.edit-summary-modal .modal-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:.5rem 0;margin-top:.5rem;border-top:1px solid var(--border-color)}.modal-content.edit-summary-modal .footer-button-group{display:flex;gap:10px}.modal-content.edit-summary-modal .btn-cancel{background-color:var(--button-reset-bg);color:var(--button-reset-text);border-color:var(--button-reset-bg)}.modal-content.edit-summary-modal .btn-cancel:hover:not(:disabled){background-color:var(--button-reset-hover-bg)}.modal-content.edit-summary-modal .btn-cancel,.modal-content.edit-summary-modal .btn-save,.modal-content.edit-summary-modal .btn-print,.modal-content.edit-summary-modal .btn-download{padding:10px 24px;border-radius:8px;font-weight:500;font-size:15px;cursor:pointer;border-width:1px;border-style:solid;transition:all .2s;line-height:1.4}.modal-content.edit-summary-modal .btn-save,.modal-content.edit-summary-modal .btn-print,.modal-content.edit-summary-modal .btn-download{background-color:var(--button-accent-bg);color:var(--button-accent-text);border-color:var(--button-accent-bg)}.modal-content.edit-summary-modal .btn-save:hover:not(:disabled),.modal-content.edit-summary-modal .btn-print:hover:not(:disabled),.modal-content.edit-summary-modal .btn-download:hover:not(:disabled){background-color:var(--button-accent-hover-bg)}.modal-content.instruction-modal{max-width:650px;background-color:var(--surface-color);color:var(--text-primary)}.modal-content.instruction-modal .modal-header h2{color:var(--text-primary);display:flex;align-items:center;gap:10px}.modal-content.instruction-modal .modal-body{text-align:left;line-height:1.6;color:var(--text-primary)}.modal-content.instruction-modal .instruction-list{list-style:none;padding-left:0;margin-top:1.5rem}.modal-content.instruction-modal .instruction-item{display:flex;align-items:center;gap:12px;margin-bottom:1.25rem;font-size:1.1em}.modal-content.instruction-modal .instruction-icon{width:28px;height:28px;flex-shrink:0;display:flex;justify-content:center;align-items:center;background-color:var(--info-color-light);color:var(--text-inverse);border-radius:50%;font-size:1.2em;font-weight:700}.modal-content.instruction-modal .instruction-text strong{color:var(--text-primary)}.modal-content.instruction-modal .instruction-text code{background-color:var(--surface-hover);border:1px solid var(--border-color-medium);border-radius:6px;padding:.2em .4em;font-size:.9em;color:var(--text-primary)}.modal-content.instruction-modal .modal-footer{border-top:1px solid var(--border-color)}.modal-content.instruction-modal .btn-confirm{background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:var(--text-inverse);border:none;width:100%;font-size:1.1em;padding:12px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}.modal-content.instruction-modal .btn-confirm:hover{transform:translateY(-1px);box-shadow:var(--brand-shadow)}.collapsible-panel{width:100%;background:transparent;border:none;border-radius:12px;overflow:visible;transition:all .3s ease-in-out;box-shadow:none;margin-bottom:6px}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:8px 32px;cursor:pointer;border-bottom:1px solid var(--border-color);-webkit-user-select:none;user-select:none}.collapsible-panel.collapsed .panel-header{border-bottom:none}.panel-header h2{margin:0;font-size:20px;font-weight:700;color:var(--text-primary)}.collapse-button{background:transparent;border:none;color:var(--brand-primary);font-size:1.5rem;cursor:pointer;transition:transform .2s}.collapse-button:hover{transform:scale(1.1)}.panel-content{max-height:2000px;transition:max-height .4s ease-in-out,padding .4s ease-in-out,opacity .3s ease-in-out;opacity:1}.collapsible-panel.collapsed .panel-content{max-height:0;padding-top:0;padding-bottom:0;opacity:0;overflow:hidden}.collapsible-panel.collapsed .panel-content>*{padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0}@media (max-width: 768px){.panel-header{padding:16px 20px}.panel-header h2{font-size:18px}.collapse-button{font-size:1.3rem}}@media (max-width: 480px){.panel-header{padding:12px 16px}.panel-header h2{font-size:16px}.collapse-button{font-size:1.2rem}.collapsible-panel{margin-bottom:16px}}.download-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.download-modal-content{background:var(--surface-color);border-radius:12px;max-width:660px;width:95vw;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:downloadModalSlideIn .3s ease-out}@keyframes downloadModalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.download-modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid var(--border-color)}.download-modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.download-modal-close{background:none;border:none;font-size:1.5rem;color:var(--text-color);cursor:pointer;padding:4px 8px;line-height:1;border-radius:4px;transition:all .2s}.download-modal-close:hover{background:var(--surface-hover);color:var(--text-primary)}.download-modal-body{padding:16px 20px;overflow-y:visible;flex:1}.download-sections-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:14px}.download-sections-full{margin-bottom:14px}.download-section{margin-bottom:0}.download-section:last-child{margin-bottom:0}.download-section h3{margin:0 0 8px;font-size:.95rem;font-weight:600;color:var(--text-color);text-align:left}.download-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.download-select-controls{display:flex;align-items:center;font-size:.875rem}.download-link-button{background:none;border:none;color:var(--info-color-light);cursor:pointer;padding:0;font-size:.875rem;text-decoration:underline;transition:color .2s}.download-link-button:hover{color:var(--info-color)}.download-checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px}.download-checkbox-label{display:flex;align-items:center;gap:8px;padding:5px 8px;background:var(--surface-alt);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.download-checkbox-label:hover{background:var(--surface-hover);border-color:var(--border-color-medium)}.download-checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--info-color-light)}.download-checkbox-label span{font-size:.9rem;color:var(--text-color)}.download-checkbox-label input[type=checkbox]:checked+span{font-weight:500;color:var(--text-primary)}.download-summary{padding:8px 12px;background:var(--info-bg-subtle);border:1px solid #bfdbfe;border-radius:8px;font-size:.9rem;color:#1e40af}.download-summary-count{color:#1e40af;font-size:.85em;opacity:.8}.download-modal-footer{display:flex;justify-content:space-between;gap:12px;padding:12px 20px;border-top:1px solid var(--border-color);background:var(--surface-alt);border-radius:0 0 12px 12px}.download-btn-primary,.download-btn-secondary{padding:10px 20px;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;border:none;transition:all .2s}.download-btn-primary{background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:var(--text-inverse)}.download-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--button-accent-shadow, 0 4px 12px rgba(102, 126, 234, .4))}.download-btn-primary:disabled{background:var(--button-disabled-bg, rgba(102, 126, 234, .6));cursor:not-allowed;opacity:.7}.download-btn-secondary{background:var(--button-reset-bg, #b95700);color:var(--text-inverse);border:1px solid var(--button-reset-bg, #b95700)}.download-btn-secondary:hover:not(:disabled){background:var(--button-reset-hover-bg, #d46c0b);border-color:var(--button-reset-hover-bg, #d46c0b)}.download-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.download-progress-container{margin-top:16px;padding:16px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px}.download-progress-text{margin:0 0 8px;color:#0c4a6e;font-size:.95rem;font-weight:500}.download-progress-bar-wrapper{width:100%;height:8px;background:#e0f2fe;border-radius:4px;overflow:hidden}body[data-theme=dark] .download-progress-container{background:#3882f61f;border-color:#60a5fa59}body[data-theme=dark] .download-progress-text{color:#93c5fd}body[data-theme=dark] .download-progress-bar-wrapper{background:#60a5fa33}.download-option-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.download-option-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--surface-alt);border:1px solid var(--border-color);border-radius:20px;cursor:pointer;font-size:.875rem;color:var(--text-color);transition:all .2s;-webkit-user-select:none;user-select:none}.download-option-pill:hover{background:var(--surface-hover);border-color:var(--border-color-medium)}.download-option-pill input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:var(--info-color-light);flex-shrink:0}.download-option-pill input[type=checkbox]:checked+span{font-weight:600;color:var(--text-primary)}.download-option-pill--disabled{opacity:.6;cursor:default}.download-hint{margin:4px 0 0;font-size:.78rem;color:var(--text-secondary, #9ca3af)}body[data-theme=dark] .download-summary{background:#3882f61f;border-color:#60a5fa59}body[data-theme=dark] .download-summary,body[data-theme=dark] .download-summary-count{color:#93c5fd}.download-progress-bar{height:100%;background:linear-gradient(90deg,var(--info-color-light),var(--info-color));transition:width .3s ease;border-radius:4px}.completion-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.completion-modal-content{background:var(--surface-color);border-radius:12px;padding:32px;max-width:450px;width:100%;text-align:center;box-shadow:0 20px 60px #0000004d;animation:completionModalFadeIn .3s ease-out}@keyframes completionModalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.completion-modal-icon{font-size:3rem;margin-bottom:16px}.completion-modal-title{margin:0 0 12px;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.completion-modal-message{margin:0 0 24px;font-size:1rem;color:var(--text-color);line-height:1.5}.completion-modal-button{padding:10px 24px;background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:var(--text-inverse);border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.completion-modal-button:hover{transform:translateY(-1px);box-shadow:var(--button-accent-shadow, 0 4px 12px rgba(102, 126, 234, .4))}@media (max-width: 640px){.download-modal-content{max-width:100%;max-height:95vh}.download-checkbox-grid{grid-template-columns:1fr}.download-modal-footer{flex-direction:column-reverse}.download-btn-primary,.download-btn-secondary{width:100%}}.test-diff-modal{max-width:920px;max-height:90vh;background-color:var(--surface-color);color:var(--text-primary);border-radius:12px;box-shadow:var(--shadow-xl);padding:0}.test-diff-modal .modal-header{border-bottom:2px solid var(--border-color);padding:.55rem 1.1rem .45rem;margin-bottom:0}.test-diff-modal .modal-header h2{color:var(--text-primary);font-weight:700;font-size:1.2rem}.test-diff-modal .modal-body{display:flex;flex-direction:column;gap:.6rem;text-align:left;background-color:var(--surface-color);padding:.65rem 1.1rem;overflow-y:auto;max-height:calc(90vh - 140px)}.test-diff-modal .modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:.55rem 1.1rem;border-top:2px solid var(--border-color)}.test-parse-review{width:100%}.test-parse-warnings{background-color:var(--warning-bg-light, #fef3cd);border:1px solid var(--warning-color, #ffc107);border-radius:8px;padding:10px 14px;margin-bottom:12px;font-size:.88rem;color:var(--warning-text, #856404)}.test-parse-warnings h4{margin:0 0 6px;font-size:.92rem;color:var(--warning-text, #856404)}.test-parse-warnings ul{margin:0;padding-left:18px}.test-parse-warnings li{color:var(--warning-text, #856404);margin-bottom:2px}.test-parse-subject{display:inline-flex;align-items:center;gap:6px;background:var(--surface-secondary);border:1px solid var(--border-color);border-radius:6px;padding:4px 12px;font-size:.88rem;margin-bottom:12px;color:var(--text-secondary)}.test-parse-subject strong{color:var(--text-primary)}.parsed-questions-list{display:flex;flex-direction:column;gap:8px}.parsed-question-card{background:var(--surface-secondary);border:1px solid var(--border-color);border-radius:8px;padding:10px 14px;transition:border-color .15s;text-align:left}.parsed-question-card:hover{border-color:var(--brand-primary, #667eea)}.parsed-question-card.diagram-dependent{border-left:3px solid var(--warning-color, #ffc107)}.pq-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.pq-num-type{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.pq-number{font-weight:700;font-size:.92rem;color:var(--brand-primary, #667eea);min-width:26px}.pq-type{background:#667eea1f;color:var(--brand-primary, #667eea);border:1px solid rgba(102,126,234,.25);padding:1px 8px;border-radius:4px;font-size:.75rem;font-weight:600;white-space:nowrap}.pq-type.unparseable{background:var(--error-color, #dc3545);color:#fff;border-color:transparent}.pq-bloom{background:var(--surface-color);border:1px solid var(--border-color);padding:1px 8px;border-radius:4px;font-size:.78rem;color:var(--text-secondary)}.pq-concept{font-size:.82rem;color:var(--text-secondary);font-style:italic;margin-left:auto}.pq-concept.empty{color:var(--text-tertiary, #aaa);font-style:italic;opacity:.7}.pq-edit-type-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}.pq-edit-type-label{font-size:.8rem;color:var(--text-secondary);font-weight:500}.pq-edit-type-value{font-size:.85rem;font-weight:600;color:var(--brand-primary, #667eea)}.pq-diagram-badge{font-size:.78rem;background:var(--warning-bg-light, #fff3cd);color:var(--warning-text, #856404);padding:1px 8px;border-radius:4px}.pq-prompt-row{display:flex;align-items:flex-start;gap:6px}.pq-prompt{flex:1;font-size:.9rem;color:var(--text-primary);line-height:1.4}.pq-prompt-actions{display:flex;gap:2px;flex-shrink:0;opacity:0;transition:opacity .15s}.parsed-question-card:hover .pq-prompt-actions{opacity:1}.pq-edit-btn,.pq-delete-btn{background:none;border:none;cursor:pointer;font-size:.85rem;padding:2px 4px;border-radius:4px;opacity:0;transition:opacity .15s}.parsed-question-card:hover .pq-edit-btn,.parsed-question-card:hover .pq-delete-btn{opacity:1}.pq-edit-btn:hover{background:var(--brand-primary, #667eea);color:#fff}.pq-delete-btn:hover{background:var(--error-color, #dc3545);color:var(--text-inverse, white)}.parsed-question-card.editing{border-color:var(--brand-primary, #667eea);box-shadow:0 0 0 1px var(--brand-primary, #667eea)}.pq-edit-form{display:flex;flex-direction:column;gap:6px;margin-top:8px}.pq-edit-hint{font-size:.8rem;color:var(--text-secondary);background:var(--surface-hover, rgba(99,102,241,.06));border-left:3px solid var(--brand-primary, #667eea);padding:7px 10px;border-radius:0 6px 6px 0;margin-bottom:4px;line-height:1.4}.pq-edit-readonly-answers{margin-top:4px}.pq-readonly-badge{font-weight:400;font-style:italic;color:var(--text-muted, #888);font-size:.75rem;margin-left:4px}.pq-type.free-response{background:#8b5cf626;color:var(--brand-primary, #7c3aed);border-color:#8b5cf64d}.pq-sample-answer{margin-top:8px;padding:8px 12px;background:var(--surface-hover, rgba(99,102,241,.06));border-left:3px solid var(--brand-primary, #7c3aed);border-radius:0 6px 6px 0;display:flex;flex-direction:column;gap:4px}.pq-sample-answer-label{font-size:.75rem;font-weight:600;color:var(--brand-primary, #7c3aed)}.pq-sample-answer-text{font-size:.88rem;color:var(--text-primary);line-height:1.5;white-space:pre-wrap}.pq-edit-label{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.pq-edit-input{padding:6px 10px;border:1px solid var(--border-color);border-radius:6px;font-size:.88rem;background:var(--surface-color);color:var(--text-primary)}.pq-edit-textarea{padding:8px 10px;border:1px solid var(--border-color);border-radius:6px;font-size:.88rem;background:var(--surface-color);color:var(--text-primary);resize:vertical;font-family:inherit;line-height:1.4}.pq-edit-input:focus,.pq-edit-textarea:focus{outline:none;border-color:var(--brand-primary, #667eea)}.pq-edit-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.pq-confirm-delete{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;margin-top:8px;background:var(--error-bg-light, rgba(220, 53, 69, .1));border:1px solid var(--error-color, #dc3545);border-radius:8px;font-size:.9rem;color:var(--text-primary)}.pq-confirm-actions{display:flex;gap:8px;flex-shrink:0}.test-diff-btn.danger{background:var(--error-color, #dc3545);color:var(--text-inverse, white);border:none}.test-diff-btn.danger:hover{background:var(--error-text, #c82333)}.test-diff-btn.active-toggle{box-shadow:0 0 0 3px #667eea80}.pq-choices{margin-top:6px;padding-left:8px;display:flex;flex-direction:column;gap:3px}.pq-choices-label{font-size:.73rem;font-style:italic;color:var(--text-muted, #888);margin-bottom:2px}.pq-choice{font-size:.86rem;color:var(--text-secondary)}.pq-choice.correct{color:var(--success-text, #28a745);font-weight:600}.test-diff-config{display:flex;flex-direction:column;gap:16px;text-align:left}.tdc-section{display:flex;flex-direction:column;gap:8px}.tdc-section h3{margin:0;padding-bottom:6px;border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:1em;font-weight:600;text-align:left}.tdc-grade-select{display:flex;align-items:center;gap:10px}.tdc-grade-select label{font-size:.9rem;color:var(--text-secondary);white-space:nowrap}.tdc-grade-select select{padding:4px 8px;border:1px solid var(--border-color);border-radius:6px;background:var(--surface-color);color:var(--text-primary);font-size:.9rem}.tdc-levels{display:flex;flex-direction:column;gap:6px}.tdc-level-row{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:6px;background:var(--surface-secondary);border:1px solid var(--border-color)}.tdc-level-row label{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-primary);cursor:pointer;flex:1}.tdc-level-row .tdc-level-grade{font-size:.82rem;color:var(--text-secondary);margin-left:auto}.tdc-scaffolding{display:flex;flex-direction:column;gap:6px}.tdc-scaffolding label{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-primary);cursor:pointer}.tdc-scaffolding .tdc-scaffold-desc{font-size:.82rem;color:var(--text-secondary);margin-left:26px;text-align:left}.tdc-language-row{display:flex;align-items:center;gap:10px;margin-top:4px}.tdc-language-row label{font-size:.9rem;color:var(--text-secondary);white-space:nowrap}.tdc-language-row select{padding:4px 8px;border:1px solid var(--border-color);border-radius:6px;background:var(--surface-color);color:var(--text-primary);font-size:.9rem;width:auto;max-width:190px}.tpr-review-banner{display:flex;align-items:flex-start;gap:10px;background:var(--surface-secondary);border-left:3px solid var(--brand-primary, #667eea);border-radius:6px;padding:10px 14px;margin-bottom:14px;font-size:.87rem;color:var(--text-secondary);line-height:1.5;text-align:left}.tpr-banner-icon{font-size:1.1rem;flex-shrink:0;margin-top:1px}.tdc-explainer{padding:10px 14px;border-radius:6px;font-size:.86rem;background:var(--surface-secondary);border-left:3px solid var(--brand-primary, #667eea);color:var(--text-secondary);line-height:1.5;margin-bottom:4px}.tdc-subject-hint{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:6px;font-size:.86rem;background:var(--surface-secondary);border:1px solid var(--border-color);color:var(--text-secondary)}.test-diff-side-by-side{width:100%}.tdss-question-group{margin-bottom:16px;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.tdss-question-header{display:flex;align-items:center;gap:10px;padding:8px 14px;background:var(--surface-secondary);border-bottom:1px solid var(--border-color)}.tdss-q-number{font-weight:700;font-size:.95rem;color:var(--brand-primary, #667eea)}.tdss-q-concept{font-size:.88rem;color:var(--text-secondary);font-style:italic}.tdss-alignment-badge{margin-left:auto;font-size:.78rem;padding:2px 8px;border-radius:4px;font-weight:600}.tdss-alignment-badge.aligned{background:var(--success-bg-light, #d4edda);color:var(--success-text, #155724)}.tdss-alignment-badge.misaligned{background:var(--error-bg-light, #f8d7da);color:var(--error-text, #721c24)}.tdss-versions-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:0}.tdss-version-col{padding:10px 14px;border-right:1px solid var(--border-color);display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:6px}.tdss-version-col:last-child{border-right:none}.tdss-version-label{font-weight:600;font-size:.82rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;padding-bottom:4px;border-bottom:1px solid var(--border-color);width:100%;text-align:left}.tdss-version-label.original{color:var(--brand-primary, #667eea)}.tdss-q-text{font-size:.88rem;color:var(--text-primary);line-height:1.4;text-align:left;width:100%}.tdss-choices{display:flex;flex-direction:column;gap:2px;font-size:.84rem}.tdss-choice{color:var(--text-secondary)}.tdss-choice.correct{color:#28a745;font-weight:600}.tdss-word-bank{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.tdss-word-bank-item{background:#e8eaf6;color:#303f9f;padding:2px 8px;border-radius:4px;font-size:.82rem}.tdss-glossary{margin-top:4px;background:#f1f8ff;border-radius:6px;padding:6px 10px;font-size:.82rem}.tdss-glossary-title{font-weight:600;font-size:.78rem;color:var(--text-secondary);margin-bottom:4px}.tdss-glossary-entry{color:var(--text-primary)}.tdss-confidence{display:flex;align-items:center;gap:6px;font-size:.78rem;margin-top:4px}.tdss-confidence-badge{padding:1px 6px;border-radius:4px;font-weight:600}.tdss-confidence-badge.high{background:#d4edda;color:#155724}.tdss-confidence-badge.medium{background:#fff3cd;color:#856404}.tdss-confidence-badge.low{background:#f8d7da;color:#721c24}.tdss-confidence-note{color:var(--text-secondary);font-style:italic}.test-diff-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-bg);display:flex;justify-content:center;align-items:flex-start;z-index:10001;padding:24px;overflow-y:auto}.test-diff-modal{background:var(--surface-color);border-radius:12px;width:95%;max-width:1200px;max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 10px 40px #00000040;padding:24px}.test-diff-flow-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:16px}.test-diff-flow-header h3{margin:0;font-size:1.2rem;color:var(--text-primary);flex-shrink:0}.test-diff-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.test-diff-empty-state{text-align:center;padding:40px 20px;color:var(--text-secondary);font-size:1rem;line-height:1.6}.test-diff-empty-state p:first-child{font-size:1.3rem;margin-bottom:8px}.test-diff-close-btn{background:none;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:1.1rem;cursor:pointer;padding:4px 10px;flex-shrink:0;transition:all .15s}.test-diff-close-btn:hover{background:var(--surface-secondary);color:var(--text-primary)}.test-diff-step-indicator{display:flex;gap:8px;align-items:center}.test-diff-step{display:flex;align-items:center;gap:4px;font-size:.82rem;color:var(--text-secondary);padding:3px 10px;border-radius:12px;background:var(--surface-secondary)}.test-diff-step.active{background:var(--brand-gradient);color:var(--text-inverse);font-weight:600}.test-diff-step.completed{background:var(--brand-gradient);color:var(--text-inverse)}.test-diff-step-arrow{color:var(--text-secondary);font-size:.8rem}.test-diff-actions{display:flex;gap:8px;margin-top:12px}.test-diff-actions .cancel{margin-right:auto}.test-diff-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px;color:var(--text-primary);font-size:1rem}.test-diff-loading .spinner{width:36px;height:36px;border:3px solid var(--text-secondary);border-top:3px solid var(--brand-primary, #667eea);border-radius:50%;opacity:.9;animation:td-spin .8s linear infinite}@keyframes td-spin{to{transform:rotate(360deg)}}.test-diff-btn{padding:6px 16px;border:1px solid var(--border-color);border-radius:6px;background:var(--surface-color);color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .15s}.test-diff-btn:hover{background:var(--surface-secondary)}.test-diff-btn.cancel{background:var(--button-reset-bg);color:var(--button-reset-text);border-color:transparent}.test-diff-btn.cancel:hover{background:var(--button-reset-hover-bg)}.test-diff-btn.primary{background:var(--brand-gradient);color:var(--text-inverse);border-color:transparent}.test-diff-btn.primary:hover{background:var(--brand-gradient);filter:brightness(1.1);box-shadow:var(--brand-shadow)}.test-diff-btn.export{background:var(--brand-gradient);color:var(--text-inverse);border-color:transparent}.test-diff-btn.export:hover{filter:brightness(1.1);box-shadow:var(--brand-shadow)}.test-diff-btn:disabled{opacity:.5;cursor:not-allowed}.tdss-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 0;margin-bottom:12px;border-bottom:1px solid var(--border-color)}.tdss-saved-badge{font-size:.85rem;font-weight:600;color:var(--text-inverse);padding:4px 10px;background:var(--brand-gradient);border-radius:6px}.tdss-saved-inline{font-size:.85rem;font-weight:600;color:var(--success-text, #155724)}.tdss-kit-section{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto}.tdss-kit-label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.tdss-version-checkbox{display:flex;align-items:center;gap:4px;font-size:.82rem;cursor:pointer}.tdss-version-checkbox input[type=checkbox]{margin:0}.test-diff-save-message{padding:8px 14px;border-radius:6px;font-size:.85rem;margin-bottom:10px}.test-diff-save-message.success{background:linear-gradient(135deg,#667eea1f,#764ba21f);color:var(--text-primary);border:1px solid rgba(102,126,234,.35)}.test-diff-save-message.error{background:#fef2f2;color:#991b1b;border:1px solid #fca5a5}.test-diff-kits-success{display:flex;align-items:flex-start;gap:12px;background:#16a34a1f;border:2px solid rgba(22,163,74,.55);border-radius:10px;padding:14px 18px;margin-bottom:12px;font-size:.92rem;color:var(--text-primary);line-height:1.5;box-shadow:0 2px 8px #16a34a26}body[data-theme=light] .test-diff-kits-success{background:#16a34a17;color:#14532d}.test-diff-kits-success-icon{font-size:1.3rem;flex-shrink:0;margin-top:1px}.tdss-title-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.tdss-title-label{font-size:.9rem;font-weight:600;color:var(--text-secondary);white-space:nowrap}.tdss-title-input{flex:1;padding:6px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--surface-color);color:var(--text-primary);font-size:.95rem;transition:border-color .15s}.tdss-title-input:focus{outline:none;border-color:var(--brand-primary, #667eea);box-shadow:0 0 0 2px #6366f126}.tdss-filter-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:6px 0;margin-bottom:8px;font-size:.82rem}.tdss-filter-label{color:var(--text-secondary);font-weight:500;font-size:.82rem}.tdss-col-toggle{font-size:.78rem!important;padding:3px 10px!important}.tdss-col-toggle.hidden-col{opacity:.5;text-decoration:line-through}.tdss-confidence-select{padding:3px 8px;border:1px solid var(--border-color);border-radius:6px;background:var(--surface-color);color:var(--text-primary);font-size:.82rem;width:160px}.tdss-kit-select{padding:4px 8px;border:1px solid var(--border-color);border-radius:6px;background:var(--surface-color);color:var(--text-primary);font-size:.82rem;max-width:200px}.tdss-inline-editor{display:flex;flex-direction:column;gap:6px;padding:8px;background:var(--surface-secondary);border:1px solid var(--brand-primary, #667eea);border-radius:6px}.tdss-edit-label{font-size:.78rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.tdss-edit-textarea{width:100%;padding:6px 8px;border:1px solid var(--border-color);border-radius:4px;background:var(--surface-color);color:var(--text-primary);font-size:.86rem;font-family:inherit;resize:vertical;box-sizing:border-box}.tdss-edit-textarea:focus,.tdss-edit-choice-input:focus{outline:none;border-color:var(--brand-primary, #667eea)}.tdss-edit-choice-row{display:flex;align-items:center;gap:6px}.tdss-edit-choice-input{flex:1;padding:4px 8px;border:1px solid var(--border-color);border-radius:4px;background:var(--surface-color);color:var(--text-primary);font-size:.84rem}.tdss-edit-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:4px}.tdss-q-text-editable{cursor:pointer;border-radius:4px;transition:background-color .15s}.tdss-q-text-editable:hover{background-color:#6366f114}.tdss-edited-badge{margin-left:6px;font-size:.72rem;opacity:.8}.tdss-cell-actions{display:flex;gap:4px;margin-top:4px}.tdss-action-btn{padding:2px 6px!important;font-size:.78rem!important;min-width:auto;border:1px solid transparent!important;background:transparent!important;opacity:.5;transition:opacity .15s}.tdss-action-btn:hover{opacity:1;background:var(--surface-secondary)!important}.tdss-diff-added{background-color:#bbf7d0;color:#14532d;border-radius:2px;padding:0 2px}.tdss-diff-removed{background-color:#fecaca;color:#7f1d1d;border-radius:2px;padding:0 2px;text-decoration:line-through}.tdss-assign-prompt{margin-top:12px;border:1px solid var(--brand-primary, #667eea);border-radius:8px;padding:14px;background:linear-gradient(135deg,#6366f10f,#8b5cf60f)}.tdss-assign-prompt h4{margin:0 0 8px;color:var(--text-primary);font-size:1rem}.tdss-assign-prompt p{margin:0 0 10px;font-size:.88rem;color:var(--text-secondary);line-height:1.4}.tdss-assign-prompt-actions{display:flex;gap:8px;justify-content:flex-end}.tdss-load-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:tdss-fade-in .15s ease-out}@keyframes tdss-fade-in{0%{opacity:0}to{opacity:1}}.tdss-load-modal{background:var(--surface-color);border-radius:10px;box-shadow:var(--shadow-xl);width:90%;max-width:560px;max-height:70vh;display:flex;flex-direction:column;animation:tdss-scale-in .15s ease-out}@keyframes tdss-scale-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.tdss-load-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color)}.tdss-load-modal-header h3{margin:0;font-size:1rem;color:var(--text-primary)}.tdss-load-modal-body{padding:12px 16px;overflow-y:auto;flex:1}.tdss-load-list{display:flex;flex-direction:column;gap:6px}.tdss-load-item{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:10px 14px;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-color);cursor:pointer;transition:all .15s;width:100%}.tdss-load-item:hover{border-color:var(--brand-primary, #667eea);background:var(--surface-secondary);transform:translateY(-1px)}.tdss-load-item-title{font-weight:600;font-size:.9rem;color:var(--text-primary)}.tdss-load-item-meta{font-size:.78rem;color:var(--text-secondary);margin-top:2px}.tdss-translate-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 12px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;margin-bottom:8px}.tdss-translate-select{padding:4px 8px;border:1px solid var(--border-color);border-radius:6px;background:var(--surface-color);color:var(--text-primary);font-size:.82rem;min-width:140px}.tdss-lang-tabs{display:flex;gap:4px;margin-left:auto}.tdss-lang-tab{font-size:.78rem!important;padding:3px 10px!important}.tdss-lang-badge{display:inline-block;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:.7rem;padding:1px 6px;border-radius:10px;margin-left:6px;vertical-align:middle}.tdss-translated{border-left:3px solid #6366f1}.tdss-edit-time{font-size:.7rem;color:var(--text-secondary);margin-left:6px}.tdss-low-confidence-flag{background:#fef3c7;border:1px solid #f59e0b;color:#92400e;font-size:.78rem;padding:4px 10px;border-radius:6px;margin-top:4px}[data-theme=dark] .tdss-low-confidence-flag{background:#451a03;border-color:#b45309;color:#fcd34d}.wm-editor-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:200;padding:16px}.wm-editor-modal{background:#fff;color:#111827;border-radius:16px;width:100%;max-width:820px;max-height:88vh;display:flex;flex-direction:column;box-shadow:0 8px 48px #00000059;overflow:hidden;position:relative;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f0f0f0;--text-primary: #111827;--text-secondary: #6b7280;--border: #e5e7eb;--accent: #4f46e5;color-scheme:light}.wm-editor-header{display:flex;align-items:center;gap:10px;padding:18px 20px 14px;border-bottom:1px solid var(--border, #e5e7eb);flex-shrink:0}.wm-editor-title{flex:1;font-size:1.05rem;font-weight:700;color:var(--text-primary, #111);margin:0}.wm-editor-close{background:transparent;border:none;font-size:1.4rem;cursor:pointer;color:var(--text-secondary, #666);padding:0;line-height:1}.wm-editor-body{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:20px}.wm-editor-modal input[type=checkbox],.wm-editor-modal input[type=radio]{accent-color:#4f46e5;background-color:#fff}.wm-editor-pause-settings{background:var(--bg-secondary, #f9fafb);border:1px solid var(--border, #e5e7eb);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}.wm-editor-section-heading{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary, #555)}.wm-editor-master-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.9rem;font-weight:600;color:var(--text-primary, #111)}.wm-editor-master-checkbox input[type=checkbox]{accent-color:#6366f1;width:18px;height:18px;cursor:pointer;flex-shrink:0}.wm-editor-master-checkbox:has(input:disabled){opacity:.5;cursor:default}.wm-editor-pause-settings-header{display:flex;align-items:center}.wm-editor-section-desc{font-size:.82rem;color:var(--text-secondary, #777);margin:0;line-height:1.4}.wm-editor-type-toggles{display:flex;flex-wrap:wrap;gap:8px 16px}.wm-editor-type-toggle{display:flex;align-items:center;gap:6px;font-size:.88rem;color:var(--text-primary, #111);cursor:pointer;-webkit-user-select:none;user-select:none}.wm-editor-type-toggle input[type=checkbox]{accent-color:var(--accent, #4f46e5);width:15px;height:15px;cursor:pointer}.wm-editor-type-toggle:has(input:disabled){opacity:.5;cursor:default}.wm-editor-video-group{display:flex;flex-direction:column;gap:8px}.wm-editor-video-heading{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary, #888);padding:4px 0;border-bottom:1px solid var(--border, #e5e7eb)}.wm-editor-item-row{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid var(--border, #e5e7eb);background:var(--bg-secondary, #fafafa);transition:opacity .2s}.wm-editor-item-row.excluded .wm-editor-item-type,.wm-editor-item-row.excluded .wm-editor-item-preview,.wm-editor-item-row.excluded .wm-editor-item-override-badge{opacity:.6}.wm-editor-item-type{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#fff;background:linear-gradient(135deg,#16a34a,#22c55e 55%,#10b981);white-space:nowrap;padding:3px 8px;border-radius:20px;align-self:flex-start;margin-top:2px;min-width:unset}.wm-editor-item-type-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:fit-content}.wm-editor-item-question-type{display:inline-flex;align-items:center;font-size:.62rem;line-height:1;color:#0f172a;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:3px 8px;border-radius:999px;border:none;background:linear-gradient(135deg,#93c5fd,#60a5fa 55%,#38bdf8);white-space:nowrap;opacity:1}.wm-editor-item-type-quiz{background:linear-gradient(135deg,#4f46e5,#6366f1 55%,#0ea5e9)}.wm-editor-item-type-vocabulary{background:linear-gradient(135deg,#16a34a,#22c55e 55%,#10b981)}.wm-editor-item-type-flashcards{background:linear-gradient(135deg,#0f766e,#14b8a6 55%,#22d3ee)}.wm-editor-item-type-glossary{background:linear-gradient(135deg,#0284c7,#06b6d4 55%,#22d3ee)}.wm-editor-item-type-faqs{background:linear-gradient(135deg,#be185d,#ec4899 55%,#f97316)}.wm-editor-item-type-keytakeaways{background:linear-gradient(135deg,#b45309,#f59e0b 55%,#facc15)}.wm-editor-item-type-timeline{background:linear-gradient(135deg,#475569,#64748b 55%,#94a3b8)}.wm-editor-item-type-categorization{background:linear-gradient(135deg,#c2410c,#f97316 55%,#f59e0b)}.wm-editor-item-content{flex:1;min-width:0}.wm-editor-item-preview{font-size:.88rem;color:var(--text-primary, #111);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wm-editor-item-time{font-size:.75rem;color:var(--text-secondary, #888);margin-top:2px}.wm-editor-item-override-badge{font-size:.7rem;color:#b45309;background:#fef3c7;border-radius:10px;padding:1px 7px;margin-top:2px;display:inline-block}.wm-editor-item-actions{display:flex;gap:6px;flex-shrink:0;align-items:flex-start}.wm-editor-action-btn{background:transparent;border:1px solid var(--border, #e5e7eb);border-radius:6px;padding:4px 9px;font-size:.78rem;cursor:pointer;color:var(--text-secondary, #555);transition:background .12s,color .12s;white-space:nowrap}.wm-editor-action-btn:hover{background:var(--bg-tertiary, #f0f0f0);color:var(--text-primary, #111)}.wm-editor-action-btn.danger:hover{background:#fee2e2;color:#991b1b;border-color:#f87171}.wm-editor-action-btn.restore:hover{background:#d1fae5;color:#065f46;border-color:#34d399}.wm-edit-form{border:2px solid var(--accent, #4f46e5);border-radius:10px;padding:14px;background:color-mix(in srgb,var(--accent, #4f46e5) 5%,var(--bg-primary, #fff));display:flex;flex-direction:column;gap:10px}.wm-edit-form-label{font-size:.78rem;font-weight:700;color:var(--text-secondary, #555);display:flex;flex-direction:column;gap:4px}.wm-edit-form-input,.wm-edit-form-textarea{width:100%;border:1px solid var(--border, #d1d5db);border-radius:6px;padding:7px 10px;font-size:.9rem;color:var(--text-primary, #111);background:var(--bg-primary, #fff);box-sizing:border-box;resize:vertical}.wm-edit-form-input:focus,.wm-edit-form-textarea:focus{outline:none;border-color:var(--accent, #4f46e5)}.wm-edit-form-actions{display:flex;gap:8px;justify-content:flex-end}.wm-edit-form-actions>*{flex:1;text-align:center}.wm-edit-choices{display:flex;flex-direction:column;gap:6px;margin-top:6px}.wm-edit-choice-option{display:flex;align-items:flex-start;gap:8px;font-size:.9rem;color:var(--text-primary, #e2e8f0);cursor:pointer;line-height:1.4}.wm-edit-choice-option input[type=radio]{margin-top:2px;accent-color:#6366f1;width:15px;height:15px;flex-shrink:0;cursor:pointer}.wm-edit-cancel-btn{background:linear-gradient(135deg,#b95700,#e67e22);border:none;color:#fff;padding:8px 16px;font-size:.88rem;font-weight:600;border-radius:8px;cursor:pointer;transition:opacity .15s}.wm-edit-cancel-btn:hover{opacity:.88}.wm-edit-save-btn{background:linear-gradient(135deg,#7c3aed,#4f46e5,#0ea5e9);border:none;color:#fff;padding:8px 16px;font-size:.88rem;font-weight:600;border-radius:8px;cursor:pointer;transition:opacity .15s}.wm-edit-save-btn:hover:not(:disabled){opacity:.88}.wm-edit-save-btn:disabled{opacity:.45;cursor:default}.wm-edit-delete-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;color:#fff;padding:8px 16px;font-size:.88rem;font-weight:600;border-radius:8px;cursor:pointer;transition:opacity .15s}.wm-edit-delete-btn:hover{opacity:.88}.wm-btn-restore{background:linear-gradient(135deg,#7c3aed,#4f46e5,#0ea5e9);color:#fff;border:none;padding:9px 18px;font-size:.9rem;font-weight:600;border-radius:8px;cursor:pointer;transition:transform .1s;opacity:1!important;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.wm-btn-restore:active{transform:scale(.97)}.wm-btn-restore:disabled{opacity:1!important;cursor:pointer}.wm-editor-item-row.type-skipped{opacity:.55}.wm-editor-skip-badge{display:inline-block;margin-left:8px;font-size:.68rem;font-weight:600;color:#f59e0b;background:#f59e0b1f;border:1px solid rgba(245,158,11,.35);border-radius:10px;padding:1px 6px}.wm-editor-pause-settings-header{display:flex;align-items:center;justify-content:space-between}.wm-editor-pause-select-all{display:flex;align-items:center;gap:4px}.wm-editor-select-all-btn{background:transparent;border:none;font-size:.78rem;color:var(--accent, #4f46e5);cursor:pointer;padding:2px 4px;text-decoration:underline;text-underline-offset:2px}.wm-editor-select-all-btn:hover:not(:disabled){opacity:.75}.wm-editor-select-all-btn:disabled{opacity:.4;cursor:default}.wm-editor-select-divider{font-size:.75rem;color:var(--text-secondary, #999)}body[data-theme=dark] .wm-editor-action-btn:hover{background:#ffffff26;color:#fff;border-color:#ffffff4d}body[data-theme=dark] .wm-editor-item-type{background:linear-gradient(135deg,#15803d,#16a34a 55%,#059669)}body[data-theme=dark] .wm-editor-item-question-type{color:#eaf2ff;background:linear-gradient(135deg,#3b82f6,#60a5fa 55%,#38bdf8)}body[data-theme=dark] .wm-editor-item-type-quiz{background:linear-gradient(135deg,#4f46e5,#6366f1 55%,#0284c7)}body[data-theme=dark] .wm-editor-item-type-vocabulary{background:linear-gradient(135deg,#15803d,#16a34a 55%,#059669)}body[data-theme=dark] .wm-editor-item-type-flashcards{background:linear-gradient(135deg,#115e59,#0d9488 55%,#0891b2)}body[data-theme=dark] .wm-editor-item-type-glossary{background:linear-gradient(135deg,#0e7490,#0891b2 55%,#06b6d4)}body[data-theme=dark] .wm-editor-item-type-faqs{background:linear-gradient(135deg,#9d174d,#be185d 55%,#ea580c)}body[data-theme=dark] .wm-editor-item-type-keytakeaways{background:linear-gradient(135deg,#92400e,#d97706 55%,#f59e0b)}body[data-theme=dark] .wm-editor-item-type-timeline{background:linear-gradient(135deg,#334155,#475569 55%,#64748b)}body[data-theme=dark] .wm-editor-item-type-categorization{background:linear-gradient(135deg,#9a3412,#c2410c 55%,#ea580c)}.wm-editor-edit-btn{margin-left:10px;padding-left:18px!important}.wm-editor-item-type-custom{background:#0891b2}.wm-editor-add-event-wrap{position:relative;display:inline-block;margin-left:8px}.wm-editor-add-event-wrap:after{content:"▾";position:absolute;right:9px;top:50%;transform:translateY(-50%);color:#fff;font-size:.65rem;pointer-events:none}.wm-editor-add-event-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(135deg,#4f46e5,#7c3aed 60%,#db2777);color:#fff;border:none;border-radius:20px;padding:4px 28px 4px 12px;font-size:.75rem;font-weight:600;cursor:pointer;outline:none;white-space:nowrap;box-shadow:0 2px 8px #4f46e559;transition:box-shadow .15s}.wm-editor-add-event-select:hover{box-shadow:0 3px 12px #4f46e58c}.wm-editor-add-event-select option{background:#1e1b4b;color:#fff}.wm-add-event-dialog-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;border-radius:inherit;z-index:10}.wm-add-event-dialog{background:var(--bg-primary, #fff);border-radius:12px;width:min(440px,90%);box-shadow:0 8px 32px #00000040;display:flex;flex-direction:column;overflow:hidden}.wm-add-event-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border, #e5e7eb)}.wm-add-event-dialog-header h3{margin:0;font-size:1rem;font-weight:700;color:var(--text-primary, #111)}.wm-add-event-dialog-body{padding:16px 18px;display:flex;flex-direction:column;gap:12px;max-height:55vh;overflow-y:auto}.wm-add-event-field{display:flex;flex-direction:column;gap:4px}.wm-add-event-field label{font-size:.8rem;font-weight:600;color:var(--text-secondary, #555)}.wm-add-event-field input[type=text],.wm-add-event-field input[type=number],.wm-add-event-field select,.wm-add-event-field textarea{padding:7px 10px;border:1px solid var(--border, #d1d5db);border-radius:7px;font-size:.88rem;background:var(--bg-secondary, #fafafa);color:var(--text-primary, #111);resize:vertical}.wm-add-event-field input:focus,.wm-add-event-field select:focus,.wm-add-event-field textarea:focus{outline:none;border-color:var(--accent, #4f46e5)}.wm-add-event-timestamp{display:flex;align-items:center;gap:6px;font-size:.88rem;color:var(--text-secondary, #555)}.wm-add-event-error{margin:0;font-size:.82rem;color:#dc2626;background:#fee2e2;border-radius:6px;padding:6px 10px}.wm-add-event-dialog-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--border, #e5e7eb)}body[data-theme=dark] .wm-editor-modal{background:var(--surface-color, #161b22);color:var(--text-primary, #e6edf3);border:1px solid var(--border-color, #30363d);box-shadow:0 8px 48px #000000a6;--bg-primary: var(--surface-color, #161b22);--bg-secondary: var(--surface-alt, #21262d);--bg-tertiary: var(--surface-hover, #1c2128);--text-primary: #e6edf3;--text-secondary: #a0adb8;--border: var(--border-color, #30363d);--accent: var(--brand-primary, #818cf8);color-scheme:dark}body[data-theme=dark] .wm-editor-modal input[type=checkbox],body[data-theme=dark] .wm-editor-modal input[type=radio]{background-color:var(--bg-primary, #1e293b)}body[data-theme=dark] .wm-editor-item-row{border:1px solid var(--border-color, #334155);background:var(--bg-secondary, #334155)}body[data-theme=dark] .wm-editor-action-btn{border:1px solid var(--border, #334155);color:var(--text-secondary, #94a3b8)}body[data-theme=dark] .wm-editor-action-btn:hover{background:var(--bg-tertiary, #475569);color:var(--text-primary, #f8fafc)}body[data-theme=dark] .wm-edit-form{border:2px solid var(--accent, #6366f1);background:color-mix(in srgb,var(--accent, #6366f1) 12%,var(--bg-primary, #1e293b))}body[data-theme=dark] .wm-edit-form-input,body[data-theme=dark] .wm-edit-form-textarea{border:1px solid var(--border, #475569);color:var(--text-primary, #f8fafc);background:var(--bg-primary, #1e293b)}body[data-theme=dark] .wm-add-event-dialog{background:var(--bg-primary, #1e293b);border:1px solid var(--border, #334155);box-shadow:0 8px 32px #0000008c}body[data-theme=dark] .wm-add-event-field input[type=text],body[data-theme=dark] .wm-add-event-field input[type=number],body[data-theme=dark] .wm-add-event-field select,body[data-theme=dark] .wm-add-event-field textarea{border:1px solid var(--border, #475569);background:var(--bg-secondary, #334155);color:var(--text-primary, #f8fafc)}body[data-theme=dark] .wm-add-event-error{color:#f87171;background:#ef444426}.wm-hud{display:flex;flex-direction:column;gap:6px;padding:10px 14px;background:#000000d1;flex-shrink:0;z-index:9}.wm-hud>*{pointer-events:all}.wm-hud-info-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}.wm-hud-btn-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;padding-top:24px;padding-bottom:20px}.wm-hud-progress{background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:4px 12px;font-size:.82rem;font-weight:600;color:#fff;white-space:nowrap;display:flex;align-items:center;gap:8px}.wm-hud-timestamp{font-size:.78rem;font-weight:500;color:#ffffffeb;font-variant-numeric:tabular-nums;letter-spacing:.03em}.wm-hud-next-pause-row{display:flex;align-items:center;gap:8px;margin-top:3px;padding-left:4px}.wm-hud-next-pause{font-size:.78rem;font-weight:600;color:#fffffff2;font-variant-numeric:tabular-nums;border-left:1px solid rgba(255,255,255,.35);padding-left:10px;margin-left:8px}.wm-hud-next-queue-btn{margin-top:0;margin-bottom:0;align-self:center}.wm-hud-queue-mode{display:flex;flex-direction:column;gap:5px;margin-top:10px;margin-bottom:4px}.wm-hud-queue-mode--horizontal{flex-direction:row;gap:18px;margin-top:0;margin-bottom:0;display:inline-flex;align-items:center;border-left:1px solid rgba(255,255,255,.35);padding-left:10px;margin-left:8px}.wm-hud-queue-mode-option{display:flex;align-items:center;gap:7px;font-size:.85rem;font-weight:500;color:#ffffffa6;cursor:pointer;-webkit-user-select:none;user-select:none}.wm-hud-queue-mode-option.active{color:#fff;font-weight:700}.wm-hud-queue-mode-option input[type=radio]{accent-color:#7c3aed;width:15px;height:15px;cursor:pointer;flex-shrink:0}.wm-hud-next-queue-btn:hover{opacity:.85}.wm-hud-duration{color:#ffffffe6}.wm-hud-btn{background:linear-gradient(135deg,#7c3aed,#4f46e5,#0ea5e9);border:none;border-radius:8px;padding:7px 24px;font-size:.92rem;font-weight:700;color:#fff;cursor:pointer;transition:opacity .15s;display:flex;align-items:center;gap:6px}.wm-hud-btn:hover{opacity:.88}.wm-hud-restart-btn{opacity:1}.wm-hud-restart-btn:hover{opacity:.88}.wm-hud-playpause-btn{white-space:nowrap}.wm-hud-cc-toggle{display:flex;align-items:center;gap:5px;padding:7px 14px;border-radius:8px;background:linear-gradient(135deg,#7c3aed,#4f46e5,#0ea5e9);color:#fff;font-size:.92rem;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .15s}.wm-hud-cc-toggle:hover{opacity:.88}.wm-hud-cc-toggle input[type=checkbox]{width:15px;height:15px;accent-color:#fff;cursor:pointer}.wm-video-selector-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.wm-video-selector-card{background:var(--bg-primary, #fff);border-radius:16px;padding:24px;max-width:480px;width:100%;display:flex;flex-direction:column;gap:14px;box-shadow:0 8px 40px #0006}.wm-video-selector-title{font-size:1.1rem;font-weight:700;color:var(--text-primary, #111);margin:0}.wm-video-selector-list{display:flex;flex-direction:column;gap:8px}.wm-video-selector-item{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;border:2px solid var(--bg-tertiary, #e4e4e7);background:var(--bg-secondary, #f5f5f5);cursor:pointer;transition:border-color .15s,background .15s;text-align:left}.wm-video-selector-item:hover{border-color:var(--accent, #4f46e5);background:color-mix(in srgb,var(--accent, #4f46e5) 6%,var(--bg-secondary, #f5f5f5))}.wm-video-selector-thumb{width:72px;height:42px;border-radius:6px;object-fit:cover;background:#ddd;flex-shrink:0}.wm-video-selector-info{flex:1;min-width:0}.wm-video-selector-label{font-size:.9rem;font-weight:600;color:var(--text-primary, #111);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wm-video-selector-meta{font-size:.78rem;color:var(--text-secondary, #666);margin-top:2px}.wm-status-badge{font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:12px;flex-shrink:0}.wm-status-badge.not-started{background:#f3f4f6;color:#6b7280}.wm-status-badge.in-progress{background:#fef3c7;color:#92400e}.wm-status-badge.complete{background:#d1fae5;color:#065f46}.wm-video-selector-close{align-self:flex-end;background:transparent;border:none;font-size:1.3rem;cursor:pointer;color:var(--text-secondary, #666);padding:0;line-height:1}.wm-hud-queue-table{background:#0000008c;border-top:1px solid rgba(255,255,255,.15);display:flex;flex-direction:column;padding:10px 14px 60px;gap:3px;max-height:min(520px,calc(100vh - 420px));overflow-y:auto}.wm-hud-queue-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#fff;margin-bottom:6px;text-align:center}.wm-hud-queue-row{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:6px;transition:background .1s}.wm-hud-queue-row.clickable{cursor:pointer}.wm-hud-queue-row.clickable:hover{background:#ffffff14}.wm-hud-queue-row.current{background:#4f46e547;outline:1px solid rgba(79,70,229,.55)}.wm-hud-queue-row.past{opacity:.65}.wm-hud-queue-badge{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#fff;padding:2px 7px;border-radius:20px;white-space:nowrap;flex-shrink:0}.wm-hud-queue-text{flex:1;min-width:0;font-size:.92rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wm-hud-queue-row.past .wm-hud-queue-text{color:#fffc}.wm-hud-queue-time{font-size:.84rem;font-variant-numeric:tabular-nums;color:#fffffff2;white-space:nowrap;flex-shrink:0}.wm-hud-queue-skip{font-size:.65rem;font-weight:600;color:#ffc850bf;white-space:nowrap;flex-shrink:0}.wm-hud-queue-item-wrap{display:flex;flex-direction:column}.wm-hud-queue-edit-btn{background:transparent;border:none;cursor:pointer;font-size:.85rem;padding:2px 4px;border-radius:4px;opacity:.75;flex-shrink:0;transition:opacity .15s,background .15s;line-height:1;position:relative}.wm-hud-queue-edit-btn:after{content:"Edit item";position:absolute;bottom:calc(100% + 5px);right:0;background:#000000d9;color:#fff;font-size:.75rem;font-weight:500;white-space:nowrap;padding:4px 8px;border-radius:4px;pointer-events:none;opacity:0;transition:opacity .15s;z-index:20}.wm-hud-queue-edit-btn:hover:after{opacity:1}.wm-hud-queue-edit-btn:hover,.wm-hud-queue-edit-btn.active{opacity:1;background:#ffffff1f}.wm-hud-queue-edit-btn:disabled,.wm-hud-queue-edit-btn.disabled-tier{opacity:.8!important;cursor:not-allowed;filter:saturate(1.5) contrast(1.2)!important}.wm-hud-edit-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0009;display:flex;align-items:center;justify-content:center}.wm-hud-edit-overlay-panel{background:#1e1e2e;border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:20px 24px;width:min(520px,90vw);max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #0009;color:#fff}.wm-hud-queue-edit-panel{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:12px 14px;margin:4px 0 8px}.wm-hud-queue-delete-btn{background:linear-gradient(135deg,#ef4444,#b91c1c);border:1px solid rgba(239,68,68,.4);color:#fff;border-radius:6px;padding:6px 20px;font-size:.85rem;font-weight:600;cursor:pointer;transition:opacity .15s}.wm-hud-queue-delete-btn:hover{opacity:.85}.wm-hud-return-btn{background:linear-gradient(135deg,#b95700,#e67e22)!important}.wm-hud-return-btn:hover{background:linear-gradient(135deg,#9a4700,#c96a1a)!important;opacity:1}.vnp-wrap{display:flex;flex-direction:column;gap:6px;margin:8px 0}.vnp-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1.5px solid #6366f1;border-radius:999px;background:transparent;color:#6366f1;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.vnp-btn:hover{background:#eef2ff}.vnp-btn.vnp-btn-active{background:#6366f1;color:#fff}.vnp-audio{width:100%;max-width:320px;height:36px}.wm-overlay-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b8;display:flex;align-items:flex-start;justify-content:center;z-index:10;padding:16px;box-sizing:border-box;overflow-y:auto}.wm-overlay-card{background:#fff;border-radius:16px;padding:24px;max-width:560px;width:100%;overflow-y:visible;box-shadow:0 8px 40px #00000073;display:flex;flex-direction:column;gap:16px;text-align:left;color:#111;--text-primary: #111;--text-secondary: #555;--bg-secondary: #f5f5f5;--bg-tertiary: #e4e4e7}.wm-overlay-type-badge{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#fff;background:var(--accent, #4f46e5);padding:3px 10px;border-radius:20px;align-self:flex-start}.wm-overlay-header{display:flex;align-items:center;justify-content:space-between}.wm-overlay-close-btn{background:none;border:none;color:var(--text-secondary, #888);font-size:1.1rem;line-height:1;cursor:pointer;padding:2px 6px;border-radius:4px;transition:background .15s,color .15s}.wm-overlay-close-btn:hover{background:#00000014;color:var(--text-primary, #111)}.wm-overlay-question{font-size:1.05rem;font-weight:600;line-height:1.5;color:var(--text-primary, #111);margin:0}.wm-overlay-choices{display:flex;flex-direction:column;gap:8px}.wm-overlay-wordbank-label{margin:0 0 2px;font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#555}.wm-overlay-choice-btn{background:var(--bg-secondary, #f5f5f5);border:2px solid transparent;border-radius:10px;padding:10px 14px;text-align:left;cursor:pointer;font-size:.95rem;color:var(--text-primary, #111);transition:background .15s,border-color .15s}.wm-overlay-choice-btn:hover:not(:disabled){background:color-mix(in srgb,var(--accent, #4f46e5) 10%,var(--bg-secondary, #f5f5f5));border-color:var(--accent, #4f46e5)}.wm-overlay-choice-btn.correct{background:#d1fae5;border-color:#10b981;color:#065f46}.wm-overlay-choice-btn.selected{background:color-mix(in srgb,var(--accent, #4f46e5) 18%,var(--bg-secondary, #f5f5f5));border-color:var(--accent, #4f46e5)}.wm-overlay-choice-btn.incorrect{background:#fee2e2;border-color:#ef4444;color:#991b1b}.wm-overlay-choice-btn:disabled{cursor:default}.wm-overlay-choice-check{display:flex;align-items:flex-start;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.wm-overlay-choice-check input[type=checkbox]{margin-top:2px;width:16px;height:16px;accent-color:#6366f1;flex-shrink:0;cursor:pointer}.wm-overlay-choice-check.selected{border-color:#6366f1;background:#6366f11f}.wm-overlay-submit-btn{margin-top:4px;align-self:center;display:block;margin-left:auto;margin-right:auto}.wm-overlay-feedback{border-radius:10px;padding:10px 14px;font-size:.9rem;line-height:1.5}.wm-overlay-feedback.correct{background:#d1fae5;color:#065f46}.wm-overlay-feedback.incorrect{background:#fee2e2;color:#991b1b}.wm-overlay-snippet{border-left:3px solid var(--accent, #4f46e5);padding:8px 12px;font-size:.85rem;color:#3730a3;font-style:italic;background:color-mix(in srgb,var(--accent, #4f46e5) 8%,#fff);border-radius:0 8px 8px 0}.wm-overlay-snippet-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#4338ca;margin-bottom:4px;font-style:normal}.wm-overlay-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.wm-btn{padding:9px 18px;border-radius:8px;border:none;cursor:pointer;font-size:.9rem;font-weight:600;transition:opacity .15s,transform .1s}.wm-btn:active:not(:disabled){transform:scale(.97)}.wm-btn:disabled{opacity:.45;cursor:not-allowed}.wm-btn-primary{background:linear-gradient(135deg,#7c3aed,#4f46e5,#0ea5e9);color:#fff;border:none}.wm-btn-primary:hover:not(:disabled){opacity:.88}.wm-btn-replay{background:linear-gradient(135deg,#7c3aed,#4f46e5,#0ea5e9);color:#fff;border:none}.wm-btn-replay:hover:not(:disabled){opacity:.88}.wm-btn-skip{background:linear-gradient(135deg,#b95700,#e67e22);color:#fff;border:none}.wm-btn-skip:hover:not(:disabled){opacity:.88}.wm-btn-source-toggle{align-self:flex-start;background:transparent;border:1px solid rgba(0,0,0,.2);color:var(--text-secondary, #555);font-size:.78rem;padding:3px 10px;border-radius:6px;cursor:pointer;transition:background .15s,color .15s}.wm-btn-source-toggle:hover{background:#4f46e514;color:var(--text-primary, #111)}.wm-btn-secondary{background:linear-gradient(135deg,#7c3aed,#4f46e5,#0ea5e9);color:#fff;border:none;opacity:1}.wm-btn-secondary:hover:not(:disabled){opacity:.88}body[data-theme=dark] .wm-btn-secondary:hover:not(:disabled){opacity:.88}.wm-btn-ghost{background:#ffffff1f;color:var(--text-primary, #eee);border:1px solid rgba(255,255,255,.2);text-decoration:none;padding:9px 10px;border-radius:8px}.wm-btn-ghost:hover:not(:disabled){background:#fff3;color:#fff}.wm-flashcard-scene{perspective:800px;min-height:120px;cursor:pointer}.wm-flashcard-inner{position:relative;width:100%;min-height:120px;transform-style:preserve-3d;transition:transform .4s ease}.wm-flashcard-inner.flipped{transform:rotateY(180deg)}.wm-flashcard-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;background:var(--bg-secondary, #f5f5f5);border-radius:12px;display:flex;align-items:center;justify-content:flex-start;padding:20px;text-align:left;font-size:1rem;line-height:1.5;color:#111}.wm-flashcard-face.back{transform:rotateY(180deg);background:color-mix(in srgb,var(--accent, #4f46e5) 8%,var(--bg-secondary, #f5f5f5))}.wm-flashcard-hint{font-size:.78rem;color:var(--text-secondary, #888);text-align:left}.wm-self-rate{display:flex;gap:10px}.wm-btn-known{background:#d1fae5;color:#065f46;flex:1}.wm-btn-known:hover:not(:disabled){background:#a7f3d0}.wm-btn-learning{background:#fef3c7;color:#92400e;flex:1}.wm-btn-learning:hover:not(:disabled){background:#fde68a}.wm-fr-card{max-width:600px}.wm-fr-textarea{width:100%;box-sizing:border-box;border:2px solid #d1d5db;border-radius:10px;padding:12px 14px;font-size:.95rem;line-height:1.6;font-family:inherit;resize:vertical;background:#fafafa;color:#111;transition:border-color .15s;outline:none}.wm-fr-textarea:focus{border-color:#6d28d9;background:#fff}.wm-fr-meta{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;color:#888;flex-wrap:wrap;gap:4px}.wm-fr-min-ok{color:#059669;font-weight:600}.wm-fr-min-req{color:#b45309;font-weight:600}.wm-fr-confirm{background:#fffbeb;border:1px solid #fcd34d;border-radius:10px;padding:12px 16px;display:flex;flex-direction:column;gap:8px}.wm-fr-confirm p{margin:0;font-size:.9rem;font-weight:500;color:#78350f}.wm-fr-confirm-btns{display:flex;gap:8px;justify-content:flex-end}.wm-fr-submitted-notice{background:#ecfdf5;border:1px solid #6ee7b7;border-radius:10px;padding:14px 16px;font-size:.9rem;font-weight:600;color:#065f46;text-align:center}.wm-cat-item-text{font-size:1.1rem;font-weight:600;text-align:left;padding:16px;background:var(--bg-secondary, #f5f5f5);border-radius:12px;color:#111}.wm-cat-choices{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.wm-cat-choice-btn{flex:1 1 calc(50% - 8px);min-width:120px;padding:10px 14px;border-radius:10px;border:2px solid var(--bg-tertiary, #e4e4e7);background:var(--bg-secondary, #f5f5f5);cursor:pointer;font-size:.9rem;font-weight:500;transition:background .15s,border-color .15s;text-align:center;color:#111}.wm-cat-choice-btn:hover:not(:disabled){border-color:var(--accent, #4f46e5);background:color-mix(in srgb,var(--accent, #4f46e5) 8%,var(--bg-secondary, #f5f5f5))}.wm-cat-choice-btn.correct{background:#d1fae5;border-color:#10b981;color:#065f46}.wm-cat-choice-btn.incorrect{background:#fee2e2;border-color:#ef4444;color:#991b1b}.wm-cat-choice-btn:disabled{cursor:default}.wm-reference-body{font-size:.98rem;line-height:1.6;color:var(--text-primary, #111)}.wm-reference-reveal-btn{width:100%}body[data-theme=dark] .wm-overlay-card{background:var(--card-bg-color, #1e293b);border:1px solid var(--border-color, #334155);color:var(--text-primary, #f8fafc);--text-primary: var(--text-primary, #f8fafc);--text-secondary: var(--text-secondary, #94a3b8);--bg-secondary: var(--bg-secondary, #334155);--bg-tertiary: var(--bg-tertiary, #475569);box-shadow:0 8px 40px #000000b3}body[data-theme=dark] .wm-overlay-question{color:var(--text-primary, #f8fafc)}body[data-theme=dark] .wm-overlay-choice-btn{background:var(--bg-secondary, #334155);color:var(--text-primary, #f8fafc)}body[data-theme=dark] .wm-overlay-choice-btn:hover:not(:disabled){background:color-mix(in srgb,var(--accent, #6366f1) 20%,var(--bg-secondary, #334155));border-color:var(--accent, #6366f1)}body[data-theme=dark] .wm-overlay-choice-btn.selected{background:color-mix(in srgb,var(--accent, #6366f1) 25%,var(--bg-secondary, #334155));border-color:var(--accent, #6366f1)}body[data-theme=dark] .wm-overlay-choice-btn.correct,body[data-theme=dark] .wm-overlay-feedback.correct{background:#10b98126;border-color:#10b981;color:#34d399}body[data-theme=dark] .wm-overlay-choice-btn.incorrect,body[data-theme=dark] .wm-overlay-feedback.incorrect{background:#ef444426;border-color:#ef4444;color:#f87171}body[data-theme=dark] .wm-overlay-wordbank-label{color:var(--text-secondary, #94a3b8)}body[data-theme=dark] .wm-overlay-snippet{border-left:3px solid var(--accent, #6366f1);background:color-mix(in srgb,var(--accent, #6366f1) 12%,var(--card-bg-color, #1e293b));color:#c7d2fe}body[data-theme=dark] .wm-overlay-snippet-label{color:#a5b4fc}body[data-theme=dark] .wm-btn-source-toggle{border:1px solid rgba(255,255,255,.2);color:var(--text-secondary, #94a3b8)}body[data-theme=dark] .wm-btn-source-toggle:hover{background:#6366f126;color:var(--text-primary, #f8fafc)}body[data-theme=dark] .wm-flashcard-face{background:var(--bg-secondary, #334155);color:var(--text-primary, #f8fafc)}body[data-theme=dark] .wm-flashcard-face.back{background:color-mix(in srgb,var(--accent, #6366f1) 12%,var(--bg-secondary, #334155))}body[data-theme=dark] .wm-fr-textarea{border:2px solid var(--border-color, #475569);background:var(--bg-secondary, #1e293b);color:var(--text-primary, #f8fafc)}body[data-theme=dark] .wm-fr-textarea:focus{border-color:#8b5cf6;background:var(--bg-secondary, #334155)}body[data-theme=dark] .wm-fr-confirm{background:#fbbf241a;border:1px solid #fbbf24}body[data-theme=dark] .wm-fr-confirm p{color:#f59e0b}body[data-theme=dark] .wm-fr-submitted-notice{background:#10b98126;border:1px solid #10b981;color:#34d399}body[data-theme=dark] .wm-cat-item-text{background:var(--bg-secondary, #334155);color:var(--text-primary, #f8fafc)}body[data-theme=dark] .wm-cat-choice-btn{border:2px solid var(--bg-tertiary, #475569);background:var(--bg-secondary, #334155);color:var(--text-primary, #f8fafc)}body[data-theme=dark] .wm-cat-choice-btn:hover:not(:disabled){border-color:var(--accent, #6366f1);background:color-mix(in srgb,var(--accent, #6366f1) 12%,var(--bg-secondary, #334155))}body[data-theme=dark] .wm-cat-choice-btn.correct{background:#10b98126;border-color:#10b981;color:#34d399}body[data-theme=dark] .wm-cat-choice-btn.incorrect{background:#ef444426;border-color:#ef4444;color:#f87171}body[data-theme=dark] .wm-reference-body{color:var(--text-primary, #f8fafc)}.wm-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:1000;display:flex;flex-direction:column}.wm-modal-header{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#000000d9;flex-shrink:0;z-index:11}.wm-modal-kit-title{flex:1;font-size:.9rem;font-weight:600;color:#ffffffd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wm-modal-close-btn{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;padding:5px 12px;cursor:pointer;font-size:.85rem;font-weight:600;transition:background .15s}.wm-modal-close-btn:hover{background:#ffffff38}.wm-preview-banner{background:#fef3c7;color:#92400e;text-align:center;font-size:.8rem;font-weight:600;padding:5px;flex-shrink:0}.wm-player-area{flex:1;position:relative;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;min-height:0}.wm-player-iframe-wrap{position:relative;width:100%;padding-top:min(56.25%,52vh);background:#000;flex-shrink:0;margin-bottom:0}.wm-player-iframe-wrap iframe,.wm-player-iframe-wrap>div{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;border:none}.wm-player-seek-blocker{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:transparent;cursor:default}.wm-resume-prompt-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b8;display:flex;align-items:center;justify-content:center;z-index:20}.wm-resume-prompt-card{background:var(--bg-primary, #fff);border-radius:14px;padding:28px 32px;max-width:360px;width:90%;display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center;box-shadow:0 8px 40px #0006}.wm-resume-prompt-title{font-size:1.05rem;font-weight:700;color:var(--text-primary, #111);margin:0}.wm-resume-prompt-actions{display:flex;gap:10px;width:100%}.wm-resume-prompt-actions .wm-btn{flex:1}.wm-resume-prompt-actions .wm-btn-secondary{background:linear-gradient(135deg,#b95700,#e67e22);color:#fff;border:none}.wm-resume-prompt-actions .wm-btn-secondary:hover{background:linear-gradient(135deg,#9a4700,#c96a1a);opacity:1}.wm-resume-prompt-actions .wm-btn-primary{background:linear-gradient(135deg,#7c3aed,#4f46e5,#0ea5e9);border:none}.wm-resume-prompt-actions .wm-btn-primary:hover{opacity:.88}.wm-completion-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:20}.wm-completion-card{background:var(--bg-primary, #fff);border-radius:16px;padding:28px 32px;max-width:440px;width:90%;display:flex;flex-direction:column;gap:18px;box-shadow:0 8px 40px #0006}.wm-completion-title{font-size:1.3rem;font-weight:800;color:var(--text-primary, #111);margin:0;text-align:center}.wm-completion-stats{display:flex;flex-direction:column;gap:8px}.wm-completion-stat-row{display:flex;justify-content:space-between;font-size:.92rem;color:var(--text-primary, #111)}.wm-completion-stat-label{color:var(--text-secondary, #666)}.wm-completion-actions{display:flex;gap:10px;flex-wrap:wrap}.wm-completion-actions .wm-btn{flex:1}.wm-notice{padding:8px 16px;background:#fef3c7;color:#92400e;font-size:.82rem;text-align:center;flex-shrink:0}.wm-config-phase{flex:1;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:#0009}.wm-config-card{background:var(--bg-primary, #ffffff);color:var(--text-primary, #111827);border-radius:16px;padding:28px 32px;max-width:520px;width:100%;display:flex;flex-direction:column;gap:20px;box-shadow:0 8px 40px #0006;--bg-primary: var(--surface-color, #ffffff);--bg-secondary: var(--surface-alt, #f9fafb);--bg-tertiary: var(--border-color-light, #e4e4e7);--border: var(--border-color, #e5e7eb);--accent: var(--brand-primary, #4f46e5)}.wm-config-header{display:flex;align-items:flex-start;gap:14px}.wm-config-icon{font-size:1.8rem;line-height:1;flex-shrink:0}.wm-config-title{font-size:1.1rem;font-weight:700;color:var(--text-primary, #111);margin:0 0 6px}.wm-config-desc{font-size:.85rem;color:var(--text-secondary, #666);margin:0;line-height:1.5;text-align:left}.wm-config-select-row{display:flex;align-items:center;gap:6px}.wm-config-queue-mode{display:flex;flex-direction:column;gap:8px;padding:12px 14px;background:var(--bg-secondary, #f5f5f5);border-radius:10px;border:1px solid var(--bg-tertiary, #e4e4e7);margin-bottom:4px}.wm-config-queue-mode-option{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:500;color:var(--text-secondary, #666);cursor:pointer;-webkit-user-select:none;user-select:none}.wm-config-queue-mode-option.active{font-weight:700;color:var(--text-primary, #111)}.wm-config-queue-mode-option input[type=radio]{accent-color:var(--accent, #4f46e5);width:16px;height:16px;cursor:pointer;flex-shrink:0}.wm-config-select-all{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;color:#818cf8;cursor:pointer;-webkit-user-select:none;user-select:none}.wm-config-select-all input[type=checkbox]{accent-color:var(--accent, #4f46e5);width:16px;height:16px;cursor:pointer;flex-shrink:0}.wm-config-select-all:has(input:disabled){opacity:.4;cursor:default}.wm-config-type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 16px}.wm-config-type-item{display:flex;align-items:center;gap:8px;font-size:.92rem;color:var(--text-primary, #111);cursor:pointer;-webkit-user-select:none;user-select:none;padding:8px 12px;border-radius:8px;border:1px solid var(--border, #e5e7eb);background:var(--bg-secondary, #f9fafb);transition:border-color .15s,background .15s}.wm-config-type-item.checked{border-color:var(--accent, #4f46e5);background:color-mix(in srgb,var(--accent, #4f46e5) 8%,var(--bg-secondary, #f9fafb))}.wm-config-type-item input[type=checkbox]{accent-color:var(--accent, #4f46e5);width:16px;height:16px;cursor:pointer;flex-shrink:0}.wm-config-start-btn{background:linear-gradient(135deg,#7c3aed,#4f46e5,#0ea5e9);color:#fff;border:none;border-radius:10px;padding:13px 24px;font-size:1rem;font-weight:700;cursor:pointer;transition:opacity .15s;flex:1;letter-spacing:.02em}.wm-config-start-btn:hover:not(:disabled){opacity:.88}.wm-config-start-btn:disabled{opacity:.5;cursor:default}.wm-config-actions{display:flex;flex-direction:row;gap:10px;margin-top:4px}.wm-config-return-btn{background:linear-gradient(135deg,#b95700,#e67e22);color:#fff;border:none;border-radius:10px;padding:11px 24px;font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .15s;flex:0 0 auto;white-space:nowrap;letter-spacing:.02em}.wm-config-return-btn:hover:not(:disabled){opacity:.88}.wm-config-return-btn:disabled{opacity:.5;cursor:default}.puzzle-wrapper{position:relative;width:100%;max-width:90vw;max-height:40vh;aspect-ratio:1 / 1;display:flex;justify-content:center;align-items:center;background-color:var(--bg-color);border:2px solid var(--card-border-color);border-radius:8px;padding:0;overflow:hidden}.puzzle-image-layer{position:absolute;width:100%;height:100%;object-fit:cover;border-radius:4px}.puzzle-cover-grid{position:absolute;top:0;left:0;width:100%;height:100%;display:grid;gap:0;z-index:2}.puzzle-cover-tile{background-color:var(--card-border-color);opacity:1;transition:opacity .5s ease-in-out;box-shadow:inset 0 0 0 1px var(--bg-color)}.puzzle-cover-tile.revealed{opacity:0}.puzzle-instructions{text-align:center;color:var(--header-color);font-style:normal;opacity:.9}.congratulations-banner{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;text-align:center}.congratulations-banner .completed-puzzle-image{max-width:250px;width:100%;border-radius:8px;border:2px solid var(--card-border-color)}.congratulations-banner h3,.congratulations-banner h4{color:var(--header-color);margin:0}.congratulations-banner h3{font-size:1.8em}.congratulations-banner h4{font-size:1.2em;font-weight:500}.merit-badge{width:80px;height:80px}.bonus-question-notice{text-align:center;font-weight:700;color:var(--button-accent-hover-bg);margin-top:1.5rem;margin-bottom:.5rem;font-size:1.1em}#takeQuizModal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--overlay-bg);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000}#takeQuizModal .modal-content{background-color:var(--surface-color);color:var(--text-color);padding:20px;border-radius:8px;width:90%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;border:1px solid var(--border-color);box-shadow:0 4px 16px #00000026;text-align:left}#takeQuizModal .modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:10px;margin-bottom:-10px;flex-shrink:0}#takeQuizModal .modal-header h2#quizModalTitle{margin:0;color:var(--text-primary);font-size:1.6em;margin-bottom:.5rem}#takeQuizModal .quiz-player-counter{color:var(--text-primary);font-weight:500}#takeQuizModal .modal-header .menu-link{color:var(--brand-primary);text-decoration:none;font-weight:500}#takeQuizModal .fc-close-button{background:none!important;border:none!important;font-size:28px;cursor:pointer;color:var(--text-color);padding:0;line-height:1;text-decoration:none}#takeQuizModal .modal-body{overflow-y:auto;flex-grow:1;padding:15px;background-color:var(--surface-alt);border-radius:4px;color:var(--text-color)}#takeQuizModal .modal-footer{border-top:1px solid var(--border-color);padding-top:15px;margin-top:15px}#takeQuizModal .modal-body #quizNavContainer{margin-top:25px}#takeQuizModal #quizNavContainer,#takeQuizModal #quizResultsContainerButtons{display:flex;justify-content:space-between;width:100%;align-items:center}#takeQuizModal #quizResultsContainerButtons div,#takeQuizModal .nav-button-group{display:flex;gap:10px}#takeQuizModal #quizNavContainer .nav-button-group{margin-left:auto}#takeQuizModal .modal-footer button,#takeQuizModal #quizNavContainer button{background:var(--brand-gradient);color:var(--text-inverse);padding:10px 15px;border:1px solid var(--brand-primary);border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease;text-shadow:none;-webkit-font-smoothing:antialiased;backface-visibility:hidden}#takeQuizModal .modal-footer button:hover:not(:disabled),#takeQuizModal #quizNavContainer button:hover:not(:disabled){background-color:var(--brand-primary-hover)}#takeQuizModal .modal-footer button:focus-visible,#takeQuizModal #quizNavContainer button:focus-visible{outline:none;border-color:#ffffff8c;box-shadow:0 0 0 2px #ffffff24}#takeQuizModal .modal-footer button:disabled,#takeQuizModal #quizNavContainer button:disabled{background-color:var(--border-color-medium);opacity:.7;cursor:not-allowed;border-color:var(--border-color-medium)}#takeQuizModal #quizNavContainer #quizResultsButton{background:#b95700;border-color:#b95700}#takeQuizModal #quizNavContainer #quizResultsButton:hover{background:#d46c0b}#takeQuizModal .modal-footer .btn-restart{background:#b95700;border-color:#b95700}#takeQuizModal .modal-footer .btn-restart:hover:not(:disabled){background:#d46c0b}#takeQuizModal #quizQuestionContainer{min-height:250px}#takeQuizModal #quizQuestionText{font-weight:700;margin-bottom:12px;font-size:1.1em;color:var(--text-primary)}#takeQuizModal .quiz-question-image{max-width:100%;max-height:250px;border-radius:8px;margin:0 auto 12px;object-fit:contain;display:block}#takeQuizModal #quizAnswerContainer{display:flex;flex-direction:column;gap:8px;color:var(--text-primary)}#takeQuizModal .player-option-btn{display:flex;align-items:center;padding:10px;border:1px solid var(--border-color-medium);border-radius:4px;cursor:pointer;transition:background-color .2s,border-color .2s;background-color:var(--surface-color);color:var(--text-primary);font-size:1em;text-align:left;width:100%}#takeQuizModal .player-option-btn:hover{background-color:var(--surface-hover)}#takeQuizModal .player-option-btn.selected{background:linear-gradient(135deg,#0d9488,#0f766e);color:#fff;border-color:#14b8a6;box-shadow:0 0 0 1px #14b8a6 inset}#takeQuizModal .player-option-btn.correct{background-color:#10b98126;color:var(--success-text);border-color:var(--success-color)}#takeQuizModal .player-option-btn.incorrect{background-color:#dc35451a;color:var(--error-color);border-color:var(--error-color)}#takeQuizModal input.quiz-answer-text,#takeQuizModal select.matching-prompt-select{background-color:var(--surface-color)!important;color:var(--text-primary)!important;border:1px solid var(--border-color-medium)!important;width:100%;padding:10px;border-radius:4px;font-size:1em}#takeQuizModal .sequence-item{padding:12px;background-color:var(--surface-color);border:1px solid var(--border-color-medium);color:var(--text-primary);border-radius:4px;cursor:grab;-webkit-user-select:none;user-select:none;display:flex;justify-content:space-between;align-items:center;text-align:left}#takeQuizModal .sequence-item.dragging{opacity:.5}#takeQuizModal .sequence-item.drag-over{border-color:var(--brand-primary)}#takeQuizModal .matching-prompt-item{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:10px}#takeQuizModal .matching-prompt-label{font-weight:700;color:var(--text-primary)}#takeQuizModal .matching-prompt-select{flex-grow:1;padding:8px;font-size:1em}#takeQuizModal .matching-prompt-select option{background-color:var(--surface-color);color:var(--text-primary)}#takeQuizModal .unsupported-question{color:var(--text-color);font-style:italic}#takeQuizModal .dd-match-container{display:flex;flex-direction:column;gap:.75rem}#takeQuizModal .dd-instructions{font-style:italic;margin-top:10px;margin-bottom:-15px;color:var(--text-primary);opacity:.9}#takeQuizModal .dd-word-bank{border:1px solid var(--border-color-medium);border-radius:6px;padding:1rem}#takeQuizModal .dd-word-bank-title{font-weight:700;margin-bottom:.5rem;color:var(--text-primary);text-align:center}#takeQuizModal .dd-word-bank-terms{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}#takeQuizModal .dd-draggable-term{padding:8px 12px;background-color:var(--surface-color);border:1px solid var(--border-color-medium);border-radius:4px;cursor:pointer;transition:background-color .2s;color:var(--text-primary)}#takeQuizModal .dd-draggable-term.selected{background:var(--brand-gradient);color:var(--text-inverse);border-color:var(--brand-primary)}#takeQuizModal .dd-draggable-term.dropped{opacity:.5;cursor:not-allowed}#takeQuizModal .dd-definitions-area{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:.75rem}#takeQuizModal .dd-definition-item{display:flex;align-items:center;gap:.75rem}#takeQuizModal .dd-drop-zone{width:150px;height:40px;border:2px dashed var(--border-color-medium);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s;flex-shrink:0}#takeQuizModal .dd-drop-zone:hover{border-color:var(--brand-primary)}#takeQuizModal .dd-drop-zone.filled{border-style:solid;color:var(--text-primary)}#takeQuizModal .dd-definition-text{color:var(--text-primary)}#takeQuizModal .modal-content.results-view-active{max-width:1200px}#takeQuizModal .quiz-results{text-align:center}#takeQuizModal .congratulations-banner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:.5rem 0;text-align:center;border-bottom:1px solid var(--border-color);margin-bottom:.75rem}#takeQuizModal .puzzle-results-reveal{margin:.75rem 0 1rem;text-align:center;border-bottom:1px solid var(--border-color);padding-bottom:1rem}#takeQuizModal .congratulations-banner h3,#takeQuizModal .congratulations-banner h4{color:var(--text-primary);margin:0}#takeQuizModal .congratulations-banner h3{font-size:1.2em;font-weight:500}#takeQuizModal .congratulations-banner h4{font-size:1.1em;font-weight:500}#takeQuizModal .congratulations-banner .completed-puzzle-image{width:100%;height:auto;max-width:350px;border-radius:8px;border:2px solid var(--border-color)}#takeQuizModal .merit-badge{width:80px;height:80px}#takeQuizModal .merit-badge-level{font-size:1em;font-weight:600;color:var(--text-primary);margin-top:0}#takeQuizModal .results-answer-key-wrapper .ak-item,#takeQuizModal .quiz-results .result-item{text-align:left;padding-bottom:.5rem;margin-bottom:.5rem;border-bottom:1px solid var(--border-color)}#takeQuizModal .results-answer-key-wrapper .ak-item:last-child,#takeQuizModal .quiz-results .result-item:last-child{border-bottom:none}#takeQuizModal .results-answer-key-wrapper .ak-question,#takeQuizModal .quiz-results .result-item p{font-size:1.05em;color:var(--text-primary);margin:0 0 .35rem}#takeQuizModal .ak-provenance-group,#takeQuizModal .result-feedback-container{margin-top:.5rem;font-size:.9em}#takeQuizModal .quiz-results .standards-badge,#takeQuizModal .quiz-results .standards-text,#takeQuizModal .quiz-results .result-item .standards{white-space:normal!important;word-break:break-word!important;overflow-wrap:anywhere!important;display:block;max-width:100%}#takeQuizModal .standards-rationale-inline,#takeQuizModal .standards-rationale{font-size:inherit;color:var(--text-primary)}#takeQuizModal .quiz-results .result-item p strong{color:var(--text-primary)!important}#takeQuizModal .ak-provenance-group .feedback-display,#takeQuizModal .result-feedback-container .feedback-display{color:var(--text-color)}#takeQuizModal .source-snippet-container,#takeQuizModal .feedback-display,#takeQuizModal .provenance-display{padding:0;margin-top:0;color:var(--text-color);border-radius:0;border:none;background-color:transparent}#takeQuizModal .source-snippet-container blockquote{margin:0;padding:0;font-style:italic;display:inline}#takeQuizModal .feedback-provenance-block{position:relative}#takeQuizModal .feedback-provenance-block blockquote.snippet-truncated{display:inline}#takeQuizModal .snippet-toggle-btn{background:none;border:none;padding:0 2px;margin:0 0 0 2px;font-size:.6em;color:var(--text-secondary, #8b949e);cursor:pointer;vertical-align:middle;line-height:1;opacity:.7;transition:opacity .15s;display:inline-block;position:relative}#takeQuizModal .snippet-toggle-btn:hover{opacity:1;color:var(--brand-primary)}#takeQuizModal .source-snippet-container .timestamp-link{background:none;border:none;padding:0;margin:0 0 0 4px;font-family:inherit;font-size:inherit;color:var(--brand-primary);text-decoration:underline;cursor:pointer}.correct-answer-text{color:var(--success-text)!important}.incorrect-answer-text{color:var(--error-color)!important}.correct-answer-emoji{position:absolute;bottom:20%;font-size:3rem;animation:float-up 2s ease-out forwards;z-index:9999}@keyframes float-up{0%{bottom:20%;opacity:1;transform:translateY(0) scale(1)}to{bottom:80%;opacity:0;transform:translateY(-200px) scale(1.5)}}#takeQuizModal .free-response-container{display:flex;flex-direction:column;gap:.75rem;width:100%;box-sizing:border-box}#takeQuizModal .free-response-textarea{width:100%;min-height:180px;padding:12px;border:1px solid var(--border-color-medium);border-radius:6px;font-family:inherit;font-size:.95rem;line-height:1.6;background-color:var(--surface-color);color:var(--text-primary);resize:vertical;transition:border-color .2s;box-sizing:border-box}#takeQuizModal .free-response-textarea:focus{border-color:var(--brand-primary);outline:none;box-shadow:0 0 0 2px #667eea33}#takeQuizModal .free-response-textarea[readonly]{opacity:.8;cursor:default;background-color:var(--input-bg-color, var(--surface-color));color:var(--text-primary)}#takeQuizModal .free-response-meta{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-secondary)}#takeQuizModal .free-response-min-met{color:var(--success-text, #059669)}#takeQuizModal .free-response-min-needed{color:var(--warning-text, #d97706)}#takeQuizModal .free-response-submit-btn{align-self:flex-end;padding:8px 20px;background:var(--brand-gradient);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;transition:opacity .2s}#takeQuizModal .free-response-submit-btn:disabled{opacity:.4;cursor:not-allowed}#takeQuizModal .free-response-submit-btn:not(:disabled):hover{opacity:.9}#takeQuizModal .free-response-submitted-badge{align-self:flex-end;padding:8px 16px;font-size:.95rem;font-weight:500;color:var(--success-text, #059669);background-color:var(--success-bg-light, #ecfdf5);border-radius:6px;border:1px solid var(--success-text, #059669)}#takeQuizModal .free-response-review{display:flex;flex-direction:column;gap:.5rem}#takeQuizModal .free-response-review-text{padding:12px;border:1px solid var(--border-color-medium);border-radius:6px;background-color:var(--surface-color);color:var(--text-primary);white-space:pre-wrap;line-height:1.6;min-height:80px}#takeQuizModal .free-response-review-meta{font-size:.85rem;color:var(--text-secondary)}.fr-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:99999}.fr-confirm-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100000;background-color:var(--surface-color, #1e1e2e);padding:24px 32px;border-radius:8px;box-shadow:0 4px 12px #0000004d;min-width:380px;max-width:500px;color:var(--text-primary, #e0e0e0)}.fr-confirm-message{margin:0 0 20px;font-size:15px;text-align:center;font-weight:500;line-height:1.5}.fr-confirm-buttons{display:flex;gap:12px;justify-content:center}.fr-confirm-cancel{background-color:#b95700;color:#fff;border:none;border-radius:6px;padding:8px 24px;font-size:14px;cursor:pointer;font-weight:500}.fr-confirm-ok{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;padding:8px 24px;font-size:14px;cursor:pointer;font-weight:500}#takeQuizModal .modal-content.results-view-active{max-width:950px}@media print{.quiz-player-screen-only{display:none!important}}body[data-theme=dark] #takeQuizModal .dd-word-bank{background-color:var(--surface-color);border-color:var(--border-color)}body[data-theme=dark] #takeQuizModal .dd-draggable-term{background-color:var(--surface-inset);border-color:var(--border-color-medium);color:var(--text-primary)}body[data-theme=dark] #takeQuizModal .dd-draggable-term:hover:not(.dropped){background-color:var(--surface-hover);border-color:var(--brand-primary)}body[data-theme=dark] #takeQuizModal .dd-draggable-term.dropped{opacity:.4}body[data-theme=dark] #takeQuizModal .dd-drop-zone{background-color:var(--surface-inset);border-color:var(--border-color-medium);color:var(--text-muted)}body[data-theme=dark] #takeQuizModal .dd-drop-zone:hover{border-color:var(--brand-primary);background-color:var(--surface-hover)}body[data-theme=dark] #takeQuizModal .dd-drop-zone.filled{background-color:#818cf824;border-color:var(--brand-primary);color:var(--text-primary)}body[data-theme=dark] #takeQuizModal .dd-definition-item{padding:.4rem 0;border-bottom:1px solid var(--border-color-light)}body[data-theme=dark] #takeQuizModal .dd-definition-item:last-child{border-bottom:none}body[data-theme=dark] #takeQuizModal .dd-definition-text{color:var(--text-color)}.fc-modal-overlay{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background-color:var(--overlay-bg)!important;background-image:none!important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.fc-modal-overlay.open{opacity:1!important;visibility:visible!important}.fc-modal-overlay .fc-modal-content{background-color:var(--surface-color)!important;color:var(--text-color);padding:20px 20px 0;border-radius:8px;width:90%;max-width:700px;display:flex;flex-direction:column;border:1px solid var(--border-color)!important;box-shadow:0 4px 16px #00000026!important;text-align:center;max-height:90vh;overflow-y:auto}.fc-modal-overlay .fc-modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)!important;padding-bottom:10px;margin-bottom:10px;flex-shrink:0;background-color:transparent!important}.fc-modal-overlay .fc-modal-header h2{margin:0;color:var(--text-primary)!important;font-size:1.6em;font-weight:700}.fc-modal-overlay .flashcard-counter.header-counter{font-size:1.2em;color:var(--text-primary)!important;font-weight:500}.fc-modal-overlay .fc-close-button{background:none!important;border:none!important;font-size:28px;cursor:pointer;color:var(--text-color)!important;padding:0;line-height:1}.fc-modal-overlay .fc-modal-body{display:flex;flex-direction:column;gap:1rem;align-items:center;overflow:hidden;flex-shrink:0;background-color:var(--surface-alt);border-radius:4px;padding:15px}.fc-modal-overlay .flashcard-scene{width:100%;flex:none;height:320px;overflow:hidden}.fc-modal-overlay .flashcard{width:100%;height:100%;position:relative;cursor:pointer}.fc-modal-overlay .flashcard-face{width:100%;height:100%;display:none;justify-content:center;align-items:center;padding:0;box-sizing:border-box;border-radius:12px;box-shadow:0 8px 32px #0000001a;font-size:1.8em;text-align:center;border:1px solid var(--border-color);overflow:hidden}.fc-modal-overlay .flashcard-face-front{background:var(--brand-gradient);color:var(--text-inverse)}.fc-modal-overlay .flashcard:not(.is-flipped) .flashcard-face-front{display:flex}.fc-modal-overlay .flashcard-face-back{background-color:var(--surface-color);color:var(--text-primary);flex-direction:column;justify-content:flex-start;align-items:stretch;text-align:left;overflow:hidden}.fc-modal-overlay .flashcard.is-flipped .flashcard-face-back{display:flex}.fc-modal-overlay .fc-modal-content .flashcard-face-back .flashcard-back-content{display:flex;flex-direction:column;gap:.75rem;align-items:stretch;width:100%;height:100%;overflow-y:auto;justify-content:flex-start;padding:20px;box-sizing:border-box;overflow-x:hidden;color:var(--text-primary)}.fc-modal-overlay .fc-modal-content .flashcard-face-back .flashcard-back-content .flashcard-text-wrapper{flex:0 0 auto;margin:0;display:block;width:100%;font-size:1em;line-height:1.35;box-sizing:border-box;overflow:visible;overflow-wrap:break-word;word-break:break-word;color:var(--text-primary)}.fc-modal-overlay .flashcard-player-example{font-size:.7em;width:100%;padding-top:.75rem;border-top:1px dashed var(--border-color-medium);text-align:left;flex-shrink:0;color:var(--text-primary)}.fc-modal-overlay .flashcard-player-example strong{font-style:normal;color:var(--text-primary)}.fc-modal-overlay .fc-modal-content .flashcard-face-front .flashcard-front-content{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:20px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden}.fc-modal-overlay .fc-modal-content .flashcard-face-front .flashcard-front-content .flashcard-text-wrapper{display:block;width:100%;line-height:1.35;box-sizing:border-box;overflow-wrap:break-word;word-break:break-word}.fc-modal-overlay .flashcard-back-content .flashcard-bottom-info{flex:0 0 auto;margin-top:auto;width:100%;padding-top:.75rem;padding-right:6px;border-top:1px dashed var(--border-color-medium);display:flex;flex-direction:column;gap:.5rem}.fc-modal-overlay .flashcard-back-content .flashcard-bottom-info .feedback-provenance-block{font-size:.7em;width:100%;text-align:left;color:var(--text-primary);max-height:none!important;overflow:visible!important}.fc-modal-overlay .flashcard-back-content .flashcard-bottom-info .feedback-provenance-block strong{color:var(--text-primary)!important;font-weight:700!important;font-style:normal!important}.fc-modal-overlay .fc-modal-content .flashcard-face-back .flashcard-back-content .flashcard-bottom-info .feedback-provenance-block blockquote,.fc-modal-overlay .fc-modal-content .flashcard-face-back .flashcard-back-content .flashcard-bottom-info .feedback-provenance-block p,.fc-modal-overlay .fc-modal-content .flashcard-face-back .flashcard-back-content .flashcard-bottom-info .feedback-provenance-block span:not(.timestamp-link){color:var(--text-primary);font-weight:400;opacity:1;font-style:italic}.fc-modal-overlay .flashcard-back-content .flashcard-bottom-info .feedback-provenance-block .timestamp-link{color:var(--brand-primary)!important;font-weight:500!important;text-decoration:underline!important;background:none!important;border:none!important;cursor:pointer!important}.fc-modal-overlay .flashcard-back-content .flashcard-bottom-info .standards-badge-wrapper{align-self:flex-start;flex-shrink:0;width:100%;text-align:left}.fc-modal-overlay .flashcard-back-content .flashcard-bottom-info .standards-badge{font-size:.6em;padding:2px 6px;text-align:left;white-space:normal;word-break:break-word}.fc-modal-overlay .flashcard-back-content .flashcard-bottom-info .standards-rationale-inline{font-size:.6em;max-width:100%;text-align:left}.fc-modal-overlay .flashcard-instructions{color:var(--text-primary);margin-top:0;margin-bottom:0;font-style:normal;opacity:1;flex-shrink:0}.fc-modal-overlay .flashcard-controls{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:6px;width:100%;margin:0;flex-shrink:0;border-top:1px solid var(--border-color)!important;border-bottom:1px solid var(--border-color)!important;padding:8px 0;background-color:transparent!important}.fc-modal-overlay .flashcard-controls button{background:var(--brand-gradient)!important;color:var(--text-inverse)!important;padding:7px 10px;border:1px solid var(--brand-primary)!important;border-radius:4px;cursor:pointer;font-size:13px;white-space:nowrap;flex-shrink:1;min-width:0}.fc-modal-overlay .flashcard-controls button:hover:not(:disabled){background-color:var(--brand-primary-hover)!important}.fc-modal-overlay .flashcard-controls button.btn-close{background:#b95700!important;border-color:#b95700!important}.fc-modal-overlay .flashcard-controls button.btn-close:hover{background:#d46c0b!important}.fc-modal-overlay .flashcard-controls button:disabled{background-color:var(--border-color-medium)!important;opacity:.7;cursor:not-allowed;border-color:var(--border-color-medium)!important}.fc-modal-overlay .fc-modal-content .puzzle-section{width:100%;flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding:0 15px 15px}.fc-modal-overlay .fc-modal-content .puzzle-wrapper{margin:0;width:100%;max-height:220px}.vocab-player-overlay .modal-content{max-width:860px;display:flex;flex-direction:column;max-height:92vh}.vocab-player-overlay .modal-body{flex-grow:1;overflow-y:auto;min-height:0;padding-top:4px}.vocab-player-overlay .close-button,.vocab-player-overlay .close-button:hover{background-color:transparent}.vocab-player-overlay .modal-header{padding:12px 20px;margin-bottom:0;flex-shrink:0}.vocab-player-overlay .in-progress-title{font-size:1.5em}.vocab-player-overlay .results-title{font-size:1.4em;margin-bottom:0}.vocab-activity-container{display:flex;flex-direction:column;gap:.35rem;min-height:100%}.vocab-instructions{font-style:italic;color:var(--text-color);opacity:1;text-align:center;margin:0;font-size:.9em;flex-shrink:0}.vocab-word-bank{border:1px solid var(--border-color-medium);border-radius:6px;padding:.5rem .75rem;flex-shrink:0;background-color:var(--surface-alt)}.vocab-word-bank-title{font-weight:700;margin-bottom:.5rem;color:var(--text-primary);text-align:center}.vocab-word-bank-terms{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.vocab-term{padding:5px 11px;background-color:var(--surface-color);border:1px solid var(--border-color-medium);border-radius:4px;cursor:grab;transition:background-color .2s,border-color .2s,opacity .2s;color:var(--text-primary);font-weight:500;font-size:.9em}.vocab-term.dragging{opacity:.5;background-color:var(--border-color)}.vocab-definitions-area{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.5rem;flex-grow:1;overflow-y:auto;padding-bottom:.5rem}.vocab-definition-item{display:flex;align-items:center;gap:.5rem}.vocab-drop-zone{width:130px;height:36px;border:2px dashed var(--text-muted);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:border-color .2s,box-shadow .2s;flex-shrink:0;font-weight:500;padding:0 8px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-color)}.vocab-drop-zone.drag-over{border-color:var(--brand-primary);box-shadow:0 0 8px var(--brand-primary)}.vocab-drop-zone.filled{border-style:solid;background:var(--brand-gradient);border-color:var(--brand-primary);color:var(--text-inverse)}.vocab-definition-text{color:var(--text-primary);line-height:1.5}.vocab-results-container h3{margin-top:.25rem;margin-bottom:.5rem;text-align:center;color:var(--text-primary);font-size:1.3em}.vocab-results-container .results-breakdown{margin-top:0}.vocab-results-container .result-item{padding:.5rem .75rem;border-bottom:1px solid var(--border-color)}.vocab-results-container .result-item:last-child{border-bottom:none}.vocab-results-container .result-item.correct{color:var(--success-text)}.vocab-results-container .result-item.incorrect{color:var(--text-primary)}.vocab-results-container .result-item div{font-style:italic;font-size:.9em;color:var(--text-color)}.vocab-results-container .result-item strong{color:var(--text-primary);font-style:normal}.vocab-results-container .congratulations-banner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.5rem 0;text-align:center;border-bottom:1px solid var(--border-color);margin-bottom:.75rem}.vocab-results-container .congratulations-banner h3{margin:0;font-size:1.2em;font-weight:500}.vocab-results-container .merit-badge{width:80px;height:80px}.vocab-results-container .merit-badge-level{font-size:.9em;font-weight:500;color:var(--text-primary);margin-top:0}.result-item.incorrect .correct-answer-line{color:var(--success-text)}.vocab-player-overlay .modal-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;flex-shrink:0}.vocab-player-overlay .modal-footer button,.vocab-player-overlay .modal-footer a{padding:10px 15px;border-radius:4px;cursor:pointer;font-size:16px;font-weight:500;text-decoration:none}.vocab-player-overlay .modal-footer .btn-close{background-color:#b95700;border:1px solid #b95700;color:var(--text-inverse)}.vocab-player-overlay .modal-footer .btn-close:hover{background-color:#d46c0b}.vocab-player-overlay .modal-footer .btn-primary{background:var(--brand-gradient);border:1px solid var(--brand-primary);color:var(--text-inverse)}.vocab-player-overlay .modal-footer .btn-primary:hover{background-color:#7c8ef5}.vocab-player-overlay .modal-footer .btn-secondary{background:var(--brand-gradient);color:var(--text-inverse);border:1px solid var(--brand-primary)}.vocab-player-overlay .modal-footer .btn-secondary:hover{background-color:#7c8ef5}.cs-item.cs-item-selected{background:var(--surface-hover, #e3f0ff)!important;border-color:var(--brand-primary, #3399ff)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-primary, #3399ff) 30%,transparent)}.category-sort-player-overlay .modal-content{background:var(--surface-color, var(--bg-color, #0d1117));color:var(--text-primary, #e6edf3)}.category-sort-player-overlay .modal-header,.category-sort-player-overlay .modal-body,.category-sort-player-overlay .modal-footer,.category-sort-player-overlay .modal-header h2,.category-sort-player-overlay .close-button{color:var(--text-primary, #e6edf3)}.category-sort-player-overlay .close-button:hover{color:var(--brand-primary, #60a5fa)}.category-sort-player-overlay .modal-content{max-width:950px;max-height:92vh;display:flex;flex-direction:column}.category-sort-player-overlay .modal-header{padding:12px 20px;margin-bottom:0}.category-sort-player-overlay .modal-body{padding:.5rem 1rem;overflow-y:auto;flex-grow:1}.category-sort-activity-container,.cs-activity-container{display:flex;flex-direction:column;gap:.75rem;min-height:400px}.cs-instructions{font-style:italic;color:var(--text-secondary, var(--header-color, #a0adb8));opacity:.9;text-align:center;margin-top:-.5rem}.cs-main-area{display:flex;flex-direction:column;gap:.75rem}.cs-item-bank{width:100%;flex-shrink:0;border:1px solid var(--card-border-color);border-radius:6px;padding:.65rem;align-self:flex-start;background:var(--surface-inset, var(--bg-color, #0d1117))}.cs-item-bank-title{font-weight:700;color:var(--header-color);text-align:center;margin-bottom:.5rem}.cs-item-bank-items{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.4rem}.cs-item{padding:7px 11px;background-color:var(--input-bg-color);border:1px solid var(--card-border-color);border-radius:4px;cursor:grab;transition:background-color .2s,box-shadow .2s,opacity .2s;color:var(--text-primary, var(--header-color, #e6edf3));font-weight:500;text-align:center}.cs-item.dragging{opacity:.5;background-color:var(--button-secondary-hover-bg)}.cs-item.dropped{cursor:grab;background-color:var(--input-bg-color);color:var(--header-color);border:1px solid var(--button-accent-bg)}.cs-category-area{flex-grow:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.75rem}.cs-category-bucket{border:1px solid var(--header-color);border-radius:6px;padding:.65rem;background-color:var(--surface-inset, var(--bg-color, #0d1117));transition:border-color .2s,box-shadow .2s}.cs-category-bucket.drag-over{border-color:var(--button-accent-bg);box-shadow:0 0 8px var(--button-accent-bg)}.cs-category-title{font-weight:800;color:var(--text-primary, var(--header-color, #e6edf3));border-bottom:1px solid var(--card-border-color);padding-bottom:.4rem;margin-bottom:.5rem;text-align:center;font-size:1.15em}.cs-category-items{min-height:60px;display:flex;flex-direction:column;gap:.4rem}.cs-results-container h3{margin-top:.25rem;margin-bottom:.75rem;text-align:center;color:var(--header-color);font-size:1.3em}.cs-results-container,.cs-results-container .results-breakdown,.cs-results-container .result-item{color:var(--text-primary, #e6edf3)}.cs-results-container .result-item{padding:.5rem .75rem;border-bottom:1px solid var(--card-border-color);text-align:left}.cs-results-container .result-item:last-child{border-bottom:none}.cs-results-container .result-item.correct{color:var(--status-success-text)}.cs-results-container .result-item.incorrect{color:var(--error-text-color)}.cs-results-container .result-item .cs-answer-line{font-style:normal;font-size:1em}.cs-results-container .result-item strong{color:var(--header-color);font-style:normal}.result-item.incorrect .correct-answer-line{color:var(--status-success-text)}.cs-result-provenance{font-size:.9em;margin-top:8px;color:var(--header-color);font-style:normal}.result-item>.feedback-provenance-block{font-size:.9em;margin-top:6px;color:var(--text-secondary, var(--header-color))}.cs-result-provenance .feedback-provenance-block{display:block;margin-top:4px}.cs-result-provenance .timestamp-link{background:none!important;border:none!important;padding:0!important;margin:0 0 0 4px!important;font-family:inherit!important;font-size:inherit!important;color:var(--button-accent-bg)!important;text-decoration:underline!important;cursor:pointer!important}.cs-result-provenance .timestamp-link:hover{color:var(--button-accent-hover-bg)!important}.cs-results-container .congratulations-banner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.5rem 0;text-align:center;border-bottom:1px solid var(--card-border-color);margin-bottom:.75rem}.cs-results-container .congratulations-banner h3{margin:0;font-size:1.2em;font-weight:500}.cs-results-container .merit-badge{width:80px;height:80px}.cs-results-container .merit-badge-level{font-size:.9em;font-weight:500;color:var(--header-color);margin-top:0}.cs-player-footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.cs-player-footer button,.cs-player-footer a{padding:10px 15px;border-radius:4px;font-size:16px;font-weight:500;text-decoration:none}.cs-player-footer .btn-close{background-color:var(--button-reset-bg);border:1px solid var(--button-reset-bg);color:var(--text-inverse)}.cs-player-footer .btn-close:hover{background-color:var(--button-reset-hover-bg)}.cs-player-footer .btn-primary{background:var(--brand-gradient);border:none;color:var(--text-inverse)}.cs-player-footer .btn-primary:hover{filter:brightness(1.12)}.cs-player-footer .btn-secondary{background:var(--brand-gradient);color:var(--text-inverse);border:none}.cs-player-footer .btn-secondary:hover{filter:brightness(1.12)}.modal-content.faq-player-modal{max-width:800px;width:90%;max-height:92vh;display:flex;flex-direction:column}.modal-content.faq-player-modal .modal-header{padding:12px 20px}.modal-content.faq-player-modal .modal-body{padding:.5rem 1rem;flex-grow:1;overflow-y:auto}.faq-player-container{display:flex;flex-direction:column;gap:.3rem}.faq-player__item{border:1px solid var(--card-border-color);border-radius:6px;overflow:hidden}.faq-player__question{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 12px;cursor:pointer;background-color:var(--input-bg-color);color:var(--header-color);font-weight:500;line-height:1.5;gap:.5rem}.faq-player__question:hover{background-color:var(--button-secondary-hover-bg)}.faq-player__icon{flex-shrink:0;font-size:.75em;opacity:.7;margin-top:3px}.faq-player__answer{display:none;padding:8px 12px;background-color:var(--bg-color);color:var(--text-color);border-top:1px solid var(--card-border-color);line-height:1.5}.faq-player__item.active .faq-player__answer{display:block}.faq-player__provenance{margin-top:.5rem;font-size:.9em;color:var(--header-color);opacity:.85}.fc-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0f1c36;background-image:linear-gradient(135deg,#0f1c36,#122142);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.fc-modal-overlay.open{opacity:1;visibility:visible}.fc-modal-overlay .fc-modal-content{background-color:#161b22;color:#c9d1d9;padding:20px;border-radius:8px;width:90%;max-width:700px;display:flex;flex-direction:column;border:1px solid #30363d;box-shadow:0 4px 12px #0003;text-align:center;min-height:550px;max-height:90vh}.fc-modal-overlay .fc-modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #30363d;padding-bottom:10px;margin-bottom:10px;flex-shrink:0}.fc-modal-overlay .fc-modal-header h2{margin:0;color:#c9d1d9;font-size:1.6em;font-weight:700}.fc-modal-overlay .flashcard-counter.header-counter{font-size:1.2em;color:#a9c1de;font-weight:500}.fc-modal-overlay .fc-close-button{background:none;border:none;font-size:28px;cursor:pointer;color:#8b949e;padding:0;line-height:1}.fc-modal-overlay .fc-modal-body{display:flex;flex-direction:column;gap:1rem;align-items:center;overflow:hidden;flex-grow:1;min-height:0}.fc-modal-overlay .flashcard-scene{width:100%;flex-grow:1;min-height:250px;perspective:1000px;overflow:hidden}.fc-modal-overlay .flashcard{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s;cursor:pointer}.fc-modal-overlay .flashcard.is-flipped{transform:rotateY(180deg)}.fc-modal-overlay .flashcard-face{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;justify-content:center;align-items:center;padding:20px;box-sizing:border-box;border-radius:12px;box-shadow:0 8px 32px #0003;font-size:1.8em;text-align:center;border:1px solid #3B4A6B}.fc-modal-overlay .flashcard-face-front{background-color:#3e5073;color:#e0e6f1}.fc-modal-overlay .flashcard-face-back{background-color:var(--border-color-light);color:#333;transform:rotateY(180deg)}body[data-theme=light] .fc-modal-overlay .flashcard-face-back{background:linear-gradient(135deg,#e0e7ff,#ede9fe);border:2px solid #a5b4fc;box-shadow:0 8px 32px #4f46e52e,0 2px 8px #764ba21f}.fc-modal-overlay .flashcard-back-content{display:flex;flex-direction:column;gap:1rem;align-items:center;width:100%;height:100%;overflow-y:auto;justify-content:center;padding:10px;box-sizing:border-box}.fc-modal-overlay .flashcard-back-content p{margin:0}.fc-modal-overlay .flashcard-player-example{font-size:.7em;width:100%;padding-top:1rem;border-top:1px dashed #5a6268;font-style:italic;color:#495057}.fc-modal-overlay .flashcard-player-example strong{font-style:normal}.fc-modal-overlay .flashcard-back-content .feedback-provenance-block{font-size:.7em;width:100%;padding-top:1rem;border-top:1px dashed #5a6268;max-height:12em;overflow-y:auto;text-align:left;padding-right:10px}.fc-modal-overlay .flashcard-back-content .feedback-provenance-block strong{color:#000;font-weight:700}.fc-modal-overlay .fc-modal-content .flashcard-face-back .flashcard-back-content .feedback-provenance-block blockquote{color:var(--text-primary)!important;font-weight:400!important;opacity:1!important;font-style:italic!important}.fc-modal-overlay .flashcard-back-content .feedback-provenance-block .timestamp-link{color:var(--brand-primary)!important;font-weight:500}.fc-modal-overlay .flashcard-instructions{color:var(--header-color);margin-top:0;margin-bottom:0;font-style:normal;opacity:1;flex-shrink:0}.fc-modal-overlay .flashcard-controls{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:6px;width:100%;margin-top:1rem;margin-bottom:0;flex-shrink:0}.fc-modal-overlay .flashcard-controls button{background:var(--brand-gradient);color:var(--text-inverse);padding:7px 10px;border:1px solid #1f6feb;border-radius:4px;cursor:pointer;font-size:13px;white-space:nowrap;flex-shrink:1;min-width:0}.fc-modal-overlay .flashcard-controls button:hover:not(:disabled){background-color:#388bfd}.fc-modal-overlay .flashcard-controls button.btn-close{background:#b95700;border-color:#b95700}.fc-modal-overlay .flashcard-controls button.btn-close:hover{background:#d46c0b}.fc-modal-overlay .flashcard-controls button:disabled{background-color:#21262d;opacity:.7;cursor:not-allowed}.right-controls-group{display:flex;flex-wrap:nowrap;gap:6px}.fc-modal-overlay .fc-modal-content .puzzle-section{position:relative;width:100%;flex-grow:1;display:flex;flex-direction:column;justify-content:center;min-height:0}.fc-modal-overlay .fc-modal-content .puzzle-wrapper{margin:.75rem auto 0;width:100%;max-height:100%}.fc-modal-overlay .fc-modal-content .puzzle-instructions{position:relative;margin-bottom:0}@media (max-width: 600px){.fc-modal-overlay .fc-modal-content{min-height:480px;padding:15px}.fc-modal-overlay .flashcard-scene{min-height:220px}.fc-modal-overlay .flashcard-face{font-size:1.5em}}.glossary-player-container{column-count:2;column-gap:2rem;height:100%}.glossary-item{-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid;margin-bottom:.75rem}.glossary-term{font-weight:700;color:var(--header-color);font-size:1.1em}.glossary-definition{margin-left:0;margin-top:.25rem;color:var(--header-color);line-height:1.6}@media (max-width: 768px){.glossary-player-container{column-count:1}}.modal-content.ak-modal{max-width:950px;width:90%}.ak-modal .modal-header{margin-bottom:5px}.ak-modal .modal-header h2{font-size:1.6em}.ak-modal .close-button{background:none!important;border:none!important}.ak-modal td.definition-col,.ak-modal td.example-col{color:var(--header-color)}.ak-item{text-align:left;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--card-border-color)}.ak-item:last-child{border-bottom:none;margin-bottom:0}.ak-question{margin:0 0 .5rem;color:var(--header-color)}.ak-answer{margin:0;color:var(--status-success-text);font-weight:500}.ak-provenance-group{margin-top:1rem;display:flex;flex-direction:column;gap:0}.provenance-from-line{font-style:italic;font-size:1em;color:var(--header-color);margin-bottom:4px}.ak-provenance-group .feedback-provenance-block,.ak-explanation{font-size:1em;font-style:normal;color:var(--header-color)}.ak-provenance-group .feedback-provenance-block{margin-top:0}.ak-explanation{margin-top:.5rem}.ak-provenance strong,.ak-explanation strong{font-style:normal;color:var(--header-color)}.ak-footer{display:flex;justify-content:space-between;align-items:center}.ak-footer .right-action-group{display:flex;gap:10px}.ak-footer .btn-close{background-color:var(--button-reset-bg);border-color:var(--button-reset-bg);color:var(--button-reset-text)}.ak-footer .btn-close:hover{background-color:var(--button-reset-hover-bg)}.ak-footer .btn-primary{background-color:var(--button-accent-bg);border-color:var(--button-accent-bg);color:var(--button-accent-text)}.ak-footer .btn-primary:hover{background-color:var(--button-accent-hover-bg)}.vocab-ak-footer{display:flex;justify-content:space-between;align-items:center}.vocab-ak-footer .btn-close,.vocab-ak-footer .btn-print{min-width:120px}.vocab-ak-footer .btn-close{background-color:var(--button-reset-bg);border-color:var(--button-reset-bg);color:var(--button-reset-text)}.vocab-ak-footer .btn-close:hover{background-color:var(--button-reset-hover-bg)}.vocab-ak-footer .btn-print{background-color:var(--button-accent-bg);border-color:var(--button-accent-bg);color:var(--button-accent-text)}.vocab-ak-footer .btn-print:hover{background-color:var(--button-accent-hover-bg)}.modal-content.image-approval-modal{max-width:95vw;width:auto}.image-approval-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(256px,1fr));gap:1.5rem;padding-top:1rem}.approval-image-card{position:relative;border:1px solid var(--card-border-color);border-radius:8px;overflow:hidden;background-color:var(--input-bg-color);display:flex;flex-direction:column}.approval-image-wrapper{width:100%;aspect-ratio:1 / 1;display:flex;justify-content:center;align-items:center}.approval-image-wrapper img{width:100%;height:100%;object-fit:cover}.approval-image-actions{padding:1rem;border-top:1px solid var(--card-border-color)}.approval-image-actions button{width:100%;background-color:var(--button-accent-bg);color:var(--button-accent-text);border-color:var(--button-accent-bg)}.approval-image-actions button:hover:not(:disabled){background-color:var(--button-accent-hover-bg)}.approval-image-actions button:disabled{background-color:var(--status-success-bg);border-color:var(--status-success-border);color:var(--status-success-text);cursor:default}.image-approval-modal .modal-footer{justify-content:space-between}.modal-content.custom-export-modal{max-width:550px;background-color:var(--card-bg-color);color:var(--text-color)}.modal-content.custom-export-modal .modal-header h2{color:var(--header-color)}.modal-content.custom-export-modal .modal-body{display:flex;flex-direction:column;gap:1.5rem;text-align:left}.modal-content.custom-export-modal .section-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--card-border-color);padding-bottom:.5rem;margin-bottom:.75rem}.modal-content.custom-export-modal .export-section h3{margin-top:0;margin-bottom:0;padding-bottom:0;border-bottom:none;color:var(--header-color);font-size:1.2em}.modal-content.custom-export-modal .checkbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.modal-content.custom-export-modal .checkbox-item,.modal-content.custom-export-modal .radio-item{display:flex;align-items:center;gap:8px}.modal-content.custom-export-modal .checkbox-item label,.modal-content.custom-export-modal .radio-item label{font-weight:500;color:var(--header-color);cursor:pointer}.modal-content.custom-export-modal input[type=checkbox],.modal-content.custom-export-modal input[type=radio]{width:18px;height:18px;cursor:pointer}.modal-content.custom-export-modal .modal-footer{border-top:1px solid var(--card-border-color)}.modal-content.custom-export-modal .btn-cancel{background-color:var(--button-reset-bg);color:var(--button-reset-text);border-color:var(--button-reset-bg)}.modal-content.custom-export-modal .btn-cancel:hover{background-color:var(--button-reset-hover-bg)}.modal-content.custom-export-modal .btn-confirm{background-color:var(--button-accent-bg);color:var(--button-accent-text);border-color:var(--button-accent-bg)}.modal-content.custom-export-modal .btn-confirm:hover:not(:disabled){background-color:var(--button-accent-hover-bg)}.modal-content.custom-export-modal .btn-confirm:disabled{background-color:var(--button-disabled-bg);border-color:var(--button-disabled-bg);cursor:not-allowed}.socratic-player-overlay{background-color:var(--overlay-bg)!important}.socratic-player-overlay .modal-content{max-width:95vw;width:95vw;height:90vh;max-height:95vh;padding:0;background-color:var(--surface-color)!important;display:flex;flex-direction:column;overflow:hidden}.socratic-player-content .modal-header h2{font-size:1.3em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto;min-width:0;text-align:left;margin:0;color:var(--text-primary)!important}.socratic-player-content .modal-header{padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem;background-color:var(--surface-color)!important;border-bottom:1px solid var(--border-color);flex-shrink:0}.socratic-player-content .modal-header .time-remaining-display{display:flex;align-items:center;gap:8px;color:var(--text-color);font-size:.9rem;margin-right:auto;padding-left:1rem}.socratic-player-content .modal-header .menu-link{font-size:1.2em;color:var(--info-color);background:none;border:none;cursor:pointer;padding:0;white-space:nowrap;font-weight:500;flex-shrink:0}.header-right-controls{display:flex;flex-direction:column;align-items:flex-end;gap:4px;margin-left:auto;flex-shrink:0}.speech-toggle-container{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-color);-webkit-user-select:none;user-select:none;flex-shrink:0}.speech-toggle-icon{display:flex;align-items:center;font-size:1rem;color:var(--info-color)}.speech-toggle-container:has(input:not(:checked)) .speech-toggle-icon{color:var(--text-color)}.speech-toggle-label{font-weight:500;min-width:22px}.speech-toggle-switch{position:relative;display:inline-block;width:36px;height:20px;flex-shrink:0}.speech-toggle-switch input{opacity:0;width:0;height:0}.speech-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-color-medium);transition:.2s;border-radius:20px}.speech-toggle-slider:before{content:"";position:absolute;height:14px;width:14px;left:3px;bottom:3px;background-color:var(--surface-color);transition:.2s;border-radius:50%}.speech-toggle-switch input:checked+.speech-toggle-slider{background-color:var(--info-color)}.speech-toggle-switch input:checked+.speech-toggle-slider:before{transform:translate(16px)}.socratic-chat-body{display:flex;flex-direction:row;padding:0;background-color:var(--surface-alt)!important;overflow:hidden;flex:1;min-height:0}.socratic-quiz-panel{flex:0 1 35%;min-width:300px;max-width:440px;padding:1.5rem;overflow-y:auto;border-right:1px solid var(--border-color);background-color:var(--surface-color)!important}.socratic-quiz-panel h3{margin-top:0;color:var(--text-primary)!important;font-weight:600}.socratic-quiz-panel .quiz-card{background-color:var(--surface-alt)!important;border:1px solid var(--border-color);border-radius:8px;padding:1rem;margin-bottom:1rem;box-shadow:var(--shadow-xs)}.socratic-quiz-panel .question-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem;margin-bottom:.75rem;border-bottom:1px solid var(--border-color)}.socratic-quiz-panel .question-content{font-weight:500;color:var(--text-primary)!important}.socratic-quiz-panel .question-header h4{margin:0;font-size:1em;color:var(--text-primary)!important;font-weight:600}.socratic-quiz-panel .question-item-list{list-style-type:decimal;padding-left:20px;margin:.75rem 0 0;color:var(--text-color)}.socratic-quiz-panel .question-item-list li{margin-bottom:.5rem}.socratic-quiz-panel .question-choices-list{list-style-type:upper-alpha;padding-left:20px;margin:.75rem 0 0;color:var(--text-color);line-height:1.6}.socratic-quiz-panel .question-choices-list li{margin-bottom:.35rem}.socratic-quiz-panel .question-explanation{margin-top:.75rem;padding:.75rem;background-color:var(--info-bg-light);border-left:3px solid var(--info-color);border-radius:4px;font-size:.9em;color:var(--text-primary)}.socratic-quiz-panel .question-explanation strong{color:var(--text-primary);font-weight:600}.socratic-quiz-panel .feedback-provenance-block{margin-top:.5rem;padding-top:.5rem;border-top:1px dashed var(--border-color);font-size:.9em;color:var(--text-color)}.socratic-chat-panel{flex:1 1 65%;min-width:400px;display:flex;flex-direction:column;min-height:0}.socratic-chat-history{flex-grow:1;overflow-y:auto;padding:1.5rem 0 1.5rem 1.5rem;display:flex;flex-direction:column;gap:1rem;background-color:var(--surface-color)!important}.chat-message{display:flex;max-width:85%}.chat-message.user{align-self:flex-end;justify-content:flex-end}.chat-message.model{align-self:stretch;justify-content:flex-start;width:100%;max-width:100%}.message-bubble{padding:.75rem 1rem;border-radius:18px;line-height:1.6;white-space:pre-wrap;overflow-wrap:break-word;word-wrap:break-word}.chat-message.user .message-bubble{background-color:var(--info-color);color:var(--text-inverse);border-bottom-right-radius:4px}.chat-message.model .message-bubble{background-color:var(--surface-hover);color:var(--text-primary);border:1px solid var(--border-color);border-bottom-left-radius:4px;width:100%}.message-bubble strong{font-weight:700}.message-bubble em{font-style:italic}.message-bubble .md-list-num{font-weight:600;color:var(--text-color)}.message-bubble .md-bullet{margin-right:4px}.socratic-input-form{display:flex;flex-direction:column;padding:1rem 0 1rem 1rem;border-top:1px solid var(--border-color);gap:.75rem;background-color:var(--surface-color)!important;flex-shrink:0}.socratic-input-controls{display:flex;flex-direction:column;gap:.5rem}.mic-permission-error{display:flex;align-items:center;justify-content:space-between;gap:.75rem;background-color:color-mix(in srgb,var(--color-warning, #f59e0b) 15%,var(--surface-alt));border:1px solid var(--color-warning, #f59e0b);border-radius:6px;padding:8px 12px;font-size:.85em;color:var(--text-primary);width:100%}.mic-permission-error span{flex:1}.mic-permission-dismiss{background:none;border:none;cursor:pointer;font-size:1em;color:var(--text-secondary);padding:0 4px;flex-shrink:0}.socratic-buttons-row{display:flex;align-items:center;gap:1rem}.socratic-input-form textarea,.socratic-input-form input{width:100%;font-size:1.1em;font-family:inherit;resize:vertical;border-radius:6px;border:1px solid var(--border-color-medium);background-color:var(--surface-color);color:var(--text-primary);padding:10px;min-height:96px;max-height:200px}.socratic-input-form button[type=submit]{background:var(--brand-gradient);color:var(--text-inverse);border:none;font-size:.9em;flex-shrink:0;height:36px;padding:0 16px;margin-left:auto;border-radius:6px;cursor:pointer}.socratic-input-form button[type=submit]:hover:not(:disabled){opacity:.88;box-shadow:var(--brand-shadow)}.socratic-input-form .mic-button{background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));border:2px solid var(--brand-primary, #667eea);color:var(--text-inverse, #ffffff);padding:0;width:36px;height:36px;font-size:1em;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.socratic-input-form .mic-button.socratic-mic-pill{width:auto;min-width:9.5rem;padding:0 .85rem;gap:.45rem;border-radius:999px}.socratic-mic-label{font-size:.82rem;font-weight:700;white-space:nowrap}.socratic-input-form .mic-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--button-accent-shadow, 0 4px 12px rgba(102, 126, 234, .4))}.socratic-input-form .mic-button.recording{background:var(--error-color, #dc2626);border-color:var(--error-color, #dc2626);color:var(--text-inverse, #ffffff);animation:pulse 1.5s infinite}.socratic-listening-overlay{flex:1;min-height:72px;border:2px solid #a78bfa;border-radius:8px;background:linear-gradient(135deg,#818cf821,#a855f721);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.socratic-waveform{display:flex;align-items:center;gap:4px;height:32px}.socratic-waveform-bar{width:4px;border-radius:2px;background:linear-gradient(180deg,#818cf8,#a855f7);animation:socratic-waveform 1.2s ease-in-out infinite;transform-origin:center bottom}.socratic-waveform-bar:nth-child(1){height:10px;animation-delay:0s}.socratic-waveform-bar:nth-child(2){height:20px;animation-delay:.1s}.socratic-waveform-bar:nth-child(3){height:28px;animation-delay:.2s}.socratic-waveform-bar:nth-child(4){height:14px;animation-delay:.3s}.socratic-waveform-bar:nth-child(5){height:24px;animation-delay:.15s}.socratic-waveform-bar:nth-child(6){height:18px;animation-delay:.35s}.socratic-waveform-bar:nth-child(7){height:10px;animation-delay:.25s}@keyframes socratic-waveform{0%,to{transform:scaleY(.25);opacity:.45}50%{transform:scaleY(1);opacity:1}}.socratic-listening-label{font-size:.75em;font-weight:700;background:linear-gradient(135deg,#818cf8,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.08em;text-transform:uppercase}.socratic-listening-hint{font-size:.72em;color:var(--text-muted, #9ca3af);margin-top:2px;opacity:.85}@keyframes pulse{0%{box-shadow:0 0 #dc3545b3}70%{box-shadow:0 0 0 10px #dc354500}to{box-shadow:0 0 #dc354500}}.loading-bubble{width:60px;height:30px;display:flex;justify-content:center;align-items:center}.dot-flashing{position:relative;width:6px;height:6px;border-radius:5px;background-color:var(--text-secondary);color:var(--text-secondary);animation:dot-flashing 1s infinite linear alternate;animation-delay:.5s}.dot-flashing:before,.dot-flashing:after{content:"";display:inline-block;position:absolute;top:0}.dot-flashing:before{left:-12px;width:6px;height:6px;border-radius:5px;background-color:var(--text-secondary);color:var(--text-secondary);animation:dot-flashing 1s infinite alternate;animation-delay:0s}.dot-flashing:after{left:12px;width:6px;height:6px;border-radius:5px;background-color:var(--text-secondary);color:var(--text-secondary);animation:dot-flashing 1s infinite alternate;animation-delay:1s}@keyframes dot-flashing{0%{background-color:var(--text-secondary)}50%,to{background-color:#6b728066}}.play-video-button{display:flex;align-items:center;gap:8px;margin-top:1rem;padding:8px 12px;font-size:.9em;font-weight:500;background:var(--brand-gradient);color:var(--text-inverse);border:none;border-radius:6px;cursor:pointer}.play-video-button:hover{opacity:.88;box-shadow:var(--brand-shadow)}.tutorial-request-button{display:block;width:fit-content;margin-top:1rem;background-color:var(--surface-hover);color:var(--text-color);border:1px solid var(--border-color-medium);padding:8px 14px;border-radius:6px;cursor:pointer;font-size:.9em;font-weight:500}.tutorial-request-button:hover:not(:disabled){background-color:var(--border-color)}.tutorial-request-button:disabled{opacity:.6;cursor:not-allowed}.modal-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid var(--border-color);background-color:var(--surface-color)!important;flex-shrink:0}.modal-footer .btn-close{padding:.625rem 1.25rem;background-color:#b95700;color:var(--text-inverse);border:1px solid #b95700;border-radius:6px;font-size:1em;font-weight:500;cursor:pointer;transition:background-color .2s}.modal-footer .btn-close:hover{background-color:#d46c0b}.modal-footer .right-action-group{display:flex;gap:.75rem}.modal-footer .btn-primary{padding:.625rem 1.25rem;background:var(--brand-gradient);color:var(--text-inverse);border:none;border-radius:6px;font-size:1em;font-weight:500;cursor:pointer;transition:opacity .2s,box-shadow .2s}.modal-footer .btn-primary:hover{opacity:.88;box-shadow:var(--brand-shadow)}.login-container{display:flex;align-items:flex-start;justify-content:center;min-height:100vh;background:radial-gradient(ellipse at center,var(--surface-hover) 0%,var(--bg-color) 70%);padding:8px}.login-card{background:var(--surface-color);color:var(--text-primary);border-radius:16px;box-shadow:var(--shadow-xl),0 0 40px #667eea14;border:1px solid var(--border-color);max-width:460px;width:100%;padding:0;overflow:hidden;animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;padding:12px 24px 10px;background:var(--surface-alt);border-bottom:1px solid var(--border-color)}.login-logo{width:40px;height:40px;background:var(--brand-gradient);border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;box-shadow:0 4px 12px #667eea59}.logo-icon{font-size:1.4rem}.login-header h1{color:var(--text-primary);font-size:1.35rem;margin:0 0 4px;font-weight:700;letter-spacing:-.02em}.header-accent{width:48px;height:3px;background:linear-gradient(90deg,var(--brand-primary),var(--brand-secondary));border-radius:2px;margin:0 auto 4px}.subtitle{color:var(--text-secondary);font-size:.95rem;margin:8px 0 0;font-weight:400}.error-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.error-modal{background:var(--surface-color);border-radius:12px;padding:24px 28px;box-shadow:0 8px 32px #0000004d;min-width:320px;max-width:450px;animation:slideInModal .3s ease-out}.error-modal-title{margin:0 0 12px;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.error-modal-message{margin:0 0 24px;font-size:.95rem;color:var(--text-color);line-height:1.4}.error-modal-btn{background:var(--brand-primary);color:var(--text-inverse);border:none;border-radius:20px;padding:8px 32px;font-size:.9rem;font-weight:600;cursor:pointer;display:block;margin:0 auto;transition:background .2s}.error-modal-btn:hover,.error-modal-btn:active{background:var(--brand-primary-hover)}@keyframes slideInModal{0%{transform:translateY(-30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.login-content{display:flex;flex-direction:column;gap:8px;padding:12px 24px 16px}.role-info{text-align:center}.role-info h3{color:var(--text-primary);font-size:1.3rem;margin:0 0 10px}.info-text{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0}.role-buttons{display:flex;justify-content:center;padding:10px 0}.google-signin-btn{background:var(--surface-color);border:2px solid var(--border-color);border-radius:8px;padding:14px 32px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-md);width:100%;max-width:320px}.google-signin-btn:hover:not(:disabled){background:var(--surface-alt);border-color:var(--info-color);box-shadow:0 4px 12px #4285f433;transform:translateY(-1px)}.google-signin-btn:disabled{opacity:.6;cursor:not-allowed}.btn-content{display:flex;align-items:center;justify-content:center;gap:12px}.google-icon{flex-shrink:0}.role-descriptions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:4px;padding-top:16px;border-top:1px solid var(--border-color-light)}.role-card{background:var(--surface-alt);border:1px solid var(--border-color);border-radius:12px;padding:16px 12px;text-align:center;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.role-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--brand-primary)}.role-icon{font-size:2.2rem;margin-bottom:6px;display:block}.student-icon,.teacher-icon,.admin-icon{filter:grayscale(.2)}.role-card h4{color:var(--text-primary);font-size:.9rem;margin:0 0 4px;font-weight:600}.role-card p{color:var(--text-secondary);font-size:.75rem;line-height:1.4;margin:0}.pwa-install-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;margin:8px 0 4px;background:var(--brand-gradient)!important;color:var(--text-inverse)!important;border:none!important;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .3s ease;letter-spacing:.02em}.pwa-install-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #667eea66}.pwa-installed-note{color:var(--success-color);text-align:center;font-size:.8rem;font-weight:600;margin:6px 0 2px}.login-footer{background:var(--surface-alt);border-top:1px solid var(--border-color);padding:8px 16px;margin-top:2px;border-radius:0 0 16px 16px}.note{color:var(--text-secondary);font-size:.82rem;line-height:1.5;margin:0;text-align:center;font-weight:500}.privacy-link-note{color:var(--text-secondary);font-size:.75rem;line-height:1.5;margin:6px 0 0;text-align:center;font-weight:500}.privacy-link-note a{color:var(--brand-primary);text-decoration:none}.privacy-link-note a:hover{text-decoration:underline}.divider{display:flex;align-items:center;text-align:center;margin:4px 0;color:var(--text-muted)}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid var(--border-color)}.divider span{padding:0 15px;font-size:.875rem;font-weight:500}.auth-tabs{display:flex;gap:10px;margin-bottom:20px}.tab-btn{flex:1;padding:12px;border:2px solid var(--border-color);background:var(--surface-color);color:var(--text-secondary);border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.tab-btn:hover:not(:disabled):not(.active){border-color:var(--brand-primary);color:var(--brand-primary)}.tab-btn.active{background:var(--brand-gradient);color:var(--text-inverse);border-color:transparent}.tab-btn.active:hover{background:var(--brand-gradient);color:var(--text-inverse)}.tab-btn:disabled{opacity:.6;cursor:not-allowed}.auth-form{display:flex;flex-direction:column;gap:8px;margin-bottom:0}.login-card .form-group{display:flex;flex-direction:column;align-items:stretch;gap:3px;width:100%}.login-card .form-group input,.login-card .form-group select,.login-card .form-group .password-input-wrapper{width:100%;min-width:0}.password-input-wrapper{position:relative;width:auto}.password-input-wrapper input{padding-right:45px;height:38px!important;line-height:1.5!important}.toggle-password-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;margin:0;width:24px;height:24px;min-width:24px;min-height:24px;max-width:24px;max-height:24px;font-size:18px;line-height:24px;color:var(--brand-primary);opacity:.7;transition:opacity .2s,transform 0s;user-select:none;-webkit-user-select:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;pointer-events:auto;box-sizing:border-box;border:none!important;outline:none!important}.toggle-password-btn:hover{opacity:1;transform:translateY(-50%)!important;border:none!important;outline:none!important}.toggle-password-btn:focus{outline:none!important;border:none!important;transform:translateY(-50%)!important}.toggle-password-btn:active{transform:translateY(-50%)!important;outline:none!important;border:none!important}.login-card .form-group label{text-align:left;font-size:.875rem;font-weight:600;color:var(--text-primary);display:block;margin-bottom:0;letter-spacing:normal;text-transform:none;background:none;border:none;padding:0}.login-card .form-group input,.login-card .form-group select{padding:7px 14px 7px 16px;border:1px solid var(--border-color-medium);border-left:3px solid var(--brand-primary);border-radius:8px;font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease;height:38px;box-sizing:border-box;line-height:1.5;background:var(--surface-inset);color:var(--text-primary)}.login-card .form-group input:focus,.login-card .form-group select:focus{outline:none;border-color:var(--brand-primary);border-left:3px solid var(--brand-secondary);box-shadow:0 0 0 3px #667eea1f;background:var(--surface-color)}.login-card .form-group input:disabled,.login-card .form-group select:disabled{background:var(--surface-alt);color:var(--text-muted);cursor:not-allowed}.submit-btn{padding:8px;background:var(--brand-gradient);color:var(--text-inverse);border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .3s ease;letter-spacing:.02em;margin-top:2px}.submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #667eea66}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-divider{display:flex;align-items:center;margin:4px 0 2px;gap:12px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-color-medium)}.auth-divider span{color:var(--text-muted);font-size:.8rem;font-weight:500;text-transform:lowercase}.google-sso-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:7px 12px;background:linear-gradient(135deg,#4285f4,#34a853);color:#fff;border:none;border-radius:10px;font-size:.92rem;font-weight:600;cursor:pointer;transition:all .2s ease}.google-sso-btn:hover:not(:disabled){opacity:.9;box-shadow:0 2px 8px #4285f466}.google-sso-btn:disabled{opacity:.6;cursor:not-allowed}.google-sso-btn svg{color:#fff;font-size:1.1rem}.clever-sso-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:7px 12px;background:linear-gradient(135deg,#4a90d9,#2563eb);color:#fff;border:none;border-radius:10px;font-size:.92rem;font-weight:600;cursor:pointer;transition:all .2s ease}.clever-sso-btn:hover:not(:disabled){opacity:.9;box-shadow:0 2px 8px #4a90d966}.clever-sso-btn:disabled{opacity:.6;cursor:not-allowed}.classlink-sso-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:7px 12px;background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;border:none;border-radius:10px;font-size:.92rem;font-weight:600;cursor:pointer;transition:all .2s ease}.classlink-sso-btn:hover:not(:disabled){opacity:.9;box-shadow:0 2px 8px #0891b266}.classlink-sso-btn:disabled{opacity:.6;cursor:not-allowed}.note strong{color:var(--text-primary)}.forgot-password-link{width:100%;margin-top:2px;padding:6px;background:transparent;color:var(--brand-primary);border:none;font-size:.85rem;font-weight:600;cursor:pointer;transition:color .2s ease;text-align:center}.forgot-password-link:hover:not(:disabled){color:var(--brand-primary);text-decoration:underline}.forgot-password-link:disabled{opacity:.5;cursor:not-allowed}.auth-switch{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color-light);color:var(--text-secondary);font-size:.9rem}.switch-mode-link{background:none;border:none;color:var(--brand-primary);font-weight:600;cursor:pointer;padding:0;font-size:inherit;transition:color .2s ease}.switch-mode-link:hover:not(:disabled){color:var(--brand-primary);text-decoration:underline}.switch-mode-link:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-in}.modal-content{background:var(--surface-color);border-radius:16px;padding:40px;max-width:450px;width:90%;position:relative;box-shadow:var(--shadow-xl);animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content h2{color:var(--text-primary);font-size:1.75rem;margin:0 0 15px;font-weight:700;text-align:center}.modal-description{color:var(--text-secondary);font-size:.95rem;margin:0 0 25px;text-align:center;line-height:1.6}.modal-close{position:absolute;top:15px;right:15px;background:transparent;border:none;font-size:2rem;color:var(--text-muted);cursor:pointer;line-height:1;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.modal-close:hover{color:var(--text-primary)}.reset-form{display:flex;flex-direction:column;gap:15px}.success-icon{width:80px;height:80px;background:var(--brand-gradient);color:var(--text-inverse);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;margin:0 auto 20px;font-weight:700}.clever-message-banner{display:flex;align-items:flex-start;gap:12px;padding:16px;margin:16px 24px;border-radius:8px;border:1px solid;animation:slideDown .3s ease}.clever-message-banner.clever-error{background:#fef2f2;border-color:#fecaca}.clever-message-banner.clever-success{background:#f0fdf4;border-color:#bbf7d0}.clever-message-icon{font-size:1.5rem;line-height:1;flex-shrink:0}.clever-message-content{flex:1}.clever-message-content h4{margin:0 0 4px;font-size:.95rem;font-weight:600}.clever-error .clever-message-content h4{color:#991b1b}.clever-success .clever-message-content h4{color:#166534}.clever-message-content p{margin:0;font-size:.875rem;line-height:1.5}.clever-error .clever-message-content p{color:#7f1d1d}.clever-success .clever-message-content p{color:#14532d}.clever-message-close{background:none;border:none;font-size:1.5rem;line-height:1;cursor:pointer;color:#6b7280;padding:0;margin:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;flex-shrink:0}.clever-message-close:hover{background:#0000000d;color:#1f2937}@media (max-width: 768px){.login-card{border-radius:16px}.login-header{padding:28px 24px 20px}.login-content{padding:24px 24px 28px}.login-header h1{font-size:1.3rem}.role-descriptions{grid-template-columns:1fr;gap:10px}.login-card .form-group{flex-direction:column;align-items:flex-start;gap:4px}.login-card .form-group label{min-width:auto}.google-signin-btn{padding:12px 24px}.modal-content{padding:30px 20px}.modal-content h2{font-size:1.5rem}}.verify-email-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--bg-color);padding:24px}.verify-email-card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;padding:48px 32px;max-width:460px;width:100%;text-align:center;box-shadow:0 10px 30px #0000001a}.verify-icon{font-size:64px;margin-bottom:16px}.verify-email-card h1{font-size:24px;font-weight:700;margin:0 0 16px;color:var(--text-primary)}.verify-email-card p{color:var(--text-secondary);font-size:15px;line-height:1.5;margin:0 0 24px}.verify-message{padding:12px;border-radius:8px;margin-bottom:24px;font-size:14px;font-weight:500}.verify-message.success{background-color:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.verify-message.error{background-color:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.verify-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.verify-btn-primary{background:var(--brand-gradient, var(--brand-primary));color:var(--text-inverse, white);border:none;padding:12px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.verify-btn-primary:hover{filter:brightness(1.1)}.verify-btn-secondary{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-color);padding:12px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.verify-btn-secondary:hover:not(:disabled){background-color:var(--surface-hover)}.verify-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.verify-footer{font-size:13px;color:var(--text-muted)}.verify-btn-link{background:none;border:none;color:var(--brand-primary);font-size:inherit;cursor:pointer;text-decoration:underline;padding:0}.force-pwd-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--bg-color);padding:24px}.force-pwd-card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;padding:40px 32px;max-width:460px;width:100%;text-align:center;box-shadow:0 10px 30px #0000001a}.force-pwd-icon{font-size:56px;margin-bottom:16px}.force-pwd-card h1{font-size:24px;font-weight:700;margin:0 0 12px;color:var(--text-primary)}.force-pwd-subtitle{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 24px}.force-pwd-message{padding:12px;border-radius:8px;margin-bottom:20px;font-size:13px;font-weight:500;text-align:left}.force-pwd-message.success{background-color:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.force-pwd-message.error{background-color:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.force-pwd-form{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.force-pwd-input-group{display:flex;flex-direction:column;gap:6px;text-align:left}.force-pwd-input-group label{font-size:13px;font-weight:600;color:var(--text-primary)}.force-pwd-input-group input{padding:10px 14px;border-radius:8px;border:1px solid var(--border-color);background-color:var(--bg-color);color:var(--text-primary);font-size:14px;outline:none;transition:border-color .2s ease}.force-pwd-input-group input:focus{border-color:var(--brand-primary)}.force-pwd-btn-primary{background:var(--brand-gradient, var(--brand-primary));color:var(--text-inverse, white);border:none;padding:12px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;margin-top:8px;transition:all .2s ease}.force-pwd-btn-primary:hover:not(:disabled){filter:brightness(1.1)}.force-pwd-btn-primary:disabled{opacity:.7;cursor:not-allowed}.force-pwd-footer{font-size:13px;color:var(--text-muted)}.force-pwd-btn-link{background:none;border:none;color:var(--brand-primary);font-size:inherit;cursor:pointer;text-decoration:underline;padding:0}.privacy-page{min-height:100vh;background:var(--bg-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary)}.privacy-header{display:flex;align-items:center;gap:16px;padding:16px 32px;background:var(--surface-color);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:10}.privacy-back-btn{background:var(--brand-gradient);border:none;border-radius:6px;padding:6px 16px;font-size:14px;color:var(--text-inverse);font-weight:600;cursor:pointer;transition:background .15s}.privacy-back-btn:hover{background:var(--brand-primary-hover)}.privacy-brand{display:flex;align-items:center;gap:8px}.privacy-brand-icon{width:24px;height:24px;object-fit:contain}.privacy-brand-name{font-size:18px;font-weight:700;color:var(--brand-primary)}.privacy-brand-sub{font-size:13px;color:var(--text-secondary)}.privacy-container{max-width:820px;margin:0 auto;padding:48px 32px;text-align:left}.privacy-container h1{font-size:2rem;font-weight:800;color:var(--text-primary);margin-bottom:8px;text-align:left}.privacy-meta{color:var(--text-secondary);font-size:14px;margin-bottom:32px;line-height:1.6;text-align:left}.privacy-container hr{border:none;border-top:1px solid var(--border-color);margin:32px 0}.privacy-container section{margin-bottom:36px}.privacy-container h2{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:12px;padding-bottom:6px;border-bottom:2px solid #667eea22}.privacy-container h3{font-size:1rem;font-weight:600;color:var(--text-color);margin:18px 0 8px}.privacy-container p{font-size:15px;line-height:1.75;color:var(--text-color);margin-bottom:12px}.privacy-container ul{padding-left:24px;margin-bottom:12px}.privacy-container ul li{font-size:15px;line-height:1.75;color:var(--text-color);margin-bottom:4px}.privacy-container a{color:var(--brand-primary);text-decoration:none}.privacy-container a:hover{text-decoration:underline}.privacy-footnote{font-size:13px;color:var(--text-muted);font-style:italic}.privacy-footnote a{color:var(--brand-primary)}.privacy-dpa-callout{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-left:4px solid var(--brand-primary);border-radius:8px;padding:24px;margin:36px 0;color:#e5e7eb}.privacy-container .privacy-dpa-callout h3{font-size:1.1rem;font-weight:700;color:#fff;margin:0 0 8px}.privacy-container .privacy-dpa-callout p{font-size:14px;color:#d1d5db!important;margin-bottom:16px}.download-pdf-wrapper{margin:24px 0}.dpa-request-btn{display:inline-block;background:var(--brand-gradient);color:var(--text-inverse)!important;padding:10px 24px;border-radius:6px;font-size:14px;font-weight:600;text-decoration:none!important;transition:background .15s}.dpa-request-btn:hover{background:var(--brand-primary-hover)}.legal-caps{font-size:13px;line-height:1.8;color:#4b5563}.privacy-page-footer{text-align:center;padding:24px;background:var(--surface-color);border-top:1px solid var(--border-color);font-size:13px;color:var(--text-muted)}@media (max-width: 600px){.privacy-header{padding:12px 16px}.privacy-container{padding:32px 16px}.privacy-container h1{font-size:1.5rem}}.legal-page{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:var(--text-primary)}.legal-header{display:flex;align-items:center;gap:16px;padding:16px 32px;background:var(--surface-color);border-bottom:1px solid var(--border-color);flex-shrink:0;z-index:10}.legal-back-btn{background:var(--brand-gradient);border:none;border-radius:6px;padding:6px 16px;font-size:14px;color:var(--text-inverse);font-weight:600;cursor:pointer;transition:opacity .15s}.legal-back-btn:hover{opacity:.88}.legal-brand{display:flex;align-items:center;gap:8px}.legal-brand-icon{width:24px;height:24px;object-fit:contain}.legal-brand-name{font-size:18px;font-weight:700;color:var(--brand-primary)}.legal-brand-sub{font-size:13px;color:var(--text-secondary)}.legal-body{flex:1;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.legal-body::-webkit-scrollbar{display:none}.legal-container{max-width:820px;margin:0 auto;padding:48px 32px;text-align:left}.legal-container h1{font-size:2rem;font-weight:800;color:var(--text-primary);margin-bottom:8px}.legal-meta{color:var(--text-secondary);font-size:14px;margin-bottom:32px;line-height:1.6}.legal-container hr{border:none;border-top:1px solid var(--border-color);margin:32px 0}.legal-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:36px}.legal-card{display:block;background:var(--surface-color);border:1px solid var(--border-color);border-radius:10px;padding:24px;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}.legal-card:hover{border-color:var(--brand-primary);box-shadow:0 2px 12px #667eea1f}.legal-card-icon{font-size:28px;margin-bottom:12px}.legal-card h2{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin:0 0 8px}.legal-card p{font-size:13.5px;line-height:1.65;color:var(--text-secondary);margin:0 0 14px}.legal-card-link{font-size:13px;font-weight:600;color:var(--brand-primary)}.legal-contact{margin-top:16px}.legal-contact h2{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin-bottom:8px;padding-bottom:6px;border-bottom:2px solid #667eea22}.legal-contact p{font-size:15px;line-height:1.75;color:var(--text-color)}.legal-contact a{color:var(--brand-primary);text-decoration:none}.legal-contact a:hover{text-decoration:underline}.legal-page-footer{text-align:center;padding:24px;background:var(--surface-color);border-top:1px solid var(--border-color);font-size:13px;color:var(--text-muted);flex-shrink:0}@media (max-width: 600px){.legal-header{padding:12px 16px}.legal-container{padding:32px 16px}.legal-cards{grid-template-columns:1fr}}.edit-user-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:10000}.edit-user-modal-content{background-color:var(--surface-color);border-radius:8px;box-shadow:var(--shadow-lg);width:90%;max-width:500px;max-height:90vh;display:flex;flex-direction:column}.edit-user-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color)}.edit-user-modal-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text-primary);text-align:left}.modal-close-btn{background:none;border:none;font-size:28px;color:var(--text-color);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.modal-close-btn:hover{background-color:var(--surface-hover)}.edit-user-modal-body{padding:24px;overflow-y:auto;flex:1;text-align:left}.user-info{margin-bottom:24px;padding:16px;background-color:var(--surface-alt);border-radius:6px;text-align:left}.user-info p{margin:8px 0;font-size:14px;color:var(--text-color)}.user-info strong{font-weight:600;color:var(--text-primary)}.settings-section{margin-top:24px}.settings-section h3{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-primary);text-align:left}.setting-row{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;border:1px solid var(--border-color);border-radius:6px;margin-bottom:12px}.setting-info{flex:1;margin-right:16px}.setting-info label{display:block;font-weight:500;font-size:14px;color:var(--text-primary);margin-bottom:4px}.setting-description{margin:0;font-size:13px;color:var(--text-color);line-height:1.5}.setting-row input[type=checkbox]{width:20px;height:20px;cursor:pointer;margin-top:2px}.setting-row input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.error-message{display:flex;align-items:center;gap:8px;padding:12px 16px;background-color:var(--error-bg-light);border:1px solid var(--error-border);border-radius:6px;color:var(--error-color);font-size:14px;margin-top:16px}.eum-error-banner{display:flex;align-items:center;gap:10px;padding:12px 24px;background:var(--error-bg-light);color:var(--error-color);border-top:1px solid var(--error-border);border-bottom:1px solid var(--error-border);font-size:14px;font-weight:500;flex-shrink:0}.edit-user-modal-footer{display:flex;justify-content:space-between;gap:12px;padding:16px 24px;border-top:1px solid var(--border-color)}.edit-user-modal-footer button{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.cancel-btn{background-color:var(--button-reset-bg, #b95700);color:var(--button-reset-text, #ffffff)}.cancel-btn:hover:not(:disabled){background-color:var(--button-reset-hover-bg, #d46c0b)}.save-btn{background:var(--brand-gradient);color:var(--text-inverse)}.save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--brand-shadow)}.save-btn:disabled,.cancel-btn:disabled{opacity:.6;cursor:not-allowed}.eum-wide{max-width:680px}.eum-identity-strip{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--surface-alt);border-radius:8px;margin-bottom:20px}.eum-email{font-size:13px;color:#a0aec0;flex:1}.eum-uid-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 14px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;margin:-10px 0 20px}.eum-uid-value{min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;color:#a0aec0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eum-copy-uid-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border:none;border-radius:6px;background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:var(--text-inverse, #fff);font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap;box-shadow:0 2px 8px #667eea40;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.eum-copy-uid-btn:hover{transform:translateY(-1px);box-shadow:var(--button-accent-shadow, 0 4px 12px rgba(102, 126, 234, .4))}.eum-email-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #718096);margin-right:6px}.eum-role-badge{font-size:12px;font-weight:700;padding:3px 10px;border-radius:12px;text-transform:uppercase;letter-spacing:.04em}.eum-role-teacher{background:#667eea33;color:#667eea}.eum-role-admin{background:#f6ad5533;color:#f6ad55}.eum-role-student{background:#48bb7833;color:#48bb78}.eum-section{margin-bottom:24px}.eum-section-title{font-size:14px;font-weight:700;color:var(--text-primary);margin:0 0 12px;padding-bottom:6px;border-bottom:1px solid var(--border-color);text-align:left}.eum-row{display:flex;gap:14px;flex-wrap:wrap}.eum-field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.eum-flex1{flex:1;min-width:180px}.eum-flex2{flex:2;min-width:260px}.eum-label{font-size:13px;font-weight:600;color:var(--text-primary);text-align:left}.eum-required{color:var(--error-color, #e53e3e)}.eum-input,.eum-select,.eum-textarea{width:100%;padding:9px 12px;background:var(--input-bg, var(--surface-alt));border:1px solid var(--border-color);border-radius:7px;color:var(--text-primary);font-size:14px;transition:border-color .2s;box-sizing:border-box}.eum-input:focus,.eum-select:focus,.eum-textarea:focus{outline:none;border-color:var(--info-color, #667eea);box-shadow:0 0 0 3px #667eea26}.eum-textarea{resize:vertical;font-family:inherit;line-height:1.5;min-height:calc(4.5em + 18px);max-height:calc(4.5em + 18px)}.eum-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23a0aec0' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.eum-chips{display:flex;flex-wrap:wrap;gap:7px}.eum-chip{padding:5px 13px;border-radius:20px;border:1px solid var(--border-color);background:var(--surface-alt);color:#a0aec0;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;line-height:1.4}.eum-chip:hover{border-color:var(--info-color, #667eea);color:var(--text-primary)}.eum-chip.selected{background:var(--info-color, #667eea);border-color:var(--info-color, #667eea);color:#fff}@media (max-width: 600px){.eum-wide{max-width:95vw}.eum-row{flex-direction:column;gap:0}.eum-flex1,.eum-flex2{min-width:unset;width:100%}}.parent-dashboard[data-theme=light]{--bg-color: #f5f6fa;--surface-color: #ffffff;--surface-alt: #f9fafb;--surface-hover: #f0f0f0;--border-color: #e1e4e8;--border-color-medium: #d0d5dd;--text-primary: #111827;--text-secondary: #6b7280;--text-color: #374151;--brand-primary: #667eea;color-scheme:light}.parent-dashboard[data-theme=dark]{--bg-color: #0f1117;--surface-color: #1a1d2e;--surface-alt: #1e2135;--surface-hover: #252842;--border-color: #2d3154;--border-color-medium: #3d4270;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-color: #cbd5e1;--brand-primary: #667eea;color-scheme:dark}.parent-dashboard{min-height:100vh;background:var(--bg-color, #f5f6fa);color:var(--text-primary, #111827);font-family:Nunito,sans-serif}.parent-dashboard__header{background:var(--surface-color, #ffffff);border-bottom:1px solid var(--border-color, #e1e4e8);padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;position:sticky;top:0;z-index:10;box-shadow:0 1px 4px #0000000f}.parent-dashboard__brand{display:flex;align-items:center;gap:.6rem;font-weight:700;font-size:1.15rem;color:var(--text-primary, #111)}.parent-dashboard__brand-icon{font-size:1.4rem}.parent-dashboard__header-right{display:flex;align-items:center;gap:1rem}.parent-dashboard__signout{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;padding:.35rem .9rem;color:#fff;cursor:pointer;font-size:.875rem;font-family:inherit;font-weight:600;white-space:nowrap;transition:opacity .15s,transform .15s}.parent-dashboard__signout:hover{opacity:.88;transform:translateY(-1px)}.parent-dashboard__theme-toggle{background:none;border:1px solid var(--border-color, #ccc);border-radius:8px;padding:.3rem .6rem;cursor:pointer;font-size:1rem;line-height:1;transition:background .15s;color:var(--text-secondary, #555)}.parent-dashboard__theme-toggle:hover{background:var(--surface-hover, #f0f0f0)}.parent-dashboard__body{max-width:1100px;margin:0 auto;padding:1.5rem 1.25rem;display:grid;grid-template-columns:1fr 280px;gap:1.5rem;align-items:start}@media (max-width: 860px){.parent-dashboard__body{grid-template-columns:1fr}}.parent-student-selector{display:flex;align-items:center;gap:.5rem}.parent-student-selector label{font-size:.85rem;color:var(--text-secondary, #666);white-space:nowrap}.parent-student-selector__select{border:1px solid var(--border-color, #ccc);border-radius:8px;padding:.4rem .75rem;font-family:inherit;font-size:.9rem;background:var(--surface-color, #fff);color:var(--text-primary, #111);cursor:pointer;min-width:180px}.parent-stats-bar{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.25rem}.parent-stats-bar__badge{background:var(--surface-color, #fff);border:1px solid var(--border-color, #e1e4e8);border-radius:10px;padding:.75rem 1.1rem;display:flex;flex-direction:column;align-items:center;gap:.2rem;min-width:100px;flex:1}.parent-stats-bar__value{font-size:1.5rem;font-weight:700;color:var(--brand-primary, #667eea)}.parent-stats-bar__label{font-size:.75rem;color:var(--text-secondary, #666);text-align:center}.parent-assignment-list{background:var(--surface-color, #fff);border:1px solid var(--border-color, #e1e4e8);border-radius:12px;overflow:hidden}.parent-assignment-list__toolbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color, #e1e4e8);flex-wrap:wrap;gap:.75rem}.parent-assignment-list__title{font-size:1rem;font-weight:700;color:var(--text-primary, #111);margin:0}.parent-assignment-list__filters{display:flex;gap:.5rem;flex-wrap:wrap}.parent-filter-btn{border:1px solid var(--border-color, #ccc);border-radius:6px;padding:.3rem .75rem;font-family:inherit;font-size:.8rem;background:none;color:var(--text-secondary, #555);cursor:pointer;transition:all .15s}.parent-filter-btn--active,.parent-filter-btn:hover{background:var(--brand-primary, #667eea);border-color:var(--brand-primary, #667eea);color:#fff}.parent-assignment-list__empty{padding:3rem 1.5rem;text-align:center;color:var(--text-secondary, #888);font-size:.9rem}.parent-assignment-row{border-bottom:1px solid var(--border-color, #f0f0f0)}.parent-assignment-row:last-child{border-bottom:none}.parent-assignment-row__summary{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:1rem;padding:.9rem 1.25rem;cursor:pointer;transition:background .12s}.parent-assignment-row__summary:hover{background:var(--surface-hover, #f8f9ff)}.parent-assignment-row__title{font-weight:600;font-size:.9rem;color:var(--text-primary, #111);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.parent-assignment-row__meta{font-size:.78rem;color:var(--text-secondary, #888);margin-top:.2rem}.parent-assignment-row__due{font-size:.8rem;color:var(--text-secondary, #666);white-space:nowrap}.parent-assignment-row__due--overdue{color:#e53e3e;font-weight:600}.parent-status-pill{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:600;padding:.25rem .65rem;border-radius:20px;white-space:nowrap}.parent-status-pill--completed{background:#d1fae5;color:#065f46}.parent-status-pill--in_progress{background:#fef3c7;color:#92400e}.parent-status-pill--not_started{background:#f3f4f6;color:#6b7280}.parent-status-pill--overdue{background:#fee2e2;color:#991b1b}.parent-assignment-row__percent{font-size:.85rem;font-weight:700;color:var(--brand-primary, #667eea);min-width:38px;text-align:right}.parent-assignment-row__chevron{color:var(--text-secondary, #aaa);transition:transform .2s;font-size:.8rem}.parent-assignment-row__chevron--open{transform:rotate(90deg)}.parent-assignment-detail{background:var(--bg-color, #f8f9ff);border-top:1px solid var(--border-color, #e8eaf0);padding:1.25rem 1.5rem;animation:slideDown .18s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.parent-assignment-detail__section{margin-bottom:1.25rem}.parent-assignment-detail__section-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary, #888);margin-bottom:.6rem}.parent-progress-ring-row{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-start}.parent-activity-row{display:flex;align-items:center;gap:.6rem;padding:.45rem 0;border-bottom:1px solid var(--border-color, #eee);font-size:.85rem}.parent-activity-row:last-child{border-bottom:none}.parent-activity-row__name{flex:1;color:var(--text-primary, #333)}.parent-activity-row__score{font-weight:700;color:var(--brand-primary, #667eea);min-width:50px;text-align:right}.parent-activity-row__attempts{font-size:.75rem;color:var(--text-secondary, #888);min-width:60px;text-align:right}.parent-progress-bar{height:6px;background:var(--border-color, #e0e0e0);border-radius:3px;overflow:hidden;flex:1;min-width:60px}.parent-progress-bar__fill{height:100%;background:var(--brand-primary, #667eea);border-radius:3px;transition:width .35s ease}.parent-progress-bar__fill--complete{background:#10b981}.parent-standards-list{display:flex;flex-wrap:wrap;gap:.4rem}.parent-standard-chip{background:var(--surface-color, #fff);border:1px solid var(--border-color, #ccc);border-radius:6px;padding:.2rem .6rem;font-size:.75rem;color:var(--text-secondary, #555)}.parent-sidebar{display:flex;flex-direction:column;gap:1rem}.parent-sidebar-card{background:var(--surface-color, #fff);border:1px solid var(--border-color, #e1e4e8);border-radius:12px;padding:1rem 1.1rem}.parent-sidebar-card__title{font-size:.85rem;font-weight:700;color:var(--text-primary, #333);margin:0 0 .75rem;display:flex;align-items:center;gap:.4rem}.parent-due-item{display:flex;justify-content:space-between;align-items:flex-start;padding:.4rem 0;border-bottom:1px solid var(--border-color, #f0f0f0);font-size:.82rem;gap:.5rem}.parent-due-item:last-child{border-bottom:none}.parent-due-item__name{color:var(--text-primary, #333);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.parent-due-item__when{color:var(--text-secondary, #888);white-space:nowrap;font-size:.78rem}.parent-due-item__when--soon{color:#f59e0b;font-weight:600}.parent-due-item__when--overdue{color:#e53e3e;font-weight:600}.parent-activity-item{font-size:.82rem;color:var(--text-secondary, #666);padding:.35rem 0;border-bottom:1px solid var(--border-color, #f0f0f0);line-height:1.4}.parent-activity-item:last-child{border-bottom:none}.parent-activity-item__time{font-size:.72rem;color:var(--text-secondary, #aaa);display:block;margin-top:.1rem}.parent-loading{display:flex;justify-content:center;align-items:center;min-height:320px;color:var(--text-secondary, #888);font-size:.9rem;flex-direction:column;gap:.75rem}.parent-loading__spinner{width:32px;height:32px;border:3px solid var(--border-color, #e0e0e0);border-top-color:var(--brand-primary, #667eea);border-radius:50%;animation:spin .7s linear infinite}.parent-error{padding:2rem 1.5rem;text-align:center;color:#e53e3e;font-size:.9rem}.invite-parent-form{padding:.75rem 1.25rem 1rem;display:flex;flex-direction:column;gap:.5rem}.invite-parent-form .form-group label{display:block;font-size:.85rem;font-weight:600;color:var(--text-secondary, #555);margin-bottom:.4rem}.invite-parent-form .form-group input{width:100%;padding:.55rem .85rem;border:1px solid var(--input-border-color, var(--border-color, #ccc));border-radius:8px;font-family:inherit;font-size:.9rem;background:var(--input-bg-color, var(--surface-color, #fff));color:var(--input-text-color, var(--text-primary, #111));box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.invite-parent-form .form-group input:focus{outline:none;border-color:var(--brand-primary, #667eea);box-shadow:0 0 0 3px var(--focus-ring-color, rgba(102, 126, 234, .3))}.invite-parent-form .modal-actions{justify-content:space-between;gap:8px}.invite-parent-form .modal-actions .cancel-button,.invite-parent-form .modal-actions .submit-button{padding:7px 14px;font-size:.82rem;border-radius:6px;display:inline-flex;align-items:center;gap:5px;flex:0 0 auto}.invite-parent-form .student-note{font-size:.8rem;color:var(--text-secondary, #888);background:var(--bg-color, #f5f6fa);border-radius:8px;padding:.6rem .85rem}.parent-no-students{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:2rem;gap:1rem;color:var(--text-secondary, #888)}.parent-no-students__icon{font-size:3rem;opacity:.5}.parent-no-students h2{font-size:1.2rem;color:var(--text-primary, #333)}.parent-no-students p{font-size:.9rem;max-width:380px;line-height:1.6}body[data-theme=dark] .parent-status-pill--completed{background:var(--success-bg-light, #1a3a25);color:var(--success-text, #56d364)}body[data-theme=dark] .parent-status-pill--in_progress{background:var(--warning-bg-light, #3d2f0a);color:var(--warning-color, #e3b341)}body[data-theme=dark] .parent-status-pill--not_started{background:var(--surface-alt, #21262d);color:var(--text-secondary, #8b949e)}body[data-theme=dark] .parent-status-pill--overdue{background:var(--error-bg-light, #3d1a1a);color:var(--error-text, #f85149)}.messages-container{width:100%;height:100%;background:var(--surface-color);border-radius:8px;box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column}.messages-loading{display:flex;align-items:center;justify-content:center;height:400px;font-size:16px;color:var(--text-secondary)}.messages-alert{padding:12px 20px;margin:16px;border-radius:6px;font-size:14px;animation:slideIn .3s ease}.messages-alert-success{background:var(--success-bg-light);color:var(--success-text);border:1px solid #c3e6cb}.messages-alert-error{background:var(--error-bg-light);color:var(--error-text);border:1px solid var(--error-border)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.messages-list-view{display:flex;flex-direction:column;height:100%}.messages-header{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:20px 24px;border-bottom:1px solid var(--border-color)}.messages-header h2{margin:0;font-size:24px;color:var(--text-primary);display:flex;align-items:center;gap:10px}.messages-header-tabs{display:flex;align-items:center;gap:12px;width:100%;padding-left:2px}.messages-header-tab{min-width:142px;height:42px;display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:8px;border:1px solid transparent}.messages-new-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:var(--text-inverse);border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.messages-new-btn:hover{transform:translateY(-1px);box-shadow:var(--button-accent-shadow, 0 4px 12px rgba(102, 126, 234, .4))}.messages-new-voice-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#0f766e,#14b8a6);color:var(--text-inverse);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.messages-new-voice-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #14b8a659}.messages-toggle-deleted-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;margin-left:auto;background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:var(--text-inverse, #fff);border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.messages-toggle-deleted-btn:hover{transform:translateY(-1px);box-shadow:var(--button-accent-shadow, 0 4px 12px rgba(102, 126, 234, .4))}.messages-toggle-deleted-btn.active{background:var(--info-color, #3b82f6);color:var(--text-inverse, #fff)}.messages-toggle-deleted-btn:disabled{opacity:.5;cursor:not-allowed}.messages-threads{flex:1;overflow-y:auto;padding:8px}.messages-thread-checkbox{display:flex;align-items:center;padding:4px;margin-right:4px;flex-shrink:0;cursor:pointer}.messages-thread-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--info-color)}.messages-thread-item.selected{background:var(--info-bg-subtle);border-color:#93c5fd}.messages-group-reply-notice{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;text-align:center;color:var(--text-secondary);font-size:13px}.messages-group-reply-notice p{margin:0}.messages-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);text-align:center;padding:40px}.messages-empty p{margin:16px 0;font-size:18px}.messages-empty button{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:var(--text-inverse);border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.messages-empty button:hover{transform:translateY(-1px);box-shadow:var(--button-accent-shadow, 0 4px 12px rgba(102, 126, 234, .4))}.messages-thread-item{display:flex;align-items:center;gap:12px;padding:16px;margin-bottom:8px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s;position:relative}.messages-thread-item:hover{background:var(--surface-alt);border-color:var(--border-color-medium);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.messages-thread-item.unread{background:var(--info-bg-subtle);border-color:#93c5fd;font-weight:500}.messages-thread-icon{width:40px;height:40px;border-radius:50%;background:var(--info-bg-light);color:var(--info-color);display:flex;align-items:center;justify-content:center;flex-shrink:0}.messages-thread-item.unread .messages-thread-icon{background:var(--info-color);color:var(--text-inverse)}.messages-thread-content{flex:1;min-width:0}.messages-thread-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.messages-thread-subject{font-size:15px;color:var(--text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messages-thread-audio-badge{display:inline-flex;align-items:center;gap:4px;margin-left:8px;padding:2px 8px;border-radius:999px;background:var(--info-bg-subtle);color:var(--info-color-hover);font-size:11px;font-weight:700;vertical-align:middle}.messages-thread-date{font-size:12px;color:var(--text-muted);white-space:nowrap;margin-left:8px}.messages-thread-meta{display:flex;align-items:center;gap:8px;font-size:13px}.messages-thread-type{color:var(--text-secondary)}.messages-thread-unread-badge{background:var(--info-color);color:var(--text-inverse);padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}.messages-thread-delete{opacity:0;background:var(--error-bg-light);color:var(--error-color);border:none;border-radius:4px;padding:6px 8px;cursor:pointer;transition:all .2s}.messages-thread-item:hover .messages-thread-delete{opacity:1}.messages-thread-delete:hover{background:#fecaca}.messages-thread-undelete{opacity:0;background:var(--info-bg-light);color:var(--info-color);border:none;border-radius:4px;padding:6px 8px;cursor:pointer;transition:all .2s}.messages-thread-item:hover .messages-thread-undelete{opacity:1}.messages-thread-undelete:hover{background:#bfdbfe}.messages-thread-item.deleted{opacity:.7;background:var(--surface-alt)}.messages-thread-item.deleted .messages-thread-subject{color:var(--text-secondary)}.messages-thread-item.deleted .deleted-indicator{font-size:12px;font-style:italic;color:var(--text-muted)}.messages-detail-view{display:flex;flex-direction:column;height:100%}.messages-detail-header{display:flex;align-items:center;gap:16px;padding:16px 24px;border-bottom:1px solid var(--border-color);background:var(--surface-alt)}.messages-back-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:var(--text-inverse);border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.messages-back-btn:hover{transform:translateY(-1px);box-shadow:var(--button-accent-shadow, 0 4px 12px rgba(102, 126, 234, .4))}.messages-detail-title{flex:1;min-width:0}.messages-detail-title h3{margin:0 0 4px;font-size:18px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messages-detail-type{font-size:13px;color:var(--text-secondary)}.messages-detail-delete{background:var(--error-bg-light);color:var(--error-color);border:none;border-radius:6px;padding:8px 12px;cursor:pointer;transition:background .2s;margin-left:8px}.messages-detail-delete:hover{background:#fecaca}.messages-detail-download{background:var(--info-bg-light);color:var(--info-color);border:none;border-radius:6px;padding:8px 12px;cursor:pointer;transition:background .2s;margin-left:8px}.messages-detail-download:hover{background:#bfdbfe}.messages-detail-body{flex:1;overflow-y:auto;padding:24px;background:var(--surface-alt)}.messages-message{margin-bottom:20px;max-width:70%;animation:fadeInUp .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.messages-message.own{margin-left:auto}.messages-message.other{margin-right:auto}.messages-message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;padding:0 4px}.messages-message-sender{font-size:12px;font-weight:600;color:var(--text-secondary)}.messages-message-time{font-size:11px;color:var(--text-muted)}.messages-message-delete{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px 6px;border-radius:4px;font-size:12px;transition:all .2s;margin-left:8px}.messages-message-delete:hover{background:#dc26261a;color:var(--error-color)}.messages-message.deleted{opacity:.6}.messages-message.deleted .messages-message-content{background:var(--surface-hover);color:var(--text-secondary);border:1px dashed var(--border-color-medium)}.messages-message-content{padding:12px 16px;border-radius:12px;font-size:14px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.messages-message-text{white-space:pre-wrap;word-break:break-word}.messages-message-audio{margin-top:12px}.messages-message-audio audio{width:100%;max-width:320px}.messages-message.own .messages-message-content{background:var(--info-color);color:var(--text-inverse);border-bottom-right-radius:4px}.messages-message.other .messages-message-content{background:var(--surface-color);color:var(--text-primary);border:1px solid var(--border-color);border-bottom-left-radius:4px}.messages-message.other.messages-role-parent .messages-message-content{border-left:3px solid #f59e0b}.messages-message.other.messages-role-student .messages-message-content{border-left:3px solid #3b82f6}.messages-message.other.messages-role-teacher .messages-message-content{border-left:3px solid #10b981}.messages-message.other.messages-role-admin .messages-message-content{border-left:3px solid #8b5cf6}.messages-role-badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:700;padding:1px 7px;border-radius:10px;margin-left:6px;vertical-align:middle;letter-spacing:.02em}.messages-role-badge--parent{background:#f59e0b26;color:#d97706}.messages-role-badge--student{background:#3b82f626;color:#2563eb}.messages-role-badge--teacher{background:#10b98126;color:#059669}.messages-role-badge--admin{background:#8b5cf626;color:#7c3aed}.messages-detail-footer{display:flex;flex-direction:column;gap:8px;padding:16px 24px;border-top:1px solid var(--border-color);background:var(--surface-color)}.messages-reply-input-wrapper{flex:1;min-width:0}.messages-reply-input-wrapper textarea{margin-bottom:12px}.messages-audio-recorder{margin-top:12px}.messages-audio-recorder .vnr-row,.messages-audio-recorder .vnr-toggle{width:100%}.messages-audio-recorder .vnr-panel{margin-top:10px}.messages-reply-row{display:flex;gap:12px;width:100%;align-items:flex-start}.messages-reply-actions,.messages-modal-actions{display:flex;flex-direction:column;gap:10px;min-width:180px}.messages-reply-send-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:var(--text-inverse);border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.messages-reply-send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--button-accent-shadow, 0 4px 12px rgba(102, 126, 234, .4))}.messages-reply-send-btn:disabled{opacity:.5;cursor:not-allowed}.messages-reply-row>button{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:var(--text-inverse);border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.messages-voice-send-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#0f766e,#14b8a6);color:var(--text-inverse);border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.messages-voice-send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #14b8a659}.messages-voice-send-btn:disabled{opacity:.5;cursor:not-allowed}.messages-reply-row>button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--button-accent-shadow, 0 4px 12px rgba(102, 126, 234, .4))}.messages-reply-row>button:disabled{opacity:.5;cursor:not-allowed}.modal-content.messages-modal{max-width:1060px;width:min(96vw,1060px)}.messages-modal .modal-body{text-align:left}.modal-content.messages-modal .modal-close-btn{width:28px;height:28px;padding:0;font-size:18px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.messages-form-group{margin-bottom:20px}.messages-form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--text-color);text-align:left}.messages-form-group input,.messages-form-group select,.messages-form-group textarea,.messages-select{width:100%;padding:10px 12px;border:1px solid var(--border-color-medium);border-radius:6px;font-size:14px;font-family:inherit}.messages-form-group textarea{min-height:140px;resize:vertical}.messages-form-group .messages-audio-recorder{margin-top:12px}.messages-voice-note-help{margin-top:10px;font-size:12px;color:var(--text-secondary)}.messages-form-group input:focus,.messages-form-group select:focus,.messages-form-group textarea:focus,.messages-select:focus{outline:none;border-color:var(--info-color);box-shadow:0 0 0 3px #2563eb1a}.messages-form-group small{display:block;margin-top:6px;font-size:12px;color:var(--text-secondary)}.messages-radio-group{display:flex;gap:16px;flex-wrap:wrap}.messages-radio-group label{display:flex;align-items:center;gap:6px;font-weight:400;cursor:pointer}.messages-radio-group input[type=radio]{width:auto}.messages-broadcast-info{padding:12px 14px;background:var(--info-bg-subtle);border:1px solid #93c5fd;border-radius:8px;color:var(--info-color-hover);font-size:13px;line-height:1.5}.archive-option-section{background:var(--surface-alt);border:1px solid var(--border-color);border-radius:8px;padding:16px}.archive-option-header{display:flex;align-items:center;gap:10px;margin-bottom:2px}.messages-archive-help-text{font-size:13px;color:var(--text-secondary);margin:6px 0 10px}.messages-archive-form-group,.messages-archive-radio-group{margin-bottom:10px}.messages-radio-option{color:var(--text-primary)}.messages-archive-action-btn{width:100%;background:#5b21b6;color:var(--text-inverse)}.messages-archive-action-btn.is-disabled{background:var(--surface-hover);color:var(--text-muted);cursor:not-allowed}.messages-archive-cancel-row{margin-top:16px;text-align:right}.archive-option-badge{font-size:12px;background:var(--info-bg-subtle);color:var(--info-color-hover);border-radius:12px;padding:2px 8px;font-weight:500}.archive-option-divider{display:flex;align-items:center;text-align:center;color:var(--text-muted);font-size:13px;margin:14px 0}.archive-option-divider:before,.archive-option-divider:after{content:"";flex:1;border-bottom:1px solid var(--border-color)}.archive-option-divider span{padding:0 12px}.messages-readonly{padding:10px 12px;background:var(--surface-hover);border:1px solid var(--border-color-medium);border-radius:6px;color:var(--text-secondary);font-size:14px}.modal-footer{display:flex;justify-content:space-between;gap:12px;padding:16px 24px;border-top:1px solid var(--border-color)}.messages-modal .modal-footer{flex-wrap:nowrap;align-items:center}.messages-modal-actions{display:flex;flex-direction:row;justify-content:flex-end;gap:12px;flex-wrap:nowrap}.messages-cancel-btn{display:flex;align-items:center;justify-content:center;padding:10px 20px;background:var(--button-reset-bg, #b95700);color:var(--text-inverse);border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.messages-cancel-btn:hover:not(:disabled){background:var(--button-reset-hover-bg, #d46c0b);transform:translateY(-1px);box-shadow:0 4px 12px #b957004d}.messages-send-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:var(--text-inverse);border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.messages-send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--button-accent-shadow, 0 4px 12px rgba(102, 126, 234, .4))}.messages-cancel-btn:disabled,.messages-send-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.messages-header{padding:16px}.messages-header h2{font-size:20px}.messages-new-btn{padding:8px 16px;font-size:13px}.messages-thread-item{padding:12px}.messages-message{max-width:85%}.messages-detail-body{padding:16px}.messages-detail-footer{padding:12px}.messages-modal{width:95%}}.delete-modal{max-width:500px}.delete-options{display:flex;flex-direction:column;gap:12px;margin:20px 0}.delete-option-btn{padding:14px 20px;border:2px solid var(--border-color);border-radius:8px;background:var(--surface-color);color:var(--text-color);cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;gap:10px;transition:all .2s}.delete-option-btn:hover{border-color:var(--error-color);background:var(--error-bg-light);color:var(--error-color);transform:translateY(-1px)}.delete-note{font-size:13px;color:var(--text-secondary);line-height:1.6;margin-top:16px;padding:12px;background:var(--surface-alt);border-radius:6px;border-left:3px solid var(--text-muted)}.delete-buttons{display:flex;gap:12px;justify-content:space-between;margin-top:24px}.delete-confirm-btn{background:var(--error-color);color:var(--text-inverse);border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s}.delete-confirm-btn:hover{background:#b91c1c}.messages-search-bar{display:flex;align-items:center;gap:8px;padding:8px 16px;margin:8px 8px 0;background:var(--surface-alt);border:1px solid var(--border-color);border-radius:8px}.messages-search-icon{color:var(--text-muted);flex-shrink:0}.messages-search-bar .messages-search-input{flex:1;border:none;background:transparent;font-size:14px;color:var(--text-color);outline:none;padding:4px 0}.messages-search-bar .messages-search-input::placeholder{color:var(--text-muted)}.messages-search-clear{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center}.messages-search-clear:hover{color:var(--text-secondary);background:var(--border-color)}.messages-admin-filters{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 16px;margin:8px 8px 0;background:var(--surface-alt);border:1px solid var(--border-color);border-radius:8px}.messages-admin-filter-group{display:flex;align-items:center;gap:8px}.messages-admin-filter-group label{font-size:12px;color:var(--text-muted);font-weight:600}.messages-admin-filter-select{min-width:220px;border:1px solid var(--border-color);border-radius:6px;background:var(--surface-color);color:var(--text-color);font-size:13px;padding:6px 8px}.messages-role-chips{display:flex;flex-wrap:wrap;gap:6px}.messages-role-chip{border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);border-radius:999px;padding:5px 10px;font-size:12px;cursor:pointer;transition:all .2s}.messages-role-chip:hover{border-color:var(--info-color);color:var(--text-color)}.messages-role-chip.active{background:var(--info-color);border-color:var(--info-color);color:#fff}.messages-quoted-block{padding:6px 10px;margin-bottom:6px;border-left:3px solid rgba(255,255,255,.4);font-size:12px;opacity:.8;font-style:italic;white-space:pre-wrap;border-radius:2px;background:#0000000f}.messages-message.other .messages-quoted-block{border-left-color:var(--border-color-medium);background:#0000000a}.messages-message-quote{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px 6px;border-radius:4px;font-size:12px;transition:all .2s;opacity:0;margin-left:4px}.messages-message:hover .messages-message-quote{opacity:1}.messages-message-quote:hover{color:var(--info-color);background:#2563eb1a}.messages-reply-quote{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--info-bg-subtle);border-left:3px solid var(--info-color);border-radius:4px;width:100%}.messages-reply-quote-content{flex:1;display:flex;align-items:center;gap:6px;min-width:0;font-size:13px;color:var(--text-color)}.messages-reply-quote-icon{color:var(--info-color);flex-shrink:0}.messages-reply-quote-sender{font-weight:600;white-space:nowrap}.messages-reply-quote-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messages-reply-quote-remove{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;flex-shrink:0;display:flex;align-items:center}.messages-reply-quote-remove:hover{color:var(--error-color);background:var(--error-bg-light)}.messages-char-counter{text-align:right;font-size:11px;color:var(--text-muted);padding:2px 4px 0}.messages-char-counter .near-limit{color:var(--error-text);font-weight:600}.messages-read-receipt{display:flex;justify-content:flex-end;padding:4px 8px 2px}.read-receipt-sent{color:var(--text-secondary);display:flex;align-items:center;gap:4px;font-size:11px;font-weight:500}.read-receipt-sent:after{content:"Sent"}.read-receipt-read{color:var(--info-color);display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600}.read-receipt-read:after{content:"Read"}.messages-bulk-archive-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f0fdf4;color:#15803d;border:1px solid #86efac;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.messages-bulk-archive-btn:hover:not(:disabled){background:#dcfce7;border-color:#4ade80}.messages-bulk-archive-btn:disabled{opacity:.5;cursor:not-allowed}.messages-archived-toolbar{display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--surface-alt, #f3f4f6);border-bottom:1px solid var(--border-color);font-size:13px}.messages-archived-select-all{display:flex;align-items:center;gap:6px;cursor:pointer;font-weight:500;color:var(--text-primary);-webkit-user-select:none;user-select:none}.messages-archived-select-all input[type=checkbox]{cursor:pointer;width:15px;height:15px}.messages-archived-delete-btn{display:flex;align-items:center;gap:6px;padding:5px 12px;background:#dc2626;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.messages-archived-delete-btn:hover:not(:disabled){background:#b91c1c}.messages-archived-delete-btn:disabled{opacity:.5;cursor:not-allowed}.messages-reply-input-wrapper{flex:1;position:relative;display:flex;flex-direction:column}.messages-reply-input-wrapper textarea{width:100%;padding:12px 36px 12px 12px;border:1px solid var(--border-color-medium);border-radius:6px;font-size:14px;font-family:inherit;resize:none;min-height:44px;max-height:120px;box-sizing:border-box}.messages-reply-input-wrapper textarea:focus{outline:none;border-color:var(--info-color);box-shadow:0 0 0 3px #2563eb1a}.messages-templates-wrapper{position:absolute;right:8px;top:8px}.messages-template-toggle{background:var(--surface-hover);border:1px solid var(--border-color-medium);border-radius:4px;color:var(--text-secondary);cursor:pointer;padding:4px 6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.messages-template-toggle:hover{background:var(--info-bg-light);color:var(--info-color);border-color:#93c5fd}.messages-templates-dropdown{position:absolute;right:0;bottom:calc(100% + 6px);width:300px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 16px #0000001f;z-index:100;overflow:hidden;animation:fadeInUp .15s ease}.messages-templates-header{padding:10px 14px;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);background:var(--surface-alt)}.messages-template-item{display:block;width:100%;text-align:left;padding:10px 14px;border:none;background:var(--surface-color);font-size:13px;color:var(--text-color);cursor:pointer;transition:background .15s;line-height:1.4}.messages-template-item:hover{background:var(--info-bg-subtle);color:var(--info-color-hover)}.messages-template-item+.messages-template-item{border-top:1px solid var(--surface-hover)}.ssk-card{background:var(--surface-color);border-radius:12px;padding:20px;cursor:default;transition:transform .2s ease,box-shadow .2s ease;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);border-left:4px solid var(--brand-primary);display:flex;flex-direction:column;gap:12px}.ssk-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-left-color:var(--brand-secondary)}.ssk-card.status-completed{border-left-color:var(--success-color)}.ssk-card.status-in-progress{border-left-color:var(--warning-color)}.ssk-card.status-not-started{border-left-color:var(--brand-primary)}.ssk-card-header{display:flex;justify-content:space-between;align-items:center}.ssk-subject-badge{background:none;color:var(--text-primary);padding:0;border-radius:0;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.ssk-status-badge{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:4px}.ssk-status-badge.status-completed{background:var(--success-bg-light);color:var(--success-text)}.ssk-status-badge.status-in-progress{background:var(--warning-bg-light);color:var(--warning-text)}.ssk-status-badge.status-not-started{background:var(--surface-hover);color:var(--text-secondary)}.ssk-status-icon{font-size:.8rem}.ssk-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary);line-height:1.3}.ssk-description{margin:0;font-size:.85rem;color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ssk-teacher-audio-wrap{display:flex;flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap}.ssk-teacher-audio-label{font-size:.74rem;font-weight:700;color:var(--text-secondary)}.teacher-audio-play-btn{display:inline-flex;align-items:center;gap:8px;padding:7px 18px;border:none;border-radius:20px;background:var(--accent, #7c6af7);color:#fff;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .18s,transform .12s;width:fit-content}.teacher-audio-play-btn:hover{background:color-mix(in srgb,var(--accent, #7c6af7) 80%,white);transform:scale(1.03)}.teacher-audio-play-btn.playing{background:color-mix(in srgb,var(--accent, #7c6af7) 70%,black)}.tap-icon{font-size:.85rem}.ssk-progress-section{display:flex;flex-direction:column;gap:6px}.ssk-progress-bar-track{height:6px;background:var(--border-color);border-radius:3px;overflow:hidden}.ssk-progress-bar-fill{height:100%;background:var(--brand-gradient);border-radius:3px;transition:width .4s ease;min-width:0}.ssk-card.status-completed .ssk-progress-bar-fill{background:linear-gradient(90deg,#10b981,#059669)}.ssk-progress-text{font-size:.75rem;color:var(--text-muted);font-weight:500}.ssk-action-row{padding-top:4px;display:flex;gap:8px;align-items:stretch}.ssk-action-btn{flex:1;padding:8px 16px;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.ssk-action-btn:hover{transform:translateY(-1px);box-shadow:var(--button-accent-shadow, 0 4px 12px rgba(102, 126, 234, .4))}.ssk-action-start,.ssk-action-continue,.ssk-action-review{background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:var(--text-inverse)}.ssk-download-btn{padding:8px 14px;border:none;border-radius:6px;background:var(--brand-gradient);color:var(--text-inverse, #fff);font-size:1.1rem;cursor:pointer;transition:opacity .2s;display:flex;align-items:center;justify-content:center}.ssk-download-btn:hover{opacity:.85}.ssk-dropdown-wrapper{position:relative;flex-shrink:0}.ssk-more-btn{padding:8px 10px;border:none;border-radius:6px;background:var(--surface-hover, #f3f4f6);color:var(--text-secondary);font-size:1.1rem;cursor:pointer;transition:background .15s;display:flex;align-items:center;justify-content:center;line-height:1}.ssk-more-btn:hover{background:var(--border-color, #e5e7eb)}.ssk-dropdown{position:absolute;bottom:calc(100% + 4px);right:0;min-width:190px;background:var(--bg-primary, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:10px;box-shadow:0 8px 24px #00000024;z-index:200;overflow:hidden}.ssk-dropdown button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;background:none;border:none;text-align:left;font-size:13px;color:var(--text-primary);cursor:pointer;transition:background .12s}.ssk-dropdown button:hover:not(:disabled){background:var(--surface-hover, #f3f4f6)}.ssk-dropdown button:disabled{opacity:.4;cursor:not-allowed}.ssk-card-footer{display:flex;justify-content:space-between;align-items:flex-end;padding-top:8px;border-top:1px solid var(--surface-hover);flex-wrap:wrap}.ssk-dates{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.ssk-assigned-date{font-size:.75rem;color:var(--text-muted)}.ssk-teacher{font-size:.78rem;color:var(--text-muted)}.ssk-due-date{font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:4px}.ssk-due-date.due-normal,.ssk-due-date.due-soon,.ssk-due-date.due-urgent,.ssk-due-date.due-overdue{color:var(--text-primary);font-weight:700;background:none}.ssk-due-today{color:var(--error-color)!important;font-weight:700}.ssk-card.ssk-due-today-border{border:2px solid var(--error-color);border-left:4px solid var(--error-color)}.fac-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:11000;display:flex;justify-content:center;align-items:center;padding:1rem;background:#0000;transition:background .3s ease}.fac-overlay.fac-overlay-visible{background:#000000a6}.fac-card{position:relative;z-index:1;background:var(--surface-color);border-radius:18px;padding:2.25rem 2.5rem 2rem;max-width:420px;width:100%;text-align:center;box-shadow:0 24px 64px #00000047;transform:translateY(28px) scale(.94);opacity:0;transition:all .42s cubic-bezier(.34,1.56,.64,1)}.fac-card.fac-card-visible{transform:translateY(0) scale(1);opacity:1}.fac-emoji{font-size:3.5rem;margin-bottom:.5rem;animation:fac-bounce .55s ease both}@keyframes fac-bounce{0%{transform:scale(.3) rotate(-15deg);opacity:0}60%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1) rotate(0);opacity:1}}.fac-heading{font-size:1.8rem;font-weight:800;color:#1a1a2e;margin:0 0 .35rem}.fac-subtitle{font-size:.9rem;color:#888;margin:0 0 .2rem;text-transform:uppercase;letter-spacing:.05em}.fac-activity-name{font-size:1.05rem;font-weight:600;color:var(--brand-primary);margin:0 0 1rem}.fac-message{font-size:.97rem;color:#555;line-height:1.55;margin:0 0 1.5rem}.fac-btn{display:inline-block;padding:.75rem 2rem;font-size:1rem;font-weight:700;color:var(--text-inverse);background:var(--brand-gradient);border:none;border-radius:8px;cursor:pointer;box-shadow:0 4px 16px var(--brand-shadow);transition:transform .15s,box-shadow .15s}.fac-btn:hover{transform:translateY(-2px);box-shadow:0 6px 22px #667eea80}.fac-btn:active{transform:translateY(0)}.fac-btn:focus-visible{outline:3px solid var(--brand-primary);outline-offset:3px}.fac-confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.fac-piece{position:absolute;top:-12px;width:10px;height:10px;border-radius:2px;opacity:0;animation:fac-fall 1.8s ease-in forwards;animation-delay:calc(var(--i) * .07s)}.fac-piece:nth-child(6n+1){left:calc(5% + var(--i) * 1%)}.fac-piece:nth-child(6n+2){left:calc(20% + var(--i) * 2%)}.fac-piece:nth-child(6n+3){left:calc(40% + var(--i) * 1%)}.fac-piece:nth-child(6n+4){left:calc(60% + var(--i) * 2%)}.fac-piece:nth-child(6n+5){left:calc(75% + var(--i) * 1%)}.fac-piece:nth-child(6n){left:calc(88% + var(--i) * .5%)}.fac-piece-1{background:#ff6b6b}.fac-piece-2{background:#ffd93d}.fac-piece-3{background:#6bcb77}.fac-piece-4{background:#4d96ff}.fac-piece-5{background:#c77dff}.fac-piece-6{background:#ff9a3c}@keyframes fac-fall{0%{opacity:1;transform:translateY(0) rotate(0) scaleX(1)}25%{opacity:1;transform:translateY(25vh) rotate(120deg) scaleX(-1)}75%{opacity:.8;transform:translateY(70vh) rotate(300deg) scaleX(1)}to{opacity:0;transform:translateY(105vh) rotate(480deg) scaleX(-1)}}@media (max-width: 480px){.fac-card{padding:1.75rem 1.25rem 1.5rem}.fac-heading{font-size:1.5rem}.fac-emoji{font-size:2.75rem}}.gam-header{display:flex;align-items:center;gap:18px;padding:10px 40px;background:var(--surface-color);border-bottom:1px solid var(--border-color);flex-wrap:wrap}.gam-header--loading{min-height:48px}.gam-header__skeleton{width:100%;height:28px;border-radius:6px;background:linear-gradient(90deg,var(--border-color) 25%,transparent 50%,var(--border-color) 75%);background-size:200% 100%;animation:gam-shimmer 1.4s ease-in-out infinite}@keyframes gam-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.gam-header__level{display:flex;flex-direction:column;align-items:center;min-width:80px}.gam-header__level-number{font-size:15px;font-weight:700;color:var(--text-primary)}.gam-header__level-name{font-size:11px;font-weight:600;color:var(--primary-color);text-transform:uppercase;letter-spacing:.5px}.gam-header__xp{flex:1;min-width:140px;max-width:340px}.gam-header__xp-bar-track{height:10px;background:var(--border-color);border-radius:5px;overflow:hidden}.gam-header__xp-bar-fill{height:100%;border-radius:5px;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .6s ease}.gam-header__xp-text{font-size:11px;font-weight:600;color:var(--text-secondary);margin-top:2px;display:block}.gam-header__xp-next{font-weight:400;color:var(--text-muted)}.gam-header__inline-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.gam-header__inline-badge{font-size:20px;line-height:1;cursor:pointer;border-radius:50%;padding:3px;background:#818cf81a;border:1.5px solid rgba(129,140,248,.3);transition:transform .15s,background .15s;display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.gam-header__inline-badge:hover{transform:scale(1.2);background:#818cf833}.gam-header__streak{display:flex;align-items:center;gap:4px;padding:4px 10px;background:#ff98001a;border-radius:16px;white-space:nowrap}.gam-header__streak-icon{font-size:18px}.gam-header__streak-count{font-size:16px;font-weight:700;color:#e65100}.gam-header__streak-label{font-size:11px;color:var(--text-secondary)}.gam-header__badges{display:flex;align-items:center;gap:4px;padding:4px 12px;background:#818cf81f;border:1px solid rgba(129,140,248,.3);border-radius:16px;cursor:pointer;transition:background .15s,transform .1s;white-space:nowrap}.gam-header__badges:hover{background:#818cf838;transform:scale(1.04)}.gam-header__badges-count{font-size:15px;font-weight:700;color:var(--text-primary)}.gam-header__badges-icon{font-size:18px}[data-theme=dark] .gam-header__streak{background:#ff980026}[data-theme=dark] .gam-header__streak-count{color:#ffb74d}[data-theme=dark] .gam-header__badges{background:#818cf82e;border-color:#818cf859}@media (max-width: 600px){.gam-header{padding:8px 16px;gap:10px}.gam-header__xp{order:10;flex-basis:100%;max-width:100%}}.badges-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25000;display:flex;align-items:center;justify-content:center;background:#0000008c;animation:badges-fadein .2s ease}@keyframes badges-fadein{0%{opacity:0}to{opacity:1}}.badges-modal{background:#fff;border-radius:16px;width:92vw;max-width:820px;max-height:92vh;overflow-y:auto;padding:0;box-shadow:0 12px 48px #00000038;animation:badges-slidein .25s ease}@keyframes badges-slidein{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.badges-modal__hero{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px 16px 0 0;padding:22px 28px 18px}.badges-modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.badges-modal__header h2{margin:0;font-size:22px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.2)}.badges-modal__close{background:#ffffff2e;border:1px solid rgba(255,255,255,.35);font-size:15px;cursor:pointer;color:#fff;padding:7px 11px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background .15s}.badges-modal__close:hover{background:#ffffff52}.badges-modal__subtitle{font-size:14px;font-weight:600;color:#ffffffeb;margin:0;display:flex;align-items:center;gap:8px}.badges-modal__last-badge{font-size:22px;line-height:1;filter:drop-shadow(0 1px 3px rgba(0,0,0,.3))}.badges-modal__section,.badges-modal__footer{padding-left:28px;padding-right:28px}.badges-modal__section:first-of-type{padding-top:22px}.badges-modal__section{margin-bottom:22px}.badges-modal__section-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:#374151;margin:0 0 10px;padding-bottom:5px;border-bottom:1px solid #d1d5db}.badges-modal__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.badge-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px 8px;border-radius:10px;background:#f6f7ff;border:1px solid #e2e5f0;transition:transform .12s}.badge-card--earned{border-color:#667eea61;background:#667eea12}.badge-card--earned:hover{transform:scale(1.04)}.badge-card--progress{border-style:dashed}.badge-card--locked{opacity:.78}.badge-card__icon{font-size:28px;margin-bottom:4px}.badge-card__icon--dim{opacity:.65}.badge-card__icon--locked{filter:grayscale(.35)}.badge-card__name{font-size:12px;font-weight:700;color:#111827;margin-bottom:2px}.badge-card__date{font-size:10px;color:#4b5563}.badge-card__desc{font-size:11px;color:#1f2937;line-height:1.3}.badge-card__progress-bar{width:100%;height:5px;background:#e2e5f0;border-radius:3px;overflow:hidden;margin:4px 0 2px}.badge-card__progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;transition:width .4s ease}.badge-card__progress-text{font-size:10px;color:#4b5563}.badges-modal__footer{text-align:center;padding-top:8px;padding-bottom:24px}.badges-modal__close-btn{padding:10px 36px;font-size:14px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:24px;cursor:pointer;color:#fff;letter-spacing:.3px;box-shadow:0 3px 10px #667eea59;transition:opacity .15s,transform .1s;display:inline-flex;align-items:center;justify-content:center}.badges-modal__close-btn:hover{opacity:.9;transform:translateY(-1px)}[data-theme=dark] .badges-modal{background:#1c1f26;box-shadow:0 12px 48px #00000080}[data-theme=dark] .badges-modal__section-title{color:#d1d5db;border-bottom-color:#2e3340}[data-theme=dark] .badge-card{background:#252830;border-color:#2e3340}[data-theme=dark] .badge-card--earned{background:#667eea1f;border-color:#667eea4d}[data-theme=dark] .badge-card__name{color:#e8eaf0}[data-theme=dark] .badge-card__date,[data-theme=dark] .badge-card__desc,[data-theme=dark] .badge-card__progress-text{color:#d1d5db}[data-theme=dark] .badge-card__progress-bar{background:#2e3340}.skv-activity-list-hint{font-size:1em;color:var(--brand-primary);margin-bottom:10px;margin-top:-6px;font-weight:500;letter-spacing:.01em}.skv-scenario-quest-promo{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface-card, #f5f3ff);border:1px solid #c4b5fd;border-radius:10px;padding:12px 16px;margin-bottom:14px}.skv-sqp-text{display:flex;flex-direction:column;align-items:flex-start;flex:1;gap:3px;text-align:left}.skv-sqp-title{font-size:1em;font-weight:700;color:var(--text-primary);text-align:left}.skv-sqp-desc{font-size:.82em;color:var(--text-secondary);line-height:1.35;text-align:left}.skv-sqp-btn{flex-shrink:0;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:7px;padding:7px 20px;font-size:.9em;font-weight:600;cursor:pointer;transition:opacity .15s,box-shadow .15s;box-shadow:0 2px 8px #6366f159;letter-spacing:.02em}.skv-sqp-btn:hover{opacity:.88;box-shadow:0 4px 14px #6366f173}body[data-theme=dark] .skv-scenario-quest-promo{background:var(--surface-card, #1e1b2e);border-color:#4f46e5}body[data-theme=dark] .skv-sqp-title{color:var(--text-primary)}body[data-theme=dark] .skv-sqp-desc{color:var(--text-secondary)}.skv-container{max-width:900px;margin:0 auto;padding:24px;animation:skv-fadeIn .3s ease}@keyframes skv-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.skv-back-btn{background:none;border:none;color:#6c5ce7;font-size:.95rem;font-weight:600;cursor:pointer;padding:8px 0;margin-bottom:12px;display:inline-block;transition:color .2s}.skv-back-btn:hover{color:#4834d4}body[data-theme=dark] .skv-back-btn{color:#e8e0ff}body[data-theme=dark] .skv-back-btn:hover{color:#fff}.skv-header{margin-bottom:24px}.skv-header-top{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap}.skv-subject-badge{background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:var(--text-inverse);padding:4px 14px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.skv-grade-badge{background:var(--border-color-light);color:var(--text-primary, #1a202c);padding:4px 14px;border-radius:20px;font-size:.8rem;font-weight:500}.skv-kit-title{font-size:1.6rem;font-weight:700;color:var(--text-primary);margin:0 0 8px}.skv-kit-description{color:var(--text-primary, #1a202c);font-size:.95rem;line-height:1.5;margin:0 0 12px;text-align:left}.skv-meta{display:flex;gap:20px;flex-wrap:wrap;color:var(--text-primary, #1a202c);font-size:.85rem}.skv-meta span{display:flex;align-items:center;gap:4px}.skv-teacher-banners{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.skv-teacher-comment{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:14px 18px}.skv-teacher-comment-label{display:block;font-size:.78rem;font-weight:700;color:#92400e;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.skv-teacher-comment-text{color:#1a202c;font-size:.95rem;line-height:1.55;margin:0}.skv-teacher-audio-wrap{margin-top:10px}.skv-teacher-audio-label{display:block;font-size:.76rem;font-weight:700;color:#92400e;margin-bottom:6px}.skv-teacher-audio{width:100%;max-width:420px}.skv-kit-bonus{background:#f0fdf4;border:1px solid #86efac;border-radius:12px;padding:14px 18px}.skv-kit-bonus-label{display:block;font-size:.78rem;font-weight:700;color:#166534;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.skv-kit-bonus-awards{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:6px}.skv-kit-bonus-xp{background:#fef3c7;border:1px solid #fcd34d;color:#92400e;padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:700}.skv-kit-bonus-badge{background:#ede9fe;border:1px solid #c4b5fd;color:#4c1d95;padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:600}.skv-kit-bonus-note{color:#166534;font-size:.9rem;line-height:1.5;margin:6px 0 0}.skv-progress-overview{background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;padding:24px;margin-bottom:28px}.skv-progress-stats{display:flex;gap:32px;justify-content:center;margin-bottom:16px}.skv-stat{text-align:center}.skv-stat-value{display:block;font-size:1.6rem;font-weight:700;color:var(--brand-primary)}.skv-stat-label{display:block;font-size:.8rem;color:var(--text-primary, #1a202c);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.skv-progress-bar-track{width:100%;height:10px;background:var(--border-color);border-radius:5px;overflow:hidden;margin-bottom:16px}.skv-progress-bar-fill{height:100%;background:linear-gradient(90deg,#6c5ce7,#a29bfe);border-radius:5px;transition:width .5s ease}.skv-progress-bar-fill.completed{background:linear-gradient(90deg,#00b894,#55efc4)}.skv-start-all-btn{display:block;margin:0 auto;background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:var(--text-inverse);border:none;padding:12px 32px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.skv-start-all-btn:hover{transform:translateY(-1px);box-shadow:var(--button-accent-shadow, 0 4px 12px rgba(102, 126, 234, .4))}.skv-completed-message{text-align:center;font-size:1.1rem;font-weight:600;color:#00b894;padding:8px 0}.skv-comfort-rating{text-align:center;padding:12px 16px;margin-top:8px;background:var(--surface-alt, #f8f9fa);border:1px solid var(--border-color, #e2e8f0);border-radius:10px}.skv-comfort-prompt{font-size:.9rem;color:var(--text-secondary, #64748b);margin:0 0 8px;font-weight:500}.skv-comfort-stars{display:flex;justify-content:center;gap:6px}.skv-comfort-star{background:none;border:none;font-size:1.8rem;cursor:pointer;color:var(--border-color, #cbd5e1);transition:color .15s,transform .15s;padding:2px 4px;line-height:1}.skv-comfort-star:hover{transform:scale(1.2)}.skv-comfort-star.active{color:#f59e0b}.skv-comfort-star:disabled{cursor:default}.skv-comfort-label{display:block;margin-top:6px;font-size:.8rem;color:var(--text-secondary, #64748b);font-weight:500}.skv-ai-tutor-buttons{display:flex;gap:12px;justify-content:center;margin-top:12px;flex-wrap:wrap}.skv-ai-tutor-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 24px;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;color:var(--text-inverse)}.skv-ai-tutor-btn.socratic{background:linear-gradient(135deg,#0984e3,#74b9ff)}.skv-ai-tutor-btn.qa{background:linear-gradient(135deg,#00b894,#55efc4)}.skv-ai-tutor-btn.quiz-review{background:linear-gradient(135deg,#5b8def,#7b6ef6)}.skv-ai-tutor-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #0003}.skv-ai-tutor-btn:disabled{opacity:.6;cursor:not-allowed}.skv-activity-list{margin-top:8px}.skv-section-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0 0 16px}.skv-activity-row{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;margin-bottom:10px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #00000026;outline:none;position:relative}.skv-activity-row:active,.skv-activity-row:focus{border-color:#6c63ff;box-shadow:0 0 0 2px #b3d8ff,0 2px 12px #6c5ce71a}.skv-activity-row:hover{border-color:#6c63ff;box-shadow:0 4px 16px #6c5ce740;transform:translateY(-2px) scale(1.02);background:var(--surface-hover, var(--border-color-light))}.skv-activity-row.status-completed{border-left:4px solid #00b894;background:var(--surface-color)}.skv-activity-row.status-in_progress{border-left:4px solid #fdcb6e;background:var(--surface-color)}.skv-activity-row.status-not_started{border-left:4px solid #dfe6e9}.skv-activity-order{width:28px;height:28px;border-radius:50%;background:var(--border-color-light);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:var(--text-primary, #1a202c);flex-shrink:0}.skv-activity-row.status-completed .skv-activity-order{background:#00b894;color:var(--text-inverse)}.skv-activity-row.status-in_progress .skv-activity-order{background:#fdcb6e;color:var(--text-primary)}.skv-activity-icon{font-size:1.3rem;flex-shrink:0}.skv-activity-info{flex:1;min-width:0}.skv-activity-title{display:block;font-weight:600;color:var(--text-primary);font-size:.95rem}.skv-voice-note-badge{display:inline-flex;align-items:center;gap:3px;margin-top:3px;padding:2px 8px;border-radius:20px;font-size:.72rem;font-weight:600;background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;letter-spacing:.01em}.skv-activity-type{display:block;font-size:.8rem;color:var(--text-primary, #1a202c);margin-top:2px}.skv-activity-status{flex-shrink:0}.skv-status-icon{font-size:1.1rem}.skv-status-icon.not-started{color:var(--border-color-medium, #555);font-size:1.3rem}.skv-activity-action{color:var(--brand-primary);font-weight:500;font-size:.85rem;flex-shrink:0;display:flex;align-items:center;gap:4px;letter-spacing:.01em}.skv-arrow{transition:transform .2s}.skv-activity-row:hover .skv-arrow{transform:translate(4px)}.skv-activity-item{margin-bottom:10px}.skv-activity-item .skv-activity-row{margin-bottom:0;border-radius:12px 12px 0 0}.skv-activity-item:has(.skv-fr-feedback-panel) .skv-activity-row{border-bottom:none;border-radius:12px 12px 0 0}.skv-activity-item:has(.skv-study-check-info-panel) .skv-activity-row{border-bottom:none;border-radius:12px 12px 0 0}.skv-study-check-info-panel{background:var(--surface-color);border:1px solid var(--border-color);border-top:2px solid #7c3aed;border-radius:0 0 12px 12px;padding:10px 14px 12px;display:flex;flex-direction:column;gap:8px}.skv-study-check-info-header{font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#7c3aed}.skv-study-check-info-note{font-size:.82rem;color:var(--text-secondary)}.skv-study-check-comment{margin:0;font-size:.84rem;color:var(--text-primary);line-height:1.45}.skv-study-check-audio-wrap{display:flex;flex-direction:column;gap:6px}.skv-study-check-audio-label{font-size:.78rem;font-weight:600;color:var(--text-secondary)}.skv-study-check-audio{width:min(100%,360px);height:34px}.skv-study-check-bonus-wrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.skv-study-check-bonus-xp{font-size:.78rem;font-weight:700;color:#b45309;background:#ffedd5;border:1px solid #fdba74;padding:2px 8px;border-radius:999px}.skv-study-check-bonus-badge{font-size:.78rem;font-weight:700;color:#5b21b6;background:#ede9fe;border:1px solid #c4b5fd;padding:2px 8px;border-radius:999px}.skv-study-check-bonus-note{font-size:.8rem;color:var(--text-secondary)}.skv-fr-feedback-panel{background:var(--surface-color);border:1px solid var(--border-color);border-top:2px solid #6c63ff;border-radius:0 0 12px 12px;padding:12px 18px 14px;animation:skv-fadeIn .2s ease}.skv-fr-feedback-header{font-size:.78rem;font-weight:700;color:#6c63ff;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.skv-fr-feedback-item{padding:10px 12px;background:var(--surface-hover, rgba(108, 99, 255, .04));border-radius:8px;margin-bottom:8px}.skv-fr-feedback-item:last-child{margin-bottom:0}.skv-fr-feedback-question{font-size:.87rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.skv-fr-feedback-answer{font-size:.82rem;color:var(--text-secondary);margin-bottom:6px;white-space:pre-wrap;word-break:break-word}.skv-fr-label{font-weight:600;color:var(--text-primary)}.skv-fr-feedback-grade{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.skv-fr-score-badge{display:inline-block;color:#fff;font-size:.8rem;font-weight:700;padding:2px 10px;border-radius:20px;letter-spacing:.02em}.skv-fr-comment{font-size:.82rem;color:var(--text-secondary);font-style:italic}.skv-fr-audio-wrap{margin-top:8px;display:flex;flex-direction:column;gap:4px}.skv-fr-audio-label{font-size:.76rem;font-weight:600;color:var(--text-secondary)}.skv-fr-audio{width:min(100%,360px);height:32px}body[data-theme=dark] .skv-fr-feedback-panel{background:var(--surface-color);border-color:var(--border-color)}body[data-theme=dark] .skv-fr-feedback-item{background:#ffffff0d}body[data-theme=dark] .skv-fr-comment{color:#c9d1d9}body[data-theme=dark] .skv-fr-audio-label{color:#cbd5e1}body[data-theme=dark] .skv-study-check-info-panel{background:var(--surface-color);border-color:var(--border-color)}body[data-theme=dark] .skv-study-check-info-header{color:#a78bfa}body[data-theme=dark] .skv-study-check-bonus-xp{color:#fcd34d;background:#f59e0b2e;border-color:#f59e0b73}body[data-theme=dark] .skv-study-check-bonus-badge{color:#ddd6fe;background:#7c3aed38;border-color:#a78bfa73}.skv-fr-bonus-awards{margin-top:8px;padding-top:8px;border-top:1px dashed var(--border-color, #e5e7eb);display:flex;flex-direction:column;gap:5px}.skv-fr-bonus-xp{font-size:.84rem;color:#d97706}.skv-fr-bonus-xp strong{color:#b45309}.skv-fr-bonus-note{font-size:.82rem;color:var(--text-secondary);font-style:italic}.skv-fr-bonus-badge{font-size:.84rem;color:#6c63ff}.skv-fr-bonus-badge strong{color:#5a4fcf}.skv-fr-bonus-badge-desc{font-size:.8rem;color:var(--text-secondary);font-style:italic}body[data-theme=dark] .skv-fr-bonus-xp strong{color:#fbbf24}body[data-theme=dark] .skv-fr-bonus-badge strong{color:#a78bfa}.skv-player-container{max-width:1200px;margin:0 auto;padding:16px;animation:skv-fadeIn .3s ease}.skv-player-container.activity-summary #videoPlayerContainer{width:70%;max-width:720px;top:80px;right:50%;transform:translate(50%);aspect-ratio:16 / 9;border-radius:12px;box-shadow:0 12px 40px #00000080}.skv-player-header{display:flex;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}.skv-player-back{background:none;border:1px solid var(--border-color);color:#6c5ce7;font-size:.9rem;font-weight:600;cursor:pointer;padding:8px 16px;border-radius:8px;transition:all .2s}.skv-player-back:hover{background:var(--surface-color);border-color:#a29bfe}body[data-theme=dark] .skv-player-back{color:#e8e0ff;border-color:#c8c0ff66}body[data-theme=dark] .skv-player-back:hover{color:#fff;border-color:#c8c0ff}.skv-player-title{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin:0;flex:1}.skv-player-type-badge{background:var(--border-color-light);color:var(--text-primary, #1a202c);padding:4px 12px;border-radius:16px;font-size:.8rem;font-weight:500}.skv-player-content{position:relative}.skv-inline-player{background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;padding:24px}.skv-summary-content,.skv-takeaways-content{background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;padding:32px;max-width:700px;margin:0 auto}.skv-summary-text{font-size:1rem;line-height:1.7;color:var(--text-primary);margin-bottom:20px;text-align:left}.skv-summary-section{margin-bottom:20px;padding-left:16px;border-left:3px solid #a29bfe}.skv-summary-section h4{color:#6c5ce7;margin:0 0 8px;font-size:1rem;text-align:left}.skv-summary-section p{color:var(--text-primary, #1a202c);line-height:1.6;margin:0;text-align:left}.skv-takeaways-list{list-style:none;padding:0;margin:0 0 20px}.skv-takeaway{padding:12px 16px;margin-bottom:8px;border-radius:8px;font-size:.95rem;line-height:1.5;color:var(--text-primary)}.skv-takeaway.importance-high{background:#ff98001f;border-left:4px solid #ff9800}.skv-takeaway.importance-medium{background:#6c5ce71f;border-left:4px solid #6c5ce7}.skv-takeaway.importance-low{background:var(--surface-color);border-left:4px solid var(--border-color-medium, #555)}.skv-video-link-bar{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding:12px 16px;background:#6c5ce726;border-radius:12px;border:1px solid rgba(108,92,231,.3)}.skv-watch-video-btn{background:var(--brand-gradient);color:var(--text-inverse);border:none;padding:10px 20px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;white-space:nowrap}.skv-watch-video-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea59}.skv-video-hint{font-size:.85rem;color:var(--text-secondary, #4a5568);font-style:italic}.skv-summary-action-btns{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;flex-wrap:wrap}.skv-summary-dl-btn,.skv-summary-print-btn{background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:var(--text-inverse, #fff);border:none;border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:transform .2s,box-shadow .2s}.skv-summary-dl-btn:hover,.skv-summary-print-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #667eea59}.skv-complete-btn{display:block;margin:20px auto 0;background:var(--brand-gradient);color:var(--text-inverse);border:none;padding:12px 32px;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.skv-complete-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #667eea59}.skv-unsupported{text-align:center;padding:48px 24px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;color:var(--text-secondary)}@media (max-width: 640px){.skv-container{padding:16px}.skv-kit-title{font-size:1.3rem}.skv-progress-stats{gap:16px}.skv-stat-value{font-size:1.3rem}.skv-activity-row{padding:12px 14px;gap:10px}.skv-activity-action{display:none}.skv-player-header{flex-direction:column;align-items:flex-start}.skv-meta{flex-direction:column;gap:6px}}body[data-theme=dark] .skv-activity-list-hint,body[data-theme=dark] .skv-activity-action,body[data-theme=dark] .skv-stat-value{color:#b8b0ff}body[data-theme=dark] .skv-teacher-comment{background:#fbbf2414;border-color:#fbbf2440}body[data-theme=dark] .skv-teacher-comment-label{color:#fbbf24}body[data-theme=dark] .skv-teacher-comment-text{color:var(--text-primary)}body[data-theme=dark] .skv-teacher-audio-label{color:#fbbf24}body[data-theme=dark] .skv-kit-bonus{background:#3fb95014;border-color:#3fb95040}body[data-theme=dark] .skv-kit-bonus-label{color:#56d364}body[data-theme=dark] .skv-kit-bonus-xp{background:#fbbf241f;border-color:#fbbf244d;color:#fbbf24}body[data-theme=dark] .skv-kit-bonus-badge{background:#a78bfa1f;border-color:#a78bfa4d;color:#c4b5fd}body[data-theme=dark] .skv-kit-bonus-note{color:#56d364}body[data-theme=dark] .skv-summary-section{border-left-color:#7c6ef6}body[data-theme=dark] .skv-summary-section h4{color:#c4b5fd}body[data-theme=dark] .skv-activity-type{color:var(--text-secondary)}body[data-theme=dark] .skv-fr-feedback-header{color:#a78bfa}body[data-theme=dark] .skv-fr-bonus-xp{color:#fbbf24}body[data-theme=dark] .skv-fr-bonus-badge{color:#a78bfa}body[data-theme=dark] .skv-comfort-star{color:var(--border-color-medium)}body[data-theme=dark] .skv-comfort-star.active{color:#fbbf24}.skv-reading-passage-title{font-size:1.25rem;font-weight:600;margin:0 0 .75rem;color:var(--text-primary)}.skv-reading-passage-block{margin-bottom:.25rem}.skv-reading-passage-paragraph{line-height:1.7;margin:0 0 .75rem;color:var(--text-primary)}.skv-reading-passage-glossary{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border-color)}.skv-reading-passage-glossary h4,.skv-reading-passage-questions h4{font-size:1rem;font-weight:600;margin:0 0 .5rem}.skv-glossary-callout{margin-bottom:.5rem}.skv-glossary-callout dt{font-weight:600;display:inline}.skv-glossary-callout dt:after{content:": "}.skv-glossary-callout dd{display:inline;margin:0}.skv-reading-passage-questions{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border-color)}.skv-comprehension-question{margin-bottom:.75rem}.skv-question-text{margin:0 0 .25rem;font-weight:500}.skv-question-answer{margin:0;color:var(--text-secondary);font-size:.9rem}.skv-source-support-section{margin:0 0 .75rem;padding-left:.75rem;border-left:3px solid var(--brand-primary, #6c5ce7)}.skv-show-sources-btn{background:none;border:none;cursor:pointer;font-size:.8rem;color:var(--brand-primary, #6c5ce7);padding:2px 4px;font-weight:500;transition:color .15s}.skv-show-sources-btn:hover{color:var(--brand-primary-hover, #5a4bd4)}.skv-show-sources-btn.expanded{color:var(--text-primary)}.skv-sources-panel{display:flex;flex-direction:column;gap:.5rem;padding:.5rem 0 .25rem}.skv-source-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:6px;padding:.5rem .75rem;font-size:.85rem;display:flex;flex-direction:column;gap:.2rem}.skv-source-name{font-weight:600;color:var(--text-primary);font-size:.8rem}.skv-source-snippet{color:var(--text-secondary);font-style:italic;line-height:1.4}.skv-source-ref{font-size:.75rem;color:var(--text-secondary)}.skv-study-check-hero-card{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;border-radius:12px;background:var(--card-bg, #ffffff);border:2px solid transparent;background-image:linear-gradient(var(--card-bg, #ffffff),var(--card-bg, #ffffff)),var(--brand-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 4px 15px #667eea1f;margin-bottom:1.25rem;gap:1.5rem;transition:box-shadow .25s ease}body[data-theme=dark] .skv-study-check-hero-card{background-color:var(--card-bg, #1a1a1a);background-image:linear-gradient(var(--card-bg, #1a1a1a),var(--card-bg, #1a1a1a)),var(--brand-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 4px 15px #0000004d}.skv-study-check-hero-card:hover{box-shadow:0 6px 20px #667eea38}.skv-study-check-hero-left{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0}.skv-study-check-hero-title-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem;flex-wrap:wrap}.skv-study-check-hero-badge{font-size:.72rem;font-weight:800;color:#fff;background:var(--brand-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));padding:2px 8px;border-radius:4px;letter-spacing:.5px}.skv-study-check-hero-status-tag{font-size:.72rem;font-weight:600;padding:2px 6px;border-radius:4px}.skv-study-check-hero-status-tag.status-complete{background:#10b9811a;color:#10b981}.skv-study-check-hero-status-tag.status-in-progress{background:#f59e0b1a;color:#f59e0b}.skv-study-check-hero-status-tag.status-not_started{background:#6b72801a;color:var(--text-secondary, #6b7280)}.skv-study-check-hero-title{font-size:1.25rem;font-weight:800;color:var(--text-primary);margin:0 0 .25rem}.skv-study-check-hero-subtitle{font-size:.9rem;color:var(--text-secondary);margin:0 0 .75rem;line-height:1.4}.skv-study-check-hero-notes{display:flex;flex-direction:column;gap:.4rem;width:100%;padding-top:.75rem;border-top:1px dashed var(--border-color)}.skv-hero-note-item{font-size:.82rem;color:var(--text-primary);line-height:1.4}.skv-hero-audio-wrap{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.skv-hero-audio-label{font-size:.82rem;font-weight:600}.skv-hero-audio-player{height:28px;max-width:240px}.skv-hero-bonus-wrap{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:2px}.skv-hero-bonus-xp{font-size:.78rem;font-weight:700;color:#f59e0b;background:#f59e0b1a;padding:1px 6px;border-radius:4px}.skv-hero-bonus-badge{font-size:.78rem;font-weight:700;color:var(--brand-primary, #6c5ce7);background:#6c5ce71a;padding:1px 6px;border-radius:4px}.skv-study-check-hero-right{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;flex-shrink:0}.skv-study-check-hero-play{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;background:var(--brand-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:#fff;font-size:1.4rem;padding-left:4px;cursor:pointer;border:none;box-shadow:0 4px 12px #667eea59;transition:all .2s cubic-bezier(.4,0,.2,1);animation:skv-play-pulse 2s infinite}.skv-study-check-hero-play:hover{transform:scale(1.08);box-shadow:0 6px 16px #667eea80;opacity:.95}.skv-study-check-hero-play:active{transform:scale(.96)}.skv-study-check-hero-play-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-primary)}@keyframes skv-play-pulse{0%{box-shadow:0 0 #667eea66}70%{box-shadow:0 0 0 10px #667eea00}to{box-shadow:0 0 #667eea00}}@media (max-width: 580px){.skv-study-check-hero-card{flex-direction:column;align-items:stretch;text-align:center;gap:1.25rem}.skv-study-check-hero-left{align-items:center}.skv-study-check-hero-title-row,.skv-hero-audio-wrap,.skv-hero-bonus-wrap{justify-content:center}}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;justify-content:center;align-items:center;background:#0000;transition:background .35s ease;padding:1rem}.onboarding-overlay.onboarding-visible{background:#000000b3}.onboarding-card{background:var(--surface-color);border-radius:16px;padding:2rem 2.5rem 1.75rem;max-width:480px;width:100%;text-align:center;box-shadow:var(--shadow-xl);transform:translateY(30px) scale(.95);opacity:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.onboarding-card.onboarding-card-visible{transform:translateY(0) scale(1);opacity:1}.onboarding-card.onboarding-card-exit{transform:translateY(-20px) scale(.97);opacity:0}.onboarding-emoji{font-size:3.5rem;margin-bottom:.5rem;animation:onboarding-bounce .5s ease both}@keyframes onboarding-bounce{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.onboarding-title{font-size:1.75rem;font-weight:700;color:#1a1a2e;margin:0 0 .4rem}.onboarding-subtitle{font-size:.95rem;color:var(--brand-primary);font-weight:500;margin:0 0 .75rem}.onboarding-body{font-size:1rem;color:var(--text-color);line-height:1.6;margin:0 0 1.5rem}.onboarding-dots{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.onboarding-dot{width:8px;height:8px;border-radius:50%;border:none;background:#dde;cursor:pointer;padding:0;transition:background .2s,transform .2s}.onboarding-dot:hover{background:#aab}.onboarding-dot-done{background:#a5b4fc}.onboarding-dot-active{background:var(--brand-primary);transform:scale(1.35);cursor:default}.onboarding-nav{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.onboarding-btn-back{padding:.65rem 1.25rem;font-size:.95rem;font-weight:500;color:var(--brand-primary);background:#f0f2ff;border:1px solid #d0d5f7;border-radius:8px;cursor:pointer;transition:background .15s,transform .15s}.onboarding-btn-back:hover{background:#e0e4ff;transform:translateY(-1px)}.onboarding-btn{flex:1;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:var(--text-inverse);background:var(--brand-gradient);border:none;border-radius:8px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:var(--brand-shadow)}.onboarding-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.onboarding-btn:active{transform:translateY(0)}.onboarding-btn:focus-visible{outline:3px solid var(--brand-primary);outline-offset:3px}@media (max-width: 480px){.onboarding-card{padding:1.75rem 1.25rem 1.5rem}.onboarding-title{font-size:1.4rem}.onboarding-emoji{font-size:2.75rem}}.kit-card-wrapper{position:relative}.tap-start-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--brand-gradient);color:var(--text-inverse);font-size:.78rem;font-weight:700;padding:.25rem .75rem;border-radius:20px;white-space:nowrap;pointer-events:none;z-index:10;box-shadow:var(--brand-shadow);animation:badge-pop .4s cubic-bezier(.34,1.56,.64,1) both}@keyframes badge-pop{0%{transform:translate(-50%) scale(.5);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.kit-card-pulse{position:relative}.kit-card-pulse:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:12px;border:2px solid var(--brand-primary);animation:pulse-ring 2s ease-in-out infinite;pointer-events:none}@keyframes pulse-ring{0%{opacity:.6;transform:scale(1)}50%{opacity:0;transform:scale(1.03)}to{opacity:.6;transform:scale(1)}}.first-kit-tip{display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border:1px solid #c8e6c9;border-radius:8px;padding:.6rem 1rem;margin-bottom:1rem;font-size:.9rem;color:#2e7d32;animation:tip-slide-in .3s ease}@keyframes tip-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.first-kit-tip-text{flex:1}.first-kit-tip-close{background:none;border:none;color:#2e7d32;font-size:1.1rem;cursor:pointer;padding:0 .25rem;opacity:.6;transition:opacity .15s}.first-kit-tip-close:hover{opacity:1}.student-empty-enhanced{text-align:center;padding:3rem 1.5rem;max-width:480px;margin:0 auto}.student-empty-enhanced .empty-icon-large{font-size:4rem;margin-bottom:.75rem;line-height:1}.student-empty-enhanced h3{font-size:1.3rem;color:var(--text-primary);margin:0 0 .5rem}.student-empty-enhanced .empty-teacher-note{font-size:1rem;color:var(--text-secondary);margin:0 0 2rem;line-height:1.5}.empty-while-wait{text-align:left}.empty-while-wait-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 .75rem}.empty-wait-cards{display:flex;flex-direction:column;gap:.625rem}.empty-wait-card{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;background:#f8f9ff;border:1px solid var(--border-color, #e0e4f7);border-radius:10px;cursor:pointer;text-align:left;transition:background .15s,box-shadow .15s;width:100%}.empty-wait-card:hover{background:#eef0ff;border-color:var(--brand-primary, #667eea);box-shadow:var(--shadow-sm)}body[data-theme=dark] .empty-wait-card{background:#ffffff14}body[data-theme=dark] .empty-wait-card:hover{background:#ffffff24}.empty-wait-icon{font-size:1.6rem;flex-shrink:0}.empty-wait-text{display:flex;flex-direction:column;gap:.15rem}.empty-wait-text strong{font-size:.95rem;color:var(--text-primary)}.empty-wait-text span{font-size:.82rem;color:var(--text-secondary)}.student-empty-enhanced .empty-tutors-cta{display:inline-block;padding:.6rem 1.5rem;font-size:.95rem;font-weight:500;color:var(--brand-primary);background:#f0f2ff;border:1px solid #d0d5f7;border-radius:8px;cursor:pointer;transition:background .15s,transform .15s}.student-empty-enhanced .empty-tutors-cta:hover{background:#e0e4ff;transform:translateY(-1px)}.onboarding-skip{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:var(--text-muted, #9ca3af);font-size:.8rem;font-weight:500;cursor:pointer;padding:.25rem .5rem;border-radius:6px;transition:color .15s,background .15s}.onboarding-skip:hover{color:var(--text-primary, #111827);background:#0000000d}.onboarding-step-counter{font-size:.72rem;font-weight:600;color:var(--text-muted, #9ca3af);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.15rem}.onboarding-details{list-style:none;padding:0;margin:0 0 1rem;display:flex;flex-direction:column;gap:.5rem;width:100%;text-align:left}.onboarding-detail-item{display:flex;align-items:center;gap:.7rem;padding:.5rem .75rem;background:var(--surface-alt, #f3f4f6);border-radius:8px;font-size:.88rem;line-height:1.4;color:var(--text-color, #374151)}.onboarding-detail-icon{font-size:1.1rem;flex-shrink:0}.onboarding-detail-text{flex:1}.onboarding-open-guide{display:inline-block;margin-bottom:1rem;padding:.55rem 1.4rem;font-size:.88rem;font-weight:600;color:var(--text-inverse, #fff);background:var(--brand-gradient, linear-gradient(135deg, #667eea, #764ba2));border:none;border-radius:20px;cursor:pointer;text-align:center;box-shadow:var(--brand-shadow, 0 2px 8px rgba(102, 126, 234, .3));transition:transform .15s,box-shadow .15s,opacity .15s}.onboarding-open-guide:hover{transform:translateY(-1px);box-shadow:0 4px 14px #667eea73;opacity:.92}.hp-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);z-index:1200;animation:hp-fade-in .2s ease}.hp-panel{position:fixed;top:0;right:0;bottom:0;width:500px;max-width:96vw;background:var(--surface-color);z-index:1201;display:flex;flex-direction:column;box-shadow:-4px 0 32px #0000004d;animation:hp-slide-in .25s cubic-bezier(.25,.46,.45,.94);overflow:hidden}@keyframes hp-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes hp-fade-in{0%{opacity:0}to{opacity:1}}.hp-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 16px;background:var(--brand-gradient);flex-shrink:0}.hp-title{font-size:1.1rem;font-weight:700;color:var(--text-inverse);letter-spacing:.2px}.hp-close-btn{background:#fff3;border:none;color:var(--text-inverse);width:32px;height:32px;border-radius:50%;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.hp-close-btn:hover{background:#ffffff59}.hp-body{flex:1;overflow-y:auto;padding:8px 0 0;background:var(--surface-alt);text-align:left}.hp-footer{padding:12px 20px;font-size:.8rem;color:var(--text-secondary);background:var(--surface-color);border-top:1px solid var(--border-color);flex-shrink:0;text-align:left;display:flex;flex-direction:column;gap:8px}.hp-download-link{display:inline-flex;align-items:center;gap:4px;color:var(--brand-primary, #667eea);text-decoration:none;font-weight:600;font-size:.82rem;transition:color .15s}.hp-download-link:hover{color:#5a67d8;text-decoration:underline}.hp-section{border-bottom:1px solid var(--border-color);background:var(--surface-color)}.hp-section:last-child{border-bottom:none}.hp-section-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:none;border:none;cursor:pointer;font-size:.93rem;font-weight:600;color:var(--text-primary);text-align:left;transition:background .12s}.hp-section-header:hover{background:var(--surface-hover)}.hp-section-header.open{color:var(--brand-primary);background:var(--surface-alt)}.hp-chevron{font-size:.65rem;color:var(--text-muted)}.hp-section-body{padding:4px 20px 18px;background:var(--surface-color);text-align:left}.hp-step{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px;font-size:.88rem;color:var(--text-primary);line-height:1.5}.hp-step-num{flex-shrink:0;width:22px;height:22px;background:var(--brand-primary);color:var(--text-inverse);border-radius:50%;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.hp-table{width:100%;border-collapse:collapse;font-size:.85rem;margin:10px 0 4px}.hp-table tr:nth-child(odd) td{background:var(--surface-alt)}.hp-td-label{font-weight:600;color:var(--text-color);padding:7px 10px 7px 6px;vertical-align:top;white-space:nowrap;width:38%;border-radius:4px 0 0 4px}.hp-td-desc{color:var(--text-color);padding:7px 6px 7px 4px;vertical-align:top;line-height:1.45}.hp-tag{display:inline-block;background:#7c6af726;color:var(--brand-primary, #667eea);font-size:.78rem;font-weight:600;padding:1px 7px;border-radius:4px;white-space:nowrap;border:1px solid rgba(124,106,247,.3)}body[data-theme=dark] .hp-tag{background:#7c6af738;color:#e0d9ff;border-color:transparent}.hp-note{background:#7c6af714;border-left:3px solid rgba(124,106,247,.4);border-radius:0 6px 6px 0;padding:8px 12px;font-size:.83rem;color:var(--text-secondary);margin:10px 0 4px;line-height:1.45}.hp-note strong{color:var(--brand-primary, #667eea)}body[data-theme=dark] .hp-note{background:#7c6af71f;color:#c4b8fa}body[data-theme=dark] .hp-note strong{color:#a996f7}.hp-p{font-size:.88rem;color:var(--text-color);line-height:1.6;margin:8px 0}.show-checklist-btn{background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:4px 12px;font-size:.8em;color:#3b82f6;cursor:pointer;display:flex;align-items:center;gap:4px;transition:background .15s,color .15s,border-color .15s}body[data-theme=dark] .show-checklist-btn{background:#3b82f62e;border-color:#93c5fd59;color:#93c5fd}.show-checklist-btn:hover{background:var(--info-bg-light);color:var(--info-color);border-color:var(--info-color-light)}.help-trigger-btn{display:flex;align-items:center;gap:5px;padding:7px 14px;background:#ffffff2e;border:1px solid rgba(255,255,255,.4);border-radius:20px;color:var(--text-inverse);font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap}.help-trigger-btn:hover{background:#ffffff4d}@media (max-width: 540px){.hp-panel{width:100vw;border-radius:0}}.hp-bubble-buttons{display:flex;gap:12px;padding:14px 20px;background:var(--surface-color);border-bottom:1px solid var(--border-color);align-items:center}.hp-bubble-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#6366f11a,#a855f71a);border:1px solid rgba(99,102,241,.25);border-radius:20px;color:var(--brand-primary, #6366f1);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #6366f10d}.hp-bubble-btn:hover{background:linear-gradient(135deg,#6366f12e,#a855f72e);border-color:#6366f173;transform:translateY(-1px);box-shadow:0 4px 10px #6366f11f}.hp-bubble-btn:active{transform:translateY(0)}body[data-theme=dark] .hp-bubble-btn{background:linear-gradient(135deg,#818cf826,#c084fc26);border-color:#818cf859;color:#a5b4fc}body[data-theme=dark] .hp-bubble-btn:hover{background:linear-gradient(135deg,#818cf840,#c084fc40);border-color:#818cf88c;color:#c7d2fe}.hp-search-container{padding:12px 20px;background:var(--surface-color);border-bottom:1px solid var(--border-color);flex-shrink:0}.hp-search-input{width:100%;padding:10px 14px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:.95rem;outline:none;transition:border-color .2s}.hp-search-input:focus{border-color:var(--primary-color)}.hp-sub-section{margin-bottom:8px;border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.hp-sub-section-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--surface-alt);border:none;cursor:pointer;font-size:.9rem;font-weight:600;color:var(--text-primary);text-align:left;transition:background .15s}.hp-sub-section-header:hover{background:var(--surface-hover)}.hp-sub-section-header.open{border-bottom:1px solid var(--border-color)}.hp-sub-section-body{padding:12px 14px 4px;background:var(--surface-color)}.sts-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0f1a;z-index:1300;display:grid;grid-template-rows:auto 1fr auto auto;overflow:hidden;animation:sts-fade-in .2s ease}@keyframes sts-fade-in{0%{opacity:0}to{opacity:1}}.sts-topbar{display:flex;align-items:center;justify-content:space-between;padding:5px 20px;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.sts-topbar-title{font-size:.9rem;font-weight:600;color:#94a3b8;letter-spacing:.03em}.sts-topbar-actions{display:flex;align-items:center;gap:8px}.sts-export-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#cbd5e1;border-radius:6px;padding:5px 13px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s}.sts-export-btn:hover{background:#ffffff24}.sts-close-btn{background:none;border:none;color:#94a3b8;font-size:1.5rem;line-height:1;cursor:pointer;padding:2px 6px;border-radius:4px;transition:color .15s,background .15s}.sts-close-btn:hover{color:#fff;background:#ffffff1a}.sts-body{display:grid;grid-template-rows:1fr auto;overflow:hidden;min-height:0}.sts-slide{min-height:0;display:flex;flex-direction:column;align-items:center;overflow-y:auto;padding:clamp(20px,3vh,36px) clamp(16px,5vw,56px) 20px;gap:16px;text-align:center}.sts-slide-header{display:flex;align-items:center;gap:14px;justify-content:center;margin-bottom:4px}.sts-slide-icon{font-size:clamp(1.6rem,3.5vw,2.4rem);line-height:1;flex-shrink:0}.sts-slide-title{font-size:clamp(1.2rem,2.6vw,1.8rem);font-weight:800;color:#fff;max-width:720px;line-height:1.15;margin:0}.sts-slide-subtitle{font-size:clamp(.85rem,1.4vw,1rem);color:#94a3b8;max-width:600px;line-height:1.4;margin:2px 0 0}.sts-bullets{list-style:none;padding:0;margin:0;width:100%;display:flex;flex-direction:column;gap:8px;text-align:left}.sts-bullets li{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:11px 14px;font-size:clamp(.88rem,1.3vw,.97rem);color:#e2e8f0;line-height:1.5}.sts-tip{background:#7c6af726;border-left:3px solid rgba(124,106,247,.5);border-radius:0 8px 8px 0;padding:6px 14px;font-size:.82rem;color:#c4b8fa;max-width:680px;width:100%;text-align:left;line-height:1.5}.sts-tip strong{color:#d4caff}.sts-navbar{display:flex;align-items:center;justify-content:center;gap:14px;padding:10px 20px;background:#0000004d;border-top:1px solid rgba(255,255,255,.07);flex-shrink:0;flex-wrap:wrap}.sts-nav-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;padding:9px 20px;font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .15s;min-width:90px}.sts-nav-btn:hover:not(:disabled){opacity:.85}.sts-nav-btn:disabled{opacity:.3;cursor:default}.sts-dots{display:flex;gap:6px;align-items:center}.sts-dot{width:8px;height:8px;border-radius:50%;background:#fff3;border:none;cursor:pointer;padding:0;transition:background .2s,transform .2s}.sts-dot--active{background:#7c6af7;transform:scale(1.35)}.sts-dot:hover:not(.sts-dot--active){background:#fff6}.sts-counter{font-size:.82rem;color:#64748b;min-width:48px;text-align:center;font-variant-numeric:tabular-nums}.sts-narrate-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;border-radius:8px;padding:9px 20px;font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .15s;min-width:110px}.sts-narrate-btn:hover:not(:disabled){opacity:.85}.sts-narrate-btn--active{background:linear-gradient(135deg,#22c55e,#16a34a)}.sts-narrate-btn:disabled{opacity:.35;cursor:default}.sts-stop-btn{background:#ef4444b3;border:none;color:#fff;border-radius:8px;padding:9px 14px;font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .15s}.sts-stop-btn:hover{opacity:.85}.sts-keyboard-hint{text-align:center;font-size:.72rem;color:#334155;padding:2px 0 4px;flex-shrink:0}.sts-slide-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;width:100%;max-width:700px}.sts-screenshot-panel{width:100%;max-width:700px;display:flex;flex-direction:column;gap:8px;align-self:center}.sts-screenshot-img{width:100%;border-radius:10px;border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 32px #00000080;display:block;cursor:pointer;transition:transform .15s}.sts-screenshot-img:hover{transform:scale(1.02)}.sts-screenshot-caption{font-size:.75rem;color:#64748b;text-align:center;font-style:italic}.sts-transcript{background:#10b98114;border-top:1px solid rgba(16,185,129,.18);padding:8px 32px 10px;overflow:hidden}.sts-transcript-text{font-size:.95rem;color:#a5b4c8;line-height:1.6;max-width:760px;margin:0 auto;text-align:left;font-style:italic}.sts-transcript-active{color:#fff;background:#10b98138;border-radius:3px;padding:1px 2px;transition:color .2s,background .2s}.sts-tool-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#cbd5e1;border-radius:7px;padding:8px 12px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.sts-tool-btn:hover{background:#ffffff29;color:#fff}.sts-tool-btn--active{background:#7c6af747;border-color:#7c6af780;color:#d4caff}.sts-tool-btn--muted{background:#ef444447;border-color:#ef444466;color:#fca5a5}@media (min-width: 1100px){.sts-slide-content,.sts-tip,.sts-transcript-text{max-width:820px}}@media (min-width: 1440px){.sts-slide-content,.sts-tip,.sts-transcript-text{max-width:960px}}@media (max-width: 600px){.sts-slide{padding:16px 14px 12px;gap:12px}.sts-bullets li{font-size:.92rem;padding:10px 12px}.sts-navbar{gap:6px;padding:8px 10px;flex-wrap:wrap}.sts-nav-btn{padding:10px 16px;min-width:72px;font-size:.85rem}.sts-narrate-btn{padding:10px 14px;min-width:90px;font-size:.85rem}.sts-tool-btn{padding:9px 10px;font-size:.78rem}.sts-keyboard-hint{display:none}.sts-transcript{padding:8px 14px}}body[data-theme=light] .sts-overlay{background:#f6f8fa}body[data-theme=light] .sts-topbar{background:#fff;border-bottom-color:#e5e7eb}body[data-theme=light] .sts-topbar-title{color:#374151}body[data-theme=light] .sts-export-btn{background:#f3f4f6;border-color:#d1d5db;color:#374151}body[data-theme=light] .sts-export-btn:hover{background:#e5e7eb}body[data-theme=light] .sts-close-btn{color:#6b7280}body[data-theme=light] .sts-close-btn:hover{color:#111827;background:#00000012}body[data-theme=light] .sts-slide{background:#f6f8fa}body[data-theme=light] .sts-slide-title{color:#111827}body[data-theme=light] .sts-slide-subtitle{color:#4b5563}body[data-theme=light] .sts-bullets li{background:#fff;border-color:#e5e7eb;color:#1f2937}body[data-theme=light] .sts-tip{background:#667eea14;border-left-color:#667eea80;color:#3730a3}body[data-theme=light] .sts-tip strong{color:#1e1b4b}body[data-theme=light] .sts-navbar{background:#fff;border-top-color:#e5e7eb}body[data-theme=light] .sts-dot{background:#0003}body[data-theme=light] .sts-counter{color:#9ca3af}body[data-theme=light] .sts-tool-btn{background:#f3f4f6;border-color:#d1d5db;color:#374151}body[data-theme=light] .sts-tool-btn:hover{background:#e5e7eb;color:#111827}body[data-theme=light] .sts-tool-btn--active{background:#667eea1f;border-color:#667eea66;color:#4338ca}body[data-theme=light] .sts-tool-btn--muted{background:#dc262614;border-color:#dc26264d;color:#dc2626}body[data-theme=light] .sts-narrate-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}body[data-theme=light] .sts-narrate-btn:hover:not(:disabled){opacity:.85}body[data-theme=light] .sts-narrate-btn--active{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}body[data-theme=light] .sts-stop-btn{background:#dc262614;border-color:#dc26264d;color:#dc2626}body[data-theme=light] .sts-stop-btn:hover{background:#dc262629;color:#b91c1c}body[data-theme=light] .sts-keyboard-hint{color:#d1d5db}body[data-theme=light] .sts-transcript{background:#667eea0d;border-top-color:#667eea33}body[data-theme=light] .sts-transcript-text{color:#374151}body[data-theme=light] .sts-transcript-active{color:#1e1b4b;background:#667eea26}body[data-theme=light] .sts-screenshot-img{border-color:#e5e7eb;box-shadow:0 4px 16px #0000001a}body[data-theme=light] .sts-screenshot-caption{color:#9ca3af}.leaderboard{background:var(--card-bg, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:12px;padding:16px 18px;margin-bottom:16px}.leaderboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.leaderboard-header h3{margin:0;font-size:1.05rem;display:flex;align-items:center;gap:6px;color:var(--text-primary, #1a1a2e)}.leaderboard-type-badge{font-size:.72rem;padding:2px 8px;border-radius:10px;background:var(--info-bg, #eff6ff);color:var(--primary-color, #3b82f6);font-weight:500}.leaderboard-table{width:100%;border-collapse:collapse}.leaderboard-table th{text-align:left;padding:6px 8px;font-size:.78rem;font-weight:600;color:var(--text-muted, #6b7280);text-transform:uppercase;letter-spacing:.4px;border-bottom:2px solid var(--border-color, #e5e7eb)}.leaderboard-table th.right{text-align:right}.leaderboard-table th.center{text-align:center}.leaderboard-table td{padding:8px;font-size:.88rem;border-bottom:1px solid var(--border-color, #e5e7eb);color:var(--text-primary, #1a1a2e)}.leaderboard-table td.right{text-align:right}.leaderboard-table td.center{text-align:center}.leaderboard-table tr:last-child td{border-bottom:none}.leaderboard-row--me{background:var(--info-bg, #eff6ff);font-weight:600}.leaderboard-row--me td{color:var(--primary-color, #3b82f6)}.leaderboard-rank{font-weight:700;min-width:28px;display:inline-block;text-align:center}.leaderboard-rank--1{color:#f59e0b}.leaderboard-rank--2{color:#9ca3af}.leaderboard-rank--3{color:#b45309}.leaderboard-medal{font-size:1.1rem}.leaderboard-gap td{text-align:center;color:var(--text-muted, #6b7280);font-size:.82rem;padding:4px;border-bottom:none}.leaderboard-loading,.leaderboard-disabled{text-align:center;padding:20px;color:var(--text-muted, #6b7280);font-size:.9rem}.leaderboard-xp{font-weight:600}.leaderboard-streak{display:inline-flex;align-items:center;gap:2px}.leaderboard-level{display:inline-flex;align-items:center;gap:4px}.leaderboard-level-num{font-weight:700}.leaderboard-level-name{font-size:.75rem;color:var(--text-muted, #6b7280)}[data-theme=dark] .leaderboard{background:var(--card-bg, #1e293b);border-color:var(--border-color, #334155)}[data-theme=dark] .leaderboard-row--me{background:#3b82f61f}.student-dashboard{min-height:100vh;background:var(--brand-gradient);overflow-x:hidden}.student-dashboard .dashboard-header{background:var(--brand-gradient);color:var(--text-inverse);padding:24px 40px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-md)}.student-dashboard .dashboard-header h1{margin:0;font-size:28px;font-weight:600;color:var(--text-inverse)}.student-dashboard .header-right{display:flex;align-items:center;gap:12px}.student-dashboard .header-spacer{flex:1}.student-dashboard .user-badge{font-size:16px;font-weight:700;opacity:1;color:#fff}.student-dashboard .role-badge{background:#ffffff47;padding:5px 14px;border-radius:20px;font-size:14px;font-weight:700;letter-spacing:.03em}.student-dashboard .role-badge.student{background:#ffffff4d;color:#fff}.student-dashboard .sign-out-button{background:#ffffff2e;border:1px solid rgba(255,255,255,.4);color:var(--text-inverse);padding:7px 14px;border-radius:20px;cursor:pointer;font-size:.85rem;font-weight:600;transition:background .15s;white-space:nowrap}.student-dashboard .sign-out-button:hover{background:#ffffff4d}.student-dashboard .dashboard-tabs{background:var(--surface-color);padding:8px 40px 0;display:flex;flex-wrap:wrap;gap:6px;align-items:center;border-bottom:2px solid var(--border-color)}.student-dashboard .student-lti-banner{margin:16px 40px 0;padding:12px 16px;border-radius:10px;background:#6366f11f;border:1px solid rgba(99,102,241,.28);color:var(--text-primary);font-size:.92rem}body[data-theme=light] .student-dashboard .student-lti-banner{background:#eef2ff;border-color:#c7d2fe;color:#3730a3}.student-dashboard .tab-bar-language{margin-left:auto;display:flex;align-items:center;gap:24px;padding-bottom:8px;font-size:.85rem;font-weight:600;color:var(--text-primary)}.student-dashboard .tab-bar-language select{padding:4px 8px;font-size:.82rem;border:1px solid var(--border-color);border-radius:6px;background:var(--surface-color);color:var(--text-primary);cursor:pointer}.student-dashboard .tab-button{background:#818cf838;border:1px solid rgba(129,140,248,.45);border-bottom:none;padding:12px 22px;font-size:15px;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .2s;border-radius:8px 8px 0 0;margin-bottom:-2px}body[data-theme=light] .student-dashboard .tab-button:not(.active){background:#dde0fb;border-color:#667eea8c;color:#2d3a8c}.student-dashboard .tab-button:hover{color:var(--text-inverse)!important;background:#818cf859!important;border-color:#818cf880}body[data-theme=light] .student-dashboard .tab-button:not(.active):hover{background:#c4cbf7!important;color:#1e2d82!important;border-color:#667eeacc}.student-dashboard .tab-button.active{color:var(--text-inverse)!important;background:var(--brand-gradient)!important;border-color:transparent;border-radius:8px 8px 0 0;box-shadow:0 -2px 8px #667eea4d}.student-dashboard .tab-button.active:hover{background:var(--brand-primary-hover)!important}.student-dashboard .tab-button .unread-badge{display:inline-block;background:#f44;color:var(--text-inverse);font-size:.75rem;font-weight:600;padding:2px 6px;border-radius:10px;margin-left:6px;min-width:18px;text-align:center}.student-dashboard .tab-button .count-badge{display:inline-block;background:#ffffff4d;color:var(--text-inverse);font-size:.75rem;font-weight:600;padding:2px 6px;border-radius:10px;margin-left:6px;min-width:18px;text-align:center}.student-dashboard .tab-button:not(.active) .count-badge{background:#6c5ce7;color:var(--text-inverse)}.student-dashboard .tab-button.active .unread-badge{background:#f66}.student-dashboard .tab-button.tab-join-live{display:inline-flex;align-items:center;gap:6px}.student-dashboard .dashboard-content{padding:32px 40px;width:100%;box-sizing:border-box;background:var(--bg-color);min-height:calc(100vh - 232px);border-radius:0 12px 0 0}.student-footer-bar{height:32px;background:var(--brand-gradient)}.student-kits-grid-container{width:100%;box-sizing:border-box;animation:fadeInGrid .3s ease}@keyframes fadeInGrid{0%{opacity:0}to{opacity:1}}.student-welcome-bar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;background:var(--surface-color);padding:16px 24px;border-radius:12px;margin-bottom:28px;box-shadow:0 1px 4px #0000000f;font-size:.95rem;color:var(--text-primary)}.student-welcome-copy{display:flex;flex-direction:column;gap:8px;min-width:0}.student-dashboard-message{display:flex;flex-direction:column;gap:8px;margin-top:10px;padding:12px 16px;background:#ffffff0a;border-left:3px solid var(--accent, #7c6af7);border-radius:0 8px 8px 0;max-width:640px}.student-dashboard-message-label{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent, #7c6af7);opacity:.9}.student-dashboard-message-text{margin:0;font-size:.95rem;line-height:1.55;color:var(--text-primary);white-space:pre-wrap}.student-dashboard-message-play-btn{display:inline-flex;align-items:center;gap:8px;margin-top:4px;padding:7px 18px;border:none;border-radius:20px;background:var(--accent, #7c6af7);color:#fff;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .18s,transform .12s;width:fit-content}.student-dashboard-message-play-btn:hover{background:color-mix(in srgb,var(--accent, #7c6af7) 80%,white);transform:scale(1.03)}.student-dashboard-message-play-btn.playing{background:color-mix(in srgb,var(--accent, #7c6af7) 70%,black)}.sdm-play-icon{font-size:.85rem}.progress-summary{color:var(--text-primary);font-weight:600;white-space:nowrap}.kit-section{width:100%;margin-bottom:32px}.section-heading{display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0 0 16px}.heading-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.heading-dot.in-progress{background:#fdcb6e}.heading-dot.not-started{background:#6c5ce7}.heading-dot.completed{background:#00b894}.kits-card-grid{display:grid;width:100%;box-sizing:border-box;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.student-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--text-muted)}.loading-spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top-color:#6c5ce7;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.student-loading p{font-size:1rem;margin:0}.student-error{text-align:center;padding:60px 20px;background:#fff5f5;border:1px solid #fed7d7;border-radius:16px;color:#c53030}.student-error p{font-size:1rem;margin:0 0 16px}.retry-btn{background:#c53030;color:var(--text-inverse);border:none;padding:10px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.retry-btn:hover{background:#9b2c2c}.student-empty{text-align:center;padding:80px 20px;background:var(--surface-color);border:2px dashed var(--border-color);border-radius:16px}.empty-icon{font-size:3rem;margin-bottom:16px}.student-empty h3{font-size:1.3rem;color:var(--text-primary);margin:0 0 8px}.student-empty p{color:var(--text-muted);font-size:.95rem;margin:0}.student-dashboard{min-width:640px}.student-dashboard .dashboard-header{flex-wrap:nowrap;overflow-x:auto}.student-dashboard .header-right{flex-shrink:0}.skm-refresh-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;font-size:.875rem;font-weight:500;color:var(--text-inverse);background:var(--brand-gradient);border:none;border-radius:6px;cursor:pointer;transition:opacity .15s ease}.skm-refresh-btn:hover:not(:disabled){opacity:.85}.skm-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.ssd-subtab-bar{display:flex;gap:4px;margin-bottom:16px;border-bottom:2px solid var(--border-color, #e5e7eb);padding-bottom:0}.ssd-subtab{background:none;border:none;padding:8px 16px;font-size:.9rem;font-weight:500;color:var(--text-secondary, #6b7280);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;display:flex;align-items:center;gap:6px;transition:color .15s,border-color .15s}.ssd-subtab:hover{color:var(--text-primary, #111)}.ssd-subtab-active{color:var(--brand-primary, #6366f1);border-bottom-color:var(--brand-primary, #6366f1);font-weight:600}.ssd-subtab-count{background:var(--brand-primary, #6366f1);color:#fff;font-size:.72rem;font-weight:700;border-radius:10px;padding:1px 7px;min-width:18px;text-align:center}.coach-mark-wrapper{position:relative;display:inline-flex}.coach-mark-dot{position:absolute;z-index:100;width:16px;height:16px;padding:0;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}.coach-mark-dot--top-right{top:-4px;right:-4px}.coach-mark-dot--top-left{top:-4px;left:-4px}.coach-mark-dot--bottom-right{bottom:-4px;right:-4px}.coach-mark-dot--bottom-left{bottom:-4px;left:-4px}.coach-mark-dot-inner{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--brand-primary, #667eea);box-shadow:0 0 0 2px var(--surface-color, #fff)}.coach-mark-dot-ping{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--brand-primary, #667eea);opacity:.6;animation:coach-mark-ping 2s cubic-bezier(0,0,.2,1) infinite}@keyframes coach-mark-ping{0%{transform:scale(1);opacity:.6}75%{transform:scale(2.5);opacity:0}to{transform:scale(2.5);opacity:0}}.coach-mark-popover{position:absolute;z-index:10001;width:240px;background:var(--surface-color, #fff);border-radius:12px;padding:.85rem 1rem;box-shadow:0 12px 40px #0000002e,0 0 0 1px #0000000f;animation:coach-mark-fade-in .2s ease}@keyframes coach-mark-fade-in{0%{opacity:0;transform:translateY(4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.coach-mark-popover--bottom{top:calc(100% + 10px);left:50%;transform:translate(-50%)}.coach-mark-popover--top{bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.coach-mark-popover--left{right:calc(100% + 10px);top:50%;transform:translateY(-50%)}.coach-mark-popover--right{left:calc(100% + 10px);top:50%;transform:translateY(-50%)}.coach-mark-popover-arrow{position:absolute;width:10px;height:10px;background:var(--surface-color, #fff);transform:rotate(45deg);box-shadow:-1px -1px #0000000f}.coach-mark-popover--bottom .coach-mark-popover-arrow{top:-5px;left:50%;margin-left:-5px}.coach-mark-popover--top .coach-mark-popover-arrow{bottom:-5px;left:50%;margin-left:-5px;box-shadow:1px 1px #0000000f}.coach-mark-popover--left .coach-mark-popover-arrow{right:-5px;top:50%;margin-top:-5px;box-shadow:1px -1px #0000000f}.coach-mark-popover--right .coach-mark-popover-arrow{left:-5px;top:50%;margin-top:-5px;box-shadow:-1px 1px #0000000f}.coach-mark-popover-title{margin:0 0 .3rem;font-size:.88rem;font-weight:700;color:var(--text-primary, #1a1a2e)}.coach-mark-popover-desc{margin:0 0 .65rem;font-size:.8rem;line-height:1.5;color:var(--text-secondary, #666)}.coach-mark-popover-btn{display:inline-block;padding:.3rem .85rem;font-size:.78rem;font-weight:600;color:var(--text-inverse, #fff);background:var(--brand-gradient, linear-gradient(135deg, #667eea, #764ba2));border:none;border-radius:14px;cursor:pointer;transition:transform .12s,opacity .12s}.coach-mark-popover-btn:hover{transform:translateY(-1px);opacity:.9}body[data-theme=dark] .coach-mark-dot-inner{box-shadow:0 0 0 2px var(--surface-color, #1a1a2e)}body[data-theme=dark] .coach-mark-popover{background:var(--surface-color, #1e1e2e);box-shadow:0 12px 40px #0006,0 0 0 1px #ffffff14}body[data-theme=dark] .coach-mark-popover-arrow{background:var(--surface-color, #1e1e2e)}.tc-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:10px;padding:14px 16px;margin-bottom:20px;transition:border-color .3s}.tc-card--done{background:var(--success-bg-light);border-color:var(--success-color)}.tc-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.tc-header-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.tc-icon{font-size:1.35rem;flex-shrink:0}.tc-title{font-size:.95rem;font-weight:700;color:var(--text-primary);display:block;line-height:1.2}.tc-progress-text{font-size:.75rem;color:var(--text-secondary);display:block}.tc-bar-track{flex:1;max-width:160px;height:6px;background:var(--border-color-medium);border-radius:99px;overflow:hidden}.tc-bar-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:99px;transition:width .4s ease}.tc-card--done .tc-bar-fill{background:linear-gradient(90deg,#34d399,#059669)}.tc-header-right{display:flex;align-items:center;gap:4px;flex-shrink:0}.tc-collapse-btn,.tc-dismiss-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:2px 6px;font-size:.85rem;border-radius:4px;transition:color .15s,background .15s}.tc-dismiss-btn{font-size:1.1rem}.tc-collapse-btn:hover,.tc-dismiss-btn:hover{color:var(--text-color);background:var(--surface-hover)}.tc-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.tc-item{display:flex;align-items:flex-start;gap:8px;padding:6px 8px;border-radius:6px;background:var(--surface-alt);transition:opacity .25s;text-align:left}.tc-item-body{text-align:left}.tc-item--done{opacity:.55}.tc-checkbox{font-size:1rem;flex-shrink:0;margin-top:1px}.tc-item-body{display:flex;flex-direction:column;gap:1px}.tc-item-label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.tc-item--done .tc-item-label{color:var(--text-secondary)}.tc-item-hint{font-size:.775rem;color:var(--text-secondary);font-style:italic}.tc-item--next{background:#7c6af71a;border:1px solid rgba(124,106,247,.3)}.tc-action-btn{margin-left:auto;flex-shrink:0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;padding:4px 11px;font-size:.775rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity .15s}.tc-action-btn:hover{opacity:.85}.tc-celebration{display:flex;align-items:center;gap:12px}.tc-celebration-icon{font-size:1.8rem;flex-shrink:0}.tc-celebration-text{display:flex;flex-direction:column;gap:2px;flex:1}.tc-celebration-text strong{font-size:.95rem;color:var(--success-text, #065f46)}.tc-celebration-text span{font-size:.82rem;color:var(--text-secondary)}@media (max-width: 600px){.tc-bar-track,.tc-action-btn{display:none}}.idle-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:20000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.idle-modal-box{background:var(--card-bg-color, #ffffff);border-radius:16px;padding:36px 40px 32px;max-width:380px;width:90%;text-align:center;box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;align-items:center;gap:12px}.idle-modal-icon{font-size:2.5rem;line-height:1}.idle-modal-title{margin:0;font-size:1.35rem;font-weight:700;color:var(--header-color, #1a202c)}.idle-modal-message{margin:0;font-size:.95rem;color:var(--text-color-secondary, #718096);line-height:1.5}.idle-modal-countdown{font-size:2.25rem;font-weight:800;color:#e53e3e;font-variant-numeric:tabular-nums;min-width:80px;background:#fff5f5;border-radius:10px;padding:6px 18px}.idle-modal-actions{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:6px}.idle-modal-btn{width:100%;padding:11px 20px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;border:none;transition:opacity .15s;display:flex;align-items:center;justify-content:center}.idle-modal-btn:hover{opacity:.88}.idle-modal-btn-primary{background:var(--brand-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:#fff;border:none}.idle-modal-btn-secondary{background:var(--button-reset-bg, #b95700);color:#fff;border:none}.user-management{padding:20px;max-width:100%;overflow:hidden}.user-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.user-management-header h2{margin:0;color:var(--text-primary);font-size:1.5rem}.invite-button{background:var(--brand-gradient);color:var(--text-inverse);border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;white-space:nowrap}.invite-button:hover{transform:translateY(-2px);box-shadow:var(--brand-shadow)}.filters{display:flex;gap:20px;margin-bottom:20px;padding:15px;background:var(--surface-alt);border-radius:8px}.filter-group{display:flex;align-items:center;gap:8px}.filter-group label{font-weight:600;color:var(--text-secondary);font-size:14px}.filter-group select{padding:6px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;background:var(--surface-color);cursor:pointer;color:var(--text-primary);font-weight:500}.filter-group input[type=text]{padding:6px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;background:var(--surface-color);color:var(--text-primary);font-weight:500}.loading,.error{text-align:center;padding:40px;font-size:16px}.error{color:var(--error-color)}.users-table-container{border-radius:8px;box-shadow:var(--shadow-sm);max-width:100%;width:100%;overflow-x:auto}.users-table{width:100%;min-width:800px;border-collapse:collapse;background:var(--surface-color);display:table}.student-table{min-width:1000px}.users-table thead{display:table-header-group}.users-table thead tr{display:flex;width:100%;background:var(--brand-gradient);color:var(--text-inverse)}.users-table th{padding:12px 6px;text-align:left;font-weight:600;font-size:12px;white-space:nowrap;display:flex;align-items:center}.users-table th:nth-child(1){flex:0 0 8%}.users-table th:nth-child(2){flex:0 0 8%}.users-table th:nth-child(3){flex:0 0 11%}.users-table th:nth-child(4){flex:0 0 13%}.users-table th:nth-child(5){flex:1 1 0%;min-width:90px}.users-table th:nth-child(6){flex:1 1 0%;min-width:110px}.users-table th:nth-child(7){flex:0 0 62px}.users-table th:nth-child(8){flex:1;min-width:150px;justify-content:center}.um-staff-table th:nth-child(1){flex:0 0 12%}.um-staff-table th:nth-child(2){flex:0 0 12%}.um-staff-table th:nth-child(3){flex:1 1 0%;min-width:140px}.um-staff-table th:nth-child(4){flex:0 0 80px}.um-staff-table th:nth-child(5){flex:0 0 80px}.um-staff-table th:nth-child(6){flex:1;min-width:180px;justify-content:center}.users-table tbody{display:table-row-group}.users-table tbody tr{display:flex;width:100%;border-bottom:1px solid var(--border-color-light);transition:background .2s}.users-table tbody tr:hover{background:var(--surface-alt)}.users-table td{padding:10px 8px;font-size:13px;color:var(--text-primary);display:flex;align-items:center}.users-table td:nth-child(1){flex:0 0 8%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.users-table td:nth-child(2){flex:0 0 8%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.users-table td:nth-child(3){flex:0 0 11%;overflow:hidden;text-overflow:ellipsis}.users-table td:nth-child(4){flex:0 0 13%;overflow:hidden;text-overflow:ellipsis;font-size:12px}.users-table td:nth-child(5){flex:1 1 0%;min-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.users-table td:nth-child(6){flex:1 1 0%;min-width:110px}.users-table td:nth-child(7){flex:0 0 62px}.users-table td:nth-child(8){flex:1;min-width:150px}.um-staff-table td:nth-child(1){flex:0 0 12%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.um-staff-table td:nth-child(2){flex:0 0 12%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.um-staff-table td:nth-child(3){flex:1 1 0%;min-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.um-staff-table td:nth-child(4){flex:0 0 80px}.um-staff-table td:nth-child(5){flex:0 0 80px}.um-staff-table td:nth-child(6){flex:1;min-width:180px}.um-teacher-search-input{padding:4px 8px;border:1px solid var(--border-color);border-radius:4px;font-size:13px;background:var(--surface-color);color:var(--text-primary);width:180px}.um-teacher-names-cell{font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.um-last-login-th{justify-content:flex-start!important}.no-users{text-align:center;color:var(--text-muted);padding:40px!important;flex:1 1 100%!important;max-width:100%!important;overflow:visible!important;white-space:normal!important}.role-select{padding:4px 6px;border:1px solid var(--border-color);border-radius:4px;font-size:11px;cursor:pointer;background:var(--surface-color);width:100%;max-width:80px}.role-select:disabled{background:var(--surface-alt);color:var(--text-muted);cursor:not-allowed;opacity:.6}.role-text{font-size:12px;font-weight:600;color:var(--brand-primary);text-transform:capitalize}.role-text.role-teacher{color:var(--success-text)}.role-text.role-admin{color:var(--brand-primary)}.um-empty-cell{color:var(--text-muted);opacity:.7}.status-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:capitalize;white-space:nowrap}.status-pending{background:var(--warning-bg-light);color:var(--warning-text)}.status-active{background:var(--success-bg-light);color:var(--success-text)}.status-suspended{background:var(--error-bg-light);color:var(--error-color)}.expired-label{font-size:11px;color:var(--error-color);font-weight:600}.actions{display:flex;flex-direction:column;gap:4px;align-items:stretch}.um-groups-cell{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.um-group-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;border:1px solid;white-space:nowrap;line-height:1.4}.um-badge-assign-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:4px;border:none;background:var(--brand-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:opacity .15s;flex-shrink:0;white-space:nowrap}.um-badge-assign-btn:hover{opacity:.85}.action-button{padding:5px 8px;border:none;border-radius:4px;font-size:10px;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s;white-space:nowrap;min-width:72px;text-align:center}.action-button:hover{transform:translateY(-1px);opacity:.9}.resend-button,.edit-button{background:var(--brand-gradient);color:var(--text-inverse)}.status-button{background:#b45309;color:var(--text-inverse)}.delete-button{background:var(--error-color);color:var(--text-inverse)}.action-button:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.action-button:disabled:hover{transform:none;opacity:.4}.action-button:active{transform:translateY(0)}@media (max-width: 1200px){.users-table{min-width:900px}}@media (max-width: 768px){.users-table{min-width:800px}.users-table th,.users-table td{font-size:12px;padding:8px 4px}}.um-expire-now-btn{margin:0;font-size:.85rem;padding:6px 12px;background-color:#fef2f2;color:#991b1b;border:1px solid #f87171;border-radius:4px;font-weight:600;cursor:pointer;transition:background-color .2s,border-color .2s}.um-expire-now-btn:hover{background-color:#fee2e2;border-color:#ef4444}[data-theme=dark] .um-expire-now-btn{background-color:#ef444426;color:#fca5a5;border-color:#ef444473}[data-theme=dark] .um-expire-now-btn:hover{background-color:#ef444440;border-color:#ef444499}.um-trials-table th:nth-child(1),.um-trials-table td:nth-child(1){flex:0 0 10%}.um-trials-table th:nth-child(2),.um-trials-table td:nth-child(2){flex:0 0 10%}.um-trials-table th:nth-child(3),.um-trials-table td:nth-child(3){flex:1 1 0%;min-width:140px}.um-trials-table th:nth-child(4),.um-trials-table td:nth-child(4){flex:0 0 80px}.um-trials-table th:nth-child(5),.um-trials-table td:nth-child(5){flex:0 0 110px}.um-trials-table th:nth-child(6),.um-trials-table td:nth-child(6){flex:0 0 120px}.um-trials-table th:nth-child(7),.um-trials-table td:nth-child(7){flex:0 0 80px}.um-trials-table th:nth-child(8),.um-trials-table td:nth-child(8){flex:1;min-width:150px}.um-global-users-table th:nth-child(1),.um-global-users-table td:nth-child(1){flex:0 0 8%}.um-global-users-table th:nth-child(2),.um-global-users-table td:nth-child(2){flex:0 0 8%}.um-global-users-table th:nth-child(3),.um-global-users-table td:nth-child(3){flex:1 1 0%;min-width:130px}.um-global-users-table th:nth-child(4),.um-global-users-table td:nth-child(4){flex:0 0 70px}.um-global-users-table th:nth-child(5),.um-global-users-table td:nth-child(5){flex:0 0 100px}.um-global-users-table th:nth-child(6),.um-global-users-table td:nth-child(6){flex:0 0 110px}.um-global-users-table th:nth-child(7),.um-global-users-table td:nth-child(7){flex:0 0 120px}.um-global-users-table th:nth-child(8),.um-global-users-table td:nth-child(8){flex:0 0 70px}.um-global-users-table th:nth-child(9),.um-global-users-table td:nth-child(9){flex:2;min-width:270px}.sm-sortable-col{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.sm-sortable-col:hover{background:#ffffff14}.sm-error-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:10100}.sm-error-dialog{background:var(--surface-color, #fff);border-radius:12px;padding:28px 32px 24px;max-width:400px;width:90%;text-align:center;box-shadow:0 8px 32px #00000040}.sm-error-dialog-icon{font-size:2rem;margin-bottom:8px}.sm-error-dialog-title{margin:0 0 8px;font-size:1.1rem;font-weight:700;color:var(--danger-color, #e53e3e)}.sm-error-dialog-message{margin:0 0 20px;font-size:.9rem;color:var(--text-secondary, #666);line-height:1.5}.sm-error-dialog-ok{padding:8px 36px;font-size:.9rem;font-weight:600;border:none;border-radius:8px;background:var(--brand-primary, #667eea);color:#fff;cursor:pointer}.sm-error-dialog-ok:hover{opacity:.9}.student-table.users-table th.checkbox-col,.student-table.users-table td.checkbox-col{flex:0 0 36px!important;min-width:36px;max-width:36px;display:flex;align-items:center;justify-content:center}.student-table.users-table .checkbox-col input[type=checkbox]{width:15px;height:15px;accent-color:var(--brand-primary);cursor:pointer}.student-table.users-table th:nth-child(2),.student-table.users-table td:nth-child(2){flex:0 0 9%!important;min-width:55px;overflow:hidden;text-overflow:ellipsis}.student-table.users-table th:nth-child(3),.student-table.users-table td:nth-child(3){flex:0 0 9%!important;min-width:55px;overflow:hidden;text-overflow:ellipsis}.student-table.users-table th:nth-child(4),.student-table.users-table td:nth-child(4){flex:0 0 13%!important;min-width:80px;overflow:hidden;text-overflow:ellipsis}.student-table.users-table th:nth-child(5),.student-table.users-table td:nth-child(5){flex:1.5 1 0%!important;min-width:100px;overflow:hidden;text-overflow:ellipsis}.student-table.users-table th:nth-child(6),.student-table.users-table td:nth-child(6){flex:1.5 1 0%!important;min-width:100px}.student-table.users-table th:nth-child(7),.student-table.users-table td:nth-child(7){flex:1 1 0%!important;min-width:75px}.student-table.users-table th:nth-child(8),.student-table.users-table td:nth-child(8){flex:0 0 75px!important;min-width:75px}.student-table.users-table th:nth-child(9),.student-table.users-table td:nth-child(9){flex:1 1 0%!important;min-width:90px;white-space:nowrap}.student-table.users-table tbody tr.selected-row{background-color:var(--info-bg-subtle)}.bulk-toolbar{display:flex;align-items:center;gap:10px;padding:10px 16px;margin-bottom:12px;background:var(--info-bg-subtle);border:1px solid var(--info-bg-light, #bfdbfe);border-radius:8px;flex-wrap:wrap}.bulk-count{font-size:13px;font-weight:600;color:var(--info-color);margin-right:4px}.bulk-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;font-size:13px;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:opacity .15s}.bulk-btn:disabled{opacity:.5;cursor:not-allowed}.bulk-group-btn{background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:#fff}.bulk-group-btn:hover:not(:disabled){opacity:.9}.bulk-profile-btn{background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:#fff}.bulk-profile-btn:hover:not(:disabled){opacity:.9}.bulk-clear-btn{background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:#fff;border:none}.bulk-clear-btn:hover{transform:translateY(-1px);box-shadow:var(--button-accent-shadow, 0 4px 12px rgba(102, 126, 234, .4))}.sm-bulk-group-actions{display:flex;gap:6px;margin-left:auto}.student-groups-cell{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.student-group-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;border:1px solid;white-space:nowrap;line-height:1.4}.badge-remove-btn{background:none;border:none;cursor:pointer;padding:0 1px;opacity:.5;display:flex;align-items:center;color:inherit;transition:opacity .15s}.badge-remove-btn:hover{opacity:1}.badge-assign-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px 10px;border-radius:4px;border:none;background:var(--brand-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:opacity .15s;flex-shrink:0}.badge-assign-btn:hover{opacity:.85}.sm-dashboard-message-modal{max-width:720px;width:min(92vw,720px)}.sm-dashboard-message-intro{margin:0 0 12px;color:var(--text-secondary, #666);line-height:1.5}.sm-dashboard-message-target{margin-bottom:16px;padding:10px 12px;border-radius:8px;background:var(--surface-alt, rgba(255, 255, 255, .04));color:var(--text-primary, #fff);font-size:.92rem}.sm-dashboard-message-error{margin-bottom:12px;padding:10px 12px;border-radius:8px;background:#dc26261f;border:1px solid rgba(220,38,38,.28);color:var(--danger-color, #dc2626);font-size:.9rem}.sm-dashboard-message-textarea{min-height:110px}.student-language-cell{display:flex;flex-wrap:wrap;gap:3px;align-items:center}.lang-native{font-size:12px;color:var(--text-color);font-weight:500}.lang-level{font-size:11px;color:var(--text-color);background:var(--surface-hover);padding:1px 6px;border-radius:4px}.lang-unset{color:var(--border-color-medium);font-size:13px}.lang-edit-btn{background:none;border:none;cursor:pointer;padding:2px;color:var(--text-color);display:flex;align-items:center;opacity:0;transition:opacity .15s,color .15s}.users-table tbody tr:hover .lang-edit-btn{opacity:1}.lang-edit-btn:hover{color:var(--brand-primary)}.sm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:10001;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);overflow:auto;padding:16px}.sm-modal{background:var(--surface-color);border-radius:10px;width:90%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);overflow:hidden}.sm-modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid var(--border-color)}.sm-modal-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.sm-modal-close{background:none;border:none;font-size:18px;color:var(--text-color);cursor:pointer;padding:2px 6px;border-radius:4px}.sm-modal-close:hover{background:var(--surface-hover);color:var(--text-primary)}.sm-modal .eum-error-banner{display:flex;align-items:center;gap:10px;padding:12px 24px;background:var(--error-bg-light);color:var(--error-color);border-top:1px solid var(--error-border);border-bottom:1px solid var(--error-border);font-size:14px;font-weight:500;flex-shrink:0}.sm-modal-body{padding:10px 20px 14px;overflow-y:auto;overflow-x:auto;flex:1;min-height:0}.sm-empty{text-align:center;color:var(--text-color);font-size:14px;padding:12px 0}.sm-group-list{display:flex;flex-direction:column;gap:6px;max-height:320px;overflow-y:auto}.sm-group-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .15s}.sm-group-item:hover{background:var(--surface-alt)}.sm-group-item.selected{background:var(--info-bg-subtle);border-color:#bfdbfe}.sm-group-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--brand-primary);flex-shrink:0}.sm-group-color{width:10px;height:10px;border-radius:50%;flex-shrink:0}.sm-group-name{font-size:14px;font-weight:500;color:var(--text-primary);flex:1}.sm-group-count{font-size:12px;color:var(--text-color);white-space:nowrap}.sm-form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.sm-form-group label{font-size:14px;font-weight:500;color:var(--text-color)}.sm-form-group select{padding:8px 12px;font-size:14px;border:1px solid var(--border-color-medium);border-radius:6px;background:var(--surface-color);color:var(--text-primary);cursor:pointer}.sm-form-group select:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px #667eea1a}.sm-form-actions{display:flex;justify-content:space-between;gap:10px;padding:16px 20px;border-top:1px solid var(--border-color);background:var(--surface-alt)}.sm-cancel-btn{padding:8px 16px;font-size:14px;font-weight:500;color:var(--button-reset-text, white);background:var(--button-reset-bg, #b95700);border:none;border-radius:8px;cursor:pointer;transition:all .15s}.sm-cancel-btn:hover:not(:disabled){background:var(--button-reset-hover-bg, #d46c0b)}.sm-save-btn{padding:8px 16px;font-size:14px;font-weight:600;color:#fff;background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));border:none;border-radius:8px;cursor:pointer;transition:all .2s}.sm-save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--button-accent-shadow, 0 4px 12px rgba(102, 126, 234, .4))}.sm-save-btn:disabled,.sm-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.sm-modal-wide{min-width:unset;max-width:960px}.sm-form-row{display:flex;gap:16px;flex-wrap:wrap}.sm-form-row .sm-form-group{flex:1}.sm-text-input{padding:8px 12px;font-size:14px;border:1px solid var(--border-color-medium);border-radius:6px;background:var(--surface-color);color:var(--text-primary)}.sm-text-input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px #667eea1a}.sm-textarea{padding:6px 10px;font-size:13px;border:1px solid var(--border-color-medium);border-radius:6px;background:var(--surface-color);color:var(--text-primary);resize:vertical;min-height:32px;max-height:60px;font-family:inherit;line-height:1.4}.sm-textarea:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px #667eea1a}.sm-text-input:disabled,.sm-textarea:disabled{opacity:.6;cursor:not-allowed;background:var(--surface-hover)}.sm-groups-display{display:flex;flex-wrap:wrap;gap:6px;padding:8px 0;min-height:32px;align-items:center}.sm-no-groups{color:var(--text-muted);font-size:13px;font-style:italic}.sm-password-reset-section{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:12px 16px;margin-bottom:16px;background:none;border:none;border-radius:8px}.sm-password-reset-info{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.sm-reset-password-btn{padding:6px 14px;font-size:12px;font-weight:600;color:#fff;background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));border:none;border-radius:8px;cursor:pointer;white-space:nowrap;transition:all .15s}.sm-reset-password-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--button-accent-shadow, 0 4px 12px rgba(102, 126, 234, .4))}.sm-reset-password-btn:disabled{opacity:.5;cursor:not-allowed}.sm-readonly-value{padding:6px 10px;font-size:13px;color:var(--text-color);background:var(--surface-hover);border:1px solid var(--border-color);border-radius:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;min-width:0}.sm-avatar-circle{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;letter-spacing:.5px}.sm-email-row{display:flex;align-items:center;gap:8px}.sm-copy-email-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;font-size:12px;font-weight:500;color:#fff;background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));border:none;border-radius:8px;cursor:pointer;transition:all .15s;white-space:nowrap}.sm-copy-email-btn:hover{transform:translateY(-1px);box-shadow:var(--button-accent-shadow, 0 4px 12px rgba(102, 126, 234, .4));color:#fff}.sm-required{color:var(--error-color);font-weight:600}.sm-char-count{text-align:right;font-size:11px;color:var(--text-muted);margin-top:4px}.sm-modal-professional{width:min(780px,calc(100vw - 32px));min-width:unset;max-width:780px}.sm-section-heading{margin:10px 0 8px;padding-top:6px;border-top:1px solid color-mix(in srgb,var(--border-color) 65%,transparent);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-primary, #111827)}.sm-modal-body>.sm-section-heading:first-child{margin-top:0;padding-top:0;border-top:none}.sm-inline-checkbox{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);cursor:pointer}.sm-inline-checkbox input{margin:0}.sm-dashboard-language-select{max-width:140px!important}.sm-inline-checkbox-grid{grid-column:3 / span 2;align-self:center;margin-left:0;margin-top:0}.sm-secondary-inline-btn{padding:5px 12px;font-size:.82rem;font-weight:600;display:inline-flex;align-items:center;gap:5px;color:var(--text-inverse, #fff);background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));border:none;border-radius:6px;cursor:pointer;flex-shrink:0}.sm-secondary-inline-btn:hover{transform:translateY(-1px);box-shadow:var(--button-accent-shadow, 0 4px 12px rgba(102, 126, 234, .4))}.sm-identity-row{gap:8px}.sm-identity-row .sm-field-label{width:100px;min-width:100px;font-size:12px}.sm-identity-row .sm-field-value,.sm-identity-row .sm-field-value .sm-text-input,.sm-identity-row .sm-field-value .sm-readonly-value{max-width:496px}.sm-readonly-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sm-dual-row{display:grid;grid-template-columns:140px minmax(0,1fr) 120px minmax(0,1fr);gap:4px 8px;align-items:center;margin-bottom:6px;min-height:32px;padding-left:16px}.sm-dual-row .sm-field-label{width:auto;min-width:auto;font-size:12px;line-height:1.3;text-align:left}.sm-dual-row .sm-field-value select,.sm-dual-row .sm-field-value .sm-text-input{padding:5px 8px;font-size:13px;max-width:100%;width:100%}.sm-dual-row .sm-field-value .sm-readonly-value{max-width:100%;display:inline-block;overflow:hidden;text-overflow:ellipsis}.sm-field-row{display:flex;align-items:center;gap:10px;margin-bottom:6px;min-height:32px;padding-left:16px}.sm-field-row.sm-field-row-top{align-items:flex-start}.sm-field-label{width:140px;min-width:140px;font-size:13px;font-weight:600;color:var(--text-color);text-align:left;flex-shrink:0;line-height:32px}.sm-field-row.sm-field-row-top .sm-field-label{line-height:1.4;padding-top:6px}.sm-field-value{flex:1;min-width:0;max-width:454px}.sm-field-value select,.sm-field-value .sm-text-input{width:100%;max-width:200px;padding:5px 8px;font-size:13px;border:1px solid var(--border-color-medium);border-radius:6px;background:var(--surface-color);color:var(--text-primary)}.sm-field-value select:focus,.sm-field-value .sm-text-input:focus{outline:none;border-color:var(--info-color-light);box-shadow:0 0 0 2px #3b82f626}.sm-field-value .sm-textarea{width:100%;max-width:454px;box-sizing:border-box}.sm-field-value .sm-readonly-value{display:block;width:100%;max-width:454px;box-sizing:border-box}.sm-modal-professional .sm-form-actions{margin:0;padding:12px 20px;display:block}.sm-modal-professional .sm-form-actions .sm-form-actions-btns{display:flex;justify-content:space-between;max-width:100%}.sm-modal-professional .sm-password-reset-section{margin-left:0;margin-right:0}@media (max-width: 820px){.sm-modal-professional .sm-dual-row{grid-template-columns:110px minmax(0,1fr);padding-left:8px}.sm-modal-professional .sm-inline-checkbox-grid{grid-column:1 / span 2}.sm-modal-professional .sm-dual-row .sm-field-value select,.sm-modal-professional .sm-dual-row .sm-field-value .sm-text-input{max-width:100%;width:100%}.sm-modal-professional .sm-dual-row .sm-field-value .sm-readonly-value{max-width:100%}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-bg);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:var(--surface-color);border-radius:10px;width:90%;max-width:800px;box-shadow:0 20px 60px #0000004d;animation:slideIn .2s ease-out;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-color, rgba(255,255,255,.1))}.modal-content.invite-modal{max-width:420px;width:90%}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--border-color);background:var(--surface-alt, rgba(255,255,255,.02))}.modal-header h2{margin:0;font-size:17px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.close-button{background:none;border:none;font-size:22px;color:var(--text-secondary, #888);cursor:pointer;line-height:1;padding:0;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-button:hover{background:var(--surface-hover, rgba(255,255,255,.08));color:var(--text-primary)}.modal-form{padding:14px 14px 12px;overflow-y:auto;flex:1;min-height:0}.form-group{margin-bottom:14px}.form-group.horizontal{display:flex;flex-direction:column;align-items:stretch;gap:6px}.form-group label{display:block;margin-bottom:0;font-weight:500;color:var(--text-secondary, #9ca3af);font-size:12px;text-align:left;text-transform:uppercase;letter-spacing:.05em}.form-group.horizontal label{flex:none;margin-bottom:0;text-align:left}.form-group input{width:100%;padding:10px 12px;border:1.5px solid var(--border-color-medium, rgba(255,255,255,.12));border-radius:8px;font-size:14px;transition:all .2s;box-sizing:border-box;background:var(--surface-color, #1e1e2e);color:var(--text-primary);font-weight:400}.form-group.horizontal input{flex:1;width:100%}.form-group input:focus{outline:none;border-color:var(--brand-primary, #667eea);box-shadow:0 0 0 3px #667eea1a;background:var(--surface-color)}.form-group input:disabled{background:var(--surface-alt, rgba(255,255,255,.03));cursor:not-allowed;opacity:.6}.form-group input::placeholder{color:var(--text-tertiary, #6b7280);opacity:.7}.error-message{padding:10px;background:var(--error-bg-light);border:1px solid var(--error-color);border-radius:6px;color:var(--error-color);font-size:13px;margin-bottom:12px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:12px;margin-top:0;border-top:1px solid var(--border-color)}.cancel-button{padding:10px 20px;background:var(--button-reset-bg, #b95700);border:none;border-radius:7px;font-size:13px;font-weight:600;color:var(--text-inverse);cursor:pointer;transition:all .2s;white-space:nowrap;display:flex;align-items:center;justify-content:center}.cancel-button:hover:not(:disabled){background:var(--button-reset-hover-bg, #d46c0b);transform:translateY(-1px);box-shadow:0 2px 8px #b957004d}.submit-button{padding:10px 24px;background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));border:none;border-radius:7px;font-size:13px;font-weight:600;color:var(--text-inverse);cursor:pointer;transition:all .2s;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:8px}.submit-button:disabled,.cancel-button:disabled{opacity:.6;cursor:not-allowed}.submit-button svg{margin-right:6px;font-size:13px}.groups-selection{display:flex;flex-direction:column;gap:2px;max-height:250px;overflow-y:auto;overflow-x:hidden;padding:8px;background:var(--surface-alt);border-radius:6px;border:1px solid var(--border-color)}.groups-selection .group-checkbox-item{display:flex;flex-direction:row;align-items:center;gap:8px;padding:6px 10px;cursor:pointer;border-radius:4px;transition:background .15s;min-width:0;width:100%;margin-bottom:0;flex-wrap:nowrap}.groups-selection .group-checkbox-item:hover{background:var(--surface-color)}.groups-selection .group-checkbox-item input[type=checkbox]{width:auto;margin:0;cursor:pointer;flex-shrink:0}.groups-selection .group-checkbox-item .group-name{font-size:14px;color:var(--text-color);font-weight:500;line-height:1.3}.quiz-edit-overlay-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:10002;padding:2rem}.quiz-edit-overlay-container{background-color:var(--bg-color);border-radius:12px;width:95%;max-width:1400px;height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0000004d;border:1px solid var(--card-border-color)}.qeo-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid var(--card-border-color);background-color:var(--card-bg-color);border-radius:12px 12px 0 0}.qeo-header-left{display:flex;align-items:center;gap:1rem}.qeo-header h2{margin:0;font-size:1.5rem;color:var(--header-color);font-weight:600}.qeo-question-count{background-color:var(--button-accent-bg);color:var(--button-accent-text);padding:.25rem .75rem;border-radius:12px;font-size:.9rem;font-weight:500}.qeo-header-actions{display:flex;align-items:center;gap:1rem}.qeo-btn{padding:.6rem 1.2rem;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid transparent}.qeo-btn-primary{background-color:var(--button-accent-bg);color:var(--button-accent-text);border-color:var(--button-accent-bg)}.qeo-btn-primary:hover{background-color:var(--button-accent-hover-bg);border-color:var(--button-accent-hover-bg)}.qeo-btn-secondary{background-color:#b95700;color:#fff;border-color:#b95700}.qeo-btn-secondary:hover{background-color:#d46c0b}.qeo-close-btn{background:none;border:none;font-size:2rem;color:var(--text-color);cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.qeo-close-btn:hover{background-color:var(--button-secondary-hover-bg);color:var(--header-color)}.qeo-content{flex:1;overflow-y:auto;padding:2rem;background-color:var(--bg-color)}.qeo-content .output-container{background:transparent;box-shadow:none;border:none;padding:0}.qeo-content .output-container-header{display:none}@media (max-width: 768px){.quiz-edit-overlay-backdrop{padding:.5rem}.quiz-edit-overlay-container{width:100%;height:95vh;border-radius:8px}.qeo-header{padding:1rem;flex-direction:column;align-items:flex-start;gap:1rem}.qeo-header-actions{width:100%;justify-content:flex-end}.qeo-content{padding:1rem}.qeo-btn{padding:.5rem 1rem;font-size:.9rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-bg);display:flex;justify-content:center;align-items:center;z-index:10001}.edit-study-kit-modal{background:var(--surface-color);border-radius:12px;width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 40px #0003}.esk-header{display:flex;justify-content:space-between;align-items:center;padding:.55rem 1.25rem .45rem;border-bottom:2px solid var(--border-color, #e0e0e0);flex-shrink:0}.esk-header h2{margin:0;font-size:1.2rem;font-weight:700;color:var(--text-primary, #1a1a1a)}.esk-close-btn{background:none;border:none;font-size:2rem;color:var(--text-secondary, #666);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.esk-close-btn:hover{background:var(--border-color, #e0e0e0);color:var(--text-primary, #1a1a1a)}.esk-tabs{display:flex;border-bottom:1px solid var(--border-color, #e0e0e0);background:var(--surface-alt);padding:0 1rem;overflow-x:auto;flex-shrink:0}.esk-tab{background:none;border:none;padding:.6rem 1.1rem;font-size:.9rem;font-weight:500;color:var(--text-secondary, #666);cursor:pointer;border-bottom:3px solid transparent;transition:all .2s;white-space:nowrap}.esk-tab:hover{color:var(--primary-color, #4a90e2);background:#4a90e20d}.esk-tab.active{color:var(--primary-color, #4a90e2);border-bottom-color:var(--primary-color, #4a90e2);background:var(--surface-color)}.esk-content{flex:1;min-height:0;overflow-y:auto;padding:1rem 1.5rem}.esk-tab-content h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--text-primary, #1a1a1a)}.esk-description{color:var(--text-secondary, #666);margin:0 0 1.5rem;font-size:.95rem;line-height:1.5}.esk-form-group{margin-bottom:1.5rem}.esk-form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary, #1a1a1a);font-size:.95rem}.esk-form-group input,.esk-form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border-color, #ddd);border-radius:6px;font-size:.95rem;font-family:inherit;transition:all .2s}.esk-form-group input:focus,.esk-form-group textarea:focus{outline:none;border-color:var(--primary-color, #4a90e2);box-shadow:0 0 0 3px #4a90e21a}.esk-form-group textarea{resize:none;min-height:auto;max-height:96px;overflow-y:auto}.esk-hint{margin:.5rem 0 0;font-size:.85rem;color:var(--text-secondary, #666);font-style:italic}.esk-form-actions{display:flex;gap:1rem;margin-top:2rem}.esk-btn-primary,.esk-btn-secondary{padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;border:none;display:inline-flex;align-items:center;gap:.5rem}.esk-btn-primary{background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:var(--text-inverse)}.esk-btn-primary:hover{transform:translateY(-1px);box-shadow:var(--button-accent-shadow, 0 4px 12px rgba(102, 126, 234, .4))}.esk-btn-secondary{background:var(--surface-color);color:var(--brand-primary);border:1px solid var(--brand-primary)}.esk-btn-secondary:hover{background:#667eea0d;border-color:var(--brand-secondary);color:var(--brand-secondary)}.esk-transcript-actions{display:flex;gap:12px;align-items:stretch}.esk-transcript-action-btn{flex:1 1 0;justify-content:center}.esk-html-split{display:flex;min-width:0}.esk-html-split .esk-btn-primary{justify-content:center;min-width:0;padding-left:.9rem;padding-right:.9rem}.esk-html-split-main{flex:1 1 auto;border-top-right-radius:0;border-bottom-right-radius:0}.esk-html-split-secondary{flex:0 0 auto;border-top-left-radius:0;border-bottom-left-radius:0;border-left:1px solid rgba(255,255,255,.35)}.esk-btn-cancel{padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem;background-color:var(--button-reset-bg, #b95700);color:var(--text-inverse);border:1px solid var(--button-reset-bg, #b95700)}.esk-btn-cancel:hover{background-color:var(--button-reset-hover-bg, #a04d00);transform:translateY(-1px);box-shadow:0 4px 12px #b957004d}.esk-languages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}@media (max-width: 720px){.esk-transcript-actions{flex-direction:column}}.esk-language-card{display:flex;align-items:center;gap:.75rem;padding:1rem;border:2px solid var(--border-color, #e0e0e0);border-radius:8px;background:var(--surface-alt)}.esk-lang-flag{font-size:1.5rem}.esk-lang-name{font-weight:500;color:var(--text-primary, #1a1a1a);flex:1}.esk-default-badge{background:var(--primary-color, #4a90e2);color:var(--text-inverse);padding:.2rem .6rem;border-radius:12px;font-size:.7rem;font-weight:600}.esk-language-actions{display:flex;gap:1rem;margin-bottom:2rem}.esk-info-box{background:var(--info-bg-subtle, #e7f3ff);border-left:4px solid var(--primary-color, #4a90e2);padding:1rem 1.5rem;border-radius:4px;margin-top:2rem}.esk-info-box strong{display:block;margin-bottom:.5rem;color:var(--primary-color, #4a90e2)}.esk-info-box ul{margin:.5rem 0 0;padding-left:1.5rem;text-align:left}.esk-info-box li{margin-bottom:.5rem;line-height:1.5;text-align:left}.esk-content-header{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:1.5rem}.esk-content-header>div{flex:1}.esk-btn-large{padding:1rem 2rem;font-size:1rem;white-space:nowrap}.esk-content-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color, #e0e0e0)}.esk-content-section:last-child{border-bottom:none}.esk-content-section h4{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:var(--text-primary, #1a1a1a);display:flex;align-items:center;gap:.5rem}.esk-content-items{display:flex;flex-wrap:wrap;gap:.75rem}.esk-content-badge{padding:.4rem .9rem;background:var(--border-color-light);border:1px solid var(--border-color, #ddd);border-radius:20px;font-size:.85rem;font-weight:500;color:var(--text-primary, #1a1a1a);display:inline-flex;align-items:center;gap:.4rem}.esk-settings-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color, #e0e0e0)}.esk-settings-section:last-child{border-bottom:none}.esk-settings-section h4{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:var(--text-primary, #1a1a1a)}.esk-metadata{display:flex;flex-direction:column;gap:.75rem}.esk-meta-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--surface-alt);border-radius:6px}.esk-meta-label{font-weight:500;color:var(--text-secondary, #666);min-width:120px}.esk-meta-code{font-family:Courier New,monospace;font-size:.85rem;color:var(--primary-color, #4a90e2)}.esk-level-display{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--background-light, #f5f5f5);border-radius:8px;margin-bottom:1rem}.esk-level-item{display:flex;justify-content:space-between;align-items:center}.esk-level-label{font-weight:500;color:var(--text-secondary, #666)}.esk-level-value{font-weight:600;color:var(--primary-color, #4a90e2);padding:.25rem .75rem;background:var(--surface-color);border-radius:4px;border:1px solid var(--border-color, #e0e0e0)}.esk-inline-link{background:none;border:none;color:var(--primary-color, #4a90e2);text-decoration:underline;cursor:pointer;padding:0;font:inherit}.esk-inline-link:hover{color:var(--primary-hover, #357abd)}.esk-content-badge-wrapper{display:inline-flex;align-items:center;gap:.5rem;position:relative}.esk-activity-diff-btn{background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));border:none;color:var(--text-inverse);font-size:.85rem;padding:.25rem .5rem;border-radius:4px;cursor:pointer;transition:all .2s;opacity:.8}.esk-activity-diff-btn:hover{opacity:1;transform:scale(1.05);box-shadow:0 2px 8px #667eea4d}.esk-content-badge-wrapper:hover .esk-activity-diff-btn{opacity:1}.esk-content-items{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.esk-activities-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.esk-content-section{margin-bottom:2rem}.esk-info-box-spaced{margin-bottom:1.5rem}.esk-activity-row{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-secondary, #f8f9fa);border:1px solid var(--border-color, #e0e0e0);border-radius:8px;transition:all .2s}.esk-activity-row:hover{background:var(--surface-inset);border-color:var(--primary-color, #4a90e2);box-shadow:0 2px 8px #00000014}.esk-activity-info{display:flex;align-items:center;gap:1rem;flex:1}.esk-activity-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--surface-color);border-radius:8px;border:1px solid var(--border-color, #e0e0e0)}.esk-activity-details{display:flex;flex-direction:column;gap:.25rem}.esk-activity-name{font-weight:600;color:var(--text-primary, #1a1a1a);font-size:1rem}.esk-activity-type{font-size:.85rem;color:var(--text-secondary, #666)}.esk-activity-actions{display:flex;gap:.5rem}.esk-btn-edit{padding:.5rem 1rem;background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:var(--text-inverse);border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.esk-btn-edit:hover{transform:translateY(-1px);box-shadow:var(--button-accent-shadow, 0 4px 12px rgba(102, 126, 234, .4))}.esk-btn-edit:active{transform:translateY(0)}.esk-activity-section{margin-bottom:1.5rem;border:1px solid var(--border-color, #e0e0e0);border-radius:8px;overflow:hidden}.esk-activity-header{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-secondary, #f8f9fa);border-bottom:1px solid var(--border-color, #e0e0e0);font-weight:600;color:var(--text-primary, #1a1a1a)}.esk-questions-list{display:flex;flex-direction:column}.esk-question-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border-color, #e0e0e0);transition:all .2s}.esk-question-row:last-child{border-bottom:none}.esk-question-row:hover{background:var(--surface-alt)}.esk-question-info{display:flex;align-items:flex-start;gap:1rem;flex:1}.esk-question-number{font-weight:600;color:var(--primary-color, #4a90e2);font-size:.85rem;min-width:30px;padding-top:.25rem}.esk-question-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.esk-question-text{font-size:.95rem;color:var(--text-primary, #1a1a1a);line-height:1.4}.esk-question-meta{font-size:.8rem;color:var(--text-secondary, #666);text-transform:capitalize}.esk-btn-edit-small{padding:.5rem .75rem;background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:var(--text-inverse);border:none;border-radius:8px;font-size:.85rem;cursor:pointer;transition:all .2s;min-width:60px}.esk-btn-edit-small:hover{transform:translateY(-1px);box-shadow:var(--button-accent-shadow, 0 4px 12px rgba(102, 126, 234, .4))}.esk-btn-edit-small:active{transform:translateY(0)}@media (max-width: 768px){.edit-study-kit-modal{width:95%;max-height:95vh}.esk-header,.esk-content{padding:1rem}.esk-tabs{padding:0 1rem}.esk-tab{padding:.75rem 1rem;font-size:.85rem}.esk-languages-grid{grid-template-columns:1fr}.esk-language-actions{flex-direction:column}.esk-form-actions{flex-direction:row;justify-content:space-between}.esk-btn-primary,.esk-btn-secondary{width:100%;justify-content:center}}.anm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;animation:anmFadeIn .15s ease}@keyframes anmFadeIn{0%{opacity:0}to{opacity:1}}.anm-panel{background:var(--surface-color);border-radius:16px;width:94%;max-width:1100px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;overflow:hidden}.anm-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--border-color);flex-shrink:0}.anm-header-left{display:flex;align-items:center;gap:12px}.anm-header h3{margin:0;font-size:1.15rem;color:var(--text-primary)}.anm-kit-title{font-size:.88rem;color:var(--text-muted);font-weight:500}.anm-close{background:none;border:none;font-size:1.4rem;cursor:pointer;color:var(--text-muted);padding:4px 8px;border-radius:6px;transition:all .15s}.anm-close:hover{background:var(--surface-hover);color:var(--text-primary)}.anm-filters{display:flex;align-items:center;gap:16px;padding:12px 24px;background:var(--surface-alt);border-bottom:1px solid var(--border-color);flex-shrink:0;flex-wrap:wrap}.anm-filter-group{display:flex;align-items:center;gap:6px}.anm-filter-group label{font-size:.82rem;font-weight:600;color:var(--text-secondary)}.anm-filter-group select{padding:5px 10px;border:1px solid var(--border-color-medium);border-radius:6px;font-size:.85rem;background:var(--surface-color);cursor:pointer}.anm-filter-count{font-size:.82rem;color:var(--brand-primary);font-weight:500;margin-left:auto}.anm-student-picker{position:relative}.anm-student-picker-toggle{padding:5px 10px;border:1px solid var(--border-color-medium);border-radius:6px;font-size:.85rem;background:var(--surface-color);cursor:pointer;-webkit-user-select:none;user-select:none;min-width:140px;display:inline-flex;align-items:center;gap:6px}.anm-student-picker-toggle:hover{border-color:var(--brand-primary)}.anm-picker-arrow{font-size:.65rem;color:var(--text-muted);margin-left:auto}.anm-student-list{position:absolute;top:100%;left:0;background:var(--surface-color);border:1px solid var(--border-color-medium);border-radius:8px;box-shadow:0 6px 20px #0000001f;padding:8px;max-height:260px;overflow-y:auto;z-index:10;min-width:220px;display:flex;flex-direction:column;gap:2px}.anm-student-option{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:4px;cursor:pointer;font-size:.85rem}.anm-student-option:hover{background:var(--surface-hover)}.anm-student-option input[type=checkbox]{accent-color:var(--brand-primary)}.anm-clear-selection{background:none;border:none;color:var(--brand-primary);font-size:.8rem;font-weight:600;cursor:pointer;padding:4px 8px;text-align:left;margin-bottom:4px}.anm-clear-selection:hover{text-decoration:underline}.anm-tabs{display:flex;padding:0 24px;border-bottom:1px solid var(--border-color);flex-shrink:0;overflow-x:auto;gap:2px}.anm-tab{padding:12px 16px;background:none;border:none;color:var(--text-secondary);font-size:.88rem;font-weight:500;cursor:pointer;border-bottom:3px solid transparent;transition:all .15s;white-space:nowrap;display:flex;align-items:center;gap:6px}.anm-tab:hover{color:var(--brand-primary);background:var(--surface-hover)}.anm-tab.active{color:var(--brand-primary);border-bottom-color:var(--brand-primary);font-weight:600}.anm-tab-icon{font-size:1rem}.anm-content{padding:24px;overflow-y:auto;flex:1;min-height:0}.anm-loading{text-align:center;padding:60px;color:var(--text-muted);font-size:1rem}.anm-error{text-align:center;padding:40px;background:var(--error-bg-light);border-radius:12px;color:var(--error-color)}.anm-error button{margin-left:10px;padding:6px 16px;border:none;background:var(--brand-gradient);color:var(--text-inverse);border-radius:6px;cursor:pointer}.anm-empty{text-align:center;padding:30px;color:var(--text-muted);font-size:.92rem}.anm-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:10px}.anm-section-header h4{margin:0;font-size:1.05rem;color:var(--text-primary)}.anm-export-btn{padding:6px 14px;border:1px solid var(--brand-primary);background:var(--brand-gradient);color:var(--text-inverse);border-radius:6px;font-size:.82rem;cursor:pointer;font-weight:500;transition:all .15s}.anm-export-btn:hover{opacity:.85;color:var(--text-inverse)}.anm-stat-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-bottom:24px}.anm-stat-card{background:var(--surface-alt);border-radius:12px;padding:18px 16px;text-align:center;border:1px solid var(--border-color)}.anm-stat-value{display:block;font-size:1.8rem;font-weight:700;color:var(--text-primary);line-height:1.2}.anm-stat-label{display:block;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:4px}.anm-stat-green .anm-stat-value{color:var(--success-text)}.anm-stat-purple .anm-stat-value{color:var(--brand-primary)}.anm-overview-charts{display:grid;grid-template-columns:1fr 1fr;gap:20px}.anm-chart-box-mb{margin-bottom:20px}.anm-chart-box{background:var(--surface-alt);border:1px solid var(--border-color);border-radius:12px;padding:16px}.anm-chart-box h4{margin:0 0 12px;font-size:.92rem;color:var(--text-secondary)}.anm-status-bars{display:flex;flex-direction:column;gap:14px;padding-top:10px}.anm-sbar{display:flex;align-items:center;gap:10px}.anm-sbar-label{font-size:.85rem;min-width:110px;color:var(--text-secondary)}.anm-sbar-track{flex:1;height:10px;background:var(--border-color);border-radius:5px;overflow:hidden}.anm-sbar-fill{height:100%;border-radius:5px;transition:width .4s ease}.anm-sbar-fill.anm-green{background:var(--success-text)}.anm-sbar-fill.anm-orange{background:var(--warning-text)}.anm-sbar-fill.anm-gray{background:var(--text-muted)}.anm-sbar-count{font-size:.88rem;font-weight:600;min-width:24px;text-align:right}.anm-table{width:100%;border-collapse:collapse;font-size:.88rem}.anm-table thead th{text-align:left;padding:10px 12px;background:var(--surface-alt);font-weight:600;font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid var(--border-color);white-space:nowrap}.anm-table tbody td{padding:10px 12px;border-bottom:1px solid var(--border-color-light);vertical-align:middle}.anm-table tbody tr:hover{background:var(--surface-hover)}.anm-table tbody tr.anm-row-warn,.anm-table tbody tr.anm-row-warn:hover{background:var(--warning-bg-light)}.anm-cell-title{font-weight:600;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.anm-cell-question{max-width:280px;line-height:1.4}.anm-cell-wrong{color:var(--error-color);font-size:.84rem;max-width:180px;overflow:hidden;text-overflow:ellipsis}.anm-cell-correct{color:var(--success-text);font-size:.84rem;max-width:180px;overflow:hidden;text-overflow:ellipsis}.anm-cell-groups{font-size:.82rem;color:var(--text-secondary);max-width:140px;overflow:hidden;text-overflow:ellipsis}.anm-cell-date{font-size:.82rem;color:var(--text-muted);white-space:nowrap}.anm-type-badge{background:var(--info-bg-subtle);color:var(--brand-primary);padding:2px 8px;border-radius:4px;font-size:.78rem;font-weight:500;text-transform:capitalize}.anm-score{font-weight:600;padding:2px 8px;border-radius:4px;font-size:.85rem}.anm-score.high{background:var(--success-bg-light);color:var(--success-text)}.anm-score.mid{background:var(--warning-bg-light);color:var(--warning-text)}.anm-score.low{background:var(--error-bg-light);color:var(--error-color)}.anm-status-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:12px;font-size:.78rem;font-weight:600;text-transform:capitalize}.anm-status-pill.completed{background:var(--success-bg-light);color:var(--success-text)}.anm-status-pill.in_progress{background:var(--warning-bg-light);color:var(--warning-text)}.anm-status-pill.not_started{background:var(--surface-hover);color:var(--text-secondary)}.anm-rank{font-weight:600;color:var(--text-muted);width:30px}.anm-email{display:block;font-size:.78rem;color:var(--text-muted);font-weight:400}.anm-mini-progress{height:5px;background:var(--border-color);border-radius:3px;overflow:hidden;width:80px;margin-bottom:2px}.anm-mini-fill{height:100%;background:linear-gradient(90deg,var(--brand-primary),var(--brand-secondary));border-radius:3px}.anm-pct{font-size:.82rem;font-weight:600;color:var(--text-secondary)}.anm-activity-selector{display:flex;align-items:center;gap:8px}.anm-activity-selector label{font-size:.88rem;font-weight:600;color:var(--text-secondary)}.anm-activity-selector select{padding:6px 12px;border:1px solid var(--border-color-medium);border-radius:6px;font-size:.88rem;background:var(--surface-color);cursor:pointer;max-width:350px}.anm-hint{font-size:.82rem;color:var(--text-muted);margin:4px 0 12px;font-style:italic}.anm-clickable-row{cursor:pointer;transition:background .15s}.anm-clickable-row:hover{background:var(--surface-hover)!important}.anm-row-expanded{background:var(--info-bg-subtle)!important}.anm-expand-icon{font-size:.7rem;color:var(--brand-primary);margin-right:4px;display:inline-block;width:12px}.anm-expand-row td{padding:0!important;border-top:none!important}.anm-student-breakdown{padding:12px 20px 16px;background:var(--surface-alt);border-top:1px dashed var(--border-color);border-bottom:2px solid var(--border-color)}.anm-breakdown-group{margin-bottom:10px}.anm-breakdown-group:last-child{margin-bottom:0}.anm-breakdown-label{display:inline-block;font-size:.82rem;font-weight:600;margin-bottom:6px;padding:2px 8px;border-radius:4px}.anm-breakdown-label.anm-wrong{background:var(--error-bg-light);color:var(--error-color)}.anm-breakdown-label.anm-correct{background:var(--success-bg-light);color:var(--success-text)}.anm-breakdown-list{display:flex;flex-wrap:wrap;gap:6px;padding-left:4px}.anm-breakdown-item{display:flex;align-items:center;gap:8px;padding:4px 10px;border-radius:6px;font-size:.82rem}.anm-breakdown-item.wrong{background:var(--error-bg-light);border:1px solid var(--error-color)}.anm-breakdown-item.correct{background:var(--success-bg-light);border:1px solid var(--success-text)}.anm-bd-name{font-weight:600;color:var(--text-primary)}.anm-bd-answer{color:var(--error-color);font-size:.78rem;font-style:italic}.anm-ai-callout{margin-top:20px;background:var(--info-bg-subtle);border:1px solid var(--border-color);border-radius:12px;padding:16px 20px}.anm-ai-callout h4{margin:0 0 10px;font-size:.95rem}.anm-ai-stats{display:flex;gap:24px;flex-wrap:wrap;font-size:.88rem;color:var(--text-secondary)}.anm-ai-stats strong{color:var(--brand-primary)}.anm-all-clear{text-align:center;padding:40px;background:var(--success-bg-light);border-radius:12px}.anm-all-clear-icon{font-size:2.5rem;display:block;margin-bottom:10px}.anm-all-clear p{margin:0;color:var(--success-text);font-weight:600}.anm-risk-list{display:flex;flex-direction:column;gap:12px}.anm-risk-card{background:var(--warning-bg-light);border:1px solid var(--warning-color);border-left:4px solid var(--warning-text);border-radius:10px;padding:14px 18px}.anm-risk-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;flex-wrap:wrap;gap:8px}.anm-risk-header strong{font-size:.95rem}.anm-risk-header small{display:block;font-size:.8rem;color:var(--text-muted)}.anm-risk-meta{display:flex;align-items:center;gap:12px;font-size:.85rem;color:var(--text-secondary)}.anm-risk-reasons{margin:0;padding:0 0 0 20px;font-size:.88rem;color:var(--text-secondary);line-height:1.7}.anm-risk-reasons li{margin-bottom:2px}.anm-standards{animation:anm-fadeIn .2s ease}.anm-std-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.anm-std-summary-card{display:flex;flex-direction:column;align-items:center;padding:14px 8px;border-radius:10px;border:1px solid var(--border-color);background:var(--surface-alt)}.anm-std-summary-card.high{background:var(--success-bg-light);border-color:var(--success-text)}.anm-std-summary-card.mid{background:var(--warning-bg-light);border-color:var(--warning-text)}.anm-std-summary-card.low{background:var(--error-bg-light);border-color:var(--error-color)}.anm-std-summary-card.neutral{background:var(--surface-alt);border-color:var(--border-color)}.anm-std-summary-num{font-size:1.6rem;font-weight:700;line-height:1;margin-bottom:4px}.anm-std-summary-card.high .anm-std-summary-num{color:var(--success-text)}.anm-std-summary-card.mid .anm-std-summary-num{color:var(--warning-text)}.anm-std-summary-card.low .anm-std-summary-num{color:var(--error-color)}.anm-std-summary-card.neutral .anm-std-summary-num{color:var(--text-muted)}.anm-std-summary-label{font-size:.82rem;color:var(--text-secondary);font-weight:500}.anm-std-table .anm-cell-code{white-space:nowrap;width:140px;min-width:120px}.anm-std-code-badge{display:inline-block;background:var(--standards-badge-bg, linear-gradient(135deg, #e8eaf6 0%, #c5cae9 100%));color:var(--standards-badge-color, #283593);padding:2px 8px;border-radius:10px;font-size:.8rem;font-weight:600;font-family:SF Mono,Fira Code,monospace}.anm-cell-desc{max-width:280px;font-size:.85rem;color:var(--text-secondary);line-height:1.4}.anm-mastery-pill{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.78rem;font-weight:600;white-space:nowrap}.anm-mastery-pill.high{background:var(--success-bg-light);color:var(--success-text)}.anm-mastery-pill.mid{background:var(--warning-bg-light);color:var(--warning-text)}.anm-mastery-pill.low{background:var(--error-bg-light);color:var(--error-color)}.anm-mastery-pill.neutral{background:var(--surface-alt);color:var(--text-muted)}.anm-score-na{color:var(--text-muted)}.anm-score-pending{font-weight:600;padding:2px 8px;border-radius:4px;font-size:.85rem;background:var(--warning-bg-light);color:var(--warning-text)}.anm-breakdown-label.anm-pending{background:var(--warning-bg-light);color:var(--warning-text)}.anm-breakdown-item.pending{background:var(--warning-bg-light);border:1px solid var(--warning-text);flex-direction:column;align-items:flex-start;max-width:100%}.anm-bd-answer.anm-bd-response{color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;max-width:600px}.anm-fr-grading-note{background:var(--warning-bg-light);border:1px solid var(--warning-text);border-radius:6px;padding:8px 14px;font-size:.85rem;color:var(--warning-text);margin-bottom:12px}.anm-below-count{color:var(--error-color);font-weight:600}.anm-row-nodata{opacity:.6}.anm-row-nodata:hover{opacity:.8}.anm-std-student-breakdown{padding:8px 0}.anm-inner-table{margin:0!important;border:none!important;font-size:.85rem!important}.anm-inner-table thead th{background:var(--surface-alt)!important;font-size:.8rem!important}.anm-std-coverage-heading{margin-top:28px;margin-bottom:4px}.anm-std-coverage-wrap{overflow-x:auto;margin-top:8px}.anm-std-coverage-table .anm-coverage-act-header{text-align:center;font-size:.78rem;max-width:100px;vertical-align:bottom;padding:6px 4px}.anm-act-type-icon{display:block;font-size:1.1rem}.anm-act-title{display:block;font-size:.72rem;color:var(--text-secondary);line-height:1.2;margin-top:2px}.anm-coverage-cell{text-align:center}.anm-coverage-dots{color:var(--brand-primary);font-size:.9rem;letter-spacing:1px}.anm-coverage-empty{color:var(--text-muted)}.anm-gap{background:var(--error-bg-light)}.anm-strong{background:var(--success-bg-light)}.anm-coverage-total{font-weight:600;text-align:center}.anm-std-student-bars{padding:8px 0}.anm-std-student-bars h5{margin:0 0 10px;font-size:.9rem;color:var(--text-secondary)}.anm-std-bars-list{display:flex;flex-direction:column;gap:6px;max-width:500px}.anm-std-bar-row{display:flex;align-items:center;gap:8px}.anm-std-bar-code{font-size:.75rem;font-weight:600;font-family:SF Mono,Fira Code,monospace;color:var(--standards-badge-color, #283593);min-width:90px;text-align:right}.anm-std-bar-track{flex:1;height:14px;background:var(--border-color-light);border-radius:7px;overflow:hidden;min-width:120px}.anm-std-bar-fill{height:100%;border-radius:7px;transition:width .4s ease}.anm-std-bar-fill.high{background:linear-gradient(90deg,#66bb6a,#43a047)}.anm-std-bar-fill.mid{background:linear-gradient(90deg,#ffca28,#ffa726)}.anm-std-bar-fill.low{background:linear-gradient(90deg,#ef5350,#e53935)}.anm-std-bar-pct{font-size:.8rem;font-weight:700;min-width:36px;text-align:right}.anm-std-bar-pct.high{color:var(--success-text)}.anm-std-bar-pct.mid{color:var(--warning-text)}.anm-std-bar-pct.low{color:var(--error-color)}.anm-std-bar-detail{font-size:.75rem;color:var(--text-muted);min-width:40px}@keyframes anm-fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.anm-panel{width:100%;max-width:none;max-height:100vh;border-radius:0}.anm-overview-charts{grid-template-columns:1fr}.anm-stat-cards{grid-template-columns:repeat(2,1fr)}.anm-tabs{padding:0 12px}.anm-tab{padding:10px 12px;font-size:.82rem}.anm-content{padding:16px}.anm-table{font-size:.82rem}.anm-table thead th,.anm-table tbody td{padding:8px}.anm-filters{padding:10px 16px}}.asm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px}.asm-modal{background:var(--surface-color);border-radius:12px;max-width:820px;width:95vw;max-height:88vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0006;overflow:hidden;animation:asmSlideIn .25s ease-out}@keyframes asmSlideIn{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.asm-header{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-bottom:1px solid var(--border-color);flex-shrink:0}.asm-header h2{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.asm-close{background:none;border:none;font-size:1.1rem;cursor:pointer;color:var(--text-secondary);padding:4px 8px;border-radius:4px;line-height:1;transition:background .15s}.asm-close:hover{background:var(--surface-hover)}.asm-body{flex:1;overflow-y:auto;padding:14px 18px;display:flex;flex-direction:column;gap:12px}.asm-subtitle{margin:0;font-size:.83rem;color:var(--text-secondary)}.asm-suggest-row{display:flex;gap:6px;flex-wrap:nowrap;align-items:center}.asm-select{flex:1;min-width:120px;padding:5px 8px;border:1px solid var(--border-color);border-radius:6px;background:var(--surface-alt);color:var(--text-color);font-size:.83rem;cursor:pointer}.asm-btn-suggest{padding:5px 12px;font-size:.83rem;font-weight:600;border:none;border-radius:6px;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;white-space:nowrap;transition:opacity .2s}.asm-btn-suggest:disabled{opacity:.55;cursor:default}.asm-suggestions h4{margin:0 0 6px;font-size:.83rem;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:7px}.asm-hint-tag{font-size:.85rem;background:var(--surface-alt);border:1px solid var(--accent-color, #7c6af7);border-radius:4px;padding:2px 8px;font-weight:600;color:var(--text-primary)}.asm-select-all-label{margin-left:auto;display:flex;align-items:center;gap:5px;font-size:.85rem;font-weight:500;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.asm-select-all-cb{width:15px;height:15px;cursor:pointer;accent-color:var(--accent-color, #7c6af7)}.asm-suggestion-list{display:flex;flex-direction:column;gap:5px}.asm-suggestion-item{padding:7px 10px;background:var(--surface-alt);border:1px solid var(--border-color);border-radius:7px;cursor:pointer;transition:all .15s}.asm-suggestion-item:hover{background:var(--surface-hover);border-color:var(--border-color-medium)}.asm-suggestion-selected{border-color:#667eea!important;background:#667eea14!important}.asm-suggestion-top{display:flex;align-items:center;gap:7px;margin-bottom:2px}.asm-suggestion-desc{font-size:.78rem;color:var(--text-secondary)}.asm-code{font-weight:700;font-size:.83rem;color:var(--text-primary)}.asm-relevance{font-size:.68rem;padding:1px 6px;border-radius:10px;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.asm-rel-high{background:#d1fae5;color:#065f46}.asm-rel-medium{background:#fef3c7;color:#92400e}.asm-rel-low{background:#f3f4f6;color:#6b7280}.asm-checkmark{margin-left:auto;color:#667eea;font-weight:700;font-size:.9rem}.asm-selected-section h4{margin:0 0 7px;font-size:.875rem;font-weight:600;color:var(--text-color)}.asm-empty{margin:0;font-size:.83rem;color:var(--text-secondary);font-style:italic}.asm-selected-list{display:flex;flex-direction:column;gap:4px}.asm-selected-item{display:flex;align-items:flex-start;gap:8px;padding:5px 9px;background:var(--surface-alt);border:1px solid var(--border-color);border-radius:6px}.asm-selected-desc{flex:1;font-size:.78rem;color:var(--text-secondary)}.asm-remove-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:0 2px;font-size:.75rem;transition:color .15s;flex-shrink:0;line-height:1.3}.asm-remove-btn:hover{color:#e53e3e}.asm-manual-row{display:flex;gap:6px;flex-wrap:wrap}.asm-input{flex:1;min-width:100px;padding:5px 9px;border:1px solid var(--border-color);border-radius:6px;background:var(--surface-alt);color:var(--text-color);font-size:.83rem}.asm-input-wide{flex:2}.asm-btn-add{padding:5px 11px;font-size:.83rem;font-weight:500;border:1px solid var(--border-color-medium);border-radius:6px;cursor:pointer;background:var(--surface-alt);color:var(--text-primary);white-space:nowrap;transition:all .15s}.asm-btn-add:disabled{opacity:.5;cursor:default}.asm-btn-add:not(:disabled):hover{background:var(--surface-hover)}.asm-error-msg{margin:0;font-size:.83rem;color:#e53e3e}.asm-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 18px;border-top:1px solid var(--border-color);background:var(--surface-alt);border-radius:0 0 12px 12px;flex-shrink:0}.asm-footer-info{font-size:.78rem;color:var(--text-secondary);flex:1;text-align:center}.asm-btn-primary{padding:8px 18px;font-size:.875rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transition:opacity .2s,transform .1s}.asm-btn-primary:disabled{opacity:.6;cursor:default}.asm-btn-primary:not(:disabled):hover{transform:translateY(-1px)}.asm-btn-cancel{padding:8px 20px;font-size:.875rem;font-weight:500;border:1px solid var(--button-reset-bg, #b95700);border-radius:8px;cursor:pointer;background:var(--button-reset-bg, #b95700);color:var(--text-inverse, #fff);display:inline-flex;align-items:center;gap:6px;transition:all .2s}.asm-btn-cancel:disabled{opacity:.5;cursor:default}.asm-btn-cancel:not(:disabled):hover{background:var(--button-reset-hover-bg, #d46c0b);border-color:var(--button-reset-hover-bg, #d46c0b)}.asm-result-screen{padding:32px 24px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.asm-result-icon{font-size:3rem}.asm-result-screen h3{margin:0;font-size:1.25rem;color:var(--text-primary)}.asm-result-screen p{margin:0;font-size:.875rem;color:var(--text-secondary);max-width:380px}.asm-result-hint{font-size:.8rem!important;opacity:.8}body[data-theme=dark] .asm-rel-high{background:#10b98133;color:#6ee7b7}body[data-theme=dark] .asm-rel-medium{background:#f59e0b33;color:#fcd34d}body[data-theme=dark] .asm-rel-low{background:#6b728033;color:#9ca3af}body[data-theme=dark] .asm-suggestion-selected{background:#667eea26!important}.study-kit-card{width:100%;max-width:100%;min-width:0;box-sizing:border-box;background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;border-left:4px solid var(--brand-primary);padding:.6rem .9rem;transition:all .2s;display:flex;flex-direction:column;gap:.3rem;overflow:visible;text-align:left}.skc-body{display:flex;flex:1 1 auto;flex-direction:column;gap:.3rem}body[data-theme=light] .study-kit-card{border-color:#a8aab8}body[data-theme=dark] .study-kit-card{border-color:#52596a}.study-kit-card:hover{box-shadow:0 4px 12px #0000001a;border-color:var(--brand-primary);border-left-color:var(--brand-secondary)}.skc-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.skc-header-copy{flex:1;min-width:0}.skc-header-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.skc-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0;flex:1;line-height:1.4}.skc-subtitle{margin-top:3px;font-size:.8rem;line-height:1.3;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.skc-ai-lesson-card .skc-header-copy{min-height:4.45rem}.skc-ai-lesson-card .skc-subtitle{min-height:2.08em}.skc-ai-lesson-card .skc-copied-from{min-height:1.15em}.skc-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;white-space:nowrap}.skc-badge-draft{background:#fff3cd;color:#856404}.skc-badge-published{background:#d1ecf1;color:#0c5460}.skc-badge-deployed{background:#d4edda;color:#155724}.skc-badge-unassigned{background:var(--surface-hover);color:var(--text-secondary)}.skc-badge-assigned{background:#e7d4f7;color:#6f42c1}.skc-badge-archived{background:#e2e3e5;color:var(--text-secondary)}.skc-badge-stale{background:#fff3cd;color:#856404;border:1px solid #ffc107;animation:pulse-warning 2s ease-in-out infinite}.skc-badge-study-check{background:#fff5f5;color:#e53e3e;border:1px solid #fed7d7}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.7}}.skc-primary-meta{display:flex;flex-wrap:wrap;gap:.35rem .9rem;font-size:.82rem;color:var(--text-secondary)}.skc-primary-meta-item{display:inline-flex;align-items:center;gap:.2rem;min-width:0;overflow-wrap:anywhere}.skc-secondary-details{border-top:1px solid var(--border-color);padding-top:.25rem}.skc-secondary-details summary{width:fit-content;color:var(--text-secondary);font-size:.76rem;font-weight:600;cursor:pointer}.skc-secondary-details[open] summary{margin-bottom:.4rem;color:var(--brand-primary)}.skc-meta{display:grid;grid-template-columns:1fr 1fr;gap:.3rem 3.5rem;font-size:.85rem;color:var(--text-secondary)}body[data-theme=light] .skc-meta{color:#374151}.skc-meta-column{display:flex;flex-direction:column;gap:.15rem}.skc-meta-item{display:flex;align-items:center;gap:.25rem;min-width:0;overflow-wrap:anywhere}.skc-due-today{color:var(--error-color);font-weight:700}.skc-due-date-manage-btn{background:none;border:none;cursor:pointer;padding:0 2px 0 4px;font-size:11px;opacity:1;vertical-align:middle;line-height:1}.skc-due-date-clear-btn{background:none;border:none;cursor:pointer;padding:0 2px;font-size:12px;opacity:.5;transition:opacity .15s,color .15s;vertical-align:middle;line-height:1;color:inherit}.skc-due-date-clear-btn:hover{opacity:1;color:var(--error-color, #dc2626)}.skc-set-due-date-btn{background:none;border:none;border-radius:0;padding:0;font-size:.85rem;cursor:pointer;color:var(--text-secondary, #6b7280);transition:color .15s;font-family:inherit;text-align:left;display:block}.skc-set-due-date-btn:hover{color:var(--brand-primary, #667eea)}.skc-ell-badge{color:#1b7c1b;font-weight:600;background:#e8f5e9;padding:.1rem .4rem;border-radius:4px;border:1px solid #81c784}body[data-theme=dark] .skc-ell-badge{color:#81c784;background:#81c78426;border-color:#4caf50}.skc-support-badge{color:#92400e;font-weight:600;background:#fff7ed;padding:.1rem .4rem;border-radius:4px;border:1px solid #fdba74}.skc-support-badge-adjusted{color:#9a3412;background:#ffedd5;border-color:#fb923c}body[data-theme=dark] .skc-support-badge{color:#fdba74;background:#fb923c1f;border-color:#c2410c}body[data-theme=dark] .skc-support-badge-adjusted{color:#fdba74;background:#fb923c2e;border-color:#ea580c}.skc-sharable-badge{color:#1d4ed8;font-weight:600;background:#dbeafe;padding:.1rem .4rem;border-radius:4px;align-self:flex-start}.skc-sharable-checkbox{display:flex;align-items:center;gap:.35rem;cursor:pointer;font-size:.8rem;font-weight:600;color:#1d4ed8;-webkit-user-select:none;user-select:none}.skc-sharable-checkbox input[type=checkbox]{width:15px;height:15px;cursor:pointer;accent-color:#1d4ed8}.skc-sharable-checkbox input[type=checkbox]:disabled{opacity:.5;cursor:wait}.skc-study-check-link{display:inline-flex;align-items:center;gap:.25rem;font-size:.72rem;font-weight:700;color:#fff;background:var(--brand-gradient);cursor:pointer;border:none;padding:3px 10px;margin-top:4px;border-radius:9999px;box-shadow:0 2px 5px #667eea40;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.5px}.skc-study-check-link:hover{transform:translateY(-1px);box-shadow:0 4px 8px #667eea66;opacity:.95}.skc-study-check-link:active{transform:translateY(0)}body[data-theme=dark] .skc-study-check-link{color:#fff;background:var(--brand-gradient);box-shadow:0 2px 5px #667eea66}.skc-meta-author-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}body[data-theme=dark] .skc-sharable-badge{color:#93c5fd;background:#93c5fd26}body[data-theme=dark] .skc-sharable-checkbox{color:#93c5fd}body[data-theme=dark] .skc-sharable-checkbox input[type=checkbox]{accent-color:#93c5fd}.skc-quick-link-row{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;margin-top:4px}.skc-quick-link-active{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}.skc-quick-link-label{font-size:.8rem;font-weight:600;color:#1d4ed8;white-space:nowrap}.skc-quick-link-url{font-size:.75rem;color:var(--text-secondary, #6b7280);font-family:monospace;background:var(--bg-tertiary, #f3f4f6);border-radius:4px;padding:1px 5px;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skc-quick-link-btn{background:none;border:none;cursor:pointer;padding:2px 4px;border-radius:4px;font-size:.85rem;line-height:1;transition:background .15s}.skc-quick-link-btn:hover:not(:disabled){background:#0000000f}.skc-quick-link-btn:disabled{opacity:.5;cursor:wait}.skc-quick-link-danger:hover:not(:disabled){background:#ef44441a}.skc-quick-link-generate{font-size:.8rem;font-weight:600;color:#1d4ed8;background:none;border:1px dashed #93c5fd;border-radius:6px;padding:2px 8px;cursor:pointer;transition:background .15s,border-color .15s}.skc-quick-link-generate:hover:not(:disabled){background:#1d4ed80f;border-color:#1d4ed8}.skc-quick-link-generate:disabled{opacity:.6;cursor:wait}body[data-theme=dark] .skc-quick-link-label{color:#93c5fd}body[data-theme=dark] .skc-quick-link-url{background:#ffffff0f;color:#9ca3af}body[data-theme=dark] .skc-quick-link-generate{color:#93c5fd;border-color:#3b82f6}body[data-theme=dark] .skc-quick-link-generate:hover:not(:disabled){background:#93c5fd14}.skc-languages{display:flex;align-items:flex-start;gap:.5rem;font-size:.75rem;flex-wrap:wrap}.skc-label{color:var(--text-secondary);font-weight:600;flex-shrink:0}body[data-theme=light] .skc-label{color:#4b5563}.skc-language-chip{display:inline-flex;align-items:center;border:1px solid var(--border-color);background:var(--surface-color);color:var(--text-secondary);border-radius:999px;padding:.15rem .5rem;font:inherit;font-size:.75rem;line-height:1.2;white-space:nowrap;cursor:pointer}.skc-language-chip.active{border-color:var(--brand-primary, #667eea);color:var(--brand-primary, #667eea);background:color-mix(in srgb,var(--brand-primary, #667eea) 10%,var(--surface-color))}.skc-status-info{display:flex;flex-wrap:wrap;gap:.75rem;padding-top:.25rem;border-top:0;font-size:.85rem;color:var(--text-secondary)}body[data-theme=light] .skc-status-info{color:#374151}.skc-status-item{display:flex;align-items:center;gap:.25rem;min-width:0;overflow-wrap:anywhere}.skc-status-item[title],.skc-gc-badge{cursor:help}.skc-gc-badge-wrapper{position:relative;display:inline-block}.skc-gc-tooltip{display:none;position:absolute;bottom:calc(100% + 8px);left:0;z-index:100;min-width:240px;max-width:360px;background:var(--card-bg-color);border:1px solid var(--border-color);border-radius:10px;box-shadow:var(--shadow-lg);padding:10px 14px;animation:skc-tooltip-in .15s ease-out}.skc-gc-badge-wrapper:hover .skc-gc-tooltip{display:block}@keyframes skc-tooltip-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.skc-gc-tooltip-title{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid var(--border-color)}.skc-gc-tooltip-list{list-style:none;margin:0;padding:0}.skc-gc-tooltip-list li{display:flex;flex-direction:column;gap:1px;padding:4px 0;border-bottom:1px solid var(--border-color)}.skc-gc-tooltip-list li:last-child{border-bottom:none}.skc-gc-tooltip-course{font-size:.82rem;font-weight:600;color:var(--text-primary)}.skc-gc-tooltip-assignment{font-size:.75rem;color:var(--text-secondary)}.skc-actions{display:flex;gap:.5rem;align-items:stretch;justify-content:center;padding-top:.5rem;border-top:1px solid var(--border-color);margin-top:auto}.skc-next-action{display:flex;flex-direction:column;gap:6px;width:100%;margin-top:.45rem;padding:.6rem .75rem;border:1px solid color-mix(in srgb,var(--brand-primary) 55%,var(--border-color));border-radius:8px;background:color-mix(in srgb,var(--brand-primary) 9%,var(--surface-color));color:var(--text-primary);text-align:left}.skc-next-action-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--brand-primary)}.skc-next-action-detail{font-size:.78rem;line-height:1.35;color:var(--text-secondary);overflow-wrap:anywhere}.skc-next-action-btns{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:2px}.skc-next-action-primary-btn{flex:1 1 auto;min-width:0;padding:.42rem .85rem;border-radius:6px;font-size:.82rem;font-weight:600;cursor:pointer;border:none;background:var(--brand-primary, #667eea);color:#fff;transition:filter .15s,transform .1s;white-space:nowrap}.skc-next-action-primary-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.skc-next-action-primary-btn:disabled{opacity:.55;cursor:not-allowed}.skc-next-action-secondary-btn{flex:1 1 auto;min-width:0;padding:.42rem .85rem;border-radius:6px;font-size:.82rem;font-weight:600;cursor:pointer;background:var(--brand-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));border:none;color:#fff;transition:filter .15s,transform .1s;white-space:nowrap}.skc-next-action-secondary-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.skc-next-action-secondary-btn:disabled{opacity:.55;cursor:not-allowed}.skc-actions-compact{justify-content:flex-start;width:100%}.modal-content.skc-audio-settings-modal{max-width:680px;width:90%}.skc-settings-section-heading{font-size:1rem;font-weight:600;margin:0 0 4px;color:var(--text-primary)}.skc-settings-section-sub{font-size:.85rem;color:var(--text-secondary);margin:0 0 20px}.skc-settings-field{display:flex;flex-direction:column;gap:6px}.skc-settings-field label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.skc-settings-field input[type=text],.skc-settings-field textarea{width:100%;padding:10px 14px;border:2px solid var(--brand-primary, #4f46e5);border-radius:8px;font-size:1rem;font-family:inherit;color:var(--text-primary);box-sizing:border-box;box-shadow:0 1px 4px #4f46e51a}.skc-settings-field input[type=text]:focus{outline:none;border-color:var(--brand-primary, #4f46e5);box-shadow:0 0 0 3px #4f46e533}.skc-settings-char-count{font-size:.76rem;color:var(--text-secondary);text-align:right;margin:3px 0 0}.skc-audio-settings-cancel{background-color:var(--button-reset-bg, #b95700);color:#fff;border:1px solid var(--button-reset-bg, #b95700)}.skc-audio-settings-cancel:hover{background-color:var(--button-reset-hover-bg, #a04d00);box-shadow:0 4px 12px #b957004d}body[data-theme=dark] .skc-settings-field input[type=text]{background:var(--bg-secondary, #1f2937);border-color:var(--brand-primary, #818cf8);color:#f3f4f6;box-shadow:0 1px 4px #818cf826}body[data-theme=dark] .skc-settings-field input[type=text]:focus{box-shadow:0 0 0 3px #818cf840}.skc-actions-compact .skc-btn{flex:1;min-width:0}.skc-dropdown-wrapper-compact{flex:0 0 auto}.skc-copied-from{font-size:.72rem;color:var(--text-secondary);margin-top:2px;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skc-ai-tutor-info{display:flex;flex-direction:column;gap:.2rem}.skc-ai-tutor-info-row{display:flex;gap:1rem;font-size:.78rem;color:var(--text-secondary);flex-wrap:wrap}.skc-ai-tutor-description{font-size:.78rem;color:var(--text-secondary);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.skc-ai-tutor-guides{display:flex;flex-direction:column;gap:.35rem;margin-top:.35rem}.skc-ai-tutor-guides-label{font-size:.74rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em}.skc-ai-tutor-guides-list{display:flex;flex-direction:column;gap:.28rem;max-height:7.25rem;overflow-y:auto;padding-right:.25rem}.skc-ai-tutor-guide-item{display:flex;align-items:flex-start;gap:.4rem;font-size:.78rem;color:var(--text-secondary);line-height:1.35}.skc-ai-tutor-guide-bullet{flex:0 0 auto;color:var(--brand-primary);font-size:.68rem;margin-top:.1rem}.skc-ai-tutor-guide-name{min-width:0}.skc-btn{padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;border:none;flex:1;min-height:42px}.skc-btn-primary{background:var(--button-accent-gradient, var(--brand-gradient));color:var(--text-inverse)}.skc-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--button-accent-shadow, 0 4px 12px rgba(102, 126, 234, .4))}.skc-btn-primary:disabled{opacity:.6;cursor:not-allowed}.skc-btn-dropdown{display:flex;align-items:center;justify-content:center;gap:.25rem}.skc-btn-secondary{background:var(--surface-color);color:var(--brand-primary);border:1px solid var(--brand-primary)}.skc-btn-secondary:hover{background:var(--info-bg-subtle)}.skc-btn-icon{padding:.5rem;background:var(--surface-color);border:2px solid var(--brand-primary, #667eea);color:var(--brand-primary, #667eea);font-size:1.2rem;font-weight:700;flex:0 0 auto;width:36px;border-radius:6px}.skc-btn-icon:hover{background:var(--brand-primary, #667eea);color:#fff}.skc-dropdown-wrapper{position:relative;display:flex;align-items:stretch;gap:.5rem;flex:1.35}.skc-experiences-btn{white-space:nowrap}.skc-dropdown-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:transparent}.skc-dropdown{position:absolute;right:0;top:100%;margin-top:.5rem;background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:220px;z-index:10000;overflow:visible}.skc-preview-dropdown{left:0;right:auto;min-width:200px}.skc-dropdown button{display:block;width:100%;padding:.75rem 1rem;background:var(--surface-color);border:none;text-align:left;font-size:.9rem;cursor:pointer;transition:background .2s}.skc-dropdown button:hover{background:var(--surface-hover)}.skc-dropdown button:disabled{opacity:.4;cursor:not-allowed}.skc-dropdown button:disabled:hover{background:var(--surface-color)}.skc-dropdown-divider{height:1px;background:var(--border-color);margin:.25rem 0}.skc-dropdown-section-label{padding:.35rem 1rem .2rem;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);pointer-events:none;-webkit-user-select:none;user-select:none}.skc-inline-submenu{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.skc-inline-submenu-trigger{display:flex!important;align-items:center;justify-content:space-between;width:100%}.skc-inline-submenu-panel{padding:.2rem 0 .35rem .75rem;background:color-mix(in srgb,var(--surface-hover) 55%,var(--surface-color));border-top:1px solid var(--border-color)}.skc-inline-submenu-panel button{padding:.62rem .75rem!important;font-size:.82rem!important}.skc-workspace-entry{display:flex;align-items:stretch;gap:8px;margin-top:.55rem}.skc-workspace-toggle{display:flex;flex:1 1 auto;align-items:center;justify-content:space-between;gap:12px;padding:.65rem .75rem;color:var(--text-primary);text-align:left;background:var(--surface-alt);border:1px solid var(--border-color);border-radius:8px;cursor:pointer}.skc-workspace-toggle:hover{border-color:var(--brand-primary)}.skc-workspace-toggle>span:first-child{display:flex;flex-direction:column;gap:2px}.skc-workspace-toggle small{color:var(--text-secondary);font-size:.72rem}.skc-workspace-inline-toggle{flex:0 0 auto;padding:.55rem .7rem;color:var(--text-secondary);font-size:.72rem;font-weight:700;background:transparent;border:1px solid var(--border-color);border-radius:8px;cursor:pointer}.skc-workspace-inline-toggle:hover{color:var(--text-primary);border-color:var(--brand-primary)}.skc-workspace-inline-host{display:block}.skc-workspace-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;overflow-y:auto;padding:18px;background:color-mix(in srgb,var(--page-background, #10151f) 94%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.skc-workspace-shell{width:min(1440px,100%);min-height:calc(100vh - 36px);margin:0 auto;background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 20px 60px #00000059}.skc-workspace-screen-header{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:12px 16px;background:var(--surface-color);border-bottom:1px solid var(--border-color)}.skc-workspace-screen-header span{color:var(--text-primary);font-size:.9rem;font-weight:800}.skc-workspace-screen-header button{min-height:40px;padding:8px 12px;color:var(--text-primary);font-weight:700;background:var(--surface-alt);border:1px solid var(--border-color);border-radius:6px;cursor:pointer}.skc-workspace-screen-header button:first-child{justify-self:start}.skc-workspace-screen-header .skc-workspace-close{justify-self:end;width:40px;padding:0;font-size:1.25rem}.skc-workspace{display:flex;flex-direction:column;gap:8px;margin-top:.5rem;padding:14px;background:var(--surface-alt);border:1px solid color-mix(in srgb,var(--brand-primary) 45%,var(--border-color));border-radius:8px}.skc-workspace-dedicated{gap:14px;margin:0;padding:22px;background:transparent;border:0;border-radius:0}.skc-workspace-dedicated .skc-workspace-header h4{font-size:1.75rem}.skc-workspace-dedicated .skc-workspace-header p{font-size:.95rem}.skc-workspace-dedicated .skc-workspace-primary-grid section,.skc-workspace-dedicated .skc-workspace-tools-grid section{min-height:190px;padding:18px}.skc-workspace-dedicated .skc-workspace-primary-grid{gap:12px}.skc-workspace-dedicated .skc-workspace-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.skc-workspace-header{padding:4px 2px 8px}.skc-workspace-header h4{margin:2px 0 3px;font-size:1.15rem}.skc-workspace-header p{margin:0}.skc-workspace-eyebrow{color:var(--brand-primary);font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.skc-workspace-related-path{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;background:color-mix(in srgb,var(--brand-primary) 9%,var(--surface-color));border:1px solid color-mix(in srgb,var(--brand-primary) 45%,var(--border-color));border-radius:6px}.skc-workspace-related-path span{display:flex;flex-direction:column;gap:2px}.skc-workspace-related-path strong{color:var(--text-primary);font-size:.76rem}.skc-workspace-related-path small{color:var(--text-secondary);font-size:.68rem}.skc-workspace-related-path button{flex:0 0 auto}.skc-workspace-primary-grid section,.skc-workspace-tools-grid section{display:flex;flex-direction:column;min-width:0;padding:10px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:6px}.skc-workspace-status{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.skc-workspace-status span{display:flex;flex-direction:column;gap:2px;padding:7px 9px;color:var(--text-secondary);font-size:.78rem;background:var(--surface-color);border:1px solid var(--border-color);border-radius:6px}.skc-workspace-status strong{color:var(--text-primary);font-size:.82rem}.skc-workspace-group{padding-top:10px;border-top:1px solid var(--border-color)}.skc-workspace-group-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}.skc-workspace-group-heading span{color:var(--text-primary);font-size:1rem;font-weight:800}.skc-workspace-group-heading small{color:var(--text-secondary);font-size:.82rem;text-align:right}.skc-workspace-primary-grid,.skc-workspace-tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.skc-workspace-group-primary section{border-top:3px solid var(--brand-primary)}.skc-workspace-step{margin-bottom:5px;color:var(--brand-primary);font-size:.75rem;font-weight:800}.skc-workspace h4{margin:0 0 5px;color:var(--text-primary);font-size:1rem}.skc-workspace p{flex-grow:1;margin:0 0 10px;color:var(--text-secondary);font-size:.84rem;line-height:1.45}.skc-workspace button{min-height:38px;padding:7px 9px;color:var(--text-inverse);font-weight:600;background:var(--brand-gradient);border:1px solid var(--brand-primary);border-radius:6px;cursor:pointer;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;gap:7px}.skc-workspace button:disabled{opacity:.5;cursor:not-allowed}.skc-workspace-actions{display:flex;flex-direction:column;gap:6px}.skc-workspace-actions button{width:100%;min-height:42px;padding:8px 10px;font-size:.88rem;text-align:left;justify-content:flex-start}.skc-workspace-priority-card{border-color:color-mix(in srgb,var(--brand-primary) 55%,var(--border-color))!important}.skc-workspace .skc-workspace-priority-action{min-height:46px;font-weight:800;box-shadow:0 4px 12px color-mix(in srgb,var(--brand-primary) 22%,transparent)}@media (max-width: 1100px){.skc-workspace-primary-grid,.skc-workspace-tools-grid,.skc-workspace-status{grid-template-columns:repeat(2,minmax(0,1fr))}.skc-workspace-dedicated .skc-workspace-primary-grid section,.skc-workspace-dedicated .skc-workspace-tools-grid section{min-height:170px}}@media (max-width: 560px){.skc-workspace-entry{flex-direction:column}.skc-workspace-overlay{padding:0}.skc-workspace-shell{min-height:100vh;border:0;border-radius:0}.skc-workspace-screen-header{grid-template-columns:1fr auto;padding:10px}.skc-workspace-screen-header button:first-child{min-width:0;max-width:100%;font-size:.82rem;text-align:left}.skc-workspace-screen-header span{display:none}.skc-workspace-dedicated{gap:18px;padding:16px 12px 28px}.skc-workspace-dedicated .skc-workspace-header h4{font-size:1.45rem}.skc-workspace-dedicated .skc-workspace-header p{font-size:.9rem}.skc-workspace-primary-grid,.skc-workspace-tools-grid,.skc-workspace-status{grid-template-columns:1fr}.skc-workspace-status span{padding:10px 12px}.skc-workspace-group-heading{align-items:flex-start;flex-direction:column}.skc-workspace-group-heading small{text-align:left}.skc-workspace-dedicated .skc-workspace-primary-grid section,.skc-workspace-dedicated .skc-workspace-tools-grid section{min-height:auto;padding:16px}.skc-workspace button,.skc-workspace-actions button{width:100%;min-height:48px;justify-content:center;text-align:center;white-space:normal}}.skc-audio-guides-dropdown{left:0;right:auto;min-width:240px}.skc-dropdown-submenu{position:relative}.skc-dropdown-submenu>.skc-submenu-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;background:var(--surface-color);border:none;text-align:left;font-size:.9rem;cursor:pointer;transition:background .2s}.skc-dropdown-submenu>.skc-submenu-trigger:hover{background:var(--surface-hover)}.skc-submenu-arrow{font-size:.65rem;margin-left:8px;opacity:.6}.skc-submenu-panel{display:none;position:absolute;right:calc(100% - 4px);left:auto;top:0;min-width:220px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:10001;padding:.25rem 0}.skc-submenu-panel:before{content:"";position:absolute;top:-8px;right:-16px;width:20px;height:calc(100% + 16px)}.skc-dropdown-submenu.skc-submenu-open>.skc-submenu-panel,.skc-dropdown-submenu:hover>.skc-submenu-panel,.skc-dropdown-submenu:focus-within>.skc-submenu-panel{display:block}.skc-submenu-panel button{display:block;width:100%;padding:.7rem 1rem;background:var(--surface-color);border:none;text-align:left;font-size:.875rem;cursor:pointer;transition:background .2s}.skc-submenu-panel button:hover{background:var(--surface-hover)}.skc-submenu-panel button:disabled{opacity:.4;cursor:not-allowed}.skc-submenu-panel button:disabled:hover{background:var(--surface-color)}.skc-dropdown-danger{color:var(--error-color)}.skc-dropdown-danger:hover{background:var(--error-bg-light)}.skc-dropdown-restore{color:#0d6efd}.skc-dropdown-restore:hover{background:#e8f0fe}.skc-generating-status{padding:.75rem 1rem;background:#fff9e6;border:1px solid #ffd666;border-radius:8px;color:#ad6800;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:.5rem}@media (max-width: 768px){.skc-header{align-items:stretch;flex-direction:column;gap:.45rem}.skc-header-right{align-items:flex-start;flex-direction:row;flex-wrap:wrap;width:100%}.skc-ai-lesson-card .skc-header-copy,.skc-ai-lesson-card .skc-subtitle,.skc-ai-lesson-card .skc-copied-from{min-height:0}.skc-title{font-size:1rem;overflow-wrap:anywhere}.skc-badge{font-size:.7rem;padding:.2rem .6rem}.skc-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;width:100%}.skc-btn{width:100%;min-width:0;padding:.5rem .35rem;font-size:.78rem;white-space:normal;overflow-wrap:anywhere}.skc-dropdown-wrapper{display:grid;grid-column:1 / -1;grid-template-columns:minmax(0,1fr) 42px;gap:.5rem;width:100%;min-width:0}.skc-dropdown-wrapper .skc-btn-icon{width:42px;min-width:42px}.skc-experiences-btn{white-space:normal}.skc-primary-meta,.skc-status-info{align-items:flex-start;flex-direction:column;gap:.3rem}.skc-primary-meta-item,.skc-status-item,.skc-meta-item{width:100%;align-items:flex-start;white-space:normal}.skc-meta{grid-template-columns:1fr;gap:.25rem}.skc-next-action,.skc-workspace-toggle,.skc-workspace-inline-toggle{min-width:0;overflow-wrap:anywhere}.skc-dropdown{right:0;left:auto;width:min(290px,calc(100vw - 24px));min-width:0}}@media (max-width: 480px){.study-kit-card{padding:.75rem;overflow:visible}.skc-actions{gap:.4rem}}.confirm-dialog{max-width:450px;width:90%;background:var(--surface-color);border-radius:12px;box-shadow:0 10px 40px #0000004d;overflow:hidden;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000}.confirm-dialog .modal-header{padding:1.5rem;border-bottom:1px solid var(--border-color);background:var(--surface-alt)}.confirm-dialog .modal-header h3{margin:0;font-size:1.25rem;color:var(--text-primary)}.confirm-dialog .modal-body{padding:1.5rem}.confirm-dialog .modal-body p{margin:0;font-size:1rem;color:var(--text-color);line-height:1.5}.confirm-dialog .modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;gap:.75rem;background:var(--surface-alt)}.confirm-dialog .btn{padding:.5rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;border:none;font-size:.95rem}.confirm-dialog .btn-secondary{background:#b95700;color:var(--text-inverse)}.confirm-dialog .btn-secondary:hover{background:#d46c0b}.confirm-dialog .btn-cancel{background-color:var(--button-reset-bg);color:var(--button-reset-text);border-color:var(--button-reset-bg)}.confirm-dialog .btn-cancel:hover{background-color:var(--button-reset-hover-bg)}.skc-gc-picker-cancel{padding:6px 14px;font-size:.85rem;background:var(--button-reset-bg, #b95700);color:var(--button-reset-text, #fff);border:1px solid var(--button-reset-bg, #b95700);border-radius:8px;cursor:pointer;transition:all .2s}.skc-gc-picker-cancel:hover{background:var(--button-reset-hover-bg, #d46c0b);border-color:var(--button-reset-hover-bg, #d46c0b);box-shadow:0 4px 12px #b957004d}.confirm-dialog .btn-primary{background:var(--button-accent-gradient, var(--brand-gradient));color:var(--text-inverse)}.confirm-dialog .btn-primary:hover{transform:translateY(-1px);box-shadow:var(--button-accent-shadow, 0 4px 12px rgba(102, 126, 234, .4))}.skc-language-progress{background:var(--brand-gradient);border-radius:8px;padding:1rem;margin-top:-.5rem;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.skc-progress-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:var(--text-inverse)}.skc-progress-icon{font-size:1.25rem;animation:spin 2s linear infinite}.skc-progress-text{font-size:.9rem;font-weight:600;color:var(--text-inverse)}.skc-progress-bar-container{height:8px;background:#ffffff4d;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.skc-progress-bar{height:100%;background:#fff;border-radius:4px;transition:width .5s ease-out;box-shadow:0 0 10px #ffffff80}.skc-progress-bar.skc-progress-indeterminate{width:100%!important;background:linear-gradient(90deg,#ffffff4d,#fff,#ffffff4d);background-size:200% 100%;animation:shimmer 1.5s infinite;transition:none}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skc-progress-label{font-size:.75rem;color:#ffffffe6;text-align:center}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-bg);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--surface-color);border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header h2{margin:0;color:var(--text-primary);font-size:24px}.close-button{background:none;border:none;font-size:32px;color:var(--text-muted);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s,color .2s}.close-button:hover{background:var(--surface-hover);color:var(--text-primary)}.invite-form{padding:24px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-secondary);font-size:14px}.form-group input{width:100%;padding:10px 12px;border:1px solid var(--border-color-medium);border-radius:6px;font-size:14px;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.form-group input:disabled{background:var(--surface-hover);cursor:not-allowed}.error-message{padding:12px;background:var(--error-bg-light);border:1px solid #fecaca;border-radius:6px;color:#991b1b;font-size:14px;margin-bottom:20px}.modal-actions{display:flex;gap:12px;justify-content:space-between}.cancel-button,.submit-button{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s}.cancel-button{background:var(--button-reset-bg, #b95700);color:var(--text-inverse);border:1px solid var(--button-reset-bg, #b95700)}.cancel-button:hover:not(:disabled){background:var(--button-reset-hover-bg, #d46c0b);border-color:var(--button-reset-hover-bg, #d46c0b)}.submit-button{background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:var(--text-inverse)}.submit-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.cancel-button:disabled,.submit-button:disabled{opacity:.6;cursor:not-allowed}.success-message{padding:40px 24px;text-align:center}.success-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--success-color) 0%,var(--success-text) 100%);color:var(--text-inverse);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 20px;animation:successPop .5s ease-out}@keyframes successPop{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.success-message p{margin:10px 0;color:var(--text-primary);font-size:16px}.success-subtext{color:var(--text-secondary);font-size:14px}.import-modal .modal-content{max-width:900px;width:94%}.import-modal .modal-content{--text-muted: #a0aec0}.import-steps{display:flex;justify-content:center;gap:4px;padding:16px 24px;border-bottom:1px solid var(--border-color);background:var(--surface-alt)}.import-step{display:flex;align-items:center;gap:6px;font-size:13px;color:#a0aec0;font-weight:500;padding:6px 12px;border-radius:20px;transition:all .2s}.import-step.active{background:var(--brand-primary);color:#fff;font-weight:600}.import-step.completed{color:var(--success-color, #38a169);font-weight:600}.import-step-number{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border:2px solid var(--border-color);flex-shrink:0}.import-step.active .import-step-number{background:#fff;color:var(--brand-primary);border-color:#fff}.import-step.completed .import-step-number{background:var(--success-color, #38a169);color:#fff;border-color:var(--success-color, #38a169)}.import-step-connector{width:20px;height:2px;background:var(--border-color);flex-shrink:0}.import-step-connector.completed{background:var(--success-color, #38a169)}.import-body{padding:24px;overflow-y:auto;flex:1;min-height:0;max-height:60vh}.upload-area{border:2px dashed var(--border-color-medium);border-radius:12px;padding:40px 24px;text-align:center;cursor:pointer;transition:all .2s;background:var(--surface-alt)}.upload-area:hover,.upload-area.drag-over{border-color:var(--brand-primary);background:#667eea0d}.upload-area svg{font-size:40px;color:var(--brand-primary);margin-bottom:12px}.upload-area h3{margin:0 0 8px;color:var(--text-primary);font-size:18px}.upload-area p{margin:0;color:#a0aec0;font-size:14px}.upload-area input[type=file]{display:none}.template-download{display:inline-flex;align-items:center;gap:6px;margin-top:16px;padding:10px 20px;background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.template-download:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.file-info{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding:10px 16px;background:var(--surface-color);border:1px solid var(--success-color, #38a169);border-radius:8px}.file-info-left{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-primary);font-weight:500}.file-info-left svg{color:var(--success-color, #38a169);font-size:16px}.file-remove{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:18px;padding:4px 8px;border-radius:4px;transition:all .15s}.file-remove:hover{background:var(--error-bg-light, #fff5f5);color:var(--error-color, #e53e3e)}.file-info-rows{color:#a0aec0}.mapping-table{width:100%;border-collapse:collapse;font-size:14px}.mapping-table th{text-align:left;padding:10px 12px;background:var(--surface-alt);color:var(--text-primary);font-weight:600;border-bottom:2px solid var(--border-color)}.mapping-table td{padding:8px 12px;border-bottom:1px solid var(--border-color);vertical-align:middle}.mapping-table .csv-header{font-family:monospace;font-size:13px;color:var(--text-primary);background:var(--surface-alt);padding:4px 8px;border-radius:4px}.mapping-table .preview-values{font-size:12px;color:#a0aec0;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mapping-table select{width:100%;padding:6px 10px;border:1px solid var(--border-color-medium);border-radius:6px;font-size:13px;background:var(--surface-color);color:var(--text-primary)}.mapping-table .required-badge{display:inline-block;margin-left:6px;padding:1px 6px;background:var(--error-bg-light, #fff5f5);color:var(--error-color, #e53e3e);font-size:10px;font-weight:600;border-radius:4px}.mapping-table .mapped-badge{display:inline-block;margin-left:6px;padding:1px 6px;background:#38a1691a;color:var(--success-color, #38a169);font-size:10px;font-weight:600;border-radius:4px}.validation-summary{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.validation-stat{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;flex:1;min-width:120px}.validation-stat.valid{background:#38a1691a;color:var(--success-color, #38a169);border:1px solid rgba(56,161,105,.2)}.validation-stat.warning{background:#ed89361a;color:var(--warning-color, #dd6b20);border:1px solid rgba(237,137,54,.2)}.validation-stat.error{background:#e53e3e1a;color:var(--error-color, #e53e3e);border:1px solid rgba(229,62,62,.2)}.validation-stat .stat-number{font-size:22px;font-weight:700}.validation-table{width:100%;border-collapse:collapse;font-size:13px}.validation-table th{text-align:left;padding:8px 10px;background:var(--surface-alt);color:var(--text-primary);font-weight:600;border-bottom:2px solid var(--border-color);position:sticky;top:0;z-index:1}.validation-table td{padding:6px 10px;border-bottom:1px solid var(--border-color);vertical-align:middle}.validation-table tr.row-valid td:first-child{border-left:3px solid var(--success-color, #38a169)}.validation-table tr.row-error td:first-child{border-left:3px solid var(--error-color, #e53e3e)}.validation-table tr.row-warning td:first-child{border-left:3px solid var(--warning-color, #dd6b20)}.row-status-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;text-transform:uppercase}.row-status-badge.valid{background:#38a16926;color:var(--success-color, #38a169)}.row-status-badge.error{background:#e53e3e26;color:var(--error-color, #e53e3e)}.row-status-badge.duplicate{background:#ed893626;color:var(--warning-color, #dd6b20)}.validation-error-text{font-size:12px;color:var(--error-color, #e53e3e)}.import-options{display:flex;flex-direction:column;gap:12px;margin-top:16px;padding:16px;background:var(--surface-alt);border-radius:8px;border:1px solid var(--border-color)}.import-option{display:flex;align-items:center;gap:10px}.import-option input[type=checkbox]{width:auto;cursor:pointer;flex-shrink:0}.import-option label{font-size:14px;color:var(--text-primary);cursor:pointer}.import-option .option-hint{font-size:12px;color:#a0aec0;margin-left:4px}.results-summary{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.result-stat{text-align:center;padding:16px 20px;border-radius:10px;flex:1;min-width:100px}.result-stat.created{background:#38a1691a;border:1px solid rgba(56,161,105,.2)}.result-stat.updated{background:#667eea1a;border:1px solid rgba(102,126,234,.2)}.result-stat.skipped{background:#ed89361a;border:1px solid rgba(237,137,54,.2)}.result-stat.failed{background:#e53e3e1a;border:1px solid rgba(229,62,62,.2)}.result-stat .result-number{font-size:28px;font-weight:700;margin-bottom:4px}.result-stat.created .result-number{color:var(--success-color, #38a169)}.result-stat.updated .result-number{color:var(--brand-primary, #667eea)}.result-stat.skipped .result-number{color:var(--warning-color, #dd6b20)}.result-stat.failed .result-number{color:var(--error-color, #e53e3e)}.result-stat .result-label{font-size:13px;color:#a0aec0;font-weight:500}.results-table{width:100%;border-collapse:collapse;font-size:13px}.results-table th{text-align:left;padding:8px 10px;background:var(--surface-alt);color:var(--text-primary);font-weight:600;border-bottom:2px solid var(--border-color)}.results-table td{padding:6px 10px;border-bottom:1px solid var(--border-color)}.results-table .status-created{color:var(--success-color, #38a169);font-weight:600}.results-table .status-updated{color:var(--brand-primary, #667eea);font-weight:600}.results-table .status-skipped{color:var(--warning-color, #dd6b20);font-weight:600}.results-table .status-failed{color:var(--error-color, #e53e3e);font-weight:600}.import-footer{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid var(--border-color);background:var(--surface-alt)}.import-footer-left,.import-footer-right{display:flex;gap:8px}.import-progress{margin-top:20px}.import-progress-bar{height:8px;background:var(--border-color);border-radius:4px;overflow:hidden}.import-progress-fill{height:100%;background:var(--brand-primary);border-radius:4px;transition:width .3s ease}.import-progress-text{text-align:center;font-size:13px;color:#a0aec0;margin-top:8px}@media (max-width: 600px){.import-modal .modal-content{width:100%;max-width:100%;border-radius:0;max-height:100vh}.import-steps{gap:2px;padding:12px 8px}.import-step{font-size:11px;padding:4px 6px}.import-step-connector{width:8px}.validation-summary,.results-summary{flex-direction:column}}.import-body>.error-message{margin-bottom:16px}.ism-allreq-error{margin-top:16px}.ism-download-wrapper{text-align:center;margin-top:16px}.ism-mapping-hint{margin-bottom:16px;color:var(--text-muted);font-size:14px}.ism-role-warning{display:flex;align-items:center;gap:10px;background:#f565651a;border:1px solid rgba(245,101,101,.4);border-radius:8px;padding:10px 14px;margin-bottom:14px;color:#fc8181;font-size:14px}.ism-role-warning-icon{font-size:18px}.ism-scrollable-table{max-height:300px;overflow-y:auto;margin-top:16px}.ism-scrollable-results{max-height:300px;overflow-y:auto}.ism-importing-step{text-align:center;padding:40px}.ism-importing-spinner{font-size:40px;color:var(--brand-primary);margin-bottom:16px;animation:spin 1s linear infinite}.ism-importing-label{margin:0 0 12px;color:var(--text-primary)}@keyframes gcp-pulse-anim{0%{box-shadow:0 0 #48bb78b3;transform:scale(1)}50%{box-shadow:0 0 0 7px #48bb7800;transform:scale(1.04)}to{box-shadow:0 0 #48bb7800;transform:scale(1)}}.gcp-pulse{animation:gcp-pulse-anim 1.2s ease-in-out infinite}.gcp-description{font-size:14px;color:var(--text-color);margin:0 0 16px;line-height:1.5;text-align:left}.gcp-loading{font-size:14px;color:var(--text-secondary);text-align:left}.gcp-error{background:var(--error-bg-light);border:1px solid var(--error-border);color:var(--error-color);border-radius:6px;padding:10px 14px;font-size:14px;margin-bottom:14px;text-align:left}.gcp-inline-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:6px;padding:6px 10px;font-size:14px;font-weight:500;margin-bottom:12px;border-left:4px solid}.gcp-inline-notice--error{background:#fff5f5;border-color:#e53e3e;color:#c53030}.gcp-inline-notice--success{background:#f0fff4;border-color:#38a169;color:#276749}.gcp-inline-notice button{background:none;border:none;cursor:pointer;font-size:20px;color:inherit;opacity:.7;flex-shrink:0;line-height:1}.gcp-inline-notice button:hover{opacity:1}.gcp-status-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.gcp-badge{font-size:13px;font-weight:600;padding:4px 10px;border-radius:20px}.gcp-badge--connected{background:var(--success-bg-light);color:var(--success-text);border:1px solid #9ae6b4}.gcp-badge--warn{background:#fff8e1;color:#7a5800;border:1px solid #f0c040}.gcp-badge--disconnected{background:var(--surface-alt);color:var(--text-color);border:1px solid var(--border-color)}.gcp-connected-since{font-size:13px;color:var(--text-secondary)}.gcp-connected-note{font-size:14px;color:var(--text-color);margin:0 0 16px;text-align:left}.gcp-btn--connect{background:linear-gradient(135deg,#4285f4,#34a853)!important;color:#fff!important;border:none!important;font-weight:700!important}.gcp-btn--connect:hover{opacity:.9!important}.gcp-btn--roster{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;border:1px solid transparent!important;font-weight:700!important}.gcp-btn--roster:hover{opacity:.9!important}.gcp-btn--sync{background:#dbeafe!important;color:#1d4ed8!important;border:1px solid #93c5fd!important;font-weight:700!important}.gcp-btn--sync:hover{background:#bfdbfe!important;border-color:#60a5fa!important}.gcp-btn--reauth{background:#ede9fe!important;color:#5b21b6!important;border:1px solid #c4b5fd!important;font-weight:700!important}.gcp-btn--reauth:hover{background:#ddd6fe!important;border-color:#a78bfa!important}.gcp-btn--danger{background:#fee2e2!important;color:#b91c1c!important;border:1px solid #fca5a5!important;font-weight:700!important}.gcp-btn--danger:hover{background:#fecaca!important;border-color:#f87171!important}body[data-theme=dark] .gcp-btn--connect{background:linear-gradient(135deg,#1e3a8a,#065f46)!important;color:#93c5fd!important;font-weight:700!important}body[data-theme=dark] .gcp-btn--roster{background:linear-gradient(135deg,#065f46,#064e3b)!important;color:#6ee7b7!important;font-weight:700!important}body[data-theme=dark] .gcp-btn--sync{background:#1e3a5f!important;color:#93c5fd!important;border:1px solid #3b82f6!important;font-weight:700!important}body[data-theme=dark] .gcp-btn--sync:hover{background:#1e40af!important;border-color:#60a5fa!important}body[data-theme=dark] .gcp-btn--reauth{background:#3b225f!important;color:#c4b5fd!important;border:1px solid #7c3aed!important;font-weight:700!important}body[data-theme=dark] .gcp-btn--reauth:hover{background:#4c1d95!important;border-color:#a78bfa!important}body[data-theme=dark] .gcp-btn--danger{background:#5f1e1e!important;color:#fca5a5!important;border:1px solid #dc2626!important;font-weight:700!important}body[data-theme=dark] .gcp-btn--danger:hover{background:#7f1d1d!important;border-color:#f87171!important}.gcp-action-row{display:flex;gap:10px;flex-wrap:nowrap;white-space:nowrap;height:38px;align-items:center;overflow:visible}.gcp-disconnected-block,.gcp-connected-block{text-align:left}.gcp-roster-prompt{position:relative;background:var(--info-bg-subtle);border:1px solid var(--info-bg-light);border-radius:8px;padding:12px 36px 12px 14px;margin-bottom:14px;font-size:14px;color:var(--text-color);line-height:1.5;text-align:left}.gcp-roster-prompt p{margin:0 0 10px}.gcp-dismiss-prompt{position:absolute;top:8px;right:8px;background:none;border:none;font-size:16px;cursor:pointer;color:var(--text-secondary);padding:2px 6px;line-height:1}.gcp-dismiss-prompt:hover{color:var(--text-color)}.gcp-sync-modal{max-width:560px;width:560px;max-height:80vh;overflow-y:auto}.gcp-sync-modal h2{white-space:nowrap;font-size:22px}.gcp-sync-progress{text-align:center;font-size:16px;color:var(--text-color);margin:20px 0}.gcp-spinner{text-align:center;font-size:48px;color:var(--primary-color);animation:spin 1s linear infinite;margin:20px 0}.gcp-sync-summary{margin:20px 0;padding:16px;background:var(--surface-alt);border-radius:8px}.gcp-sync-summary h3{margin:0 0 12px;font-size:16px;color:var(--text-color)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--surface);border-radius:6px;font-size:14px}.summary-label{color:var(--text-secondary);font-weight:500}.summary-value{font-weight:600;color:var(--text-color)}.summary-value.success{color:var(--success-text)}.summary-value.error{color:var(--error-color)}.gcp-sync-details{margin:20px 0}.gcp-sync-details h3{margin:0 0 12px;font-size:16px;color:var(--text-color)}.gcp-sync-results-list{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto;padding:4px}.gcp-sync-result-item{padding:12px;border-radius:6px;border:1px solid var(--border-color);background:var(--surface)}.gcp-sync-result-item.success{border-color:var(--success-bg-light);background:var(--success-bg-subtle)}.gcp-sync-result-item.error{border-color:var(--error-border);background:var(--error-bg-light)}.result-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.result-icon{font-size:16px}.result-stats{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--text-color)}.result-detail{font-size:12px;color:var(--text-secondary)}.result-error{font-size:13px;color:var(--error-color);font-weight:500}.success-banner{background:var(--success-bg-light);border:1px solid #9ae6b4;color:var(--success-text);border-radius:6px;padding:12px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.warning-banner{background:var(--warning-bg-light);border:1px solid var(--warning-border);color:var(--warning-color);border-radius:6px;padding:12px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.success-icon,.warning-icon{font-size:18px}.crm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:1200;display:flex;align-items:center;justify-content:center;padding:16px}.crm-modal{background:var(--bg-color);border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:520px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.crm-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid var(--border-color)}.crm-title{margin:0;font-size:17px;font-weight:700;color:var(--text-color)}.crm-close{background:none;border:none;color:var(--text-secondary);font-size:16px;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center}.crm-close:hover{background:var(--surface-alt);color:var(--text-color)}.crm-body{flex:1;overflow-y:auto;padding:20px}.crm-status-text{font-size:14px;color:var(--text-secondary);text-align:center;padding:24px 0}.crm-instruction{font-size:14px;color:var(--text-color);margin:0 0 14px;line-height:1.5}.crm-not-connected{font-size:14px;color:var(--text-color);text-align:center;padding:16px 0}.crm-not-connected p{margin:0 0 10px}.crm-section-list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.crm-section-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:border-color .15s,background .15s}.crm-section-row:hover{background:var(--surface-alt)}.crm-section-row--selected{background:#cffafe;border-color:#0891b2;box-shadow:inset 0 0 0 1px #0891b2}body[data-theme=dark] .crm-section-row--selected{background:#164e63;border-color:#0891b2;box-shadow:inset 0 0 0 1px #0891b2}.crm-section-row input[type=radio]{flex-shrink:0;accent-color:#4a90d9}.crm-section-info{display:flex;flex-direction:column;gap:2px;min-width:0}.crm-section-name{font-size:14px;font-weight:600;color:var(--text-color)}.crm-section-meta{font-size:12px;color:var(--text-secondary)}.crm-section-linked{font-size:12px;color:#3182ce;font-weight:500}.crm-footer{display:flex;justify-content:flex-end;gap:10px}.crm-action-btn{padding:9px 18px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s;border:1px solid transparent}.crm-action-btn:disabled{opacity:.5;cursor:not-allowed}.crm-action-btn:hover:not(:disabled){opacity:.85}.crm-btn--connect{background:linear-gradient(135deg,#4a90d9,#2563eb);color:#fff}.crm-btn--import{background:linear-gradient(135deg,#4a90d9,#2563eb);color:#fff;display:inline-flex;align-items:center;gap:6px}.crm-btn--cancel{background-color:var(--button-reset-bg, #555);color:var(--text-inverse, #fff);border-color:transparent}.crm-btn--cancel:hover{background-color:var(--button-reset-hover-bg, #666)}.crm-btn--done{background:linear-gradient(135deg,#4a90d9,#2563eb);color:#fff}.crm-done{display:flex;flex-direction:column;align-items:center;gap:12px;padding:8px 0;text-align:center}.crm-done-icon{width:52px;height:52px;background:#2563eb;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px}.crm-done h3{margin:0;font-size:20px;font-weight:700;color:var(--text-color)}.crm-done-subtitle{font-size:14px;color:var(--text-secondary);margin:0}.crm-done-group{font-size:14px;font-weight:600;color:var(--text-color);margin:0 0 8px}.crm-result-row{margin-bottom:20px}.crm-result-row--sep{border-top:1px solid var(--border-color);padding-top:16px}.crm-summary-table{width:100%;max-width:320px;border-collapse:collapse;font-size:14px}.crm-summary-table td{padding:6px 10px;border-bottom:1px solid var(--border-color);color:var(--text-color)}.crm-summary-table tr:last-child td{border-bottom:none}.crm-num{text-align:right;font-weight:600}.crm-num--bold{font-weight:800;font-size:15px;color:#2563eb}.crm-conflicts{background:var(--error-bg-light);border:1px solid var(--error-border);border-radius:8px;padding:10px 14px;font-size:13px;color:var(--error-color);width:100%;max-width:400px;text-align:left}.crm-conflicts ul{margin:6px 0 0 16px;padding:0}.crm-conflicts li{margin:3px 0}.crm-conflicts-overflow{color:var(--text-muted, #9ca3af)}.crm-error-block{text-align:left}.crm-error-text{background:var(--error-bg-light);border:1px solid var(--error-border);color:var(--error-color);border-radius:6px;padding:10px 14px;font-size:14px;margin-bottom:14px}.clp-description{font-size:14px;color:var(--text-color);margin:0 0 16px;line-height:1.5;text-align:left}.clp-loading{font-size:14px;color:var(--text-secondary);text-align:left}.clp-error{background:var(--error-bg-light);border:1px solid var(--error-border);color:var(--error-color);border-radius:6px;padding:10px 14px;font-size:14px;margin-bottom:14px;text-align:left}.clp-status-row{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.clp-badge{font-size:13px;font-weight:600;padding:4px 10px;border-radius:20px}.clp-badge--connected{background:var(--success-bg-light);color:var(--success-text);border:1px solid #9ae6b4}.clp-badge--disconnected{background:var(--surface-alt);color:var(--text-color);border:1px solid var(--border-color)}.clp-connected-since,.clp-district{font-size:13px;color:var(--text-secondary)}.clp-action-row{display:flex;gap:10px;flex-wrap:nowrap;align-items:center}.clp-action-row .settings-action-btn{white-space:nowrap;height:38px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center}.clp-btn--connect{background:linear-gradient(135deg,#4a90d9,#2563eb)!important;color:var(--text-inverse)!important;border:none!important}.clp-btn--connect:hover{opacity:.9!important}.clp-btn--roster{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;border:1px solid transparent!important}.clp-btn--roster:hover{opacity:.9!important}.clp-btn--sync{background:#dbeafe!important;color:#1d4ed8!important;border:1px solid #93c5fd!important;font-weight:700!important}.clp-btn--sync:hover{background:#bfdbfe!important;border-color:#60a5fa!important}.clp-btn--reauth{background:#ede9fe!important;color:#5b21b6!important;border:1px solid #c4b5fd!important;font-weight:700!important}.clp-btn--reauth:hover{background:#ddd6fe!important;border-color:#a78bfa!important}.clp-btn--danger{background:#fee2e2!important;color:#b91c1c!important;border:1px solid #fca5a5!important;font-weight:700!important}.clp-btn--danger:hover{background:#fecaca!important;border-color:#f87171!important}body[data-theme=dark] .clp-btn--roster{background:linear-gradient(135deg,#065f46,#064e3b)!important;color:#6ee7b7!important;font-weight:700!important}body[data-theme=dark] .clp-btn--sync{background:#1e3a5f!important;color:#93c5fd!important;border:1px solid #3b82f6!important;font-weight:700!important}body[data-theme=dark] .clp-btn--sync:hover{background:#1e40af!important;border-color:#60a5fa!important}body[data-theme=dark] .clp-btn--reauth{background:#2e1f5e!important;color:#c4b5fd!important;border:1px solid #7c3aed!important;font-weight:700!important}body[data-theme=dark] .clp-btn--reauth:hover{background:#3b1fa8!important;border-color:#a78bfa!important}body[data-theme=dark] .clp-btn--danger{background:#450a0a!important;color:#fca5a5!important;border:1px solid #b91c1c!important;font-weight:700!important}body[data-theme=dark] .clp-btn--danger:hover{background:#7f1d1d!important;border-color:#ef4444!important}.clp-disconnected-block,.clp-connected-block{text-align:left}.clp-not-connected-text{font-size:14px;color:var(--text-secondary);margin:0 0 14px;line-height:1.5}.clp-roster-prompt{position:relative;background:var(--success-bg-light);border:1px solid #9ae6b4;border-radius:8px;padding:12px 36px 12px 14px;margin-bottom:14px;font-size:14px;color:var(--success-text);text-align:left}.clp-roster-prompt p{margin:0 0 10px}.clp-dismiss-prompt{position:absolute;top:8px;right:10px;background:none;border:none;font-size:16px;cursor:pointer;color:var(--success-text);opacity:.7;padding:0;line-height:1}.clp-dismiss-prompt:hover{opacity:1}.clp-sync-result{background:var(--success-bg-light);border:1px solid #9ae6b4;border-radius:6px;padding:10px 14px;font-size:13px;color:var(--success-text);margin-bottom:14px;text-align:left}.clp-sync-errors{color:var(--error-color);font-weight:600}.clrm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:900;display:flex;align-items:center;justify-content:center;padding:16px}.clrm-modal{background:var(--surface-color, #fff);color:var(--text-color, #111);border-radius:12px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.clrm-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid var(--border-color);flex-shrink:0}.clrm-title{font-size:18px;font-weight:700;margin:0;color:var(--text-color)}.clrm-close{background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:18px;padding:4px 6px;border-radius:6px;display:flex;align-items:center}.clrm-close:hover{background:var(--surface-alt);color:var(--text-color)}.clrm-body{padding:18px 20px;overflow-y:auto;flex:1}.clrm-status-text{font-size:14px;color:var(--text-secondary);margin:12px 0;text-align:center}.clrm-instruction{font-size:14px;color:var(--text-secondary);margin:0 0 14px;line-height:1.5}.clrm-class-list{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.clrm-class-row{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:background .15s,border-color .15s}.clrm-class-row:hover{background:var(--surface-alt)}.clrm-class-row--selected{background:#cffafe;border-color:#0891b2;box-shadow:inset 0 0 0 1px #0891b2}body[data-theme=dark] .clrm-class-row--selected{background:#164e63;border-color:#0891b2;box-shadow:inset 0 0 0 1px #0891b2}.clrm-class-row input[type=radio]{margin-top:3px;flex-shrink:0;accent-color:#0891b2}.clrm-class-info{display:flex;flex-direction:column;gap:3px}.clrm-class-name{font-size:15px;font-weight:600;color:var(--text-color)}.clrm-class-meta{font-size:13px;color:var(--text-secondary)}.clrm-class-linked{font-size:12px;color:#0891b2;font-weight:600}.clrm-not-connected{padding:8px 0}.clrm-not-connected p{font-size:14px;margin:0 0 8px}.clrm-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}.clrm-action-btn{padding:8px 18px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid transparent;display:inline-flex;align-items:center;gap:6px}.clrm-action-btn:disabled{opacity:.6;cursor:not-allowed}.clrm-btn--connect{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;border-color:#0891b2}.clrm-btn--connect:hover{opacity:.9}.clrm-btn--import{background:var(--brand-gradient);color:#fff;border-color:transparent}.clrm-btn--import:hover:not(:disabled){opacity:.9}.clrm-btn--done{background:var(--brand-gradient);color:#fff;border-color:transparent}.clrm-btn--done:hover:not(:disabled){opacity:.9}.clrm-btn--cancel{background-color:var(--button-reset-bg, #555);color:var(--text-inverse, #fff);border-color:transparent}.clrm-btn--cancel:hover{background-color:var(--button-reset-hover-bg, #666)}.clrm-done{text-align:center}.clrm-done-icon{width:52px;height:52px;background:#0891b2;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;margin:0 auto 14px}.clrm-done h3{font-size:20px;font-weight:700;margin:0 0 6px}.clrm-done-group{font-size:14px;color:var(--text-secondary);margin:0 0 16px}.clrm-summary-table{width:100%;max-width:280px;margin:0 auto 16px;border-collapse:collapse}.clrm-summary-table td{padding:5px 8px;font-size:14px;text-align:left}.clrm-num{text-align:right!important;font-weight:600}.clrm-num--bold{font-size:15px;font-weight:700;color:#0891b2}.clrm-conflicts{background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;padding:12px 14px;font-size:13px;text-align:left;margin:0 0 16px}body[data-theme=dark] .clrm-conflicts{background:#1c1a00;border-color:#b45309}.clrm-conflicts ul{margin:8px 0 0;padding-left:18px}.clrm-conflicts code{font-size:12px;background:var(--surface-alt);padding:1px 4px;border-radius:3px}.clrm-error-block{padding:8px 0}.clrm-error-text{background:var(--error-bg-light, #fee2e2);border:1px solid var(--error-border, #fca5a5);color:var(--error-color, #b91c1c);border-radius:6px;padding:10px 14px;font-size:14px;margin-bottom:14px}.cll-description{font-size:14px;color:var(--text-color);margin:0 0 16px;line-height:1.5;text-align:left}.cll-loading{font-size:14px;color:var(--text-secondary);text-align:left}.cll-error{background:var(--error-bg-light);border:1px solid var(--error-border);color:var(--error-color);border-radius:6px;padding:10px 14px;font-size:14px;margin-bottom:14px;text-align:left}.cll-status-row{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.cll-badge{font-size:13px;font-weight:600;padding:4px 10px;border-radius:20px}.cll-badge--connected{background:var(--success-bg-light);color:var(--success-text);border:1px solid #9ae6b4}.cll-badge--disconnected{background:var(--surface-alt);color:var(--text-color);border:1px solid var(--border-color)}.cll-connected-since,.cll-district{font-size:13px;color:var(--text-secondary)}.cll-action-row{display:flex;gap:10px;flex-wrap:nowrap;align-items:center}.cll-action-row .settings-action-btn{white-space:nowrap;height:38px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center}.cll-btn--connect{background:linear-gradient(135deg,#06b6d4,#0891b2)!important;color:var(--text-inverse)!important;border:none!important}.cll-btn--connect:hover{opacity:.9!important}.cll-btn--roster{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;border:1px solid transparent!important}.cll-btn--roster:hover{opacity:.9!important}.cll-btn--sync{background:#dbeafe!important;color:#1d4ed8!important;border:1px solid #93c5fd!important;font-weight:700!important}.cll-btn--sync:hover{background:#bfdbfe!important;border-color:#60a5fa!important}.cll-btn--reauth{background:#ede9fe!important;color:#5b21b6!important;border:1px solid #c4b5fd!important;font-weight:700!important}.cll-btn--reauth:hover{background:#ddd6fe!important;border-color:#a78bfa!important}.cll-btn--danger{background:#fee2e2!important;color:#b91c1c!important;border:1px solid #fca5a5!important;font-weight:700!important}.cll-btn--danger:hover{background:#fecaca!important;border-color:#f87171!important}body[data-theme=dark] .cll-btn--roster{background:linear-gradient(135deg,#065f46,#064e3b)!important;color:#6ee7b7!important;font-weight:700!important}body[data-theme=dark] .cll-btn--sync{background:#1e3a5f!important;color:#93c5fd!important;border:1px solid #3b82f6!important;font-weight:700!important}body[data-theme=dark] .cll-btn--sync:hover{background:#1e40af!important;border-color:#60a5fa!important}body[data-theme=dark] .cll-btn--reauth{background:#2e1f5e!important;color:#c4b5fd!important;border:1px solid #7c3aed!important;font-weight:700!important}body[data-theme=dark] .cll-btn--reauth:hover{background:#3b1fa8!important;border-color:#a78bfa!important}body[data-theme=dark] .cll-btn--danger{background:#450a0a!important;color:#fca5a5!important;border:1px solid #b91c1c!important;font-weight:700!important}body[data-theme=dark] .cll-btn--danger:hover{background:#7f1d1d!important;border-color:#ef4444!important}.cll-disconnected-block,.cll-connected-block{text-align:left}.cll-not-connected-text{font-size:14px;color:var(--text-secondary);margin:0 0 14px;line-height:1.5}.cll-roster-prompt{position:relative;background:var(--success-bg-light);border:1px solid #9ae6b4;border-radius:8px;padding:12px 36px 12px 14px;margin-bottom:14px;font-size:14px;color:var(--success-text);text-align:left}.cll-roster-prompt p{margin:0 0 10px}.cll-dismiss-prompt{position:absolute;top:8px;right:10px;background:none;border:none;font-size:16px;cursor:pointer;color:var(--success-text);opacity:.7;padding:0;line-height:1}.cll-dismiss-prompt:hover{opacity:1}.cll-sync-result{background:var(--success-bg-light);border:1px solid #9ae6b4;border-radius:6px;padding:10px 14px;font-size:13px;color:var(--success-text);margin-bottom:12px;text-align:left}.cll-sync-errors{color:var(--error-color);font-weight:600}.gam-settings{padding:0}.gam-settings h2{margin:0 0 4px;font-size:1.15rem;color:var(--text-primary, #1a1a2e)}.gam-settings .gam-subtitle{margin:0 0 20px;font-size:.88rem;color:var(--text-muted, #6b7280);text-align:left}.gam-section{background:var(--card-bg, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:10px;padding:18px 20px;margin-bottom:16px}.gam-section h3{margin:0 0 12px;font-size:1rem;color:var(--text-primary, #1a1a2e);display:flex;align-items:center;gap:8px}.gam-toggle-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border-color, #e5e7eb)}.gam-toggle-row:last-child{border-bottom:none}.gam-toggle-info{flex:1;text-align:left}.gam-toggle-info h4{margin:0;font-size:.92rem;font-weight:600;color:var(--text-primary, #1a1a2e)}.gam-toggle-info p{margin:2px 0 0;font-size:.82rem;color:var(--text-muted, #6b7280);text-align:left}.gam-toggle-btn{position:relative;width:44px;height:24px;padding:0;border:none;background:transparent;cursor:pointer;flex-shrink:0}.gam-toggle-track{display:block;width:44px;height:24px;border-radius:12px;background:var(--border-color, #ccc);transition:background .2s;position:relative}.gam-toggle-btn--on .gam-toggle-track{background:var(--brand-primary, #667eea)}.gam-toggle-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s}.gam-toggle-btn--on .gam-toggle-thumb{transform:translate(20px)}.gam-select{padding:6px 10px;border:1px solid var(--border-color, #e5e7eb);border-radius:6px;background:var(--card-bg, #fff);color:var(--text-primary, #1a1a2e);font-size:.88rem;cursor:pointer;margin-left:16px}.gam-chip-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.gam-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:14px;font-size:.8rem;background:var(--info-bg, #eff6ff);color:var(--primary-color, #3b82f6);border:1px solid var(--primary-color, #3b82f6)}.gam-chip button{background:none;border:none;color:inherit;cursor:pointer;font-size:.9rem;padding:0;line-height:1}.gam-add-row{display:flex;gap:8px;margin-top:10px;align-items:center}.gam-add-select{flex:1;padding:6px 10px;border:1px solid var(--border-color, #e5e7eb);border-radius:6px;background:var(--card-bg, #fff);color:var(--text-primary, #1a1a2e);font-size:.85rem}.gam-add-btn{padding:6px 14px;border:none;border-radius:6px;background:var(--brand-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:#fff;font-size:.85rem;cursor:pointer;white-space:nowrap}.gam-add-btn:hover{opacity:.9;filter:brightness(1.1)}.gam-status{padding:8px 14px;border-radius:6px;font-size:.85rem;margin-bottom:12px}.gam-status--success{background:var(--success-bg, #ecfdf5);color:var(--success-color, #059669)}.gam-status--error{background:var(--error-bg, #fef2f2);color:var(--error-color, #dc2626)}[data-theme=dark] .gam-status--success{background:#05966926;color:#6ee7b7}[data-theme=dark] .gam-status--error{background:#dc262626;color:#fca5a5}.gam-loading{text-align:center;padding:40px 20px;color:var(--text-muted, #6b7280)}.gam-empty-note{font-size:.83rem;color:var(--text-muted, #6b7280);font-style:italic;margin-top:6px}.gam-save-bar{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.gam-save-btn{padding:8px 20px;border:none;border-radius:6px;background:var(--brand-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:#fff;font-size:.9rem;font-weight:600;cursor:pointer}.gam-save-btn:disabled{opacity:.5;cursor:not-allowed}.gam-save-btn:hover:not(:disabled){filter:brightness(1.1)}.gam-toggle-control{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-left:16px}.gam-toggle-label{font-size:.82rem;font-weight:500;color:var(--text-muted, #6b7280);min-width:24px;text-align:right}[data-theme=dark] .gam-settings h2,[data-theme=dark] .gam-section h3{color:#f1f5f9}[data-theme=dark] .gam-toggle-info h4,[data-theme=dark] .gam-toggle-label{color:#e2e8f0}[data-theme=dark] .gam-toggle-info p,[data-theme=dark] .gam-subtitle,[data-theme=dark] .gam-empty-note{color:#b0bec5}[data-theme=dark] .gam-toggle-row{border-bottom-color:#334155}[data-theme=dark] .gam-section{background:var(--card-bg, #1e293b);border-color:var(--border-color, #334155)}[data-theme=dark] .gam-toggle-track{background:#4b5563}[data-theme=dark] .gam-toggle-btn--on .gam-toggle-track{background:var(--brand-primary, #667eea)}[data-theme=dark] .gam-select,[data-theme=dark] .gam-add-select{background:#1e293b;color:#e2e8f0;border-color:#475569}[data-theme=dark] .gam-select option,[data-theme=dark] .gam-add-select option{background:#1e293b;color:#e2e8f0}[data-theme=dark] .gam-chip{background:#3b82f626}.rem-settings{padding:0}.rem-settings h2{margin:0 0 4px;font-size:1.15rem;color:var(--text-primary, #1a1a2e)}.rem-settings .rem-subtitle{margin:0 0 20px;font-size:.88rem;color:var(--text-muted, #6b7280);text-align:left}.rem-section{background:var(--card-bg, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:10px;padding:18px 20px;margin-bottom:16px}.rem-section h3{margin:0 0 12px;font-size:1rem;color:var(--text-primary, #1a1a2e);display:flex;align-items:center;gap:8px}.rem-toggle-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border-color, #e5e7eb)}.rem-toggle-row:last-child{border-bottom:none}.rem-toggle-info{flex:1;text-align:left}.rem-toggle-info h4{margin:0;font-size:.92rem;font-weight:600;color:var(--text-primary, #1a1a2e)}.rem-toggle-info p{margin:2px 0 0;font-size:.82rem;color:var(--text-muted, #6b7280);text-align:left}.rem-toggle-control{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-left:16px}.rem-toggle-label{font-size:.82rem;font-weight:500;color:var(--text-muted, #6b7280);min-width:24px;text-align:right}.rem-toggle-btn{position:relative;width:44px;height:24px;padding:0;border:none;background:transparent;cursor:pointer;flex-shrink:0}.rem-toggle-track{display:block;width:44px;height:24px;border-radius:12px;background:var(--border-color, #ccc);transition:background .2s;position:relative}.rem-toggle-btn--on .rem-toggle-track{background:var(--brand-primary, #667eea)}.rem-toggle-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s}.rem-toggle-btn--on .rem-toggle-thumb{transform:translate(20px)}.rem-select{padding:6px 10px;border:1px solid var(--border-color, #e5e7eb);border-radius:6px;background:var(--card-bg, #fff);color:var(--text-primary, #1a1a2e);font-size:.88rem;cursor:pointer;margin-left:16px;width:120px;flex-shrink:0}.rem-template-block{margin-top:12px;padding:12px 0;border-top:1px solid var(--border-color, #e5e7eb)}.rem-template-block:first-of-type{border-top:none;margin-top:0}.rem-template-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.rem-template-header h4{margin:0;font-size:.9rem;font-weight:600;color:var(--text-primary, #1a1a2e)}.rem-edit-btn{background:none;border:1px solid var(--border-color, #e5e7eb);border-radius:6px;padding:4px 10px;font-size:.8rem;cursor:pointer;color:var(--text-primary, #1a1a2e);transition:background .15s}.rem-edit-btn:hover{background:var(--hover-bg, #f3f4f6)}.rem-template-preview{background:var(--bg-secondary, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:6px;padding:10px 12px;font-size:.83rem;color:var(--text-primary, #1a1a2e);white-space:pre-wrap;line-height:1.5;text-align:left}.rem-template-textarea{width:100%;min-height:80px;padding:10px 12px;border:1px solid var(--primary-color, #667eea);border-radius:6px;font-size:.83rem;font-family:inherit;line-height:1.5;resize:vertical;background:var(--card-bg, #fff);color:var(--text-primary, #1a1a2e);box-sizing:border-box;text-align:left}.rem-template-textarea:focus{outline:none;border-color:var(--brand-primary, #667eea);box-shadow:0 0 0 2px #667eea33}.rem-template-actions{display:flex;gap:8px;margin-top:6px;align-items:center}.rem-char-count{font-size:.75rem;color:var(--text-muted, #6b7280);margin-left:auto}.rem-char-count.over-limit{color:var(--error-color, #dc2626);font-weight:600}.rem-reset-btn{background:none;border:none;font-size:.78rem;color:var(--text-muted, #6b7280);cursor:pointer;text-decoration:underline;padding:0}.rem-reset-btn:hover{color:var(--text-primary, #1a1a2e)}.rem-variables-hint{font-size:.78rem;color:var(--text-secondary, #4b5563);margin-top:10px;line-height:1.6;word-break:break-word;overflow-wrap:anywhere}.rem-variables-hint code{background:var(--bg-secondary, #f0f0f0);padding:1px 5px;border-radius:3px;font-size:.76rem;color:var(--text-primary, #1a1a2e)}.rem-status{padding:8px 14px;border-radius:6px;font-size:.85rem;margin-bottom:12px}.rem-status--success{background:var(--success-bg, #ecfdf5);color:var(--success-color, #059669)}.rem-status--error{background:var(--error-bg, #fef2f2);color:var(--error-color, #dc2626)}[data-theme=dark] .rem-status--success{background:#05966926;color:#6ee7b7}[data-theme=dark] .rem-status--error{background:#dc262626;color:#fca5a5}.rem-loading{text-align:center;padding:40px 20px;color:var(--text-muted, #6b7280)}.rem-save-bar{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.rem-save-btn{padding:8px 20px;border:none;border-radius:6px;background:var(--brand-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:#fff;font-size:.9rem;font-weight:600;cursor:pointer}.rem-save-btn:disabled{opacity:.5;cursor:not-allowed}.rem-save-btn:hover:not(:disabled){filter:brightness(1.1)}[data-theme=dark] .rem-settings h2,[data-theme=dark] .rem-section h3,[data-theme=dark] .rem-template-header h4{color:#f1f5f9}[data-theme=dark] .rem-toggle-info h4,[data-theme=dark] .rem-toggle-label{color:#e2e8f0}[data-theme=dark] .rem-toggle-info p,[data-theme=dark] .rem-subtitle{color:#b0bec5}[data-theme=dark] .rem-section{background:var(--card-bg, #1e293b);border-color:var(--border-color, #334155)}[data-theme=dark] .rem-toggle-row{border-bottom-color:#334155}[data-theme=dark] .rem-toggle-track{background:#4b5563}[data-theme=dark] .rem-toggle-btn--on .rem-toggle-track{background:var(--brand-primary, #667eea)}[data-theme=dark] .rem-select{background:#1e293b;color:#e2e8f0;border-color:#475569}[data-theme=dark] .rem-template-preview{background:#0f172a;border-color:#334155;color:#e2e8f0}[data-theme=dark] .rem-template-textarea{background:#0f172a;color:#e2e8f0;border-color:#475569}[data-theme=dark] .rem-edit-btn{color:#e2e8f0;border-color:#475569}[data-theme=dark] .rem-edit-btn:hover{background:#334155}[data-theme=dark] .rem-variables-hint code{background:#334155;color:#93c5fd}[data-theme=dark] .rem-variables-hint{color:#cbd5e1}[data-theme=dark] .rem-template-block{border-top-color:#334155}.theme-switcher-container{position:absolute;top:1.5rem;right:2rem;display:flex;flex-direction:column;align-items:center;gap:4px}.settings-option .theme-switcher-container{position:static;flex-direction:row;gap:10px}.theme-icon-btn{background:none;border:1.5px solid var(--border-color-medium, #d1d5db);border-radius:50%;width:32px;height:32px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background-color .2s,border-color .2s;flex-shrink:0}.theme-icon-btn:hover{background-color:var(--hover-bg);border-color:var(--text-secondary, #6b7280)}.theme-inline-wrapper{display:flex;align-items:center;gap:4px}.theme-inline-label{font-size:.75rem;font-weight:500;color:var(--text-secondary, #4a5568)}.theme-label{font-weight:500;color:var(--text-color);font-size:.8em}.theme-switch{position:relative;display:inline-block;width:50px;height:28px}.theme-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--card-border-color);-webkit-transition:.4s;transition:.4s;display:flex;align-items:center;border:1px solid var(--text-color)}.slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:var(--text-color);-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#a5d6ff;border-color:#0969da}input:checked+.slider:before{background-color:#0969da;-webkit-transform:translateX(22px);-ms-transform:translateX(22px);transform:translate(22px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.sun-icon,.moon-icon{font-size:14px;position:absolute;transition:opacity .4s ease;pointer-events:none}.sun-icon{right:6px;opacity:0}.moon-icon{left:6px;opacity:1}input:checked+.slider .sun-icon{opacity:1}input:checked+.slider .moon-icon{opacity:0}.settings-panel{width:min(100%,920px);max-width:920px;margin:0 auto;padding:24px}.settings-tabs{display:flex;gap:2px;border-bottom:2px solid var(--border-color);margin-bottom:24px}.settings-tab{background:none;border:none;padding:10px 20px;font-size:.95rem;font-weight:500;color:var(--text-secondary);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s}.settings-tab:hover{color:var(--text-primary)}.settings-tab--active{color:var(--brand-primary, #6366f1);border-bottom-color:var(--brand-primary, #6366f1);font-weight:600}.settings-section{background:var(--surface-color);border-radius:8px;padding:28px;margin-bottom:24px;box-shadow:var(--shadow-sm);overflow:visible}.settings-section h2{margin:0 0 20px;font-size:20px;font-weight:600;color:var(--text-primary);text-align:left}.settings-info{display:flex;flex-direction:column;gap:12px;text-align:left}.settings-info p{margin:0;font-size:14px;color:var(--text-color)}.settings-info strong{color:var(--text-primary);display:inline-block;min-width:80px}.settings-option{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:16px 0;border-bottom:1px solid var(--border-color)}.settings-option-content{flex:1 1 auto;min-width:0}.settings-option-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.settings-option:last-child{border-bottom:none}.settings-option--stacked{align-items:stretch;flex-direction:column}.settings-option-content h3{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--text-primary);text-align:left}.settings-option-content p{margin:0;font-size:14px;color:var(--text-color);text-align:left}.settings-action-btn{padding:8px 16px;font-size:14px;font-weight:500;color:var(--text-inverse);background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));border:none;border-radius:8px;cursor:pointer;transition:all .2s}.settings-action-btn:hover{transform:translateY(-1px);box-shadow:var(--button-accent-shadow, 0 4px 12px rgba(102, 126, 234, .4))}@media (max-width: 700px){.settings-option-actions{width:100%;justify-content:stretch}.settings-option-actions .settings-action-btn{flex:1 1 100%}}.settings-cancel-btn{padding:10px 24px;font-size:15px;font-weight:500;color:var(--button-reset-text, white);background-color:var(--button-reset-bg, #b95700);border:1px solid var(--button-reset-bg, #b95700);border-radius:8px;cursor:pointer;transition:all .2s}.settings-cancel-btn:hover:not(:disabled){background-color:var(--button-reset-hover-bg, #d46c0b);border-color:var(--button-reset-hover-bg, #d46c0b)}.settings-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--surface-color);border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color)}.modal-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.modal-close-btn{background:none;border:none;font-size:32px;line-height:1;color:var(--text-color);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.modal-close-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.modal-body{padding:24px}.settings-error,.settings-success{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:6px;margin-bottom:20px;font-size:14px}.settings-error{background:var(--error-bg-light);color:var(--error-color);border:1px solid var(--error-border)}.settings-success{background:var(--success-bg-light);color:var(--success-text);border:1px solid #cfc}.settings-inline-alert,.settings-email-change-form{margin:0}.settings-email-change-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%}.settings-email-change-grid label{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:13px;font-weight:600;color:var(--text-primary);text-align:left}.settings-email-change-grid label span{display:flex;justify-content:space-between;gap:8px}.settings-email-change-grid label small{color:var(--text-muted, #718096);font-weight:500}.settings-email-change-grid input,.settings-email-change-grid textarea{width:100%;min-width:0;padding:10px 12px;border:1px solid var(--border-color-medium, var(--border-color));border-radius:6px;background:var(--surface-color);color:var(--text-primary);font:inherit}.settings-email-change-grid textarea{resize:vertical;max-height:120px;overflow-y:auto}.settings-email-change-email{grid-column:2;grid-row:1}.settings-email-change-confirm{grid-column:2;grid-row:2}.settings-email-change-reason{grid-column:1 / -1}.settings-email-change-actions{display:flex;justify-content:flex-end}.password-form{display:flex;flex-direction:column;gap:20px}.password-form .form-group{display:flex;flex-direction:column;gap:8px}.password-form label{font-size:14px;font-weight:500;color:var(--text-primary)}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{width:100%;padding:10px 40px 10px 12px;font-size:14px;border:1px solid var(--border-color-medium);border-radius:6px;transition:border-color .2s}.password-input-wrapper input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px #667eea1a}.password-input-wrapper input:disabled{background:var(--surface-inset);cursor:not-allowed}.toggle-password-btn{position:absolute;right:10px;background:none;border:none;cursor:pointer;padding:5px;font-size:16px;color:var(--text-secondary);transition:color .2s}.toggle-password-btn:hover{color:var(--text-primary)}.password-form-actions{display:flex;gap:12px;justify-content:center;margin-top:10px}.change-password-btn{padding:12px 24px;font-size:14px;font-weight:600;color:var(--text-inverse);background:var(--brand-gradient);border:none;border-radius:6px;cursor:pointer;transition:opacity .2s,transform .1s}.change-password-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.change-password-btn:active:not(:disabled){transform:translateY(0)}.change-password-btn:disabled{opacity:.6;cursor:not-allowed}.settings-status{display:flex;align-items:center}.status-indicator{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-indicator.enabled{background-color:var(--success-bg-light);color:var(--success-text)}.status-indicator.disabled{background-color:var(--error-bg-light);color:var(--error-color)}.settings-note{margin:8px 0 0;padding:8px 10px;background-color:var(--info-bg-subtle);border-left:3px solid var(--info-color-light);border-radius:4px;font-size:13px;color:var(--info-color);line-height:1.5;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.settings-btn-group{display:flex;align-items:center;gap:.65rem}.settings-action-btn--secondary{background:var(--surface-alt, #f0f2ff);color:var(--brand-primary, #667eea);border:1px solid var(--border-color, #d0d5f7);box-shadow:none}.settings-action-btn--secondary:hover{background:#e0e4ff;transform:translateY(-1px);box-shadow:0 2px 8px #667eea26}.settings-toggle-control{display:flex;align-items:center;gap:10px;flex-shrink:0}@media (max-width: 640px){.settings-panel{padding:16px}.settings-section{padding:20px}.settings-option{align-items:flex-start;flex-direction:column;gap:12px}.settings-toggle-control,.settings-btn-group{width:100%;justify-content:flex-start}.settings-email-change-grid{grid-template-columns:1fr}.settings-email-change-email,.settings-email-change-confirm{grid-column:1;grid-row:auto}.settings-email-change-actions{justify-content:flex-start}}.settings-toggle-control select{font-size:.875rem}.settings-toggle-label{font-size:.82rem;font-weight:500;color:var(--text-muted, #6b7280);min-width:24px;text-align:right}.settings-toggle-btn{position:relative;width:44px;height:24px;padding:0;border:none;background:transparent;cursor:pointer;flex-shrink:0}.settings-toggle-track{display:block;width:44px;height:24px;border-radius:12px;background:var(--border-color, #ccc);transition:background .2s;position:relative}.settings-toggle-btn--on .settings-toggle-track{background:var(--brand-primary, #667eea)}.settings-toggle-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s}.settings-toggle-btn--on .settings-toggle-thumb{transform:translate(20px)}.group-manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.group-manager-header h2{margin:0}.group-manager-header .settings-action-btn{display:flex;align-items:center}.group-tree{border:1px solid var(--border-color);border-radius:8px;overflow-x:visible;overflow-y:hidden}.group-table-scroll{overflow-x:auto;width:100%}.group-table-scroll .group-table-header,.group-table-scroll .group-tree-row{min-width:840px}.group-tree-node{border-bottom:1px solid var(--surface-hover)}.group-tree-node:last-child{border-bottom:none}.group-tree-row{display:flex;align-items:center;gap:8px;padding:10px 12px;transition:background-color .15s;min-height:42px;min-width:840px}.group-tree-row:hover{background-color:var(--surface-alt)}.group-expand-btn{background:none;border:none;cursor:pointer;padding:4px;color:var(--text-color);display:flex;align-items:center;justify-content:center;border-radius:4px;flex-shrink:0;width:24px;height:24px}.group-expand-btn:hover{background:var(--border-color);color:var(--text-primary)}.group-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.group-folder-icon{color:var(--text-color);display:flex;align-items:center;flex-shrink:0}.group-name{font-size:14px;font-weight:500;color:var(--text-primary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-member-badge{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-color);background:var(--surface-hover);padding:2px 8px;border-radius:12px;flex-shrink:0;white-space:nowrap}.group-view-members-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:var(--surface-hover);border:1px solid var(--border-color-medium);border-radius:6px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;transition:all .15s ease}.group-view-members-btn:hover{background:var(--border-color);color:var(--text-color);border-color:var(--text-muted)}.group-global-badge{font-size:11px;color:var(--success-text);background:#ecfdf5;padding:2px 8px;border-radius:10px;white-space:nowrap;flex-shrink:0;border:1px solid #a7f3d0;font-weight:500}.group-actions{display:flex;gap:5px;flex-shrink:0;flex-wrap:wrap;align-items:center}.group-action-btn{background:none;border:1px solid transparent;cursor:pointer;padding:4px 6px;border-radius:4px;color:var(--text-color);display:flex;align-items:center;justify-content:center;transition:all .15s}.group-add-sub-btn:hover{background:var(--info-bg-subtle);color:var(--info-color);border-color:#bfdbfe}.group-edit-btn:hover{background:var(--warning-bg-light);color:var(--warning-text);border-color:#fde68a}.group-delete-btn:hover{background:var(--error-bg-light);color:var(--error-color);border-color:#fecaca}.group-action-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.group-description{font-size:13px;color:var(--text-color);padding:0 12px 8px;font-style:italic}.group-empty{text-align:center;padding:40px 20px;color:var(--text-secondary)}.group-empty-icon{margin-bottom:12px;color:var(--border-color-medium)}.group-empty p{margin:0 0 4px;font-size:15px;font-weight:500;color:var(--text-color)}.group-empty .group-empty-hint{font-size:13px;color:var(--text-secondary);font-weight:400}.group-loading{text-align:center;padding:32px;color:var(--text-color);font-size:14px}.group-modal{max-width:620px}.group-delete-modal{max-width:380px}.group-delete-modal .modal-header{padding:12px 16px}.group-delete-modal .modal-header h2{font-size:16px}.group-delete-modal .modal-close-btn{font-size:22px;width:24px;height:24px}.group-delete-modal .modal-body{padding:14px 16px}.group-delete-modal .modal-body>p{margin-bottom:10px}.group-delete-modal .group-form-actions{margin-top:14px}.group-form{display:flex;flex-direction:column;gap:18px}.group-form .form-group{display:flex;flex-direction:column;gap:6px}.group-form label{font-size:14px;font-weight:500;color:var(--text-primary)}.group-form input[type=text],.group-form select{width:100%;padding:10px 12px;font-size:14px;border:1px solid var(--border-color-medium);border-radius:6px;transition:border-color .2s,box-shadow .2s;background:var(--surface-color);box-sizing:border-box}.group-form input[type=text]:focus,.group-form select:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px #667eea1a}.group-form input[type=text]:disabled,.group-form select:disabled{background:var(--surface-inset);cursor:not-allowed}.color-picker-row{display:flex;gap:8px;flex-wrap:wrap}.color-swatch{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .15s;padding:0}.color-swatch:hover{transform:scale(1.15)}.color-swatch.selected{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--surface-color),0 0 0 4px currentColor}.group-form-actions{display:flex;justify-content:space-between;gap:10px;padding-top:8px}.group-cancel-btn{padding:10px 20px;font-size:14px;font-weight:500;color:var(--button-reset-text, white);background:var(--button-reset-bg, #b95700);border:none;border-radius:8px;cursor:pointer;transition:all .15s}.group-cancel-btn:hover:not(:disabled){background:var(--button-reset-hover-bg, #d46c0b)}.group-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.group-delete-confirm-btn{padding:10px 20px;font-size:14px;font-weight:600;color:var(--text-inverse);background:var(--error-color);border:none;border-radius:6px;cursor:pointer;transition:all .15s}.group-delete-confirm-btn:hover:not(:disabled){background:#b91c1c}.group-delete-confirm-btn:disabled{opacity:.6;cursor:not-allowed}.delete-cascade-option{background:#fffbeb;border:1px solid #fde68a;border-radius:6px;padding:12px}.cascade-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer}.cascade-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--warning-text)}.cascade-hint{margin:6px 0 0 24px;font-size:13px;color:#92400e}.group-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:10001;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.group-view-members-modal{max-width:850px;max-height:75vh;background:var(--surface-color);border-radius:12px;box-shadow:var(--shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, .1));display:flex;flex-direction:column;overflow:hidden}.group-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color);flex-shrink:0;gap:24px}.group-modal-header h3{margin:0;font-size:17px;font-weight:600;color:var(--text-primary);flex:1;min-width:0}.group-modal-close{background:none;border:none;font-size:20px;color:var(--text-color);cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .15s;flex-shrink:0;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center}.group-modal-close:hover{background:var(--surface-hover);color:var(--text-primary)}.group-modal-body{padding:20px;overflow-y:auto;flex:1;min-height:0}.group-modal-footer{display:flex;justify-content:space-between;padding:16px 20px;border-top:1px solid var(--border-color);background:var(--surface-alt);flex-shrink:0}.group-modal-close-btn{padding:10px 24px;font-size:14px;font-weight:500;color:var(--text-inverse);background:var(--button-reset-bg, #b95700);border:none;border-radius:8px;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.group-modal-close-btn:hover{background:var(--button-reset-hover-bg, #d46c0b);transform:translateY(-1px);box-shadow:0 4px 12px #b957004d}.group-members-list{display:flex;flex-direction:column;gap:8px}.group-member-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--surface-alt);border:1px solid var(--border-color);border-radius:8px;transition:all .15s ease}.group-member-item:hover{background:var(--surface-hover);border-color:var(--border-color-medium)}.group-member-info{display:flex;flex-direction:column;gap:4px;flex:1;text-align:left}.group-member-name{font-size:14px;font-weight:500;color:var(--text-primary)}.group-member-email{font-size:12px;color:var(--text-secondary)}.group-member-status{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:500;text-transform:capitalize;white-space:nowrap}.group-member-status.status-active{background:var(--success-bg-light);color:var(--success-text)}.group-member-status.status-pending{background:var(--warning-bg-light);color:var(--warning-text);border:1px solid var(--warning-color)}.group-member-status.status-suspended{background:var(--error-bg-light);color:var(--error-color)}.group-manager-header-actions{display:flex;gap:8px;align-items:center}.smart-sync-btn{background:#fffbeb!important;color:#92400e!important;border-color:#fcd34d!important}.smart-sync-btn:hover:not(:disabled){background:var(--warning-bg-light)!important}.smart-sync-btn:disabled{opacity:.6;cursor:not-allowed}.spin-animation{animation:spin 1s linear infinite}.group-smart-badge{font-size:11px;color:#92400e;background:#fffbeb;padding:2px 8px;border-radius:10px;white-space:nowrap;flex-shrink:0;border:1px solid #fcd34d;font-weight:500;display:inline-flex;align-items:center;gap:3px}.group-clever-badge{font-size:10px;font-weight:600;background:linear-gradient(135deg,#4a90d9,#357abd);color:#fff;padding:2px 8px;border-radius:10px;white-space:nowrap;flex-shrink:0;display:inline-flex;align-items:center;gap:4px}.group-classlink-badge{font-size:10px;font-weight:600;background:linear-gradient(135deg,#0891b2,#0e7490);color:#fff;padding:2px 8px;border-radius:10px;white-space:nowrap;flex-shrink:0;display:inline-flex;align-items:center;gap:4px}.group-gc-badge{font-size:10px;font-weight:600;background:linear-gradient(135deg,#4285f4,#1a73e8);color:#fff;padding:2px 8px;border-radius:10px;white-space:nowrap;flex-shrink:0;display:inline-flex;align-items:center;gap:4px}.smart-group-section{margin-top:8px;border-top:1px solid var(--surface-hover);padding-top:12px}.smart-group-toggle{display:flex!important;align-items:center;gap:6px;cursor:pointer;font-weight:500!important;font-size:13px;color:var(--text-primary)}.smart-group-toggle input[type=checkbox]{width:16px;height:16px;cursor:pointer}.smart-rules-builder{margin-top:12px;padding:12px;background:var(--surface-alt);border:1px solid var(--warning-color);border-radius:8px}.smart-rules-hint{font-size:12px;color:var(--warning-color-bright, #f0c040);margin:0 0 10px}.smart-rule-row{display:flex;gap:6px;align-items:center;margin-bottom:8px}.smart-rule-row select{font-size:12px;padding:5px 8px;border:1px solid var(--border-color);border-radius:6px;background:var(--surface-color)}.smart-rule-field{flex:1;min-width:0}.smart-rule-operator{flex:.8;min-width:0}.smart-rule-value{flex:1;min-width:0}.smart-rule-remove{background:none;border:none;color:#ef4444;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;flex-shrink:0}.smart-rule-remove:hover{background:#fef2f2}.smart-rule-add{display:inline-flex;align-items:center;font-size:12px;color:#92400e;background:none;border:1px dashed #fbbf24;padding:4px 10px;border-radius:6px;cursor:pointer;margin-top:2px}.smart-rule-add:hover{background:var(--warning-bg-light)}.group-drag-handle{display:flex;align-items:center;justify-content:center;width:22px;height:26px;color:var(--text-secondary);cursor:grab;flex-shrink:0;border-radius:4px;border:1px solid transparent;transition:color .15s,background-color .15s,border-color .15s}.group-drag-handle:hover{color:var(--text-color);background:var(--border-color);border-color:var(--border-color-medium)}.group-drag-handle:active{cursor:grabbing;color:var(--text-primary);background:var(--border-color-medium)}.group-drag-handle.disabled{cursor:not-allowed;opacity:.25;color:var(--border-color-medium)}.group-tree-node .dragging{opacity:.4}.group-tree-node.drop-above{position:relative}.group-tree-node.drop-above:before{content:"";position:absolute;top:0;left:12px;right:12px;height:2px;background:var(--info-color);border-radius:1px;z-index:10;box-shadow:0 0 4px #2563eb66}.group-tree-node.drop-above:after{content:"";position:absolute;top:-3px;left:8px;width:8px;height:8px;background:var(--info-color);border-radius:50%;z-index:10}.group-tree-node.drop-below{position:relative}.group-tree-node.drop-below:before{content:"";position:absolute;bottom:0;left:12px;right:12px;height:2px;background:var(--info-color);border-radius:1px;z-index:10;box-shadow:0 0 4px #2563eb66}.group-tree-node.drop-below:after{content:"";position:absolute;bottom:-3px;left:8px;width:8px;height:8px;background:var(--info-color);border-radius:50%;z-index:10}.group-manager-section .group-table-header{display:flex;align-items:center;padding:12px;background:var(--brand-gradient);color:var(--text-inverse);border:none;border-radius:8px 8px 0 0;font-size:12px;font-weight:600;white-space:nowrap;-webkit-user-select:none;user-select:none}.group-manager-section .gth-prefix-spacer{width:102px;flex-shrink:0}.group-manager-section .gth-name{width:180px;flex-shrink:0;padding-left:0;text-align:left;overflow:hidden}.group-manager-section .gth-members{width:80px;text-align:center;flex-shrink:0}.group-manager-section .gth-actions-sgm{flex:1;flex-shrink:0;padding-right:0;display:flex;align-items:center;justify-content:center}.gtr-members-col.sgm{width:80px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.gtr-actions-col.sgm{flex:1;min-width:350px;display:flex;align-items:center;justify-content:flex-end;gap:4px}.action-button.sync-lms-btn{min-width:120px;justify-content:center}.group-code-btn{min-width:138px;justify-content:center}.group-manager-section .gth-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .15s}.group-manager-section .gth-sortable:hover{opacity:.8}.group-manager-section .gth-sorted{text-decoration:underline;text-underline-offset:3px}.group-manager-section .gth-sort-hint{opacity:.45;font-size:11px}.group-manager-section .group-table-header+.group-tree{border-radius:0 0 8px 8px}@media (max-width: 640px){.group-table-scroll .group-table-header,.group-table-scroll .group-tree-row,.group-tree-row{min-width:700px}.group-manager-section .gth-prefix-spacer{width:72px}.group-manager-section .gth-name,.gtr-name-col{width:96px}.group-manager-section .gth-members,.gtr-members-col.sgm{width:56px}.group-manager-section .gth-actions-sgm,.gtr-actions-col.sgm{flex:0 0 300px;min-width:300px}.gtr-actions-col.sgm{justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;row-gap:4px}.action-button.sync-lms-btn{min-width:96px}.group-code-btn{min-width:120px}}.group-manager-section [data-tooltip]{position:relative}.group-manager-section [data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#1a1f2e;color:#e6edf3;border:1px solid #3d444d;box-shadow:0 4px 12px #0000008c;padding:6px 10px;border-radius:6px;font-size:12px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;z-index:1000}.group-manager-section [data-tooltip]:hover:after{opacity:1}.group-table-header{display:flex;align-items:center;padding:12px;background:var(--brand-gradient);color:var(--text-inverse);border:none;border-radius:8px 8px 0 0;font-size:12px;font-weight:600;white-space:nowrap;-webkit-user-select:none;user-select:none}.gth-prefix-spacer{width:102px;flex-shrink:0}.gth-name{width:180px;flex-shrink:0;padding-left:0;text-align:left;overflow:hidden}.gth-teacher{width:130px;text-align:left;padding-left:4px;flex-shrink:0}.gth-members{width:80px;text-align:center;flex-shrink:0}.gth-actions{flex:1;flex-shrink:0;padding-right:0;display:flex;align-items:center;justify-content:center}.gtr-name-col{width:180px;flex-shrink:0;display:flex;align-items:center;gap:6px;overflow:hidden}.gtr-name-col .group-name{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gtr-teacher-col{width:130px;flex-shrink:0;display:flex;align-items:center;padding-left:4px}.gtr-members-col{width:80px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.gtr-actions-col{flex:1;min-width:280px;display:flex;align-items:center;justify-content:flex-end;gap:4px}.gth-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .15s}.gth-sortable:hover{opacity:.8}.gth-sorted{text-decoration:underline;text-underline-offset:3px}.gth-sort-hint{opacity:.45;font-size:11px}.group-table-header+.group-tree{border-radius:0 0 8px 8px}.group-error-banner{display:flex;align-items:center;gap:10px;padding:12px 24px;background:var(--error-bg-light);color:var(--error-color);border-top:1px solid var(--error-border);border-bottom:1px solid var(--error-border);font-size:14px;font-weight:500}.admin-group-manager{padding:0}.admin-group-manager [data-tooltip]{position:relative}.admin-group-manager [data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#1a1f2e;color:#e6edf3;border:1px solid #3d444d;box-shadow:0 4px 12px #0000008c;padding:6px 10px;border-radius:6px;font-size:12px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;z-index:1000}.admin-group-manager [data-tooltip]:hover:after{opacity:1}@media (max-width: 640px){.group-table-header,.group-tree-row{min-width:720px}.gth-prefix-spacer{width:72px}.gth-name,.gtr-name-col{width:96px}.gth-teacher,.gtr-teacher-col{width:72px}.gth-members,.gtr-members-col{width:56px}.gth-actions,.gtr-actions-col{flex:0 0 320px;min-width:320px}.gtr-actions-col{justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;row-gap:4px}}.admin-group-manager .group-manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-group-manager .group-manager-header h2{margin:0;color:var(--text-primary);font-size:1.5rem}.agm-filters{display:flex;gap:20px;margin-bottom:20px;padding:12px 15px;background:var(--surface-alt);border-radius:8px}.agm-filters .filter-group{display:flex;align-items:center;gap:8px;color:var(--text-secondary)}.agm-filters .filter-group label{font-weight:600;color:var(--text-secondary);font-size:14px}.agm-filters .filter-group select{padding:6px 12px;border:1px solid var(--border-color-medium);border-radius:6px;font-size:13px;color:var(--text-color);background:var(--surface-color);cursor:pointer;min-width:160px}.agm-filters .filter-group select:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px #667eea1a}.admin-teacher-badge{font-size:11px;color:var(--text-color);background:var(--surface-color);padding:2px 8px;border-radius:10px;white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;border:1px solid var(--border-color)}.admin-global-badge{font-size:11px;color:var(--success-text, #276749);background:var(--success-bg-light, #f0fff4);padding:2px 8px;border-radius:10px;white-space:nowrap;flex-shrink:0;border:1px solid var(--success-border, #9ae6b4);font-weight:500}body[data-theme=dark] .admin-global-badge{color:#9ae6b4;background:#9ae6b41a;border-color:#9ae6b44d}.admin-reassign-btn{color:#0891b2!important}.admin-reassign-btn:hover{background:#ecfeff!important;color:#0e7490!important}.admin-group-stats{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;padding:12px;margin-top:12px;font-size:13px;color:var(--text-color)!important;border-top:1px solid var(--border-color);text-align:center}@media (max-width: 640px){.admin-group-stats{gap:6px;font-size:12px}}.admin-group-manager .group-member-badge,.admin-group-manager .group-expand-btn,.admin-group-manager .group-folder-icon,.admin-group-manager .group-action-btn,.admin-group-manager .group-description,.admin-group-manager .group-loading,.admin-group-manager .group-empty,.admin-group-manager .group-empty p{color:var(--text-color)!important}.modal-content.group-modal{max-width:580px;width:96%}.modal-content.group-modal .modal-header{padding:10px 16px}.modal-content.group-modal .modal-body{padding:12px 16px}.modal-content.group-modal .group-form-actions{margin-top:14px!important}.group-modal .settings-note,.admin-group-manager .settings-note{color:var(--info-color-hover, #79b8ff);background:var(--info-bg-light);font-weight:500}.admin-group-manager .checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.admin-group-manager .checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;margin:0;flex-shrink:0}.admin-group-manager .checkbox-label span{font-size:14px;color:var(--text-color);font-weight:500}.dgm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:10020;animation:dgm-fade .15s ease}@keyframes dgm-fade{0%{opacity:0}to{opacity:1}}.dgm-dialog{position:relative;background:var(--surface-color, #161b22);border:1px solid var(--border-color, #30363d);border-radius:12px;width:100%;max-width:440px;padding:32px 28px 24px;box-shadow:0 20px 60px #00000080;animation:dgm-rise .18s ease;text-align:center}@keyframes dgm-rise{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.dgm-close{position:absolute;top:12px;right:14px;background:none;border:none;font-size:16px;color:var(--text-muted, #8b949e);cursor:pointer;padding:4px 6px;border-radius:4px;line-height:1;transition:color .15s,background .15s}.dgm-close:hover{color:var(--text-primary, #e6edf3);background:var(--surface-hover, #1c2128)}.dgm-close:disabled{opacity:.4;cursor:not-allowed}.dgm-icon-row{margin-bottom:12px}.dgm-icon{font-size:36px;line-height:1;filter:grayscale(.2)}.dgm-title{margin:0 0 8px;font-size:18px;font-weight:700;color:var(--text-primary, #e6edf3);letter-spacing:-.01em}.dgm-subtitle{margin:0 0 20px;font-size:14px;color:var(--text-secondary, #a0adb8);line-height:1.55}.dgm-subtitle strong{color:var(--text-primary, #e6edf3)}.dgm-notice{display:flex;align-items:flex-start;gap:10px;background:var(--surface-alt, #21262d);border:1px solid var(--border-color, #30363d);border-radius:8px;padding:10px 14px;margin-bottom:16px;text-align:left;font-size:13px;color:var(--text-color, #c9d1d9);line-height:1.5}.dgm-notice-icon{font-size:16px;flex-shrink:0;margin-top:1px}.dgm-notice strong{color:var(--text-primary, #e6edf3)}.dgm-cascade{background:var(--surface-alt, #21262d);border:1px solid var(--border-color, #30363d);border-radius:8px;padding:10px 14px;margin-bottom:16px;text-align:left}.dgm-cascade-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--text-color, #c9d1d9);cursor:pointer}.dgm-cascade-label input[type=checkbox]{width:15px;height:15px;accent-color:var(--error-color, #e53e3e);cursor:pointer;flex-shrink:0}.dgm-cascade-hint{margin:6px 0 0 23px;font-size:12px;color:var(--text-muted, #8b949e);line-height:1.4}.dgm-actions{display:flex;justify-content:center;gap:10px;margin-top:4px}.dgm-btn-cancel,.dgm-btn-delete{flex:1;padding:9px 18px;font-size:14px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .15s;letter-spacing:.01em}.dgm-btn-cancel{background:var(--surface-alt, #21262d);color:var(--text-color, #c9d1d9);border:1px solid var(--border-color, #30363d)}.dgm-btn-cancel:hover:not(:disabled){background:var(--surface-hover, #1c2128);color:var(--text-primary, #e6edf3)}.dgm-btn-delete{background:#dc2626;color:#fff}.dgm-btn-delete:hover:not(:disabled){background:#b91c1c;box-shadow:0 4px 12px #dc262659}.dgm-btn-cancel:disabled,.dgm-btn-delete:disabled{opacity:.5;cursor:not-allowed}.frg-panel{border:1px solid var(--border-color, #e5e7eb);border-radius:10px;padding:16px;margin:8px 0;background:var(--surface-color, #ffffff);transition:border-color .2s}.frg-panel.ungraded{border-left:4px solid var(--warning-text, #d97706)}.frg-panel.graded{border-left:4px solid var(--success-text, #059669)}.frg-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.frg-question-info{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.frg-badge{font-size:.8rem;font-weight:600;padding:2px 10px;border-radius:12px}.frg-panel.ungraded .frg-badge{background:var(--warning-bg-light, #fef3c7);color:var(--warning-text, #d97706)}.frg-panel.graded .frg-badge{background:var(--success-bg-light, #d1fae5);color:var(--success-text, #059669)}.frg-student-name{font-weight:600;font-size:.9rem;color:var(--text-primary, #1f2937)}.frg-time{font-size:.8rem;color:var(--text-muted, #9ca3af)}.frg-question-text{font-weight:500;font-size:.95rem;color:var(--text-primary, #1f2937);margin-bottom:12px;line-height:1.5}.frg-label{font-size:.85rem;font-weight:600;color:var(--text-secondary, #6b7280);display:flex;align-items:center;margin-bottom:4px}.frg-answer-section{margin-bottom:14px}.frg-correct-answer-section{margin-bottom:12px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:10px 14px}.frg-correct-label{color:#059669;margin-bottom:5px}.frg-correct-answer-text{font-size:.92rem;line-height:1.6;color:#065f46;white-space:pre-wrap;word-wrap:break-word}.frg-answer-text{background:var(--bg-secondary, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;padding:12px 14px;font-size:.92rem;line-height:1.6;color:var(--text-primary, #1f2937);white-space:pre-wrap;word-wrap:break-word;max-height:250px;overflow-y:auto}.frg-teacher-audio-wrap{margin-top:10px}.frg-teacher-audio{width:100%;max-width:420px}.frg-grading-section{border-top:1px solid var(--border-color, #e5e7eb);padding-top:14px}.frg-score-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.frg-score-input-group{display:flex;align-items:center;gap:4px}.frg-score-input{width:56px;padding:6px 8px;border:1px solid var(--border-color, #d1d5db);border-radius:6px;font-size:1rem;font-weight:600;text-align:center;background:var(--surface-color, #ffffff);color:var(--text-primary, #1f2937)}.frg-score-input:focus{outline:none;border-color:var(--brand-primary, #667eea);box-shadow:0 0 0 2px #667eea33}.frg-score-divider{font-size:1.1rem;color:var(--text-muted, #9ca3af);font-weight:500}.frg-score-max{font-size:1rem;font-weight:600;color:var(--text-secondary, #6b7280)}.frg-score-percent{font-size:.9rem;font-weight:600;margin-left:4px}.frg-score-percent.high{color:#28a745}.frg-score-percent.mid{color:#e6a700}.frg-score-percent.low{color:#dc3545}.frg-quick-scores{display:flex;gap:4px;margin-left:8px}.frg-quick-btn{padding:4px 10px;border:1px solid var(--border-color, #d1d5db);border-radius:6px;background:var(--surface-color, #ffffff);color:var(--text-secondary, #6b7280);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s}.frg-quick-btn:hover:not(:disabled){background:var(--surface-hover, #f3f4f6);border-color:var(--brand-primary, #667eea)}.frg-quick-btn.active{background:var(--brand-primary, #667eea);color:var(--text-inverse, #ffffff);border-color:var(--brand-primary, #667eea)}.frg-comment-row{margin-bottom:12px}.frg-comment-input{width:100%;padding:10px 12px;border:1px solid var(--border-color, #d1d5db);border-radius:8px;font-family:inherit;font-size:.9rem;resize:vertical;background:var(--surface-color, #ffffff);color:var(--text-primary, #1f2937);box-sizing:border-box;line-height:1.5}.frg-comment-input:focus{outline:none;border-color:var(--brand-primary, #667eea);box-shadow:0 0 0 2px #667eea33}.frg-comment-input::placeholder{color:var(--text-muted, #9ca3af)}.frg-error{background:var(--error-bg-light, #fee2e2);color:var(--error-color, #dc2626);padding:8px 12px;border-radius:6px;font-size:.85rem;margin-bottom:10px}.frg-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}.frg-reset-btn{padding:6px 14px;border:1px solid var(--border-color, #d1d5db);border-radius:6px;background:none;color:var(--text-secondary, #6b7280);font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .15s}.frg-reset-btn:hover:not(:disabled){background:var(--surface-hover, #f3f4f6)}.frg-save-btn{padding:8px 20px;border:none;border-radius:8px;background:var(--brand-gradient, linear-gradient(135deg, #667eea, #764ba2));color:var(--text-inverse, #ffffff);font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:opacity .15s}.frg-save-btn:hover:not(:disabled){opacity:.9}.frg-save-btn:disabled{opacity:.5;cursor:not-allowed}.frg-spinner{animation:frg-spin 1s linear infinite}@keyframes frg-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.frg-graded-info{margin-top:8px;font-size:.78rem;color:var(--text-muted, #9ca3af);text-align:right}.frg-ai-section{margin-top:8px;padding-top:8px;border-top:1px dashed var(--border-color, #e5e7eb)}.frg-ai-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;font-size:.8rem;border:1px solid var(--border-color, #d1d5db);border-radius:6px;background:var(--surface-color, #f9fafb);color:var(--text-secondary, #6b7280);cursor:pointer;transition:background .15s,border-color .15s}.frg-ai-btn:hover{background:var(--hover-bg, #f3f4f6);border-color:var(--primary-color, #667eea);color:var(--primary-color, #667eea)}.frg-ai-analyzing{display:inline-flex;align-items:center;gap:5px;font-size:.8rem;color:var(--text-muted, #9ca3af)}.frg-ai-result{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.82rem}.frg-ai-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:12px;font-weight:600;font-size:.78rem;white-space:nowrap}.frg-ai-badge.low{background:#ecfdf5;color:#059669}.frg-ai-badge.medium{background:#fffbeb;color:#d97706}.frg-ai-badge.high{background:#fef2f2;color:#dc2626}.frg-ai-reason{color:var(--text-secondary, #6b7280);font-size:.78rem;font-style:italic}.frg-ai-time-flag{font-size:.75rem;color:#d97706;font-weight:500}.frg-bonus-section{border-top:1px dashed var(--border-color, #e5e7eb);margin-top:12px}.frg-bonus-toggle{display:flex;align-items:center;gap:6px;padding:8px 0 6px;width:100%;background:none;border:none;font-size:.85rem;font-weight:600;color:var(--brand-primary, #667eea);cursor:pointer;text-align:left}.frg-bonus-toggle:hover{color:var(--brand-primary-hover, #5a67d8);border-color:transparent}.frg-bonus-chevron{font-size:.8rem;margin-left:2px}.frg-bonus-applied-pill{display:inline-block;background:#d1fae5;color:#059669;font-size:.72rem;font-weight:700;padding:1px 8px;border-radius:10px;margin-left:6px}.frg-bonus-body{background:var(--surface-hover, rgba(102, 126, 234, .04));border:1px solid var(--border-color, #e5e7eb);border-radius:8px;padding:12px 14px 10px;margin-bottom:4px}.frg-bonus-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.frg-bonus-row-note{align-items:flex-start}.frg-bonus-label{min-width:130px;font-size:.82rem;flex-shrink:0}.frg-bonus-hint{font-weight:400;color:var(--text-muted, #9ca3af);font-size:.78rem}.frg-bonus-xp-input{width:90px;padding:6px 10px;border:1px solid var(--border-color, #d1d5db);border-radius:6px;font-size:.9rem;font-family:inherit;background:var(--surface-color, #fff);color:var(--text-primary, #1f2937);text-align:center}.frg-bonus-xp-input:focus{outline:none;border-color:var(--brand-primary, #667eea);box-shadow:0 0 0 2px #667eea33}.frg-bonus-badge-select{flex:1;padding:6px 10px;border:1px solid var(--border-color, #d1d5db);border-radius:6px;font-size:.88rem;font-family:inherit;background:var(--surface-color, #fff);color:var(--text-primary, #1f2937);cursor:pointer}.frg-bonus-badge-select:focus{outline:none;border-color:var(--brand-primary, #667eea)}.frg-bonus-save-btn{background:var(--brand-gradient, linear-gradient(135deg, #667eea, #764ba2))}.frg-bonus-save-btn:hover:not(:disabled){opacity:.9}.sgv-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px}.sgv-modal{background:var(--card-bg-color, #fff);color:var(--text-primary, #1f2937);border-radius:12px;width:100%;max-width:960px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0000004d;padding:28px 32px}.sgv-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.sgv-header h2{margin:0;font-size:1.35rem}.sgv-subtitle{margin:4px 0 0;font-size:.9rem;color:var(--text-secondary, #4a5568)}.sgv-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.sgv-close-btn{background:none;border:none;font-size:1.2rem;color:var(--text-secondary, #4a5568);cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s}.sgv-close-btn:hover{color:var(--text-primary);background:var(--surface-hover, rgba(255,255,255,.05))}.sgv-export-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border:none;background:var(--brand-gradient);color:var(--text-inverse, #fff);border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s}.sgv-export-btn:hover{opacity:.85}.sgv-loading{text-align:center;padding:48px 0;font-size:1rem;color:var(--text-secondary, #4a5568)}.sgv-error{text-align:center;padding:32px;color:var(--error-text, #f56565)}.sgv-empty{text-align:center;padding:48px 24px;color:var(--text-secondary, #4a5568);font-size:1rem}.sgv-stats-bar{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px;padding:16px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:10px}.sgv-stat{display:flex;flex-direction:column;align-items:center;min-width:80px;flex:1}.sgv-stat strong{font-size:1.3rem;color:var(--text-primary)}.sgv-stat span{font-size:.78rem;color:var(--text-secondary, #4a5568);margin-top:2px}.sgv-trend.positive strong{color:var(--success-text, #48bb78)}.sgv-trend.negative strong{color:var(--error-text, #f56565)}.sgv-metric-toggles{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.sgv-metric-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:2px solid var(--border-color);background:var(--surface-color);color:var(--text-secondary, #4a5568);border-radius:20px;cursor:pointer;font-size:.82rem;font-weight:500;transition:all .2s}.sgv-metric-btn:hover{background:var(--surface-hover)}.sgv-metric-btn.active{background:var(--card-bg, #fff);font-weight:600}.sgv-metric-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.sgv-chart-container{margin-bottom:24px;padding:16px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:10px}.sgv-section-title{margin:0 0 12px;font-size:.95rem;color:var(--text-primary)}.sgv-kit-table{margin-top:8px}.sgv-table-header{display:grid;grid-template-columns:36px 2fr 50px 100px 90px 80px 60px 90px;gap:8px;padding:10px 12px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px 8px 0 0;font-size:.78rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.sgv-table-row{display:grid;grid-template-columns:36px 2fr 50px 100px 90px 80px 60px 90px;gap:8px;padding:10px 12px;border:1px solid var(--border-color);border-top:none;font-size:.88rem;align-items:center;transition:background .15s;color:var(--text-primary)}.sgv-table-row:last-child{border-radius:0 0 8px 8px}.sgv-table-row:hover{background:var(--surface-hover, rgba(0,0,0,.02))}.sgv-col-num{color:var(--text-secondary, #4a5568);font-weight:500}.sgv-col-title{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary)}.sgv-col-lang{font-size:.8rem;font-weight:600;color:var(--text-secondary, #4a5568)}.sgv-col-status{font-size:.82rem}.sgv-col-status.status-completed{color:var(--success-text, #48bb78)}.sgv-col-status.status-in_progress{color:var(--warning-color, #ed8936)}.sgv-col-status.status-not_started{color:var(--text-secondary, #4a5568)}.sgv-col-pct{display:flex;align-items:center;gap:6px;font-size:.85rem}.sgv-mini-bar{width:40px;height:6px;background:var(--border-color);border-radius:3px;overflow:hidden;flex-shrink:0}.sgv-mini-fill{height:100%;background:var(--brand-primary, #667eea);border-radius:3px;transition:width .3s}.sgv-col-score,.sgv-col-time,.sgv-col-date{font-size:.85rem;color:var(--text-secondary, var(--text-primary))}@media (max-width: 768px){.sgv-modal{padding:20px 16px}.sgv-table-header,.sgv-table-row{grid-template-columns:28px 1fr 44px 80px 70px 60px;font-size:.8rem}.sgv-col-time,.sgv-col-date{display:none}.sgv-stats-bar{gap:10px}.sgv-stat strong{font-size:1.1rem}}.spv-container{max-width:1200px;margin:0 auto;padding:24px}.spv-loading{text-align:center;padding:60px;font-size:1.1rem;color:var(--text-secondary)}.spv-error{text-align:center;padding:40px;background:var(--error-bg-light);border-radius:12px;color:var(--error-color)}.spv-error button{margin-top:12px;padding:8px 20px;border:none;background:var(--brand-gradient);color:var(--text-inverse);border-radius:8px;cursor:pointer}.spv-header{margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.spv-header h2{margin:0;font-size:1.5rem}.spv-subtitle{margin:0 auto 0 12px;font-size:.95rem;color:var(--text-secondary)}.spv-back-btn{background:none;border:none;color:var(--brand-primary);font-size:.95rem;font-weight:600;cursor:pointer;padding:8px 0;margin-bottom:16px;display:inline-block;transition:color .2s}.spv-back-btn:hover{color:var(--brand-primary-hover)}.spv-empty{text-align:center;padding:60px;background:var(--surface-alt);border-radius:8px;color:var(--text-muted);font-size:1rem}.spv-overview-summary,.spv-result-paths,.spv-kit-results{margin-bottom:28px}.spv-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.spv-section-heading h3{margin:0 0 4px;font-size:1.1rem}.spv-section-heading p{margin:0;color:var(--text-secondary);font-size:.9rem}.spv-overview-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.spv-overview-stats>div{padding:16px;background:var(--surface-color);border-right:1px solid var(--border-color)}.spv-overview-stats>div:last-child{border-right:none}.spv-overview-stats strong,.spv-overview-stats span,.spv-result-path strong,.spv-result-path span,.spv-result-path em{display:block}.spv-overview-stats strong{margin-bottom:4px;color:var(--brand-primary);font-size:1.35rem}.spv-overview-stats span{color:var(--text-secondary);font-size:.8rem}.spv-result-path-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.spv-result-path{min-height:138px;padding:16px;border:2px solid color-mix(in srgb,var(--brand-primary) 30%,transparent);border-radius:8px;background:var(--surface-color);color:var(--text-primary);text-align:left;cursor:pointer;transition:all .2s ease}.spv-result-path:hover{border-color:var(--brand-primary);background:var(--surface-alt);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.spv-result-path:disabled{cursor:default;opacity:.78}.spv-result-path strong{margin-bottom:8px;font-size:.95rem}.spv-result-path span{color:var(--text-secondary);font-size:.82rem;line-height:1.45}.spv-result-path em{margin-top:12px;color:var(--brand-primary);font-size:.78rem;font-style:normal;font-weight:700}.spv-secondary-action{flex:0 0 auto;padding:8px 14px;border:none;border-radius:6px;background:var(--brand-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:#fff;cursor:pointer;font-size:.85rem;font-weight:700;transition:filter .15s,transform .1s}.spv-secondary-action:hover{filter:brightness(1.1);transform:translateY(-1px)}.spv-kit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.spv-kit-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:20px;cursor:pointer;transition:transform .2s,box-shadow .2s}.spv-kit-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.spv-kit-title{margin:0 0 14px;font-size:1.1rem}.spv-kit-stats{display:flex;gap:12px;margin-bottom:14px}.spv-stat{text-align:center;flex:1}.spv-stat-value{display:block;font-size:1.3rem;font-weight:700}.spv-stat-label{display:block;font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.spv-stat.completed .spv-stat-value{color:var(--success-text)}.spv-stat.in-progress .spv-stat-value{color:var(--warning-color)}.spv-stat.not-started .spv-stat-value{color:var(--text-secondary, #4a5568)}.spv-kit-progress-bar{height:6px;background:var(--border-color-light);border-radius:3px;overflow:hidden;margin-bottom:6px}.spv-kit-progress-fill{height:100%;background:var(--brand-gradient);border-radius:3px;transition:width .4s ease}.spv-kit-avg{font-size:.8rem;color:var(--text-secondary)}.spv-summary-bar{display:flex;flex-wrap:wrap;gap:16px;padding:16px 20px;background:var(--surface-alt);border-radius:12px;margin-bottom:24px}.spv-summary-stat{font-size:.9rem;color:var(--text-primary, #1a202c)}.spv-summary-stat strong{font-size:1.2rem;margin-right:4px}.spv-summary-stat.completed strong{color:var(--success-text)}.spv-summary-stat.in-progress strong{color:var(--warning-color)}.spv-summary-stat.not-started strong{color:var(--text-secondary, #4a5568)}.spv-summary-stat.avg strong{color:var(--brand-primary)}.spv-student-table{border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.spv-table-header{display:grid;grid-template-columns:2fr 1fr 2fr 1.5fr .8fr;padding:12px 16px;background:var(--surface-inset);font-weight:700;font-size:.85rem;color:var(--text-primary, #1a202c);text-transform:uppercase;letter-spacing:.5px}.spv-table-row{display:grid;grid-template-columns:2fr 1fr 2fr 1.5fr .8fr;padding:14px 16px;border-top:1px solid var(--border-color-light);align-items:center;cursor:pointer;transition:background .15s}.spv-table-row:hover{background:var(--surface-hover)}.spv-col-name strong{display:block;font-size:.95rem}.spv-col-name small{color:var(--text-muted);font-size:.8rem}.spv-col-status{font-size:.85rem;text-transform:capitalize}.spv-col-status.status-completed{color:var(--success-text)}.spv-col-status.status-in_progress{color:var(--warning-color)}.spv-col-status.status-not_started{color:var(--text-secondary, #4a5568)}.spv-col-progress{display:flex;flex-direction:column;gap:4px;font-size:.85rem}.spv-mini-progress{height:5px;background:var(--border-color-light);border-radius:3px;overflow:hidden;width:100%}.spv-mini-fill{height:100%;background:var(--brand-gradient);border-radius:3px}.spv-col-last{font-size:.82rem;color:var(--text-secondary, #4a5568)}.spv-col-comfort{font-size:.9rem;color:#d97706;letter-spacing:1px}.spv-detail-btn{background:var(--brand-gradient);color:var(--text-inverse);border:none;padding:6px 14px;border-radius:6px;font-size:.82rem;cursor:pointer;transition:opacity .2s}.spv-detail-btn:hover{opacity:.85}.spv-detail-stats{display:flex;flex-wrap:wrap;gap:20px;padding:16px 20px;background:var(--surface-alt);border-radius:12px;margin-bottom:24px}.spv-detail-stat{display:flex;flex-direction:column;gap:2px}.spv-detail-label{font-size:.75rem;color:var(--text-secondary, #4a5568);text-transform:uppercase;letter-spacing:.5px}.spv-detail-value{font-size:1rem;font-weight:600;text-transform:capitalize}.spv-detail-value.status-completed{color:var(--success-text)}.spv-detail-value.status-in_progress{color:var(--warning-color)}.spv-detail-value.status-not_started{color:var(--text-secondary, #4a5568)}.spv-section-title{font-size:1.1rem;margin:0 0 16px;color:var(--text-primary)}.spv-activity-breakdown{display:flex;flex-direction:column;gap:12px}.spv-activity-detail{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.spv-activity-detail.status-completed{border-left:4px solid var(--success-text)}.spv-activity-detail.status-in_progress{border-left:4px solid var(--warning-color)}.spv-activity-detail.status-not_started{border-left:4px solid var(--border-color-medium)}.spv-act-header{display:flex;align-items:center;gap:12px;padding:14px 16px}.spv-act-icon{font-size:1.1rem}.spv-act-title{font-weight:600;flex:1}.spv-act-type{font-size:.8rem;color:var(--text-secondary, #4a5568);background:var(--border-color-light);padding:3px 8px;border-radius:4px}.spv-act-time{font-size:.82rem;color:var(--text-secondary, #4a5568)}.spv-act-score{font-weight:700;font-size:.95rem;padding:3px 10px;border-radius:6px}.spv-act-score.high{background:var(--success-bg-light);color:var(--success-text)}.spv-act-score.mid{background:var(--warning-bg-light);color:var(--warning-text)}.spv-act-score.low{background:var(--error-bg-light);color:var(--error-text)}.spv-act-pending-fr{font-size:.82rem;font-weight:600;padding:2px 8px;border-radius:10px;background:var(--warning-bg-light);color:var(--warning-text);border:1px solid var(--warning-color);white-space:nowrap}.spv-pending-review-badge{display:inline-block;font-size:.78rem;font-weight:600;padding:1px 8px;margin-left:10px;border-radius:10px;background:var(--warning-bg-light);color:var(--warning-text);border:1px solid var(--warning-color);vertical-align:middle}.spv-results-detail{padding:12px 16px 16px;border-top:1px solid var(--border-color-light);background:var(--surface-alt)}.spv-results-detail h4{margin:0 0 10px;font-size:.9rem;color:var(--text-primary, #1a202c)}.spv-result-list{display:flex;flex-direction:column;gap:6px}.spv-result-item{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 10px;border-radius:6px;font-size:.85rem}.spv-result-item.correct{background:var(--success-bg-light)}.spv-result-item.incorrect{background:var(--error-bg-light)}.spv-result-icon{font-weight:700;font-size:.9rem}.spv-result-item.correct .spv-result-icon{color:var(--success-text)}.spv-result-item.incorrect .spv-result-icon{color:var(--error-color)}.spv-result-q{flex:1;min-width:200px}.spv-result-answers{font-size:.8rem;color:var(--text-secondary);width:100%;padding-left:24px}.spv-result-answers em{color:var(--text-primary)}.spv-act-attempts{font-size:.8rem;color:var(--brand-primary);background:var(--info-bg-light);padding:3px 8px;border-radius:4px;font-weight:500}.spv-act-last-score{font-size:.82rem;color:var(--text-muted);font-weight:500}.spv-sessions-detail{padding:12px 16px 16px;border-top:1px solid var(--border-color-light);background:var(--surface-alt)}.spv-sessions-detail h4{margin:0 0 10px;font-size:.9rem;color:var(--text-color)}.spv-session-list{display:flex;flex-direction:column;gap:4px}.spv-session-item{display:flex;align-items:center;gap:16px;padding:6px 10px;border-radius:6px;font-size:.82rem;background:var(--surface-inset)}.spv-session-item.completed{background:var(--success-bg-light)}.spv-session-date{color:var(--text-muted);min-width:160px}.spv-session-duration{font-weight:600;color:var(--text-primary);min-width:60px}.spv-session-action{font-size:.78rem}.spv-session-action.completed{color:var(--success-text)}.spv-session-action.paused{color:var(--warning-color)}.spv-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.spv-header-actions{display:flex;gap:10px;flex-shrink:0;flex-wrap:wrap}.spv-preview-btn{padding:8px 16px;border:none;background:var(--brand-gradient);color:var(--text-inverse);border-radius:8px;cursor:pointer;font-size:.88rem;font-weight:600;transition:background .2s,color .2s}.spv-preview-btn:hover{background:var(--brand-primary-hover);color:var(--text-inverse)}.spv-reset-all-btn{padding:8px 16px;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px;cursor:pointer;font-size:.88rem;font-weight:600;transition:opacity .2s}.spv-reset-all-btn:hover:not(:disabled){opacity:.85}.spv-reset-all-btn:disabled{opacity:.4;cursor:not-allowed}.spv-passback-btn{display:inline-flex;align-items:center;padding:8px 16px;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px;cursor:pointer;font-size:.88rem;font-weight:600;transition:opacity .2s}.spv-passback-btn:hover:not(:disabled){opacity:.85}.spv-passback-btn:disabled{opacity:.4;cursor:not-allowed}.spv-act-reset-btn{margin-left:auto;padding:3px 10px;border:none;background:var(--brand-gradient);color:var(--text-inverse);border-radius:6px;cursor:pointer;font-size:.82rem;display:inline-flex;align-items:center;transition:all .2s}.spv-act-reset-btn:hover:not(:disabled){opacity:.88;box-shadow:var(--brand-shadow)}.spv-act-reset-btn:disabled{opacity:.5;cursor:not-allowed}.spv-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:9999;animation:spvFadeIn .15s ease}.spv-confirm-dialog{background:var(--surface-color);border-radius:16px;padding:28px 32px;max-width:460px;width:90%;box-shadow:var(--shadow-xl)}.spv-confirm-dialog h3{margin:0 0 12px;font-size:1.15rem}.spv-confirm-dialog p{margin:0 0 20px;font-size:.95rem;color:var(--text-color);line-height:1.5}.spv-confirm-actions{display:flex;gap:10px;justify-content:space-between}.spv-confirm-cancel{padding:8px 20px;border:none;background:#b95700;color:var(--text-inverse);border-radius:8px;cursor:pointer;font-size:.9rem}.spv-confirm-cancel:hover{background:#d46c0b}.spv-confirm-reset{padding:8px 20px;border:none;background:var(--error-color);color:var(--text-inverse);border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600}.spv-confirm-reset:hover:not(:disabled){background:#c0392b}.spv-confirm-reset:disabled{opacity:.6;cursor:not-allowed}.spv-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:9998;animation:spvFadeIn .15s ease}.spv-preview-panel{background:var(--surface-color);border-radius:16px;max-width:600px;width:94%;max-height:80vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl)}.spv-preview-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--border-color-light)}.spv-preview-header h3{margin:0;font-size:1rem;color:var(--text-primary)}.spv-preview-close{background:none;border:none;font-size:1.4rem;cursor:pointer;color:var(--text-muted);padding:4px}.spv-preview-close:hover{color:var(--text-primary)}.spv-preview-body{padding:20px 24px;overflow-y:auto}.spv-preview-kit-title{font-size:1.2rem;font-weight:700;margin-bottom:12px;color:var(--text-primary)}.spv-preview-progress-bar{height:8px;background:var(--border-color-light);border-radius:4px;overflow:hidden;margin-bottom:6px}.spv-preview-progress-fill{height:100%;background:var(--brand-gradient);border-radius:4px;transition:width .3s}.spv-preview-progress-text{font-size:.85rem;color:var(--text-muted);display:block;margin-bottom:18px}.spv-preview-activity-list{display:flex;flex-direction:column;gap:8px}.spv-preview-activity{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;background:var(--surface-alt);border:1px solid var(--border-color-light)}.spv-preview-activity.status-completed{background:var(--success-bg-light);border-color:var(--success-bg-light)}.spv-preview-activity.status-in_progress{background:var(--warning-bg-light);border-color:var(--warning-bg-light)}.spv-preview-act-icon{font-size:1.2rem;flex-shrink:0}.spv-preview-act-info{flex:1;min-width:0}.spv-preview-act-title{display:block;font-weight:600;font-size:.92rem;color:var(--text-primary)}.spv-preview-act-type{display:block;font-size:.78rem;color:var(--text-muted)}.spv-preview-act-status{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.spv-preview-score{font-size:.82rem;font-weight:600;color:var(--success-text)}.spv-preview-badge{font-size:.72rem;padding:2px 8px;border-radius:10px;font-weight:600}.spv-preview-badge.completed{background:var(--success-bg-light);color:var(--success-text)}.spv-preview-badge.in-progress{background:var(--warning-bg-light);color:var(--warning-text)}.spv-preview-badge.not-started{background:var(--border-color-light);color:var(--text-muted)}.spv-ai-review-session{border-left:3px solid var(--brand-primary)}.spv-ai-review-meta{display:flex;gap:20px;font-size:.88rem;color:var(--text-color);margin-bottom:8px}.spv-ai-transcript{margin-top:8px}.spv-ai-transcript summary{cursor:pointer;font-size:.85rem;font-weight:600;color:var(--brand-primary);-webkit-user-select:none;user-select:none}.spv-ai-transcript summary:hover{color:var(--brand-primary-hover)}.spv-transcript-list{margin-top:10px;display:flex;flex-direction:column;gap:6px;max-height:400px;overflow-y:auto;padding-right:4px}.spv-transcript-msg{display:flex;gap:8px;padding:8px 12px;border-radius:8px;font-size:.85rem;line-height:1.45}.spv-transcript-msg.ai{background:var(--info-bg-subtle)}.spv-transcript-msg.user{background:var(--surface-alt)}.spv-transcript-role{flex-shrink:0;font-size:1rem}.spv-transcript-text{color:var(--text-primary);white-space:pre-wrap}@keyframes spvFadeIn{0%{opacity:0}to{opacity:1}}.spv-ai-review-btn{margin-top:12px;padding:8px 18px;border:1px solid var(--brand-primary);background:var(--brand-gradient);color:var(--text-inverse);border-radius:8px;cursor:pointer;font-size:.88rem;font-weight:600;transition:all .2s}.spv-ai-review-btn:hover{transform:translateY(-1px);box-shadow:var(--brand-shadow)}.spv-header-actions{display:flex;align-items:center;gap:8px}.spv-export-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;transition:opacity .2s}.spv-export-btn:hover{opacity:.85}.spv-report-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.spv-report-btn:hover{opacity:.85;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.spv-report-btn:disabled{opacity:.6;cursor:wait}.spv-filter-toggle-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;transition:opacity .2s}.spv-filter-toggle-btn:hover{opacity:.85}.spv-filter-toggle-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.spv-filter-toggle-btn .spv-filter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#ffffff4d;color:#fff;font-size:.75rem;font-weight:700}.spv-filter-toggle-btn.active .spv-filter-badge{background:#ffffff4d}.spv-filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;background:var(--surface-bg);border:1px solid var(--border-color);border-radius:8px;margin-bottom:16px}.spv-filter-group{display:flex;flex-direction:column;gap:4px}.spv-filter-group label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.spv-filter-group select{padding:6px 10px;border:1px solid var(--border-color);border-radius:6px;background:var(--input-bg, var(--surface-bg));color:var(--text-primary);font-size:.85rem;min-width:160px}.spv-clear-filters-btn{align-self:flex-end;padding:6px 12px;border:none;background:none;color:var(--brand-primary);cursor:pointer;font-size:.85rem;font-weight:500}.spv-clear-filters-btn:hover{text-decoration:underline}.spv-growth-btn{display:inline-flex;align-items:center;padding:8px 16px;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px;cursor:pointer;font-size:.88rem;font-weight:600;transition:opacity .2s}.spv-growth-btn:hover{opacity:.85}.spv-growth-btn-small{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--border-color);background:transparent;color:var(--text-muted);border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s}.spv-growth-btn-small:hover{border-color:var(--brand-primary);color:var(--brand-primary);background:var(--surface-hover)}.spv-lang-comparison{margin-bottom:20px;padding:16px;background:var(--surface-bg);border:1px solid var(--border-color);border-radius:10px}.spv-lang-title{margin:0 0 12px;font-size:1rem;font-weight:600}.spv-lang-cards{display:flex;flex-wrap:wrap;gap:12px}.spv-lang-card{flex:1;min-width:180px;padding:14px;background:var(--card-bg, #fff);border:1px solid var(--border-color);border-radius:8px}.spv-lang-name{font-size:.9rem;font-weight:700;margin-bottom:10px;color:var(--brand-primary);letter-spacing:1px}.spv-lang-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.spv-lang-stat{display:flex;flex-direction:column}.spv-lang-stat strong{font-size:1.15rem;color:var(--text-primary)}.spv-lang-stat span{font-size:.72rem;color:var(--text-muted);margin-top:1px}@media (max-width: 768px){.spv-container{padding:16px}.spv-overview-stats,.spv-result-path-grid{grid-template-columns:1fr 1fr}.spv-overview-stats>div:nth-child(2){border-right:none}.spv-overview-stats>div:nth-child(-n+2){border-bottom:1px solid var(--border-color)}.spv-section-heading{flex-direction:column}.spv-kit-grid{grid-template-columns:1fr}.spv-table-header,.spv-table-row{grid-template-columns:1fr;gap:6px}.spv-table-header{display:none}.spv-summary-bar{flex-direction:column;gap:8px}.spv-act-header{flex-wrap:wrap}.spv-header-row{flex-direction:column}.spv-header-actions{width:100%}}@media (max-width: 480px){.spv-overview-stats,.spv-result-path-grid{grid-template-columns:1fr}.spv-overview-stats>div{border-right:none;border-bottom:1px solid var(--border-color)}.spv-overview-stats>div:last-child{border-bottom:none}.spv-result-path{min-height:auto}}.progress-workspace{max-width:1380px;margin:0 auto;padding:28px;color:var(--text-primary)}.progress-workspace-header{margin-bottom:22px}.progress-workspace-header h1{margin:4px 0 8px;font-size:2rem}.progress-workspace-header p,.progress-area-heading p,.progress-workspace-state p,.progress-lesson-details p,.progress-lesson-details span{color:var(--text-secondary)}.progress-workspace-eyebrow{color:var(--primary-color);font-size:.8rem;font-weight:800;text-transform:uppercase}.progress-workspace-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}.progress-workspace-tabs button{display:flex;align-items:center;gap:12px;min-height:96px;padding:16px;border:2px solid color-mix(in srgb,var(--brand-primary, #667eea) 30%,transparent);border-radius:8px;background:var(--surface-color);color:var(--text-primary);text-align:left;cursor:pointer;transition:all .2s ease}.progress-workspace-tabs button:hover{border-color:var(--brand-primary, #667eea);background:var(--surface-alt);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.progress-workspace-tabs button.active{border-color:var(--brand-primary, #667eea);background:var(--surface-alt);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.progress-tab-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:10px;font-size:2rem;flex:0 0 auto;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.progress-tab-icon.sk-icon{background:#4f46e51f;border:1px solid rgba(79,70,229,.25)}.progress-tab-icon.lessons-icon{background:#10b9811f;border:1px solid rgba(16,185,129,.25)}.progress-tab-icon.live-icon{background:#ec48991f;border:1px solid rgba(236,72,153,.25)}.progress-workspace-tabs button:hover .progress-tab-icon{transform:scale(1.1) translateY(-1px)}.progress-workspace-tabs span{display:flex;min-width:0;flex-direction:column;gap:4px}.progress-workspace-tabs small{color:var(--text-secondary);font-size:.82rem}.progress-area-content{padding:22px;border:1px solid var(--border-color);border-radius:6px;background:var(--surface-color)}.progress-area-heading,.progress-lesson-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.progress-area-heading{padding-bottom:18px;border-bottom:1px solid var(--border-color)}.progress-area-heading h2,.progress-lesson-details h3,.progress-workspace-state h3{margin:0 0 6px}.progress-area-heading p,.progress-lesson-details p,.progress-workspace-state p{margin:0}.progress-workspace-state{padding:48px 20px;text-align:center}.progress-workspace-state .progress-primary-button{margin-top:18px}.progress-workspace-error{color:var(--danger-color)}.progress-lesson-list{display:grid}.progress-lesson-row{padding:18px 0;border-bottom:1px solid var(--border-color)}.progress-lesson-row:last-child{border-bottom:0}.progress-lesson-details span{display:block;margin-top:6px;font-size:.85rem}.progress-primary-button,.progress-secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border-radius:6px;font-weight:700;cursor:pointer}.progress-primary-button{border:0;background:var(--gradient-primary);color:#fff}.progress-secondary-button{border:1px solid var(--border-color);background:var(--surface-color);color:var(--text-primary)}.progress-secondary-button:disabled{cursor:wait;opacity:.6}@media (max-width: 900px){.progress-workspace-tabs{grid-template-columns:1fr}.progress-workspace-tabs button{min-height:70px}.progress-area-heading,.progress-lesson-row{align-items:stretch;flex-direction:column}.progress-primary-button,.progress-secondary-button{width:100%}}@media (max-width: 600px){.progress-workspace,.progress-area-content{padding:16px}}.progress-overview-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px 0;margin-bottom:12px}.progress-overview-summary div{padding:18px;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-color, #fff)}.progress-overview-summary strong,.progress-overview-summary span{display:block}.progress-overview-summary strong{margin-bottom:4px;color:var(--primary-color, #667eea);font-size:1.7rem}@media (max-width: 900px){.progress-overview-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 600px){.progress-overview-summary{grid-template-columns:1fr}}body[data-theme=dark] .progress-overview-summary div{background:#00000040;border-color:color-mix(in srgb,var(--brand-primary) 35%,transparent)}.wm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1200;animation:wm-fade-in .2s ease}@keyframes wm-fade-in{0%{opacity:0}to{opacity:1}}.wm-card{background:var(--surface-color, #1e1e2e);border:1px solid var(--border-color, #3a3a5c);border-radius:16px;padding:36px 32px 28px;max-width:420px;width:90%;display:flex;flex-direction:column;align-items:center;gap:16px;animation:wm-slide-up .25s ease}@keyframes wm-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.wm-slide{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.wm-icon{font-size:3rem;line-height:1}.wm-title{font-size:1.25rem;font-weight:700;color:var(--text-primary, #fff);margin:0}.wm-body{font-size:.92rem;color:var(--text-secondary, #aaa);line-height:1.55;margin:0;max-width:320px}.wm-dots{display:flex;gap:6px}.wm-dot{width:7px;height:7px;border-radius:50%;background:var(--border-color-medium, #555);transition:background .2s}.wm-dot--active{background:#7c6af7}.wm-actions{display:flex;gap:10px;width:100%}.wm-btn{flex:1;padding:10px 16px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;border:none;transition:opacity .15s}.wm-btn--primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.wm-btn--ghost{background:transparent;color:var(--text-muted, #888);border:1px solid var(--border-color, #3a3a5c)}.wm-btn--full{flex:unset;width:100%}.wm-btn:hover{opacity:.85}.ats-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0f1a;z-index:1300;display:grid;grid-template-rows:auto 1fr auto auto;overflow:hidden;animation:ats-fade-in .2s ease}@keyframes ats-fade-in{0%{opacity:0}to{opacity:1}}.ats-topbar{display:flex;align-items:center;justify-content:space-between;padding:5px 20px;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.ats-topbar-title{font-size:.9rem;font-weight:600;color:#94a3b8;letter-spacing:.03em}.ats-topbar-actions{display:flex;align-items:center;gap:8px}.ats-export-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#cbd5e1;border-radius:6px;padding:5px 13px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s}.ats-export-btn:hover{background:#ffffff24}.ats-close-btn{background:none;border:none;color:#94a3b8;font-size:1.5rem;line-height:1;cursor:pointer;padding:2px 6px;border-radius:4px;transition:color .15s,background .15s}.ats-close-btn:hover{color:#fff;background:#ffffff1a}.ats-body{display:grid;grid-template-rows:1fr auto;overflow:hidden;min-height:0}.ats-slide{min-height:0;display:flex;flex-direction:column;align-items:center;overflow-y:auto;padding:clamp(20px,3vh,36px) clamp(16px,5vw,56px) 20px;gap:16px;text-align:center}.ats-slide-header{display:flex;align-items:center;gap:14px;justify-content:center;margin-bottom:4px}.ats-slide-icon{font-size:clamp(1.6rem,3.5vw,2.4rem);line-height:1;flex-shrink:0}.ats-slide-title{font-size:clamp(1.2rem,2.6vw,1.8rem);font-weight:800;color:#fff;max-width:720px;line-height:1.15;margin:0}.ats-slide-subtitle{font-size:clamp(.85rem,1.4vw,1rem);color:#94a3b8;max-width:600px;line-height:1.4;margin:2px 0 0}.ats-bullets{list-style:none;padding:0;margin:0;width:100%;display:flex;flex-direction:column;gap:8px;text-align:left}.ats-bullets li{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:11px 14px;font-size:clamp(.88rem,1.3vw,.97rem);color:#e2e8f0;line-height:1.5}.ats-tip{background:#7c6af726;border-left:3px solid rgba(124,106,247,.5);border-radius:0 8px 8px 0;padding:6px 14px;font-size:.82rem;color:#c4b8fa;max-width:680px;width:100%;text-align:left;line-height:1.5}.ats-tip strong{color:#d4caff}.ats-navbar{display:flex;align-items:center;justify-content:center;gap:14px;padding:10px 20px;background:#0000004d;border-top:1px solid rgba(255,255,255,.07);flex-shrink:0;flex-wrap:wrap}.ats-nav-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;padding:9px 20px;font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .15s;min-width:90px}.ats-nav-btn:hover:not(:disabled){opacity:.85}.ats-nav-btn:disabled{opacity:.3;cursor:default}.ats-dots{display:flex;gap:6px;align-items:center}.ats-dot{width:8px;height:8px;border-radius:50%;background:#fff3;border:none;cursor:pointer;padding:0;transition:background .2s,transform .2s}.ats-dot--active{background:#7c6af7;transform:scale(1.35)}.ats-dot:hover:not(.ats-dot--active){background:#fff6}.ats-counter{font-size:.82rem;color:#64748b;min-width:48px;text-align:center;font-variant-numeric:tabular-nums}.ats-narrate-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;border-radius:8px;padding:9px 20px;font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .15s;min-width:110px}.ats-narrate-btn:hover:not(:disabled){opacity:.85}.ats-narrate-btn--active{background:linear-gradient(135deg,#22c55e,#16a34a)}.ats-narrate-btn:disabled{opacity:.35;cursor:default}.ats-stop-btn{background:#ef4444b3;border:none;color:#fff;border-radius:8px;padding:9px 14px;font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .15s}.ats-stop-btn:hover{opacity:.85}.ats-keyboard-hint{text-align:center;font-size:.72rem;color:#334155;padding:2px 0 4px;flex-shrink:0}.ats-slide-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;width:100%;max-width:700px}.ats-screenshot-panel{width:100%;max-width:700px;display:flex;flex-direction:column;gap:8px;align-self:center}.ats-screenshot-img{width:100%;border-radius:10px;border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 32px #00000080;display:block;cursor:pointer;transition:transform .15s}.ats-screenshot-img:hover{transform:scale(1.02)}.ats-screenshot-caption{font-size:.75rem;color:#64748b;text-align:center;font-style:italic}.ats-transcript{background:#f9731614;border-top:1px solid rgba(249,115,22,.18);padding:8px 32px 10px;overflow:hidden}.ats-transcript-text{font-size:.95rem;color:#a5b4c8;line-height:1.6;max-width:760px;margin:0 auto;text-align:left;font-style:italic}.ats-transcript-active{color:#fff;background:#f9731638;border-radius:3px;padding:1px 2px;transition:color .2s,background .2s}.ats-tool-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#cbd5e1;border-radius:7px;padding:8px 12px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.ats-tool-btn:hover{background:#ffffff29;color:#fff}.ats-tool-btn--active{background:#7c6af747;border-color:#7c6af780;color:#d4caff}.ats-tool-btn--muted{background:#ef444447;border-color:#ef444466;color:#fca5a5}@media (min-width: 1100px){.ats-slide-content,.ats-tip,.ats-transcript-text{max-width:820px}}@media (min-width: 1440px){.ats-slide-content,.ats-tip,.ats-transcript-text{max-width:960px}}@media (max-width: 600px){.ats-slide{padding:16px 14px 12px;gap:12px}.ats-bullets li{font-size:.92rem;padding:10px 12px}.ats-navbar{gap:6px;padding:8px 10px;flex-wrap:wrap}.ats-nav-btn{padding:10px 16px;min-width:72px;font-size:.85rem}.ats-narrate-btn{padding:10px 14px;min-width:90px;font-size:.85rem}.ats-tool-btn{padding:9px 10px;font-size:.78rem}.ats-keyboard-hint{display:none}.ats-transcript{padding:8px 14px}}body[data-theme=light] .ats-overlay{background:#f6f8fa}body[data-theme=light] .ats-topbar{background:#fff;border-bottom-color:#e5e7eb}body[data-theme=light] .ats-topbar-title{color:#374151}body[data-theme=light] .ats-export-btn{background:#f3f4f6;border-color:#d1d5db;color:#374151}body[data-theme=light] .ats-export-btn:hover{background:#e5e7eb}body[data-theme=light] .ats-close-btn{color:#6b7280}body[data-theme=light] .ats-close-btn:hover{color:#111827;background:#00000012}body[data-theme=light] .ats-slide{background:#f6f8fa}body[data-theme=light] .ats-slide-title{color:#111827}body[data-theme=light] .ats-slide-subtitle{color:#4b5563}body[data-theme=light] .ats-bullets li{background:#fff;border-color:#e5e7eb;color:#1f2937}body[data-theme=light] .ats-tip{background:#667eea14;border-left-color:#667eea80;color:#3730a3}body[data-theme=light] .ats-tip strong{color:#1e1b4b}body[data-theme=light] .ats-navbar{background:#fff;border-top-color:#e5e7eb}body[data-theme=light] .ats-dot{background:#0003}body[data-theme=light] .ats-counter{color:#9ca3af}body[data-theme=light] .ats-tool-btn{background:#f3f4f6;border-color:#d1d5db;color:#374151}body[data-theme=light] .ats-tool-btn:hover{background:#e5e7eb;color:#111827}body[data-theme=light] .ats-tool-btn--active{background:#667eea1f;border-color:#667eea66;color:#4338ca}body[data-theme=light] .ats-tool-btn--muted{background:#dc262614;border-color:#dc26264d;color:#dc2626}body[data-theme=light] .ats-narrate-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}body[data-theme=light] .ats-narrate-btn:hover:not(:disabled){opacity:.85}body[data-theme=light] .ats-narrate-btn--active{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}body[data-theme=light] .ats-stop-btn{background:#dc262614;border-color:#dc26264d;color:#dc2626}body[data-theme=light] .ats-stop-btn:hover{background:#dc262629;color:#b91c1c}body[data-theme=light] .ats-keyboard-hint{color:#d1d5db}body[data-theme=light] .ats-transcript{background:#667eea0d;border-top-color:#667eea33}body[data-theme=light] .ats-transcript-text{color:#374151}body[data-theme=light] .ats-transcript-active{color:#1e1b4b;background:#667eea26}body[data-theme=light] .ats-screenshot-img{border-color:#e5e7eb;box-shadow:0 4px 16px #0000001a}body[data-theme=light] .ats-screenshot-caption{color:#9ca3af}.tab-hint{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fcd34d;border-radius:8px;padding:10px 14px;margin-bottom:18px;font-size:.875rem;color:#92400e;animation:hint-slide-in .25s ease}@keyframes hint-slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.tab-hint-body{flex:1;line-height:1.5}.tab-hint-body strong{color:#7c6af7}.tab-hint-close{background:none;border:1px solid #fcd34d;border-radius:6px;color:#92400e;font-size:.775rem;font-weight:600;padding:3px 8px;cursor:pointer;white-space:nowrap;transition:background .15s;flex-shrink:0}.tab-hint-close:hover{background:#fbbf2440}body[data-theme=dark] .tab-hint{background:linear-gradient(135deg,#8b5cf61a,#8b5cf60d);border:1px solid rgba(139,92,246,.3);color:var(--text-inverse, #f8fafc)}body[data-theme=dark] .tab-hint-body strong{color:#a78bfa}body[data-theme=dark] .tab-hint-close{border:1px solid rgba(139,92,246,.4);color:var(--text-inverse, #f8fafc)}body[data-theme=dark] .tab-hint-close:hover{background:#8b5cf633}.sub-tab-bar{display:flex;gap:0;margin-bottom:20px;border:1px solid var(--border-color);border-radius:10px;overflow:hidden;width:fit-content}.sub-tab-bar button{padding:10px 24px;border:none;background:var(--surface-color);font-size:.9rem;font-weight:600;cursor:pointer;color:#a0aec0;transition:background .2s,color .2s;display:flex;align-items:center;gap:6px}.sub-tab-bar button:not(:last-child){border-right:1px solid var(--border-color)}.sub-tab-bar button.active{background:var(--brand-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:var(--text-inverse, white)}.sub-tab-bar button:hover:not(.active){background:var(--surface-hover, rgba(255,255,255,.05));color:var(--text-primary)}.sub-tab-bar .sub-tab-count{font-size:.75rem;background:#fff3;padding:1px 7px;border-radius:10px;font-weight:700}.sub-tab-bar button:not(.active) .sub-tab-count{background:var(--surface-alt, rgba(0,0,0,.15));color:#a0aec0}@media (max-width: 640px){.sub-tab-bar{width:100%}.sub-tab-bar button{flex:1;padding:10px 12px;font-size:.85rem;justify-content:center}}.tob-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;justify-content:center;align-items:center;background:#0000;transition:background .35s ease;padding:1rem}.tob-overlay.tob-visible{background:#000000b8}.tob-card{position:relative;background:var(--surface-color);border-radius:20px;padding:2.25rem 2.5rem 2rem;max-width:520px;width:100%;text-align:center;box-shadow:0 24px 80px #00000040,0 0 0 1px #ffffff14;transform:translateY(30px) scale(.95);opacity:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.tob-card.tob-card-visible{transform:translateY(0) scale(1);opacity:1}.tob-card.tob-card-exit{transform:translateY(-20px) scale(.97);opacity:0}.tob-skip{position:absolute;top:1rem;right:1.25rem;background:none;border:none;color:var(--text-secondary, #888);font-size:.82rem;font-weight:500;cursor:pointer;padding:.25rem .5rem;border-radius:6px;transition:color .15s,background .15s}.tob-skip:hover{color:var(--text-color);background:var(--surface-hover, rgba(0, 0, 0, .05))}.tob-step-counter{position:absolute;top:1rem;left:1.25rem;font-size:.78rem;font-weight:600;color:var(--brand-primary);letter-spacing:.02em}.tob-emoji{font-size:3.5rem;margin-bottom:.5rem;animation:tob-bounce .5s ease both}@keyframes tob-bounce{0%{transform:scale(.4) rotate(-8deg);opacity:0}60%{transform:scale(1.18) rotate(2deg)}to{transform:scale(1) rotate(0);opacity:1}}.tob-title{font-size:1.6rem;font-weight:700;color:var(--text-color);margin:0 0 .5rem;animation:tob-fade-up .35s ease both}@keyframes tob-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tob-body{font-size:.98rem;color:var(--text-secondary, #666);line-height:1.65;margin:0 0 1rem;animation:tob-fade-up .4s ease both}.tob-details{list-style:none;padding:0;margin:0 0 1.25rem;display:flex;flex-direction:column;gap:.55rem;animation:tob-fade-up .45s ease both}.tob-detail-item{display:flex;align-items:center;gap:.65rem;background:var(--surface-alt, #f7f8fa);border:1px solid var(--border-color, #e8e8e8);border-radius:10px;padding:.6rem .9rem;text-align:left;transition:transform .15s ease,box-shadow .15s ease}.tob-detail-item:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.tob-detail-icon{font-size:1.25rem;flex-shrink:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:var(--surface-color);border-radius:8px;box-shadow:0 1px 3px #0000000f}.tob-detail-text{font-size:.9rem;color:var(--text-color);font-weight:500;line-height:1.4}.tob-cta{display:inline-block;margin-bottom:1rem;padding:.55rem 1.4rem;font-size:.88rem;font-weight:600;color:var(--text-inverse, #fff);background:var(--brand-gradient, linear-gradient(135deg, #667eea, #764ba2));border:none;border-radius:20px;cursor:pointer;box-shadow:var(--brand-shadow, 0 2px 8px rgba(102, 126, 234, .3));transition:transform .15s,box-shadow .15s,opacity .15s}.tob-cta:hover{transform:translateY(-1px);box-shadow:0 4px 14px #667eea73;opacity:.92}.tob-open-guide{display:inline-block;margin-bottom:1rem;padding:.55rem 1.4rem;font-size:.88rem;font-weight:600;color:var(--text-inverse, #fff);background:var(--brand-gradient, linear-gradient(135deg, #667eea, #764ba2));border:none;border-radius:20px;cursor:pointer;text-align:center;box-shadow:var(--brand-shadow, 0 2px 8px rgba(102, 126, 234, .3));transition:transform .15s,box-shadow .15s,opacity .15s}.tob-open-guide:hover{transform:translateY(-1px);box-shadow:0 4px 14px #667eea73;opacity:.92}.tob-dots{display:flex;justify-content:center;gap:.45rem;margin-bottom:1.5rem}.tob-dot{width:8px;height:8px;border-radius:50%;border:none;background:var(--border-color, #dde);cursor:pointer;padding:0;transition:background .2s,transform .25s}.tob-dot:hover{background:#aab}.tob-dot-done{background:#a5b4fc}.tob-dot-active{background:var(--brand-primary);transform:scale(1.4);cursor:default}.tob-nav{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.tob-btn-back{padding:.65rem 1.25rem;font-size:.95rem;font-weight:500;color:var(--brand-primary);background:var(--surface-alt, #f0f2ff);border:1px solid var(--border-color, #d0d5f7);border-radius:10px;cursor:pointer;transition:background .15s,transform .15s}.tob-btn-back:hover{background:var(--surface-hover, #e0e4ff);transform:translateY(-1px)}.tob-btn{flex:1;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:var(--text-inverse);background:var(--brand-gradient);border:none;border-radius:10px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:var(--brand-shadow)}.tob-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.tob-btn:active{transform:translateY(0)}.tob-btn:focus-visible{outline:3px solid var(--brand-primary);outline-offset:3px}body[data-theme=dark] .tob-detail-item{background:var(--surface-alt, #1e1e2e);border-color:var(--border-color, #333)}body[data-theme=dark] .tob-detail-icon{background:var(--surface-color, #181828)}body[data-theme=dark] .tob-dot{background:var(--border-color, #444)}body[data-theme=dark] .tob-dot:hover{background:#666}body[data-theme=dark] .tob-btn-back{background:var(--surface-alt, #252538);border-color:var(--border-color, #444)}@media (max-width: 520px){.tob-card{padding:2rem 1.25rem 1.5rem;border-radius:16px}.tob-title{font-size:1.35rem}.tob-emoji{font-size:2.75rem}.tob-body{font-size:.92rem}.tob-detail-item{padding:.5rem .7rem}.tob-detail-text{font-size:.84rem}}.join-code-banner{background:linear-gradient(135deg,#ebf5ff,#f0e6ff);border:1.5px solid #c3dafe;border-radius:14px;padding:1rem 1.25rem;margin-bottom:1rem;animation:jcb-slide-in .35s ease both}@keyframes jcb-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.join-code-banner-content{display:flex;align-items:flex-start;gap:.85rem}.join-code-banner-icon{font-size:1.6rem;flex-shrink:0;margin-top:2px}.join-code-banner-text{flex:1;display:flex;flex-direction:column;gap:.6rem}.join-code-banner-text strong{font-size:.92rem;color:#2d3748;font-weight:600;line-height:1.4}.join-code-chips{display:flex;flex-wrap:wrap;gap:.5rem}.join-code-chip{display:inline-flex;align-items:center;gap:.5rem;background:#fff;border:1.5px solid #d0d5f7;border-radius:10px;padding:.45rem .85rem;cursor:pointer;transition:all .2s ease;font-family:inherit}.join-code-chip:hover{border-color:var(--brand-primary, #667eea);box-shadow:0 2px 10px #667eea2e;transform:translateY(-1px)}.join-code-chip.copied{border-color:#48bb78;background:#f0fff4}.join-code-value{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:1.15rem;font-weight:700;letter-spacing:.12em;color:var(--brand-primary, #667eea)}.join-code-chip.copied .join-code-value{color:#38a169}.join-code-group{font-size:.78rem;color:#718096;font-weight:500;padding-left:.35rem;border-left:1px solid #e2e8f0}.join-code-copy-icon{font-size:.75rem;color:#a0aec0;display:flex;align-items:center;transition:color .15s}.join-code-chip:hover .join-code-copy-icon{color:var(--brand-primary, #667eea)}.join-code-chip.copied .join-code-copy-icon{color:#48bb78}.join-code-url-btn{display:inline-flex;align-items:center;gap:.35rem;background:none;border:none;color:#667eea;font-size:.8rem;font-weight:500;cursor:pointer;padding:.15rem 0;transition:color .15s;align-self:flex-start}.join-code-url-btn:hover{color:#5a67d8;text-decoration:underline}.join-code-url-btn.copied{color:#38a169}.join-code-banner-close{flex-shrink:0;background:none;border:none;font-size:1.25rem;color:#a0aec0;cursor:pointer;padding:.1rem .35rem;border-radius:6px;line-height:1;transition:color .15s,background .15s}.join-code-banner-close:hover{color:#4a5568;background:#0000000f}body[data-theme=dark] .join-code-banner{background:linear-gradient(135deg,#667eea1f,#9f7aea1f);border-color:#667eea4d}body[data-theme=dark] .join-code-banner-text strong{color:var(--text-color, #e2e8f0)}body[data-theme=dark] .join-code-chip{background:var(--surface-alt, #1e1e2e);border-color:var(--border-color, #444)}body[data-theme=dark] .join-code-chip:hover{border-color:var(--brand-primary, #667eea)}body[data-theme=dark] .join-code-chip.copied{background:#48bb781a;border-color:#48bb78}body[data-theme=dark] .join-code-group{color:#a0aec0;border-left-color:var(--border-color, #444)}body[data-theme=dark] .join-code-copy-icon,body[data-theme=dark] .join-code-banner-close{color:#718096}body[data-theme=dark] .join-code-banner-close:hover{color:#e2e8f0;background:#ffffff14}@media (max-width: 520px){.join-code-banner{padding:.85rem 1rem}.join-code-banner-icon{font-size:1.3rem}.join-code-banner-text strong{font-size:.85rem}.join-code-value{font-size:1rem}.join-code-group{display:none}}.onboarding-banner{display:flex;align-items:center;justify-content:space-between;background:var(--brand-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:#fff;padding:12px 20px;border-radius:8px;margin-bottom:20px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.onboarding-banner-content{display:flex;align-items:center;gap:12px}.onboarding-banner-icon{font-size:1.25rem;flex-shrink:0}.onboarding-banner-message{font-size:.95rem;font-weight:500;line-height:1.4}.onboarding-banner-close{background:none;border:none;color:#fff;opacity:.8;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease,transform .1s ease}.onboarding-banner-close:hover{opacity:1;transform:scale(1.1)}.onboarding-banner-close:active{transform:scale(.95)}.ell-dashboard{width:100%;min-width:0;box-sizing:border-box}.ell-summary-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:16px}.ell-kpi-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:4px}.ell-kpi-card .kpi-label{font-size:.8rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.ell-kpi-card .kpi-value{font-size:1.6rem;font-weight:700;color:var(--text-primary)}.ell-kpi-card .kpi-detail{font-size:.75rem;color:var(--text-secondary)}.ell-proficiency-mini-bar{display:flex;gap:3px;height:20px;margin-top:4px}.ell-proficiency-mini-bar .bar-segment{border-radius:3px;position:relative;min-width:4px}.ell-proficiency-mini-bar .bar-segment .bar-label{font-size:.6rem;color:#fff;text-align:center;line-height:20px;font-weight:600}.ell-tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:2px solid var(--border-color);margin-bottom:20px}.ell-tab-btn{background:transparent;border:1px solid transparent;border-bottom:none;padding:10px 18px;font-size:14px;font-weight:600;color:var(--text-secondary);cursor:pointer;border-radius:8px 8px 0 0;transition:all .2s;margin-bottom:-2px}.ell-tab-btn:hover{color:var(--text-primary);background:#818cf81f}.ell-tab-btn.active{color:#fff;background:var(--brand-gradient);border-color:transparent;box-shadow:0 -2px 6px #667eea40}.ell-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ell-header-row h2{margin:0;font-size:1.4rem}.ell-settings-btn{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.ell-settings-btn:hover{border-color:#818cf880;background:#818cf81a}.ell-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;align-items:flex-end}.ell-filter-group{display:flex;flex-direction:column;gap:4px;min-width:0}.ell-filter-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.ell-filters select,.ell-filters input{padding:7px 28px 7px 10px;border:1px solid var(--border-color);border-radius:6px;background:var(--surface-color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23666'/%3E%3C/svg%3E") no-repeat right 10px center;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--text-primary);font-size:13px;width:170px;cursor:pointer}.ell-student-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.ell-student-table thead th{background:#818cf814;padding:10px 12px;text-align:left;font-weight:600;color:var(--text-secondary);border-bottom:2px solid var(--border-color);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.ell-student-table thead th:hover{color:var(--text-primary)}.ell-student-table tbody tr{transition:background .15s}.ell-student-table tbody tr:hover{background:#818cf80f}.ell-student-table tbody td{padding:10px 12px;border-bottom:1px solid var(--border-color);vertical-align:middle;text-align:left}.ell-student-table .student-name-cell{cursor:pointer;color:var(--brand-primary);font-weight:600;text-align:left}.ell-student-table .student-name-cell:hover{text-decoration:underline}.ell-level-pill{display:inline-block;padding:2px 10px;border-radius:12px;font-weight:700;font-size:.8rem;text-align:center;min-width:28px}.ell-level-pill.red{background:#ef44442e;color:#ef4444}.ell-level-pill.amber{background:#f59e0b2e;color:#f59e0b}.ell-level-pill.green{background:#22c55e2e;color:#22c55e}.growth-positive{color:#22c55e;font-weight:700}.growth-negative{color:#ef4444;font-weight:700}.growth-neutral{color:var(--text-secondary)}.at-risk-badge{display:inline-block;background:#ef444426;color:#ef4444;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:10px;margin-left:6px}.domain-score{font-weight:600}.domain-score.low{color:#ef4444}.domain-score.mid{color:#f59e0b}.domain-score.high{color:#22c55e}.ell-pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:16px;padding:12px 0}.ell-pagination button{background:var(--surface-color);border:1px solid var(--border-color);border-radius:6px;padding:6px 14px;font-size:13px;cursor:pointer;color:var(--text-primary);transition:all .2s}.ell-pagination button:hover:not(:disabled){border-color:#818cf880;background:#818cf81a}.ell-pagination button:disabled{opacity:.4;cursor:default}.ell-pagination .page-info{font-size:13px;color:var(--text-secondary)}.ell-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:1000}.ell-detail-panel{position:fixed;top:0;right:0;bottom:0;width:580px;max-width:90vw;background:var(--surface-color);box-shadow:-4px 0 24px #0003;z-index:1001;overflow-y:auto;padding:24px;animation:slideInRight .2s ease-out}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.ell-detail-panel .detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.ell-detail-panel .detail-header h3{margin:0 0 4px;font-size:1.2rem}.ell-detail-panel .detail-close-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--text-secondary);padding:4px}.ell-detail-panel .detail-section{margin-bottom:24px}.ell-detail-panel .detail-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.ell-action-btn{padding:6px 14px;border:none;border-radius:6px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;transition:opacity .15s}.ell-action-btn:hover{opacity:.85}.ell-detail-panel .detail-section h4{margin:0 0 8px;font-size:.95rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;text-align:left}.ell-detail-panel .profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px}.ell-detail-panel .profile-grid .profile-item{display:flex;flex-direction:column;gap:2px}.ell-detail-panel .profile-item .item-label{font-size:.75rem;color:var(--text-secondary);font-weight:600}.ell-detail-panel .profile-item .item-value{font-size:.9rem;color:var(--text-primary)}.ell-kit-history-table{width:100%;font-size:12px;border-collapse:collapse}.ell-kit-history-table th{padding:6px 8px;text-align:center;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.ell-kit-history-table td{padding:6px 8px;border-bottom:1px solid var(--border-color);text-align:left}.ell-accom-log-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.ell-accom-log-table thead th{background:#818cf814;padding:10px 12px;text-align:left;font-weight:600;color:var(--text-secondary);border-bottom:2px solid var(--border-color);white-space:nowrap}.ell-accom-log-table thead th.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s}.ell-accom-log-table thead th.sortable-th:hover{color:var(--text-primary)}.ell-accom-log-table tbody td{padding:10px 12px;border-bottom:1px solid var(--border-color);vertical-align:middle;text-align:left}.ell-accom-log-table tbody tr:hover{background:#818cf80f}.ell-mode-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:.75rem;font-weight:600}.ell-mode-badge.ell-diff{background:#6366f126;color:#6366f1}.ell-mode-badge.translated{background:#0ea5e926;color:#0ea5e9}.ell-mode-badge.standard{background:#94a3b826;color:#94a3b8}.ell-charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px}.ell-chart-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:20px}.ell-chart-card h4{margin:0 0 12px;font-size:.95rem;color:var(--text-primary)}.ell-tutor-kpis{display:flex;gap:32px;flex-wrap:wrap;margin-bottom:20px;padding:16px 0;border-bottom:1px solid var(--border-color)}.ell-kpi-mini{display:flex;flex-direction:column;gap:4px}.ell-kpi-mini .kpi-label{font-size:.78rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.ell-kpi-mini .kpi-value{font-size:1.6rem;font-weight:700;color:var(--text-primary)}.ell-student-table tbody td.topics-cell{text-align:left}.ell-loading{display:flex;justify-content:center;align-items:center;padding:60px 20px;color:var(--text-secondary);font-size:14px}.ell-empty{text-align:center;padding:24px 20px;color:var(--text-secondary)}.ell-empty .empty-icon{font-size:2rem;margin-bottom:8px}.ell-error{text-align:center;padding:32px 20px;color:#ef4444}.ell-saved-msg{text-align:center;padding:8px 16px;color:#16a34a;font-weight:600;font-size:.9rem}.ell-export-bar{display:flex;gap:8px;margin-bottom:16px}.ell-export-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600;color:#fff;cursor:pointer;display:flex;align-items:center;gap:5px;transition:opacity .2s}.ell-export-btn:hover{opacity:.85}.ell-settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:2000;display:flex;justify-content:center;align-items:center}.ell-settings-modal{background:var(--surface-color);border-radius:12px;padding:28px;width:520px;max-width:90vw;max-height:95vh;overflow-y:auto;box-shadow:0 8px 32px #0000004d}.ell-settings-modal .input-error{border-color:#ef4444!important;outline-color:#ef4444}.ell-settings-modal .field-error{font-size:.72rem;color:#ef4444;margin-top:2px}.ell-settings-modal h3{margin:0 0 20px;font-size:1.15rem}.ell-settings-modal .settings-group{margin-bottom:20px}.ell-settings-modal .settings-group h4{margin:0 0 10px;font-size:.9rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.ell-settings-modal .setting-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-color)}.ell-settings-modal .setting-label{font-size:13px;color:var(--text-primary)}.ell-settings-modal .setting-input{width:80px;padding:5px 8px;border:1px solid var(--border-color);border-radius:6px;background:var(--surface-color);color:var(--text-primary);font-size:13px;text-align:right}.ell-settings-modal .modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;align-items:center}.ell-settings-modal .modal-actions button{padding:8px 18px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.ell-settings-modal .btn-ell-cancel{background-color:var(--button-reset-bg, #b95700);border:none;color:var(--button-reset-text, #fff);margin-right:auto}.ell-settings-modal .btn-ell-cancel:hover{background-color:var(--button-reset-hover-bg, #9a4800)}.ell-settings-modal .btn-ell-defaults{background:var(--brand-gradient);border:none;color:#fff}.ell-settings-modal .btn-ell-defaults:hover{opacity:.88}.ell-settings-modal .btn-save{background:var(--brand-gradient);border:none;color:#fff;font-weight:700}.ell-settings-modal .btn-save:hover{opacity:.88}.ell-settings-modal .btn-save:disabled{opacity:.5;cursor:default}.ell-preview-result{display:flex;flex-direction:column;gap:4px;background:#818cf80f;border:1px solid var(--border-color);border-radius:8px;padding:12px;font-size:13px;width:100%}.ell-date-range{display:flex;gap:16px;margin-bottom:16px;align-items:center}.ell-date-range label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);font-weight:600}.ell-date-range input[type=date]{padding:6px 10px;border:1px solid var(--border-color);border-radius:6px;background:var(--surface-color);color:var(--text-primary);font-size:13px}.ell-toggle{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-primary)}.ell-toggle input[type=checkbox]{width:16px;height:16px;cursor:pointer}@media (max-width: 768px){.ell-summary-bar{grid-template-columns:repeat(2,1fr)}.ell-charts-grid{grid-template-columns:1fr}.ell-detail-panel{width:100vw;max-width:100vw}.ell-filters{flex-direction:column;align-items:stretch}.ell-filters select,.ell-filters input{width:100%}}.teach-overview{max-width:1240px;margin:0 auto;padding:32px;color:var(--text-primary)}.teach-overview-header,.teach-overview-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;text-align:left}.teach-overview-header{padding-bottom:28px;border-bottom:1px solid var(--border-color)}.teach-overview-eyebrow{display:block;margin-bottom:6px;color:var(--brand-primary);font-size:.78rem;font-weight:700;text-transform:uppercase}.teach-overview h2,.teach-overview h3,.teach-overview p{margin-top:0}.teach-overview h2{margin-bottom:8px;font-size:2rem}.teach-overview h3{margin-bottom:5px;font-size:1.25rem}.teach-overview p,.teach-overview button span,.teach-overview-activity span{color:var(--text-color)}.teach-overview-primary,.teach-overview-secondary,.teach-overview-grid button{border:1px solid var(--border-color);border-radius:8px;cursor:pointer}.teach-overview-primary,.teach-overview-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;font-weight:700}.teach-overview-primary{color:#fff;background:var(--brand-gradient)}.teach-overview-secondary{color:var(--text-primary);background:var(--surface-color)}.teach-overview-summary,.teach-overview-activity{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:24px 0}.teach-overview-summary div,.teach-overview-activity div{padding:18px;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-color)}.teach-overview-summary strong,.teach-overview-activity strong{display:block;margin-bottom:5px;color:var(--brand-primary);font-size:1.65rem}.teach-overview-section{padding:28px 0;border-bottom:1px solid var(--border-color)}.teach-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.teach-overview-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.teach-overview-grid--two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px}.teach-overview-grid button{display:flex;min-height:175px;align-items:flex-start;flex-direction:column;text-align:left;padding:20px;color:var(--text-primary);background:var(--surface-color);border:2px solid color-mix(in srgb,var(--brand-primary) 30%,transparent);transition:all .2s ease}.teach-overview-grid button:hover{border-color:var(--brand-primary);background:var(--surface-alt);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.teach-option-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:12px;font-size:2.2rem;margin-bottom:12px;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.teach-option-icon.live-icon{background:#ec48991f;border:1px solid rgba(236,72,153,.25)}.teach-option-icon.saved-icon{background:#4f46e51f;border:1px solid rgba(79,70,229,.25)}.teach-option-icon.study-check-icon{background:#0ea5e91f;border:1px solid rgba(14,165,233,.25)}.teach-option-icon.tutor-icon{background:#10b9811f;border:1px solid rgba(16,185,129,.25)}.teach-overview-grid button:hover .teach-option-icon{transform:scale(1.1) translateY(-2px)}.teach-overview-grid button strong,.teach-overview-grid button span{display:block}.teach-overview-grid button strong{margin-bottom:7px;font-size:1rem}.teach-overview-activity{grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:0}@media (max-width: 900px){.teach-overview-summary,.teach-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 600px){.teach-overview{padding:20px 16px}.teach-overview-header,.teach-overview-section-heading{align-items:stretch;flex-direction:column}.teach-overview-summary,.teach-overview-grid,.teach-overview-grid--three,.teach-overview-activity{grid-template-columns:1fr}}.home-overview{max-width:1240px;margin:0 auto;padding:32px;color:var(--text-primary)}.home-overview-header,.home-overview-next,.home-overview-section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.home-overview-header{padding-bottom:28px}.home-overview-eyebrow,.home-overview-next>div>span{display:block;margin-bottom:6px;color:var(--brand-primary);font-size:.78rem;font-weight:800;text-transform:uppercase}.home-overview h2,.home-overview h3,.home-overview p{margin-top:0}.home-overview h2{margin-bottom:8px;font-size:2rem}.home-overview p{color:var(--text-color)}.home-overview-subtitle{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:12px;padding:16px;background:color-mix(in srgb,var(--brand-primary) 5%,var(--surface-color));border:1px solid color-mix(in srgb,var(--brand-primary) 15%,transparent);border-radius:12px}.home-overview-subtitle-text{color:var(--text-color);font-size:1.05rem;font-weight:500}.home-overview-badges{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.feature-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;background:color-mix(in srgb,var(--brand-primary) 12%,var(--surface-color));color:var(--text-primary);border:1px solid var(--brand-primary);font-size:.82rem;font-weight:700;letter-spacing:.02em;box-shadow:var(--shadow-xs);transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.feature-badge:hover{transform:translateY(-2px) scale(1.03);background:var(--brand-primary);color:var(--text-inverse);box-shadow:var(--shadow-md);cursor:help}.home-overview button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:9px;padding:12px 18px;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);background:var(--surface-color);font-weight:700;cursor:pointer}.home-overview-primary,.home-overview-next>button{color:#fff!important;background:var(--brand-gradient)!important;padding:14px 28px!important;font-size:1.15rem!important;border-radius:10px!important;transition:all .2s ease!important;box-shadow:0 4px 12px #667eea4d!important}.home-overview-primary:hover,.home-overview-next>button:hover{transform:translateY(-1px)!important;box-shadow:0 6px 16px #667eea66!important}.home-overview-next{padding:22px;border:1px solid color-mix(in srgb,var(--brand-primary) 55%,var(--border-color));border-radius:8px;background:var(--surface-alt)}.home-overview-next h3,.home-overview-next p{margin-bottom:5px}.home-overview-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:24px 0}.home-overview-summary div{padding:18px;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-color)}.home-overview-summary strong,.home-overview-summary span{display:block}.home-overview-summary strong{margin-bottom:4px;color:var(--brand-primary);font-size:1.7rem}.home-overview-section{padding-top:28px;border-top:1px solid var(--border-color)}.home-overview-section-heading{align-items:flex-end;margin-bottom:18px}.home-overview-section-heading h3,.home-overview-section-heading p{margin-bottom:4px}.home-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.home-overview-grid button{min-height:175px;padding:20px;align-items:flex-start;flex-direction:column;text-align:left;border:2px solid color-mix(in srgb,var(--brand-primary) 30%,transparent);transition:all .2s ease}.home-overview-grid button:hover{border-color:var(--brand-primary);background:var(--surface-alt);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.home-option-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:12px;font-size:2.2rem;margin-bottom:12px;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.home-option-icon.sk-icon{background:#4f46e51f;border:1px solid rgba(79,70,229,.25)}.home-option-icon.lessons-icon{background:#10b9811f;border:1px solid rgba(16,185,129,.25)}.home-option-icon.audio-icon{background:#f59e0b1f;border:1px solid rgba(245,158,11,.25)}.home-option-icon.teach-icon{background:#ec48991f;border:1px solid rgba(236,72,153,.25)}.home-option-icon.progress-icon{background:#3b82f61f;border:1px solid rgba(59,130,246,.25)}.home-option-icon.people-icon{background:#8b5cf61f;border:1px solid rgba(139,92,246,.25)}.home-overview-grid button:hover .home-option-icon{transform:scale(1.1) translateY(-2px)}.home-overview-grid strong,.home-overview-grid span{display:block}.home-overview-grid span{color:var(--text-color);font-weight:400}@media (max-width: 900px){.home-overview-summary,.home-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 600px){.home-overview{padding:20px 16px}.home-overview-header,.home-overview-next{align-items:stretch;flex-direction:column}.home-overview-summary,.home-overview-grid{grid-template-columns:1fr}.home-overview-header button,.home-overview-next button{width:100%}}.home-overview-next-actions{display:flex;flex-direction:column;gap:10px;flex-shrink:0}.home-overview-next-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;min-height:44px;border-radius:8px;font-weight:700;font-size:1.1rem;cursor:pointer;white-space:nowrap;transition:filter .15s,transform .1s}.home-overview-next-btn--primary{color:#fff!important;background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%))!important;border:none!important}.home-overview-next-btn--primary:hover{filter:brightness(1.1)!important;transform:translateY(-1px)!important;box-shadow:var(--button-accent-shadow, 0 4px 12px rgba(102, 126, 234, .4))!important}.home-overview .home-overview-next-btn--secondary{background:transparent!important;border:1.5px solid var(--brand-primary, #667eea)!important;color:var(--brand-primary, #667eea)!important}.home-overview .home-overview-next-btn--secondary:hover{background:color-mix(in srgb,var(--brand-primary, #667eea) 12%,transparent)!important;transform:translateY(-1px)!important}.home-overview-next-btn-optional{display:inline!important;text-transform:none!important;font-weight:500!important;font-size:.9em!important;opacity:.9!important;color:#e0e7ff!important;margin-bottom:0!important;margin-left:4px!important}.home-assign-selector-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0f1bb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1100;animation:has-fade-in .25s ease}@keyframes has-fade-in{0%{opacity:0}to{opacity:1}}.home-assign-selector-card{background:var(--surface-color, #1e1e2e);border:1px solid var(--border-color, #3a3a5c);border-radius:16px;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #0006;animation:has-slide-up .3s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes has-slide-up{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.home-assign-selector-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color, #3a3a5c)}.home-assign-selector-header h3{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary, #fff)}.home-assign-selector-close{background:transparent;border:none;color:var(--text-secondary, #94a3b8);font-size:1.2rem;cursor:pointer;padding:4px;line-height:1;transition:color .15s}.home-assign-selector-close:hover{color:var(--text-primary, #fff)}.home-assign-selector-search{padding:16px 24px;border-bottom:1px solid var(--border-color, #3a3a5c);background:var(--surface-alt, #151521)}.home-assign-selector-search input{width:100%;padding:12px 16px;border-radius:8px;border:1px solid var(--border-color, #3a3a5c);background:var(--surface-color, #1e1e2e);color:var(--text-primary, #fff);font-size:.95rem;outline:none;transition:border-color .2s,box-shadow .2s}.home-assign-selector-search input:focus{border-color:var(--brand-primary, #6366f1);box-shadow:0 0 0 3px #6366f133}.home-assign-selector-list{flex:1;overflow-y:auto;padding:12px 24px 24px;display:flex;flex-direction:column;gap:12px}.home-assign-selector-empty{padding:32px;text-align:center;color:var(--text-secondary, #94a3b8);font-size:.95rem}.home-assign-selector-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border-radius:12px;border:1px solid var(--border-color, #3a3a5c);background:var(--surface-alt, #151521);transition:transform .15s,border-color .15s,box-shadow .15s}.home-assign-selector-item:hover{border-color:var(--brand-primary, #6366f1);box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.home-assign-selector-item-info{display:flex;flex-direction:column;gap:6px;min-width:0}.home-assign-selector-item-info h4{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary, #fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-assign-selector-item-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.8rem;color:var(--text-secondary, #94a3b8)}.home-assign-selector-badge{padding:2px 8px;border-radius:9999px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.home-assign-selector-badge--assigned{background:#eab30826;color:#f59e0b}.home-assign-selector-badge--unassigned{background:#22c55e26;color:#22c55e}.home-assign-selector-badge--diff{background:#6366f126;color:#818cf8}.home-assign-selector-item button{flex-shrink:0;min-height:38px;padding:8px 16px;font-size:.85rem}.home-overview-status-details{margin-top:28px;border-top:1px solid var(--border-color);padding-top:20px}.home-overview-status-summary{font-size:1.15rem;font-weight:700;color:var(--text-primary);cursor:pointer;outline:none;-webkit-user-select:none;user-select:none;list-style:none;display:flex;align-items:center;gap:8px}.home-overview-status-summary::-webkit-details-marker{display:none}.home-overview-status-summary:before{content:"▸";transition:transform .2s;display:inline-block;color:var(--brand-primary)}.home-overview-status-details[open] .home-overview-status-summary:before{transform:rotate(90deg)}.admin-dashboard{min-height:100vh;background:var(--brand-gradient);overflow-x:hidden;margin:-2rem;width:calc(100% + 4rem)}.admin-footer-bar{height:32px;background:var(--brand-gradient)}.admin-dashboard .dashboard-header{background:var(--brand-gradient);padding:24px 40px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-md)}.admin-dashboard .dashboard-header h1{margin:0;color:var(--text-inverse);font-size:28px;font-weight:600}.admin-dashboard .header-right{display:flex;align-items:center;gap:12px;padding-right:8px}.admin-dashboard .header-divider{width:1px;height:20px;background:#ffffff4d;margin:0 4px}.admin-dashboard .user-badge{color:var(--text-inverse);font-size:14px;opacity:.95}.admin-dashboard .role-badge{background:#fff3;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.admin-dashboard .sign-out-button{background:#ffffff2e;border:1px solid rgba(255,255,255,.4);color:var(--text-inverse);padding:7px 14px;border-radius:20px;cursor:pointer;font-size:.85rem;font-weight:600;transition:background .15s;white-space:nowrap}.admin-dashboard .sign-out-button:hover{background:#ffffff4d}.admin-dashboard .dashboard-tabs{background:var(--surface-color);padding:8px 24px 0;display:flex;flex-wrap:wrap;gap:5px;border-bottom:2px solid var(--border-color)}.admin-dashboard .dashboard-tabs--task-preview>.tab-button,.admin-dashboard .dashboard-tabs--task-preview>.dashboard-more-menu{flex:1 1 0;min-width:112px}.admin-dashboard .dashboard-tabs--task-preview>.dashboard-more-menu>.tab-button{width:100%}.admin-dashboard .tab-button{padding:12px 18px;background:#667eea1f;border:1px solid rgba(102,126,234,.35);border-bottom:none;color:var(--text-primary);font-size:15px;font-weight:600;white-space:nowrap;cursor:pointer;transition:all .2s;border-radius:8px 8px 0 0;margin-bottom:-2px}.admin-dashboard .tab-button:not(.active){background:#667eea1f;border-color:#667eea59}body[data-theme=light] .admin-dashboard .tab-button:not(.active){background:#dde0fb;border-color:#667eea8c;color:#2d3a8c}.admin-dashboard .tab-button:hover{color:var(--brand-primary, #667eea);background:#667eea59;border-color:#667eeab3}body[data-theme=light] .admin-dashboard .tab-button:not(.active):hover{background:#c4cbf7;color:#1e2d82;border-color:#667eeacc}.admin-dashboard .tab-button.active{color:#fff;background:var(--brand-gradient);border-color:transparent;border-radius:8px 8px 0 0;box-shadow:0 -2px 8px #667eea4d}.admin-dashboard .tab-button .unread-badge{display:inline-block;background:#f44;color:var(--text-inverse);font-size:.75rem;font-weight:600;padding:2px 6px;border-radius:10px;margin-left:6px;min-width:18px;text-align:center}.admin-dashboard .tab-button.active .unread-badge{background:#f66}.admin-dashboard .dashboard-more-menu{position:relative;flex:0 0 auto}.admin-dashboard .dashboard-more-menu summary{list-style:none;height:100%}.admin-dashboard .dashboard-more-menu summary::-webkit-details-marker{display:none}.admin-dashboard .dashboard-more-panel{position:absolute;z-index:50;top:calc(100% + 6px);left:auto;right:0;width:max-content;max-width:calc(100vw - 32px);min-width:240px;padding:6px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;background:var(--surface-color, #ffffff);box-shadow:0 12px 28px #00000026}.admin-dashboard .dashboard-more-panel button{display:flex;width:100%;align-items:center;gap:8px;padding:10px 12px;border:0;border-radius:6px;background:transparent;color:var(--text-primary, #111827);font:inherit;text-align:left;cursor:pointer;white-space:nowrap}@media (max-width: 480px){.admin-dashboard .dashboard-more-menu{width:100%}.admin-dashboard .dashboard-more-menu summary{width:100%;box-sizing:border-box;text-align:center}.admin-dashboard .dashboard-more-panel{right:0;left:0;width:100%;min-width:0;max-width:100%;box-sizing:border-box}.admin-dashboard .dashboard-more-panel button{white-space:normal;overflow-wrap:anywhere}}.admin-dashboard .dashboard-more-panel button:hover{background:#7c69ef29}.admin-dashboard .tab-button.content-gen-button,.admin-dashboard .coach-mark-wrapper:has(.content-gen-button){margin-left:16px}.admin-content{padding:.75rem 2rem 2rem;background:var(--surface-color);min-height:calc(100vh - 200px);border-radius:0 12px 0 0;width:100%;box-sizing:border-box}.admin-content .settings-panel{max-width:none;margin:0;padding:0}.admin-placeholder{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.admin-placeholder h2{margin-bottom:1rem;color:var(--text-primary)}@media (max-width: 1024px){.admin-dashboard .dashboard-tabs{padding:0 20px;flex-wrap:wrap}.admin-dashboard .tab-button{padding:14px 16px;font-size:14px}.admin-dashboard .tab-button.content-gen-button{margin-left:0}.admin-dashboard .dashboard-more-panel{left:0;right:auto}.admin-content{padding:1.5rem}}@media (max-width: 768px){.admin-dashboard .dashboard-header{padding:16px 20px;flex-direction:column;align-items:flex-start;gap:12px}.admin-dashboard .dashboard-header h1{font-size:24px}.admin-dashboard .dashboard-tabs{padding:0 10px}.admin-dashboard .tab-button{padding:12px 14px;font-size:13px}.admin-content{padding:1rem}}.admin-progress-teacher-picker{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--surface-color);border:1px solid var(--border-color);border-radius:10px;padding:12px 16px;margin-bottom:16px}.admin-progress-teacher-picker label{color:var(--text-primary);font-size:14px;white-space:nowrap}.admin-progress-teacher-picker select{padding:6px 12px;border:1px solid var(--border-color-medium, var(--border-color));border-radius:6px;font-size:14px;color:var(--text-primary);background:var(--input-bg-color, var(--surface-color));min-width:260px;cursor:pointer}.admin-progress-teacher-picker select:focus{outline:none;border-color:var(--brand-primary, #6366f1);box-shadow:0 0 0 3px #6366f126}.admin-progress-teacher-loading{font-size:13px;color:var(--text-secondary)}.admin-progress-no-teacher{text-align:center;padding:48px 24px;color:var(--text-secondary);font-size:15px;background:var(--surface-alt);border-radius:12px;border:1px dashed var(--border-color)}.ccm-container{background:var(--surface-alt);border:1px solid var(--border-color);border-radius:8px;padding:10px 12px;margin-top:6px;font-size:13px}.ccm-empty{background:transparent;border:1px dashed var(--border-color-medium);text-align:center;padding:8px}.ccm-loading{font-size:12px;color:var(--text-muted);padding:6px 0}.ccm-generate-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:none;border-radius:6px;background:var(--brand-gradient);color:var(--text-inverse);font-size:12px;font-weight:600;cursor:pointer;transition:opacity .15s}.ccm-generate-btn:hover:not(:disabled){opacity:.9}.ccm-generate-btn:disabled{opacity:.5;cursor:wait}.ccm-code-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.ccm-label{font-weight:600;color:var(--text-color);white-space:nowrap}.ccm-code{font-family:Courier New,Courier,monospace;font-size:18px;font-weight:800;letter-spacing:3px;color:var(--brand-primary)}.ccm-code-inactive{color:var(--text-muted);text-decoration:line-through}.ccm-icon-btn{background:none;border:none;cursor:pointer;color:var(--brand-primary);padding:4px;border-radius:4px;display:inline-flex;align-items:center}.ccm-icon-btn:hover{background:#667eea1a}.ccm-copied{font-size:11px;color:var(--success-color);font-weight:600;animation:ccm-fade 2s forwards}@keyframes ccm-fade{0%{opacity:1}70%{opacity:1}to{opacity:0}}.ccm-meta-row{display:flex;align-items:center;gap:10px;margin-bottom:6px;flex-wrap:wrap}.ccm-status{font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px}.ccm-status-active{background:var(--success-bg-light);color:var(--success-text)}.ccm-status-inactive{background:var(--error-bg-light);color:var(--error-color)}.ccm-status-expired{background:var(--warning-bg-light);color:var(--warning-text)}.ccm-stat{font-size:11px;color:var(--text-secondary)}.ccm-url-row{display:flex;align-items:center;gap:6px;margin-bottom:8px;font-size:12px}.ccm-url-label{color:var(--text-secondary);font-weight:500}.ccm-url{color:var(--brand-primary);font-weight:500;word-break:break-all}.ccm-actions{display:flex;gap:6px;flex-wrap:wrap}.ccm-action-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:none;border-radius:5px;background:var(--brand-gradient);color:var(--text-inverse);font-size:11px;font-weight:500;cursor:pointer;transition:opacity .15s}.ccm-action-btn:hover{opacity:.88}.ccm-error{color:var(--error-color);font-size:12px;margin:6px 0 0}.ccm-settings{margin-top:8px;padding:10px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:6px}.ccm-settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13px}.ccm-setting-label{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--text-secondary);font-weight:500;margin-bottom:8px}.ccm-setting-label select,.ccm-setting-label input[type=number]{padding:5px 8px;border:1px solid var(--border-color-medium);border-radius:5px;font-size:12px;margin-top:2px}.ccm-setting-check{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);margin-bottom:10px;cursor:pointer}.ccm-save-btn{padding:6px 16px;border:none;border-radius:5px;background:var(--brand-gradient);color:var(--text-inverse);font-size:12px;font-weight:600;cursor:pointer}.ccm-save-btn:hover{opacity:.9}.tts-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0f1a;z-index:1300;display:grid;grid-template-rows:auto 1fr auto auto;overflow:hidden;animation:tts-fade-in .2s ease}@keyframes tts-fade-in{0%{opacity:0}to{opacity:1}}.tts-topbar{display:flex;align-items:center;justify-content:space-between;padding:5px 20px;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.tts-topbar-title{font-size:.9rem;font-weight:600;color:#94a3b8;letter-spacing:.03em}.tts-topbar-actions{display:flex;align-items:center;gap:8px}.tts-export-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#cbd5e1;border-radius:6px;padding:5px 13px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s}.tts-export-btn:hover{background:#ffffff24}.tts-close-btn{background:none;border:none;color:#94a3b8;font-size:1.5rem;line-height:1;cursor:pointer;padding:2px 6px;border-radius:4px;transition:color .15s,background .15s}.tts-close-btn:hover{color:#fff;background:#ffffff1a}.tts-body{display:grid;grid-template-rows:1fr auto;overflow:hidden;min-height:0}.tts-slide{min-height:0;display:flex;flex-direction:column;align-items:center;overflow-y:auto;padding:clamp(20px,3vh,36px) clamp(16px,5vw,56px) 20px;gap:16px;text-align:center}.tts-slide-header{display:flex;align-items:center;gap:14px;justify-content:center;margin-bottom:4px}.tts-slide-icon{font-size:clamp(1.6rem,3.5vw,2.4rem);line-height:1;flex-shrink:0}.tts-slide-title{font-size:clamp(1.2rem,2.6vw,1.8rem);font-weight:800;color:#fff;max-width:720px;line-height:1.15;margin:0}.tts-slide-subtitle{font-size:clamp(.85rem,1.4vw,1rem);color:#94a3b8;max-width:600px;line-height:1.4;margin:2px 0 0}.tts-slide-body{font-size:.88rem;color:#cbd5e1;max-width:640px;line-height:1.5}.tts-bullets{list-style:none;padding:0;margin:0;max-width:680px;width:100%;display:flex;flex-direction:column;gap:5px;text-align:left}.tts-bullets li{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:5px 12px;font-size:clamp(.76rem,1.05vw,.85rem);color:#e2e8f0;line-height:1.35}.tts-tip{background:#7c6af726;border-left:3px solid rgba(124,106,247,.5);border-radius:0 8px 8px 0;padding:6px 14px;font-size:.82rem;color:#c4b8fa;max-width:680px;width:100%;text-align:left;line-height:1.5}.tts-tip strong{color:#d4caff}.tts-navbar{display:flex;align-items:center;justify-content:center;gap:14px;padding:10px 20px;background:#0000004d;border-top:1px solid rgba(255,255,255,.07);flex-shrink:0;flex-wrap:wrap}.tts-nav-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;padding:9px 20px;font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .15s;min-width:90px}.tts-nav-btn:hover:not(:disabled){opacity:.85}.tts-nav-btn:disabled{opacity:.3;cursor:default}.tts-dots{display:flex;gap:6px;align-items:center}.tts-dot{width:8px;height:8px;border-radius:50%;background:#fff3;border:none;cursor:pointer;padding:0;transition:background .2s,transform .2s}.tts-dot--active{background:#7c6af7;transform:scale(1.35)}.tts-dot:hover:not(.tts-dot--active){background:#fff6}.tts-counter{font-size:.82rem;color:#64748b;min-width:48px;text-align:center;font-variant-numeric:tabular-nums}.tts-narrate-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;border-radius:8px;padding:9px 20px;font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .15s;min-width:110px}.tts-narrate-btn:hover:not(:disabled){opacity:.85}.tts-narrate-btn--active{background:linear-gradient(135deg,#22c55e,#16a34a)}.tts-narrate-btn:disabled{opacity:.35;cursor:default}.tts-stop-btn{background:#ef4444b3;border:none;color:#fff;border-radius:8px;padding:9px 14px;font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .15s}.tts-stop-btn:hover{opacity:.85}.tts-keyboard-hint{text-align:center;font-size:.72rem;color:#334155;padding:2px 0 4px;flex-shrink:0}.tts-slide-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;width:100%;max-width:700px}.tts-screenshot-panel{width:100%;max-width:700px;display:flex;flex-direction:column;gap:8px;align-self:center}.tts-screenshot-img{width:100%;border-radius:10px;border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 32px #00000080;display:block;cursor:pointer;transition:transform .15s}.tts-screenshot-img:hover{transform:scale(1.02)}.tts-screenshot-caption{font-size:.75rem;color:#64748b;text-align:center;font-style:italic}.tts-transcript{background:#7c6af714;border-top:1px solid rgba(124,106,247,.18);padding:8px 32px 10px;overflow:hidden}.tts-transcript-text{font-size:.95rem;color:#a5b4c8;line-height:1.6;max-width:760px;margin:0 auto;text-align:left;font-style:italic}.tts-transcript-active{color:#fff;background:#7c6af738;border-radius:3px;padding:1px 2px;transition:color .2s,background .2s}.tts-tool-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#cbd5e1;border-radius:7px;padding:8px 12px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.tts-tool-btn:hover{background:#ffffff29;color:#fff}.tts-tool-btn--active{background:#7c6af747;border-color:#7c6af780;color:#d4caff}.tts-tool-btn--muted{background:#ef444447;border-color:#ef444466;color:#fca5a5}@media (min-width: 1100px){.tts-slide-content,.tts-tip,.tts-transcript-text{max-width:820px}}@media (min-width: 1440px){.tts-slide-content,.tts-tip,.tts-transcript-text{max-width:960px}}@media (max-width: 600px){.tts-slide{padding:16px 14px 12px;gap:12px}.tts-navbar{gap:8px;padding:10px 12px}.tts-nav-btn{padding:10px 16px;min-width:72px;font-size:.85rem}.tts-narrate-btn{padding:10px 14px;min-width:90px;font-size:.85rem}.tts-tool-btn{padding:9px 10px;font-size:.78rem}.tts-bullets li{font-size:.92rem;padding:10px 12px}.tts-keyboard-hint{display:none}.tts-transcript{padding:8px 16px}}body[data-theme=light] .tts-overlay{background:#f6f8fa}body[data-theme=light] .tts-topbar{background:#fff;border-bottom-color:#e5e7eb}body[data-theme=light] .tts-topbar-title{color:#374151}body[data-theme=light] .tts-export-btn{background:#f3f4f6;border-color:#d1d5db;color:#374151}body[data-theme=light] .tts-export-btn:hover{background:#e5e7eb}body[data-theme=light] .tts-close-btn{color:#6b7280}body[data-theme=light] .tts-close-btn:hover{color:#111827;background:#00000012}body[data-theme=light] .tts-slide{background:#f6f8fa}body[data-theme=light] .tts-slide-title{color:#111827}body[data-theme=light] .tts-slide-subtitle{color:#4b5563}body[data-theme=light] .tts-slide-body{color:#374151}body[data-theme=light] .tts-bullets li{background:#fff;border-color:#e5e7eb;color:#1f2937}body[data-theme=light] .tts-tip{background:#667eea14;border-left-color:#667eea80;color:#3730a3}body[data-theme=light] .tts-tip strong{color:#1e1b4b}body[data-theme=light] .tts-navbar{background:#fff;border-top-color:#e5e7eb}body[data-theme=light] .tts-dot{background:#0003}body[data-theme=light] .tts-counter{color:#9ca3af}body[data-theme=light] .tts-tool-btn{background:#f3f4f6;border-color:#d1d5db;color:#374151}body[data-theme=light] .tts-tool-btn:hover{background:#e5e7eb;color:#111827}body[data-theme=light] .tts-tool-btn--active{background:#667eea1f;border-color:#667eea66;color:#4338ca}body[data-theme=light] .tts-tool-btn--muted{background:#dc262614;border-color:#dc26264d;color:#dc2626}body[data-theme=light] .tts-narrate-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}body[data-theme=light] .tts-narrate-btn:hover:not(:disabled){opacity:.85}body[data-theme=light] .tts-narrate-btn--active{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}body[data-theme=light] .tts-stop-btn{background:#dc262614;border-color:#dc26264d;color:#dc2626}body[data-theme=light] .tts-stop-btn:hover{background:#dc262629;color:#b91c1c}body[data-theme=light] .tts-keyboard-hint{color:#d1d5db}body[data-theme=light] .tts-transcript{background:#667eea0d;border-top-color:#667eea33}body[data-theme=light] .tts-transcript-text{color:#374151}body[data-theme=light] .tts-transcript-active{color:#1e1b4b;background:#667eea26}body[data-theme=light] .tts-screenshot-img{border-color:#e5e7eb;box-shadow:0 4px 16px #0000001a}body[data-theme=light] .tts-screenshot-caption{color:#9ca3af}.teacher-dashboard{min-height:100vh;background:var(--bg-color);overflow-x:clip}.dashboard-header{background:var(--brand-gradient);color:#fff;padding:24px 40px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-md)}.dashboard-header h1{margin:0;font-size:28px;font-weight:600;color:#fff}.header-right{display:flex;align-items:center;gap:12px;padding-right:8px}.header-divider{width:1px;height:20px;background:#ffffff4d;margin:0 4px}.user-badge{font-size:14px;opacity:.95}.role-badge{background:#fff3;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.trial-badge{background:#38bdf8;color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 4px #38bdf84d}.sign-out-button{background:#ffffff2e;border:1px solid rgba(255,255,255,.4);color:#fff;padding:7px 14px;border-radius:20px;cursor:pointer;font-size:.85rem;font-weight:600;transition:background .15s;white-space:nowrap}.sign-out-button:hover{background:#ffffff4d}.dashboard-tabs{background:var(--surface-color);padding:8px 40px 0;display:flex;flex-wrap:nowrap;gap:6px;border-bottom:2px solid var(--border-color-medium)}.dashboard-tabs--task-preview>.tab-button,.dashboard-tabs--task-preview>.dashboard-more-menu{flex:1 1 0;min-width:112px}.dashboard-tabs--task-preview>.dashboard-more-menu>.tab-button{width:100%}.tab-button{background:#667eea1f;border:1px solid rgba(102,126,234,.35);border-bottom:none;padding:12px 22px;font-size:15px;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .2s;border-radius:8px 8px 0 0;margin-bottom:-2px}body[data-theme=light] .tab-button:not(.active){background:#dde0fb;border-color:#667eea8c;color:#2d3a8c}.tab-button:hover{color:var(--brand-primary, #667eea)!important;background:#667eea59!important;border-color:#667eeab3}body[data-theme=light] .tab-button:not(.active):hover{background:#c4cbf7!important;color:#1e2d82!important;border-color:#667eeacc}.tab-button.active{color:#fff!important;background:var(--brand-gradient)!important;border-color:transparent;border-radius:8px 8px 0 0;box-shadow:0 -2px 8px #667eea4d}.tab-button.active:hover{background:var(--brand-primary-hover)!important}.tab-button .unread-badge{display:inline-block;background:var(--error-color);color:#fff;font-size:.75rem;font-weight:600;padding:2px 6px;border-radius:10px;margin-left:6px;min-width:18px;text-align:center}.tab-button.active .unread-badge{background:#f66}.dashboard-more-menu{position:relative;flex:0 0 auto}.dashboard-more-menu summary{list-style:none;height:100%}.dashboard-more-menu summary::-webkit-details-marker{display:none}.dashboard-more-panel{position:absolute;z-index:50;top:calc(100% + 6px);left:auto;right:0;width:max-content;max-width:calc(100vw - 32px);min-width:230px;padding:6px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;background:var(--surface-color, #ffffff);box-shadow:0 12px 28px #00000026}.dashboard-more-panel button{display:flex;width:100%;align-items:center;gap:8px;padding:10px 12px;border:0;border-radius:6px;background:transparent;color:var(--text-primary, #111827);font:inherit;text-align:left;cursor:pointer;white-space:nowrap}@media (max-width: 480px){.dashboard-more-menu{width:100%}.dashboard-more-menu summary{width:100%;box-sizing:border-box;text-align:center}.dashboard-more-panel{right:0;left:0;width:100%;min-width:0;max-width:100%;box-sizing:border-box}.dashboard-more-panel button{white-space:normal;overflow-wrap:anywhere}}.dashboard-more-panel button:hover{background:#7c69ef29}.tab-button.content-gen-button,.coach-mark-wrapper:has(.content-gen-button){margin-left:16px}.dashboard-content{padding:40px;background:var(--surface-color);min-height:calc(100vh - 200px);overflow-x:clip}.teacher-footer-bar{height:32px;background:var(--brand-gradient)}@media (max-width: 1024px){.dashboard-tabs{padding:0 20px;flex-wrap:wrap}.tab-button{padding:14px 16px;font-size:14px}.content-gen-button{margin-left:0}.dashboard-more-panel{left:0;right:auto}.dashboard-content{padding:30px}}@media (max-width: 768px){.dashboard-header{padding:16px 20px;flex-direction:column;align-items:flex-start;gap:12px}.dashboard-header h1{font-size:24px}.dashboard-tabs{padding:0 10px}.tab-button{padding:12px 14px;font-size:13px}.dashboard-content{padding:20px}}.complete-invitation-container{min-height:100vh;background:var(--brand-gradient);display:flex;justify-content:center;align-items:center;padding:20px}.complete-invitation-card{background:var(--surface-color);border-radius:12px;box-shadow:var(--shadow-xl);width:100%;max-width:500px;overflow:hidden}.invitation-header{background:var(--brand-gradient);color:var(--text-inverse);padding:32px 24px;text-align:center}.invitation-header h1{margin:0 0 8px;font-size:28px}.invitation-header p{margin:0;font-size:16px;opacity:.95}.invitation-form{padding:32px 24px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#555;font-size:14px}.password-input-wrapper{position:relative;width:100%}.form-group input{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;background:var(--surface-color);color:var(--text-color)}.password-input-wrapper input{padding-right:45px;background:var(--surface-color);color:var(--text-color)}.toggle-password-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;margin:0;width:16px;height:16px;min-width:16px;min-height:16px;font-family:monospace;font-size:20px;line-height:16px;color:var(--brand-primary);opacity:.6;transition:opacity .2s;user-select:none;-webkit-user-select:none;display:block;text-align:center;flex-shrink:0;overflow:hidden}.toggle-password-btn:hover{opacity:1}.toggle-password-btn:focus{outline:2px solid var(--brand-primary);outline-offset:2px;border-radius:4px}.form-group input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{background:#f5f5f5;cursor:not-allowed}.readonly-input{background:var(--surface-alt)!important;color:var(--text-secondary)}.error-message{padding:12px;background:var(--error-bg-light);border:1px solid #fecaca;border-radius:8px;color:#991b1b;font-size:14px;margin-bottom:20px}.submit-button{width:100%;padding:14px;background:var(--brand-gradient);color:var(--text-inverse);border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--brand-shadow)}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.invitation-footer{padding:20px 24px;background:var(--surface-alt);border-top:1px solid var(--border-color-light);text-align:center}.invitation-footer p{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.5}.invitation-legal{margin-top:12px!important;font-size:12px!important;color:var(--text-tertiary, #888)!important}.invitation-legal a{color:var(--brand-primary);text-decoration:none}.invitation-legal a:hover{text-decoration:underline}.loading-spinner{text-align:center;padding:60px;color:var(--brand-primary);font-size:18px}.error-content{padding:60px 24px;text-align:center}.error-icon{font-size:64px;margin-bottom:20px}.error-content h2{color:var(--text-color);margin:0 0 12px;font-size:24px}.error-content p{color:var(--text-secondary);margin:8px 0;font-size:16px}.error-subtext{color:var(--text-muted);font-size:14px;margin-top:16px}.success-content{padding:60px 24px;text-align:center}.success-icon{font-size:64px;margin-bottom:20px;color:var(--success-color);font-weight:700}.success-content h2{color:var(--text-color);margin:0 0 12px;font-size:24px}.success-content p{color:var(--text-secondary);margin:8px 0;font-size:16px}.success-subtext{color:var(--text-muted);font-size:14px;margin-top:16px}.join-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--brand-gradient);padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.join-card{background:var(--surface-color);border-radius:16px;box-shadow:var(--shadow-xl);padding:40px 36px;max-width:420px;width:100%;text-align:center}.join-header{margin-bottom:28px}.join-icon{font-size:48px;display:block;margin-bottom:4px}.join-brand{font-size:22px;font-weight:800;color:var(--brand-primary, #667eea);letter-spacing:.5px;margin-bottom:8px}.join-header h1{font-size:26px;font-weight:700;color:var(--text-primary);margin:0 0 6px}.join-subtitle{font-size:15px;color:var(--text-secondary);margin:0}.join-code-row{display:flex;gap:8px;justify-content:center;margin-bottom:20px}.join-digit{width:48px;height:56px;border:2px solid var(--border-color-medium);border-radius:10px;text-align:center;font-size:24px;font-weight:700;color:var(--text-primary);background:var(--surface-alt);transition:border-color .2s,box-shadow .2s;outline:none;caret-color:var(--brand-primary)}.join-digit:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #667eea33;background:var(--surface-color)}.join-digit.filled{border-color:var(--brand-primary);background:var(--surface-color)}.join-digit.error{border-color:#e74c3c;background:#e74c3c26}.join-validating{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--brand-primary);font-size:14px;margin-bottom:16px}.join-spinner{width:18px;height:18px;border:2px solid #e0e0e0;border-top-color:var(--brand-primary);border-radius:50%;animation:join-spin .7s linear infinite}@keyframes join-spin{to{transform:rotate(360deg)}}.join-info{background:#667eea26;border:1px solid rgba(102,126,234,.3);border-radius:10px;padding:14px;margin-bottom:20px}.join-teacher{font-size:15px;color:var(--text-primary);margin:0 0 2px}.join-group{font-size:14px;color:var(--brand-primary);margin:0;font-weight:600}.join-name-section{text-align:left;margin-bottom:20px}.join-name-section label{display:block;font-size:13px;font-weight:600;color:#444;margin-bottom:6px}.join-name-input{width:100%;padding:12px 14px;border:2px solid var(--border-color-medium);border-radius:10px;font-size:16px;outline:none;transition:border-color .2s;box-sizing:border-box}.join-name-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #667eea26}.join-error{color:#e74c3c;font-size:14px;margin:0 0 16px;font-weight:500}.join-btn{width:100%;padding:14px;border:none;border-radius:10px;background:var(--brand-gradient);color:var(--text-inverse);font-size:17px;font-weight:700;cursor:pointer;transition:opacity .2s,transform .1s;margin-bottom:20px}.join-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.join-btn:active:not(:disabled){transform:translateY(0)}.join-btn:disabled{opacity:.55;cursor:not-allowed}.join-footer{font-size:13px;color:#888;margin:0}.join-link{color:var(--brand-primary);text-decoration:none;font-weight:600}.join-link:hover{text-decoration:underline}.join-legal{font-size:11px;color:#888;margin-top:12px}.join-legal a{color:var(--brand-primary);text-decoration:none}.join-legal a:hover{text-decoration:underline}.join-success{padding:30px 0}.join-success-icon{font-size:52px;display:block;margin-bottom:16px}.join-success h2{font-size:24px;color:#1a1a2e;margin:0 0 8px}.join-success p{color:var(--text-secondary);margin:0}@media (max-width: 480px){.join-card{padding:28px 20px}.join-digit{width:42px;height:50px;font-size:20px}.join-code-row{gap:6px}}.lp-root{--bg-color: #f6f8fa;--surface-color: #ffffff;--surface-muted: #f9fafb;--surface-strong: #f0f1f3;--surface-hover: #f3f4f6;--text-primary: #111827;--text-secondary: #374151;--text-muted: #6b7280;--border-color: #e5e7eb;--border-color-medium: #d1d5db;--brand-primary: #667eea;--brand-primary-dark: #5568d3;--brand-secondary: #764ba2;--brand-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--hero-glow: rgba(102, 126, 234, .18);--shadow-soft: 0 8px 40px rgba(102, 126, 234, .14), 0 2px 8px rgba(0, 0, 0, .06);--shadow-card: 0 8px 24px rgba(102, 126, 234, .12);--brand-shadow: 0 4px 12px rgba(102, 126, 234, .4);font-family:Nunito,sans-serif;background:var(--bg-color);color:var(--text-primary);min-height:100vh;overflow-x:hidden}.lp-container{max-width:1180px;margin:0 auto;padding:0 24px}.lp-kicker,.lp-eyebrow{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-primary);margin-bottom:12px}.lp-eyebrow-light{color:#fff8f0d9}.lp-btn,.lp-logo,.lp-footer-col button,.lp-text-link,.lp-nav-links button,.lp-nav-hamburger{font-family:inherit}.lp-btn,.lp-text-link,.lp-logo,.lp-footer-col button,.lp-nav-links button,.lp-nav-hamburger{cursor:pointer}.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 22px;border-radius:8px;border:2px solid transparent;font-size:.925rem;font-weight:700;transition:all .18s ease;text-decoration:none;white-space:nowrap}.lp-btn:hover,.lp-text-link:hover,.lp-logo:hover{transform:translateY(-1px)}.lp-btn-primary{background:var(--brand-gradient);color:#fff;box-shadow:var(--brand-shadow)}.lp-btn-primary:hover{opacity:.9;box-shadow:0 6px 18px #667eea73}.lp-btn-outline:hover{background:var(--brand-primary);color:#fff}.lp-btn-ghost{background:transparent;color:var(--text-primary)}.lp-btn-light{background:#fff;color:var(--brand-secondary);box-shadow:0 4px 16px #0003}.lp-btn-light:hover{box-shadow:0 8px 24px #00000040}.lp-btn-outline-light{background:transparent;color:#fff;border-color:#ffffffa6}.lp-btn-outline-light:hover{background:#ffffff1f}.lp-btn-lg{padding:15px 28px;font-size:1rem}.lp-text-link{background:none;border:none;padding:0;color:var(--brand-primary);font-size:.95rem;font-weight:800;text-align:left}.lp-section-header{max-width:680px;margin:0 auto 56px;text-align:center}.lp-section-header-left{margin-left:0;text-align:left}.lp-section-header h2,.lp-hero-copy h1,.lp-closing h2,.lp-proof-copy h2{margin:0;color:var(--text-primary);line-height:1.08;letter-spacing:-.03em}.lp-section-header h2,.lp-proof-copy h2,.lp-closing h2{font-size:clamp(1.6rem,3vw,2.25rem);margin-bottom:16px}.lp-section-header p,.lp-proof-copy p,.lp-closing p,.lp-hero-sub,.lp-scenario-card p,.lp-pathway-card p,.lp-value-card p,.lp-problem-card p,.lp-sequence-step p,.lp-footer p{margin:0;font-size:1.05rem;line-height:1.6;color:var(--text-muted)}.lp-nav{position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border-bottom:1px solid var(--border-color)}.lp-nav-inner{max-width:1160px;height:60px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:32px}.lp-logo{display:inline-flex;align-items:center;gap:12px;background:none;border:none;padding:0;text-align:left}.lp-logo-mark{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:var(--brand-gradient);color:#fff;font-size:.88rem;font-weight:800;letter-spacing:.04em;box-shadow:var(--brand-shadow)}.lp-nav-links{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}.lp-nav-links button,.lp-footer-col button{background:none;border:none;padding:8px 12px;color:var(--text-secondary);font-size:.9rem;font-weight:600;border-radius:6px;transition:background-color .18s ease,color .18s ease}.lp-nav-links button:hover,.lp-footer-col button:hover{background:var(--surface-hover);color:var(--text-primary)}.lp-nav-cta{display:flex;align-items:center;gap:10px}.lp-nav-hamburger{display:none;width:42px;height:42px;background:transparent;border:none;border-radius:12px;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:0;margin-left:auto}.lp-nav-hamburger span{width:22px;height:2px;background:var(--text-primary);border-radius:2px}.lp-hero{background:linear-gradient(160deg,#f0f2ff 0%,#faf5ff 50%,var(--bg-color) 100%);padding:80px 0 64px}.lp-hero-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:40px;align-items:center}.lp-hero-copy h1{font-size:clamp(2.3rem,5vw,4.2rem);max-width:700px;margin-bottom:20px}.lp-hero-sub{max-width:650px;color:var(--text-muted)}.lp-hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin:32px 0 28px}.lp-support-list,.lp-proof-list,.lp-problem-card ul{margin:0;padding:0;list-style:none}.lp-support-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lp-support-list li,.lp-proof-list li,.lp-problem-card li{position:relative;padding-left:18px;color:var(--text-secondary);line-height:1.55}.lp-support-list li:before,.lp-proof-list li:before,.lp-problem-card li:before{content:"";position:absolute;top:.58rem;left:0;width:7px;height:7px;border-radius:50%;background:var(--brand-primary)}.lp-hero-visual{position:relative;background:var(--surface-color);border:1px solid var(--border-color);border-radius:14px;padding:28px;box-shadow:var(--shadow-soft);overflow:hidden}.lp-hero-visual:after{content:"";position:absolute;inset:auto -60px -80px auto;width:220px;height:220px;background:radial-gradient(circle,var(--hero-glow),transparent 70%)}.lp-hero-rail{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:center}.lp-mini-card,.lp-problem-card,.lp-value-card,.lp-scenario-card,.lp-pathway-card,.lp-outcome-card,.lp-sequence-card{background:var(--surface-color);border:1px solid var(--border-color);box-shadow:var(--shadow-card)}.lp-mini-card{min-height:190px;border-radius:14px;padding:22px;position:relative}.lp-mini-card-accent,.lp-problem-card-accent{background:linear-gradient(160deg,#f5f3ff 0%,var(--surface-color) 100%);border-color:#667eea40}.lp-mini-label,.lp-problem-label{display:inline-block;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-secondary);margin-bottom:16px}.lp-mini-card h3,.lp-problem-card h3,.lp-scenario-card h3,.lp-pathway-card h3,.lp-value-card h3,.lp-sequence-step h3{margin:0 0 10px;font-size:1.15rem;line-height:1.3;color:var(--text-primary)}.lp-mini-card p{font-size:.93rem;line-height:1.6;color:var(--text-secondary);margin:0}.lp-flow-arrow{font-size:.8rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-primary);opacity:.6}.lp-visual-footer{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.lp-visual-footer span,.lp-problem-outcomes span{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;background:#f5f3ff;color:var(--brand-secondary);font-size:.84rem;font-weight:700}.lp-problem{padding-top:72px}.lp-problem-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:24px}.lp-problem-card{border-radius:14px;padding:28px}.lp-problem-card ul{display:grid;gap:16px}.lp-problem-outcomes{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.lp-flagship{background:linear-gradient(160deg,#faf5ff 0%,var(--bg-color) 100%)}.lp-flagship-header{max-width:860px}.lp-flagship-header p+p{margin-top:18px}.lp-flagship-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px;align-items:start}.lp-sequence-card{border-radius:14px;padding:30px;display:grid;gap:22px}.lp-sequence-step{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start}.lp-sequence-number{width:44px;height:44px;border-radius:50%;background:var(--brand-gradient);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:1rem;box-shadow:var(--brand-shadow)}.lp-outcome-strip{display:grid;gap:16px}.lp-outcome-card{border-radius:14px;padding:22px}.lp-outcome-card span{display:block;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-primary);margin-bottom:10px}.lp-outcome-card strong{font-size:1.02rem;line-height:1.45;color:var(--text-primary)}.lp-flagship-actions{margin-top:28px}.lp-scenario-grid,.lp-pathway-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.lp-scenario-card,.lp-pathway-card,.lp-value-card{border-radius:14px;padding:28px}.lp-scenario-card,.lp-pathway-card{display:flex;flex-direction:column;gap:18px}.lp-why{padding-bottom:72px}.lp-value-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.lp-value-card{background:var(--surface-color)}.lp-proof{padding:34px 0;background:var(--brand-gradient);color:#fff}.lp-proof-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;align-items:center}.lp-proof-copy h2,.lp-proof-copy p,.lp-proof-list li{color:#fff}.lp-proof-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px}.lp-proof-list li:before{background:#ffffffd9}.lp-pathway-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lp-pathway-card{min-height:240px}.lp-closing{padding:88px 0;background:var(--brand-gradient)}.lp-closing-inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:32px;align-items:center}.lp-closing h2,.lp-closing p{color:#fff}.lp-closing-actions{display:flex;flex-direction:column;gap:14px;justify-self:end;width:min(100%,360px)}.lp-footer{padding:42px 0 24px;background:var(--text-primary);color:#ffffffb3}.lp-footer-grid{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:28px;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.1)}.lp-logo-footer .lp-logo-text{color:#fff}.lp-footer-heading{margin-bottom:10px;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff6}.lp-footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.lp-footer-col button{padding-left:0;color:#ffffffb3}.lp-footer-col button:hover{background:none;color:#fff}.lp-footer-bottom{display:flex;justify-content:space-between;gap:16px;padding-top:20px;font-size:.82rem;flex-wrap:wrap}@media (max-width: 1100px){.lp-hero-layout,.lp-flagship-layout,.lp-proof-layout,.lp-closing-inner,.lp-problem-grid{grid-template-columns:1fr}.lp-hero-copy h1{max-width:none}.lp-value-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lp-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-closing-actions{justify-self:start}}@media (max-width: 820px){.lp-nav-links{display:none;position:fixed;top:76px;left:0;right:0;flex-direction:column;align-items:stretch;gap:6px;padding:14px 20px 18px;background:#fffffffa;border-bottom:1px solid var(--border-color);box-shadow:0 8px 24px #00000014;margin-left:0}.lp-nav-links.open{display:flex}.lp-nav-mobile-only{display:block!important}.lp-nav-links button{width:100%;text-align:left;border-radius:14px;padding:12px 14px}.lp-nav-cta{display:none}.lp-nav-hamburger{display:inline-flex}.lp-hero-rail,.lp-support-list,.lp-proof-list,.lp-pathway-grid,.lp-scenario-grid,.lp-value-grid,.lp-footer-grid{grid-template-columns:1fr}.lp-flow-arrow{justify-self:center}}@media (max-width: 640px){.lp-section,.lp-closing{padding:64px 0}.lp-container,.lp-nav-inner{padding-left:18px;padding-right:18px}.lp-hero{padding-top:42px;padding-bottom:64px}.lp-hero-copy h1{font-size:clamp(2.3rem,10vw,3.15rem)}.lp-hero-actions,.lp-closing-actions,.lp-hero-actions .lp-btn,.lp-closing-actions .lp-btn{width:100%}.lp-hero-visual,.lp-problem-card,.lp-sequence-card,.lp-scenario-card,.lp-pathway-card,.lp-value-card,.lp-outcome-card{padding:22px;border-radius:14px}.lp-sequence-step{grid-template-columns:1fr}.lp-sequence-number{margin-bottom:6px}.lp-footer-bottom{flex-direction:column;align-items:flex-start}}.lp-root{--bg-color: #f6f8fa;--surface-color: #ffffff;--surface-alt: #f9fafb;--surface-hover: #f3f4f6;--surface-inset: #f0f1f3;--text-primary: #111827;--text-color: #1f2937;--text-secondary: #374151;--text-muted: #6b7280;--text-inverse: #ffffff;--border-color: #e5e7eb;--border-color-light: #f0f0f0;--border-color-medium: #d1d5db;--brand-primary: #667eea;--brand-secondary: #764ba2;--brand-primary-hover: #5568d3;--brand-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--brand-shadow: 0 4px 12px rgba(102, 126, 234, .4);--info-color: #2563eb;--info-bg-light: #dbeafe;--success-text: #059669;--success-bg-light: #d1fae5}#root:has(.lp-root){padding:0}.lp-root{font-family:Nunito,sans-serif;color:var(--text-color);background:var(--bg-color);min-height:100vh;overflow-x:hidden}.lp-container{max-width:1160px;margin:0 auto;padding:0 24px}.lp-section{padding:88px 0}.lp-section-alt{background:var(--surface-color)}.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 22px;border-radius:8px;font-family:inherit;font-size:.925rem;font-weight:700;cursor:pointer;border:2px solid transparent;transition:all .18s ease;text-decoration:none;white-space:nowrap}.lp-btn-primary{background:var(--brand-gradient);color:var(--text-inverse);border-color:transparent;box-shadow:var(--brand-shadow)}.lp-btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 18px #667eea73}.lp-btn-outline{background:transparent;color:var(--brand-primary);border-color:var(--brand-primary)}.lp-btn-outline:hover{background:var(--brand-primary);color:var(--text-inverse)}.lp-btn-ghost{background:transparent;color:var(--text-color);border-color:transparent}.lp-btn-ghost:hover{background:var(--surface-hover)}.lp-btn-lg{padding:14px 30px;font-size:1.05rem}.lp-btn-block{width:100%;margin-top:auto}.lp-gradient-text{background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lp-link{color:var(--brand-primary);text-decoration:underline}.lp-eyebrow{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-primary);margin-bottom:12px}.lp-section-header{text-align:center;max-width:680px;margin:0 auto 56px;display:flex;flex-direction:column;align-items:center}.lp-section-header h2{font-size:clamp(1.6rem,3vw,2.25rem);font-weight:700;color:var(--text-primary);margin:0 0 16px;line-height:1.25}.lp-section-header p{font-size:1.05rem;color:var(--text-muted);margin:0;line-height:1.6}.lp-nav{position:sticky;top:0;z-index:100;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);padding:0}.lp-nav-inner{max-width:1160px;margin:0 auto;padding:0 24px;height:60px;display:flex;align-items:center;gap:32px}.lp-logo{display:flex;align-items:center;gap:8px;flex-shrink:0;text-decoration:none}.lp-logo-icon{width:32px;height:32px;object-fit:contain;filter:brightness(1.35) saturate(1.1)}.lp-logo-text{font-size:1.2rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.lp-nav-links{display:flex;align-items:center;gap:4px;list-style:none;padding:0;margin:0 0 0 80px}.lp-nav-links button{background:none;border:none;padding:6px 12px;font-family:inherit;font-size:.9rem;font-weight:600;color:var(--text-secondary);cursor:pointer;border-radius:6px;transition:all .15s}.lp-nav-links button:hover{color:var(--text-primary);background:var(--surface-hover)}.lp-nav-cta{display:flex;align-items:center;gap:8px;flex-shrink:0}.lp-nav-mobile-only{display:none!important}.lp-nav-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px;margin-left:auto}.lp-nav-hamburger span{display:block;width:22px;height:2px;background:var(--text-primary);border-radius:2px;transition:all .2s}.lp-hero{background:linear-gradient(160deg,#f0f2ff 0%,#faf5ff 50%,var(--bg-color) 100%);padding:80px 0 64px;text-align:center}.lp-hero-inner{max-width:860px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;align-items:center}.lp-hero-badge{display:inline-block;background:var(--surface-color);border:1px solid var(--border-color);border-radius:100px;padding:6px 16px;font-size:.85rem;font-weight:600;color:var(--brand-secondary);margin-bottom:28px;box-shadow:0 2px 8px #0000000f}.lp-hero-headline{font-size:clamp(2rem,5vw,3.2rem);font-weight:700;line-height:1.15;color:var(--text-primary);margin:0 0 20px;letter-spacing:-.02em}.lp-hero-sub{font-size:clamp(1rem,2vw,1.15rem);color:var(--text-muted);max-width:620px;line-height:1.65;margin:0 0 36px}.lp-hero-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:14px}.lp-hero-note{font-size:.8rem;color:var(--text-muted);margin:0 0 48px}.lp-hero-card{width:100%;max-width:700px;background:var(--surface-color);border-radius:14px;box-shadow:0 8px 40px #667eea24,0 2px 8px #0000000f;border:1px solid var(--border-color);overflow:hidden}.lp-demo-bar{background:var(--surface-inset);padding:10px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border-color)}.lp-demo-dot{width:10px;height:10px;border-radius:50%}.lp-demo-dot.red{background:#ff5f57}.lp-demo-dot.yellow{background:#febc2e}.lp-demo-dot.green{background:#28c840}.lp-demo-url{font-size:.75rem;color:var(--text-muted);margin-left:8px;font-family:monospace}.lp-demo-body{padding:20px;display:flex;flex-direction:column;gap:14px}.lp-demo-input-row{display:flex;gap:10px;align-items:center}.lp-demo-input{flex:1;background:var(--bg-color);border:1px solid var(--border-color-medium);border-radius:8px;padding:10px 14px;display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-muted)}.lp-demo-generate{background:var(--brand-gradient);color:#fff;border:none;border-radius:8px;padding:10px 18px;font-family:inherit;font-weight:700;font-size:.85rem;cursor:default;white-space:nowrap;box-shadow:var(--brand-shadow)}.lp-demo-chips,.lp-demo-langs{display:flex;flex-wrap:wrap;gap:6px}.lp-chip{display:inline-block;padding:3px 10px;border-radius:100px;font-size:.78rem;font-weight:600}.lp-chip-success{background:var(--success-bg-light);color:var(--success-text)}.lp-chip-info{background:var(--info-bg-light);color:var(--info-color)}.lp-trust{background:var(--surface-color);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:20px 0}.lp-trust .lp-container{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.lp-trust-label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0;flex-shrink:0}.lp-trust-items{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.lp-trust-item{display:flex;align-items:center;gap:6px;font-size:.9rem;font-weight:600;color:var(--text-secondary)}.lp-trust-sep{color:var(--border-color-medium);font-size:1.1rem}.lp-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.lp-feature-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:14px;padding:28px;display:flex;flex-direction:column;gap:12px;transition:box-shadow .2s,border-color .2s;position:relative;overflow:hidden}.lp-feature-card:hover{box-shadow:0 8px 24px #667eea1f;border-color:var(--brand-primary)}.lp-feature-card-accent{background:linear-gradient(160deg,#f5f3ff 0%,var(--surface-color) 100%);border-color:#667eea40}.lp-feature-icon{font-size:2rem;line-height:1}.lp-feature-card h3{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin:0}.lp-feature-card p{font-size:.9rem;color:var(--text-muted);margin:0;line-height:1.6}.lp-feature-tag{margin-top:auto;display:inline-block;background:linear-gradient(135deg,#667eea22,#764ba222);color:var(--brand-secondary);border:1px solid rgba(118,75,162,.25);border-radius:100px;padding:3px 12px;font-size:.72rem;font-weight:700;width:fit-content}.lp-how{background:linear-gradient(160deg,#faf5ff 0%,var(--bg-color) 100%)}.lp-steps{display:flex;align-items:flex-start;justify-content:center;gap:24px}.lp-step{flex:1;max-width:280px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.lp-step-num{width:52px;height:52px;border-radius:50%;background:var(--brand-gradient);color:#fff;font-size:1.4rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:var(--brand-shadow);flex-shrink:0}.lp-step h3{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.lp-step p{font-size:.875rem;color:var(--text-muted);margin:0;line-height:1.6}.lp-step-arrow{font-size:1.5rem;color:var(--brand-primary);flex-shrink:0;margin-top:14px;opacity:.5}.lp-types-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.lp-type-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:20px 16px;display:flex;flex-direction:column;gap:6px;transition:box-shadow .2s,border-color .2s;cursor:default}.lp-type-card:hover{box-shadow:0 4px 14px #667eea1a;border-color:var(--brand-primary)}.lp-type-icon{font-size:1.6rem;line-height:1}.lp-type-label{font-size:.9rem;font-weight:700;color:var(--text-primary)}.lp-type-desc{font-size:.78rem;color:var(--text-muted);line-height:1.4}.lp-live-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.lp-live-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:14px;padding:28px;display:flex;flex-direction:column;gap:12px;transition:box-shadow .2s,border-color .2s}.lp-live-card:hover{box-shadow:0 8px 24px #667eea1f;border-color:var(--brand-primary)}.lp-live-card-featured{background:linear-gradient(160deg,#f5f3ff 0%,var(--surface-color) 100%);border-color:#667eea4d}.lp-live-icon{font-size:2rem;line-height:1}.lp-live-card h3{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin:0}.lp-live-card p{font-size:.9rem;color:var(--text-muted);margin:0;line-height:1.6}.lp-live-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.lp-live-pills span{background:#667eea1a;color:var(--brand-primary);border:1px solid rgba(102,126,234,.2);border-radius:100px;padding:3px 10px;font-size:.72rem;font-weight:600}.lp-ai-tutor{background:linear-gradient(160deg,#f0f4ff 0%,var(--bg-color) 100%)}.lp-tutor-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.lp-tutor-main{position:sticky;top:24px}.lp-tutor-chat{background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:14px;box-shadow:0 4px 20px #667eea1a}.lp-tutor-bubble{max-width:86%;padding:10px 16px;border-radius:14px;font-size:.9rem;line-height:1.55}.lp-tutor-bubble-student{align-self:flex-end;background:var(--brand-gradient);color:#fff;border-bottom-right-radius:4px}.lp-tutor-bubble-ai{align-self:flex-start;background:var(--bg-color);border:1px solid var(--border-color);color:var(--text-primary);border-bottom-left-radius:4px}.lp-tutor-features{display:flex;flex-direction:column;gap:24px}.lp-tutor-feature{display:flex;align-items:flex-start;gap:16px}.lp-tutor-feature-icon{font-size:1.8rem;flex-shrink:0;line-height:1;margin-top:2px}.lp-tutor-feature h4{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 6px}.lp-tutor-feature p{font-size:.875rem;color:var(--text-muted);margin:0;line-height:1.6}.lp-audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.lp-audience-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:14px;padding:28px;display:flex;flex-direction:column;gap:12px}.lp-audience-primary{grid-column:1 / -1;background:linear-gradient(160deg,#f5f3ff 0%,var(--surface-color) 100%);border-color:#667eea4d;flex-direction:row;align-items:flex-start;gap:24px}.lp-audience-primary .lp-audience-icon{font-size:3rem;flex-shrink:0}.lp-audience-primary>div{display:flex;flex-direction:column;gap:12px}.lp-audience-icon{font-size:2rem;line-height:1}.lp-audience-card h3{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.lp-audience-card p{font-size:.875rem;color:var(--text-muted);margin:0;line-height:1.6}.lp-audience-quote{font-size:.875rem;font-style:italic;color:var(--brand-secondary);padding:10px 16px;background:#764ba212;border-left:3px solid var(--brand-secondary);border-radius:0 6px 6px 0}.lp-pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:start}.lp-price-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:14px;padding:28px;display:flex;flex-direction:column;gap:10px;position:relative}.lp-price-card-featured{background:linear-gradient(160deg,#f5f3ff 0%,var(--surface-color) 100%);border-color:var(--brand-primary);box-shadow:0 8px 32px #667eea2e}.lp-price-badge{position:absolute;top:-13px;left:50%;transform:translate(-50%);background:var(--brand-gradient);color:#fff;border-radius:100px;padding:3px 14px;font-size:.72rem;font-weight:700;white-space:nowrap}.lp-price-tier{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--brand-primary)}.lp-price-amount{font-size:2.2rem;font-weight:700;color:var(--text-primary);line-height:1}.lp-price-amount span{font-size:1rem;font-weight:600;color:var(--text-muted)}.lp-price-period{font-size:.78rem;color:var(--text-muted);margin-bottom:8px}.lp-price-features{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:7px}.lp-price-features li{font-size:.825rem;color:var(--text-secondary)}.lp-price-no{color:var(--text-muted)!important;opacity:.55}.lp-cta-banner{background:var(--brand-gradient);padding:80px 24px;text-align:center}.lp-cta-banner h2{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:700;color:#fff;margin:0 0 16px}.lp-cta-banner p{font-size:1.05rem;color:#fffc;margin:0 0 32px}.lp-cta-banner .lp-btn-primary{background:#fff;color:var(--brand-secondary);border-color:transparent;box-shadow:0 4px 16px #0003}.lp-cta-banner .lp-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.lp-footer{background:var(--text-primary);color:#ffffffb3;padding:56px 0 32px}.lp-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.1)}.lp-footer-brand .lp-logo-text{color:#fff}.lp-footer-brand p{font-size:.85rem;margin:8px 0 0;line-height:1.5}.lp-footer-heading{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#fff6;margin-bottom:14px}.lp-footer-col{display:flex;flex-direction:column;gap:8px}.lp-footer-col button{background:none;border:none;color:#ffffffb3;font-family:inherit;font-size:.875rem;cursor:pointer;text-align:left;padding:2px 0;transition:color .15s}.lp-footer-col button:hover{color:#fff}.lp-footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px;font-size:.78rem;flex-wrap:wrap;gap:8px}.lp-footer-bottom p{margin:0}@media (max-width: 900px){.lp-features-grid{grid-template-columns:repeat(2,1fr)}.lp-types-grid{grid-template-columns:repeat(3,1fr)}.lp-pricing-grid{grid-template-columns:repeat(2,1fr)}.lp-footer-grid{grid-template-columns:1fr 1fr}.lp-audience-primary{flex-direction:column}}@media (max-width: 640px){.lp-section{padding:56px 0}.lp-nav-links{display:none;position:fixed;top:60px;left:0;right:0;background:var(--surface-color);border-bottom:1px solid var(--border-color);flex-direction:column;padding:12px;gap:4px;box-shadow:0 8px 24px #00000014;margin-left:0}.lp-nav-links.open{display:flex}.lp-nav-mobile-only{display:block!important}.lp-nav-links button{width:100%;text-align:left;padding:10px 12px}.lp-nav-cta{display:none}.lp-nav-hamburger{display:flex}.lp-features-grid{grid-template-columns:1fr}.lp-types-grid{grid-template-columns:repeat(2,1fr)}.lp-pricing-grid{grid-template-columns:1fr}.lp-steps{flex-direction:column;align-items:center}.lp-step-arrow{transform:rotate(90deg);margin-top:0}.lp-tutor-layout{grid-template-columns:1fr}.lp-tutor-main{position:static}.lp-live-grid,.lp-audience-grid{grid-template-columns:1fr}.lp-audience-primary{grid-column:1}.lp-footer-grid{grid-template-columns:1fr;gap:28px}.lp-footer-bottom{flex-direction:column;text-align:center}}.modal-content.session-config-modal{max-width:700px}.tutor-teacher-review-notice{font-size:12px;color:var(--text-secondary, #6b7280);background:var(--bg-secondary, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:6px;padding:8px 12px;margin:0 0 12px;line-height:1.5}body[data-theme=dark] .tutor-teacher-review-notice{background:#ffffff0d;border-color:#ffffff1a;color:#9ca3af}.session-config-modal .export-section>h3{margin-bottom:1rem}.session-config-modal .session-goal-section>h3{margin-bottom:1.25rem}.session-config-modal .levels-language-section>h3{margin-bottom:1.25rem}.session-config-modal .checkbox-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem 1.5rem;align-items:center}.session-config-modal .checkbox-grid .form-group{display:flex;flex-direction:row;align-items:center;gap:.5rem}.session-config-modal .checkbox-grid .form-group label{margin-bottom:0;flex-shrink:0}.math-topic-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.slider-group{text-align:left}.slider-group label{display:block;margin-bottom:10px;font-weight:500;color:var(--header-color)}.slider-group span{font-size:1em;font-weight:600;color:var(--counter-text-color)}.slider-container{display:flex;align-items:center;gap:15px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;background:var(--input-border-color);outline:none;border-radius:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--button-accent-bg);cursor:pointer;border-radius:50%;border:2px solid var(--card-bg-color)}input[type=range]::-moz-range-thumb{width:20px;height:20px;background:var(--button-accent-bg);cursor:pointer;border-radius:50%;border:2px solid var(--card-bg-color)}@media (max-width: 600px){.math-topic-grid,.session-config-modal .checkbox-grid{grid-template-columns:1fr}}.math-mic-pill{width:auto;min-width:9.5rem;padding:0 .85rem;gap:.45rem;border-radius:999px}.math-mic-label{font-size:.82rem;font-weight:700;white-space:nowrap}.modal-content.math-player-content{width:95vw;max-width:1400px}.math-workspace-panel{flex:1 1 450px;min-width:320px;padding:1.5rem;overflow-y:auto;border-right:1px solid var(--card-border-color);background-color:var(--bg-color);display:flex;flex-direction:column}.socratic-chat-panel{flex:2 1 600px;min-width:400px;display:flex;flex-direction:column}.socratic-chat-panel .message-bubble{overflow-wrap:break-word;word-wrap:break-word}.math-workspace-panel h3{margin-top:0;color:var(--header-color);text-align:center}.math-problem-area{flex-grow:1;display:flex;flex-direction:column;min-height:0}.math-problem-area p{font-weight:500;color:var(--text-color);margin-top:1.5rem;margin-bottom:.5rem}.math-steps-history{flex-grow:1;overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:1rem;padding:.5rem;border-radius:8px;background-color:var(--input-bg-color)}.math-step-item{display:flex;flex-direction:column;gap:.25rem}.math-step-item .step-label{font-size:.9em;font-weight:500;color:var(--text-color)}.math-step-item .step-box{padding:1rem;font-size:1.2em;min-height:60px}.math-step-item.current .step-box{border-color:var(--button-accent-bg)}.math-step-item.current .step-label{color:var(--button-accent-hover-bg)}.math-render-box{background-color:var(--card-bg-color);border:1px solid var(--card-border-color);border-radius:8px;padding:1.5rem;font-size:1.5em;display:flex;justify-content:center;align-items:center;min-height:80px}.solved-actions{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--card-border-color);display:flex;justify-content:center}.solved-actions .btn-primary{background-color:var(--button-accent-bg);color:var(--button-accent-text);border-color:var(--button-accent-bg);font-size:1.1em}.solved-actions .btn-primary:hover{background-color:var(--button-accent-hover-bg)}.katex{color:var(--header-color)!important}.sqlsg-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0c29;z-index:900;display:flex;flex-direction:column;overflow:hidden;font-family:inherit}.sqlsg-topbar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#0006;flex-shrink:0;z-index:10}.sqlsg-topbar-theme{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem;padding:3px 9px;cursor:pointer;flex-shrink:0;transition:background .15s;line-height:1.4}.sqlsg-topbar-theme:hover{background:#ffffff38}.sqlsg-topbar-sound{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem;padding:3px 9px;cursor:pointer;flex-shrink:0;transition:background .15s;line-height:1.4}.sqlsg-topbar-sound:hover{background:#ffffff38}.sqlsg-topbar-close{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem;font-weight:700;padding:3px 10px;cursor:pointer;flex-shrink:0;transition:background .15s;line-height:1.4}.sqlsg-topbar-close:hover{background:#dc262680;border-color:#dc262699}.sqlsg-topbar-title{flex:1;font-size:.85rem;font-weight:700;color:#fffc}.sqlsg-progress-text{font-size:.78rem;color:#ffffffe6}.sqlsg-score-badge{background:#7c3aed99;border:1px solid rgba(167,139,250,.5);color:#e9d5ff;font-size:.82rem;font-weight:700;padding:3px 10px;border-radius:999px}.sqlsg-topbar-avatar{font-size:1.3rem;line-height:1;flex-shrink:0}.sqlsg-progress-bar-bg{height:3px;background:#ffffff1a;flex-shrink:0}.sqlsg-progress-bar-fill{height:100%;background:#7c3aed;transition:width .4s ease}.sqlsg-main{flex:1;display:grid;grid-template-columns:1fr 380px;gap:0;overflow:hidden;min-height:0}.sqlsg-scene-area{position:relative;overflow:hidden;background:#0f0c29}.sqlsg-question-panel{background:#ffffff0a;border-left:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;overflow-y:auto;padding:20px 16px;gap:12px}.sqlsg-q-num{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#a78bfa}.sqlsg-q-text{font-size:.97rem;font-weight:600;color:#f3f4f6;line-height:1.45}.sqlsg-choices{display:flex;flex-direction:column;gap:8px}.sqlsg-choice-btn{padding:11px 14px;text-align:left;background:#ffffff12;border:1.5px solid rgba(255,255,255,.15);border-radius:10px;color:#e5e7eb;font-size:.88rem;cursor:pointer;transition:background .15s,border-color .15s;line-height:1.35}.sqlsg-choice-btn:hover:not(:disabled){background:#a78bfa26;border-color:#a78bfa}.sqlsg-choice-btn:disabled{cursor:not-allowed;opacity:.7}.sqlsg-choice-btn.correct{background:#34d39933;border-color:#34d399;color:#6ee7b7}.sqlsg-choice-btn.wrong{background:#f8717126;border-color:#f87171;color:#fca5a5}.sqlsg-feedback{padding:10px 12px;border-radius:8px;font-size:.85rem;font-weight:600;line-height:1.35}.sqlsg-feedback.correct{background:#34d39926;color:#6ee7b7}.sqlsg-feedback.wrong{background:#f871711f;color:#fca5a5}.sqlsg-attempts{display:flex;gap:6px;align-items:center}.sqlsg-attempt-dot{width:8px;height:8px;border-radius:50%;background:#fff3}.sqlsg-attempt-dot.used{background:#f87171}.sqlsg-attempt-label{font-size:.72rem;color:#fffc;margin-left:4px}.sqlsg-next-btn{padding:11px 0;background:#7c3aed;color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:700;cursor:pointer;transition:background .15s;margin-top:4px}.sqlsg-next-btn:hover{background:#6d28d9}.sqlsg-finished{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;gap:12px;color:#fff}.sqlsg-finished-emoji{font-size:3rem;line-height:1}.sqlsg-finished h3{margin:0;font-size:1.2rem;font-weight:800;color:#e9d5ff}.sqlsg-finished p{margin:0;font-size:.9rem;color:#fff9}.sqlsg-finished-score{background:#7c3aed66;border:1px solid rgba(167,139,250,.5);border-radius:12px;padding:16px 28px;margin:8px 0}.sqlsg-finished-score .pts{font-size:2rem;font-weight:800;color:#e9d5ff}.sqlsg-finished-score .lbl{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.08em}.sqlsg-finished-lb-header{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#ffffffbf;margin-bottom:8px;text-align:center}.sqlsg-finished-close{margin-top:8px;padding:11px 28px;background:var(--button-reset-bg, #b95700);border:none;border-radius:10px;color:var(--button-reset-text, #fff);cursor:pointer;font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:6px;transition:background .15s}.sqlsg-finished-close:hover{background:var(--button-reset-hover-bg, #d46c0b)}.sqlsg-mini-lb{position:absolute;top:12px;right:0;width:180px;background:#0000008c;border:1px solid rgba(255,255,255,.1);border-right:none;border-radius:12px 0 0 12px;padding:10px 12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20}.sqlsg-mini-lb-title{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#fffc;margin-bottom:8px}.sqlsg-mini-lb-row{display:flex;align-items:center;gap:6px;padding:3px 0}.sqlsg-mini-lb-row.self{background:#7c3aed40;border-radius:6px;padding:3px 6px;margin:0 -6px}.sqlsg-mini-rank{font-size:.72rem;font-weight:700;color:#ffffffbf;width:16px;text-align:center;flex-shrink:0}.sqlsg-mini-name{flex:1;font-size:.75rem;color:#ffffffd9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sqlsg-mini-score{font-size:.72rem;font-weight:700;color:#a78bfa;flex-shrink:0}.sqlsg-rank-toast{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:1100;background:#141428f2;border:1px solid rgba(167,139,250,.5);border-radius:14px;padding:12px 20px;display:flex;flex-direction:column;align-items:center;gap:2px;box-shadow:0 8px 32px #00000080;animation:toastIn .3s ease;pointer-events:none;min-width:200px;text-align:center}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.sqlsg-rank-toast.fade-out{animation:toastOut .4s ease forwards}@keyframes toastOut{to{opacity:0;transform:translate(-50%) translateY(-8px)}}.sqlsg-toast-rank{font-size:1.2rem;font-weight:800;color:#e9d5ff}.sqlsg-toast-msg{font-size:.82rem;color:#fff9}.sqlsg-completion-banner{position:absolute;bottom:16px;left:50%;transform:translate(-50%);background:#00000080;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:5px 14px;font-size:.78rem;color:#ffffff8c;white-space:nowrap;z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none}.sqlsg-lobby-wait{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px;gap:14px;color:#fff}.sqlsg-lobby-wait h3{margin:0;font-size:1.1rem;font-weight:700;color:#e9d5ff}.sqlsg-lobby-wait p{margin:0;font-size:.9rem;color:#ffffff8c}.sqlsg-pulse{display:inline-block;width:12px;height:12px;border-radius:50%;background:#34d399;animation:pulse 1.5s infinite;margin-right:8px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}}@media (max-width: 680px){.sqlsg-main{grid-template-columns:1fr}.sqlsg-scene-area,.sqlsg-mini-lb{display:none}.sqlsg-completion-banner{bottom:8px;font-size:.72rem}}.sqlsg-match-container{display:flex;flex-direction:column;gap:8px}.sqlsg-match-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.12)}.sqlsg-match-row.correct .sqlsg-match-select{border-color:#34d399!important;background:#34d39933!important;color:#6ee7b7!important}.sqlsg-match-row.wrong .sqlsg-match-select{border-color:#f87171!important;background:#f8717133!important;color:#fca5a5!important}.sqlsg-match-prompt{flex:1;font-size:.83rem;font-weight:600;color:#e5e7eb;line-height:1.3}.sqlsg-match-select{background:#1e1a2e;border:1.5px solid rgba(167,139,250,.45);border-radius:8px;color:#e5e7eb;font-size:.82rem;padding:5px 8px;max-width:175px;cursor:pointer;outline:none;color-scheme:dark;-webkit-appearance:auto}.sqlsg-match-select option{background:#1e1a2e;color:#e5e7eb}.sqlsg-match-select:disabled{opacity:.8;cursor:not-allowed}.sqlsg-match-select:hover:not(:disabled){border-color:#a78bfa}.sqlsg-seq-container{display:flex;flex-direction:column;gap:6px}.sqlsg-seq-row{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#ffffff0f;border:1.5px solid rgba(255,255,255,.12);border-radius:8px;transition:border-color .2s}.sqlsg-seq-row.correct{border-color:#34d399;background:#34d3991a}.sqlsg-seq-row.wrong{border-color:#f87171;background:#f871711a}.sqlsg-seq-num{font-size:.72rem;font-weight:700;color:#a78bfa;min-width:18px;text-align:center;flex-shrink:0}.sqlsg-seq-item{flex:1;font-size:.83rem;color:#e5e7eb;line-height:1.3}.sqlsg-seq-btns{display:flex;gap:4px;flex-shrink:0}.sqlsg-seq-btns button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;font-size:.75rem;padding:2px 7px;cursor:pointer;line-height:1.4}.sqlsg-seq-btns button:disabled{opacity:.3;cursor:not-allowed}.sqlsg-seq-btns button:not(:disabled):hover{background:#ffffff38}body[data-theme=light] .sqlsg-question-panel{background:#fffffff7;border-left-color:#0000001a}body[data-theme=light] .sqlsg-q-num{color:#7c3aed}body[data-theme=light] .sqlsg-q-text{color:#111827}body[data-theme=light] .sqlsg-choice-btn{background:#fff;border-color:#d1d5db;color:#374151}body[data-theme=light] .sqlsg-choice-btn:hover:not(:disabled){background:#7c3aed14;border-color:#7c3aed;color:#1f2937}body[data-theme=light] .sqlsg-attempt-label{color:#6b7280}body[data-theme=light] .sqlsg-attempt-dot{background:#d1d5db}body[data-theme=light] .sqlsg-feedback.correct{background:#34d39933;color:#065f46}body[data-theme=light] .sqlsg-feedback.wrong{background:#f8717126;color:#991b1b}body[data-theme=light] .sqlsg-match-prompt{color:#111827;font-weight:600}body[data-theme=light] .sqlsg-match-row{border-bottom-color:#0000001a}body[data-theme=light] .sqlsg-match-select{background:#fff;color:#111827;border-color:#7c3aed;color-scheme:light}body[data-theme=light] .sqlsg-match-select option{background:#fff;color:#111827}body[data-theme=light] .sqlsg-seq-row{background:#0000000a;border-color:#c4b5fd}body[data-theme=light] .sqlsg-seq-item{color:#1f2937;font-weight:500}body[data-theme=light] .sqlsg-seq-num{color:#7c3aed}body[data-theme=light] .sqlsg-seq-btns button{background:#f3f4f6;border-color:#d1d5db;color:#374151}.sqlsj-page{min-height:100vh;background:linear-gradient(160deg,#0f0c29,#302b63,#24243e);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;font-family:inherit}.sqlsj-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:32px 28px;width:100%;max-width:420px;color:#fff}.sqlsj-logo{text-align:center;margin-bottom:24px}.sqlsj-logo-emoji{font-size:2.8rem;line-height:1}.sqlsj-logo h1{margin:6px 0 0;font-size:1.1rem;font-weight:700;color:#e9d5ff}.sqlsj-code-group{margin-bottom:16px}.sqlsj-label{display:block;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#c4b5fd;margin-bottom:6px}.sqlsj-code-input{width:100%;padding:12px 14px;font-size:1.8rem;font-weight:800;letter-spacing:.25em;text-transform:uppercase;text-align:center;background:#ffffff14;border:2px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;box-sizing:border-box;transition:border-color .2s;font-family:Courier New,Courier,monospace}.sqlsj-code-input::placeholder{color:#ffffff4d;font-size:1.4rem;letter-spacing:.15em}.sqlsj-code-input:focus{outline:none;border-color:#a78bfa;background:#a78bfa14}.sqlsj-code-input.valid{border-color:#34d399}.sqlsj-code-input.invalid{border-color:#f87171;animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.sqlsj-preview{background:#34d39914;border:1px solid rgba(52,211,153,.3);border-radius:10px;padding:12px 14px;margin-bottom:16px;display:flex;flex-direction:column;gap:4px}.sqlsj-preview-title{font-size:.95rem;font-weight:700;color:#6ee7b7}.sqlsj-preview-meta{font-size:.78rem;color:#fff9}.sqlsj-name-group{margin-bottom:16px}.sqlsj-name-input{width:100%;padding:11px 14px;font-size:1rem;background:#ffffff14;border:2px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;box-sizing:border-box;transition:border-color .2s}.sqlsj-name-input::placeholder{color:#ffffff59}.sqlsj-name-input:focus{outline:none;border-color:#a78bfa;background:#a78bfa14}.sqlsj-avatar-group{margin-bottom:20px}.sqlsj-avatar-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.sqlsj-avatar-btn{font-size:1.4rem;padding:6px 8px;background:#ffffff12;border:2px solid transparent;border-radius:10px;cursor:pointer;line-height:1;transition:border-color .15s,background .15s}.sqlsj-avatar-btn:hover{background:#ffffff24}.sqlsj-avatar-btn.selected{border-color:#a78bfa;background:#a78bfa33}.sqlsj-join-btn{width:100%;padding:14px;background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;border:none;border-radius:12px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:opacity .15s,transform .1s}.sqlsj-join-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.sqlsj-join-btn:active:not(:disabled){transform:translateY(0)}.sqlsj-join-btn:disabled{opacity:.45;cursor:not-allowed}.sqlsj-return-btn{width:100%;margin-top:10px;padding:12px;background:var(--button-reset-bg, #e07b39);color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .15s,transform .1s}.sqlsj-return-btn:hover{opacity:.9;transform:translateY(-1px)}.sqlsj-return-btn:active{transform:translateY(0)}.sqlsj-error{margin-top:12px;padding:10px 14px;background:#f8717126;border:1px solid rgba(248,113,113,.4);border-radius:8px;color:#fca5a5;font-size:.85rem;text-align:center}.sqlsj-waiting{text-align:center;padding:8px 0}.sqlsj-waiting h3{margin:0 0 8px;font-size:1rem;font-weight:700;color:#6ee7b7}.sqlsj-waiting p{margin:0;font-size:.85rem;color:#fff9}.sqlsj-pulse{display:inline-block;width:10px;height:10px;border-radius:50%;background:#34d399;margin-right:6px;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.pwa-install-banner{position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);z-index:9999;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;column-gap:.75rem;row-gap:.5rem;align-items:center;padding:.9rem 1.1rem 1rem 1.2rem;border-radius:18px;background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:var(--text-inverse, #fff);box-shadow:0 16px 35px #667eea59;font-size:.92rem;font-weight:500;width:min(460px,calc(100vw - 2rem));animation:pwa-slide-up .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@keyframes pwa-slide-up{0%{opacity:0;transform:translate(-50%) translateY(16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.pwa-install-icon{grid-row:1 / 2;grid-column:1 / 2;font-size:1.8rem;width:54px;height:54px;border-radius:14px;background:var(--brand-gradient);box-shadow:var(--brand-shadow);display:flex;align-items:center;justify-content:center;color:#fff}.pwa-install-text{grid-row:1 / 2;grid-column:2 / 3;display:flex;flex-direction:column;line-height:1.2;min-width:0;white-space:normal}.pwa-install-text strong{font-size:.97rem;font-weight:700}.pwa-install-text span{font-size:.8rem;opacity:.9;margin-top:.15rem;color:#ffffffe6}.pwa-install-btn{grid-row:2 / 3;grid-column:1 / 4;background:linear-gradient(135deg,#6f7cfb,#4a2ed6);border:2px solid #25168d;color:#fff;border-radius:12px;padding:.6rem 1.35rem;font-size:.86rem;font-weight:800;cursor:pointer;width:100%;letter-spacing:.01em;box-shadow:inset 0 1px #ffffff59,0 10px 24px #13105247;transition:transform .15s,box-shadow .15s,border-color .15s,background .15s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.pwa-install-btn:hover{transform:translateY(-1px);box-shadow:inset 0 1px #fff6,0 14px 28px #13105259;border-color:#1f146f;background:linear-gradient(135deg,#7f8aff,#4020c2)}.pwa-install-btn:focus-visible{outline:2px solid #ffffff;outline-offset:2px;box-shadow:0 0 0 3px #4a2ed659,0 12px 24px #13105247}.pwa-install-btn-icon{font-size:1.05rem;line-height:1;display:inline-flex}.pwa-dismiss-btn{grid-row:1 / 2;grid-column:3 / 4;background:#ffffff2e;border:none;color:#ffffffd9;font-size:.95rem;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0;transition:background .15s}.pwa-dismiss-btn:hover{background:#ffffff4d}@media (max-width: 480px){.pwa-install-banner{width:calc(100vw - 1.5rem);grid-template-columns:1fr auto;grid-template-rows:auto auto;row-gap:.4rem}.pwa-install-icon{grid-row:1 / 2;grid-column:1 / 2}.pwa-install-text{grid-row:1 / 2;grid-column:1 / 3}.pwa-dismiss-btn{grid-row:1 / 2;grid-column:2 / 3}.pwa-install-btn{grid-row:2 / 3;grid-column:1 / 3}}.eb-fullpage{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--surface-alt);padding:24px}.eb-route{display:flex;align-items:center;justify-content:center;min-height:50vh;padding:24px}.eb-card{background:var(--surface-color);border-radius:12px;box-shadow:var(--shadow-md);padding:40px 32px;max-width:480px;text-align:center}.eb-icon{font-size:48px;margin-bottom:12px}.eb-title{margin:0 0 8px;font-size:1.3rem;font-weight:700;color:var(--text-primary)}.eb-message{margin:0 0 20px;font-size:.95rem;color:var(--text-secondary);line-height:1.5}.eb-details{text-align:left;background:var(--error-bg-light);border:1px solid var(--error-border);border-radius:8px;padding:12px;margin-bottom:20px;font-size:.8rem;color:var(--error-text);max-height:200px;overflow:auto}.eb-details summary{cursor:pointer;font-weight:600;margin-bottom:8px}.eb-details pre{margin:0;white-space:pre-wrap;word-break:break-word;font-size:.75rem}.eb-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.eb-btn{border:none;border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s,transform .1s}.eb-btn:active{transform:scale(.97)}.eb-btn-primary{background:var(--brand-primary);color:var(--text-inverse)}.eb-btn-primary:hover{background:var(--brand-primary-hover)}.eb-btn-secondary{background:var(--button-reset-bg, #b95700);color:#fff}.eb-btn-secondary:hover{background:var(--button-reset-hover-bg, #d46c0b)}.eb-widget{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--warning-bg-light);border:1px solid var(--warning-color-bright);border-radius:8px;font-size:.85rem;color:var(--warning-text)}.eb-widget-icon{font-size:1.1rem;flex-shrink:0}.eb-widget-text{flex:1}.eb-btn-small{padding:4px 12px;font-size:.8rem;background:var(--surface-color);border:1px solid var(--border-color-medium);border-radius:6px;cursor:pointer;font-weight:600;color:var(--text-color)}.eb-btn-small:hover{background:var(--surface-hover)}.eb-btn-copy{background:#3b82f6;border-color:#2563eb;color:#fff}.eb-btn-copy:hover{background:#2563eb;border-color:#1d4ed8}:root{--bg-color: #f6f8fa;--surface-color: #ffffff;--surface-alt: #f9fafb;--surface-hover: #f3f4f6;--surface-inset: #f0f1f3;--text-primary: #111827;--text-color: #1f2937;--text-secondary: #374151;--text-muted: #6b7280;--text-inverse: #ffffff;--border-color: #e5e7eb;--border-color-light: #f0f0f0;--border-color-medium: #d1d5db;--focus-ring-color: rgba(102, 126, 234, .3);--brand-primary: #667eea;--brand-secondary: #764ba2;--brand-primary-hover: #5568d3;--brand-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--brand-shadow: 0 4px 12px rgba(102, 126, 234, .4);--info-color: #2563eb;--info-color-hover: #1d4ed8;--info-color-light: #3b82f6;--info-bg-light: #dbeafe;--info-bg-subtle: #eff6ff;--success-color: #10b981;--success-text: #059669;--success-bg-light: #d1fae5;--warning-color: #f59e0b;--warning-text: #d97706;--warning-bg-light: #fef3c7;--warning-color-bright: #fbbf24;--error-color: #dc2626;--error-text: #dc2626;--error-bg-light: #fee2e2;--error-border: #fca5a5;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .06);--shadow-md: 0 2px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .15);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .3);--overlay-bg: rgba(0, 0, 0, .5);--header-color: var(--text-primary);--card-bg-color: var(--surface-color);--card-border-color: var(--border-color);--input-bg-color: var(--surface-color);--input-text-color: var(--text-primary);--input-border-color: var(--border-color-medium);--button-accent-bg: var(--brand-primary);--button-accent-hover-bg: var(--brand-primary-hover);--button-accent-text: var(--text-inverse);--button-accent-gradient: var(--brand-gradient);--button-accent-shadow: var(--brand-shadow);--button-secondary-bg: var(--surface-hover);--button-secondary-hover-bg: var(--border-color);--button-secondary-text: var(--text-primary);--button-disabled-bg: rgba(102, 126, 234, .6);--button-reset-bg: #b95700;--button-reset-hover-bg: #d46c0b;--button-reset-text: var(--text-inverse);--error-text-color: var(--error-color);--filename-text-color: var(--text-secondary);--counter-text-color: var(--text-primary);--checkbox-label-color: var(--text-primary);--correct-feedback-bg: var(--success-bg-light);--correct-feedback-border: var(--success-color);--status-success-text: var(--success-text);--status-error-text: var(--error-color);--status-success-bg: rgba(5, 150, 105, .15);--status-success-border: var(--success-text);--standards-badge-bg: linear-gradient(135deg, #e8eaf6 0%, #c5cae9 100%);--standards-badge-color: #283593;--standards-badge-border: #9fa8da;--standards-badge-hover-bg: linear-gradient(135deg, #c5cae9 0%, #9fa8da 100%);--standards-badge-compact-bg: linear-gradient(135deg, #ede7f6 0%, #d1c4e9 100%);--standards-badge-compact-color: #4527a0;--standards-badge-compact-border: #b39ddb}body[data-theme=dark]{color-scheme:dark;--bg-color: #0d1117;--surface-color: #161b22;--surface-alt: #21262d;--surface-hover: #1c2128;--surface-inset: #0d1117;--text-primary: #e6edf3;--text-color: #c9d1d9;--text-secondary: #a0adb8;--text-muted: #8b949e;--text-inverse: #ffffff;--border-color: #30363d;--border-color-light: #21262d;--border-color-medium: #3d444d;--focus-ring-color: rgba(124, 147, 240, .5);--brand-primary: #818cf8;--brand-secondary: #a855f7;--brand-primary-hover: #6366f1;--brand-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--brand-shadow: 0 4px 12px rgba(129, 140, 248, .35);--info-color: #58a6ff;--info-color-hover: #79b8ff;--info-color-light: #388bfd;--info-bg-light: #1f3a6e;--info-bg-subtle: #161f2f;--success-color: #3fb950;--success-text: #56d364;--success-bg-light: #1a3a25;--warning-color: #e3b341;--warning-text: #d29922;--warning-bg-light: #3d2f0a;--warning-color-bright: #f0c040;--error-color: #f85149;--error-text: #f85149;--error-bg-light: #3d1a1a;--error-border: #6e2424;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .5);--shadow-md: 0 2px 8px rgba(0, 0, 0, .6);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .7);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .8);--overlay-bg: rgba(0, 0, 0, .75);--color-surface: var(--surface-color);--color-surface-alt: var(--surface-alt);--color-text: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-border: var(--border-color);--color-primary: var(--brand-primary);--header-color: var(--text-primary);--card-bg-color: var(--surface-color);--card-border-color: var(--border-color);--input-bg-color: var(--surface-color);--input-text-color: var(--text-primary);--input-border-color: var(--border-color-medium);--button-accent-bg: var(--brand-primary);--button-accent-hover-bg: var(--brand-primary-hover);--button-accent-text: var(--text-inverse);--button-accent-gradient: var(--brand-gradient);--button-accent-shadow: var(--brand-shadow);--button-secondary-bg: var(--surface-hover);--button-secondary-hover-bg: var(--border-color);--button-secondary-text: var(--text-primary);--button-disabled-bg: rgba(124, 147, 240, .6);--button-reset-bg: #c27a2a;--button-reset-hover-bg: #d98a3a;--button-reset-text: var(--text-inverse);--error-text-color: var(--error-color);--filename-text-color: var(--text-secondary);--counter-text-color: var(--text-primary);--checkbox-label-color: var(--text-primary);--correct-feedback-bg: var(--success-bg-light);--correct-feedback-border: var(--success-color);--status-success-text: var(--success-text);--status-error-text: var(--error-color);--status-success-bg: rgba(63, 185, 80, .15);--status-success-border: var(--success-text);--bg-primary: var(--surface-color);--bg-secondary: var(--surface-alt);--bg-hover: var(--surface-hover);--surface: var(--surface-color);--primary: var(--brand-primary);--input-bg: var(--surface-color);--text: var(--text-primary);--card-bg: var(--surface-color);--bg-color: var(--surface-alt);--secondary-bg: var(--surface-alt);--primary-color: var(--brand-primary);--hover-bg: var(--surface-hover);--standards-badge-bg: linear-gradient(135deg, rgba(88, 166, 255, .15) 0%, rgba(88, 166, 255, .08) 100%);--standards-badge-color: #7cc4fa;--standards-badge-border: rgba(88, 166, 255, .35);--standards-badge-hover-bg: linear-gradient(135deg, rgba(88, 166, 255, .25) 0%, rgba(88, 166, 255, .15) 100%);--standards-badge-compact-bg: linear-gradient(135deg, rgba(129, 140, 248, .15) 0%, rgba(129, 140, 248, .08) 100%);--standards-badge-compact-color: #a5b4fc;--standards-badge-compact-border: rgba(129, 140, 248, .35)}.btn-primary-gradient{background:var(--brand-gradient)!important;color:var(--text-inverse)!important;border:none!important;border-radius:8px;cursor:pointer;transition:all .2s}.btn-primary-gradient:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--brand-shadow)}html,body{margin:0;padding:0;width:100%}body{font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s,color .3s}*{box-sizing:border-box}#root{width:100%;padding:2rem;text-align:center}#root:has(.lp-root),#root:has(.login-container),#root:has(.verify-email-container),#root:has(.privacy-page),#root:has(.terms-page),#root:has(.legal-page),#root:has(.dpa-page),#root:has(.data-flow-page),#root:has(.compliance-checklist-page){padding:0!important}h1,h2{color:var(--header-color);font-weight:600;letter-spacing:-.5px}button{border-radius:6px;border:1px solid var(--card-border-color);padding:.8em 1.6em;font-size:1.15em;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s;outline:none}button:hover:not(:disabled){transform:none;box-shadow:none}button:focus-visible{outline:2px solid var(--brand-primary, #667eea);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.7}input,select,textarea{font-family:inherit;font-size:1.1rem;padding:10px 14px;border-radius:6px;border:1px solid var(--input-border-color);background-color:var(--input-bg-color);color:var(--input-text-color);transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--focus-ring-color)}.app-container{display:flex;flex-direction:column;align-items:center;gap:1rem;position:relative}.config-and-actions-container .button-group{width:100%;max-width:100%;display:flex;justify-content:flex-start;gap:1rem;flex-wrap:wrap;align-items:center;padding:1rem 1.25rem;margin-top:0;border-top:1px solid var(--card-border-color)}.generation-summary-preview{font-size:.75em;color:var(--text-secondary);text-align:center;margin:8px 0 0;padding:4px 10px;background:var(--surface-alt, var(--surface-color));border:1px dashed var(--border-color);border-radius:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-actions-group{display:flex;flex-wrap:nowrap;gap:.75rem;align-items:stretch;margin-top:1rem;overflow:visible;position:sticky;bottom:0;z-index:10;background:var(--surface-color);padding:10px 0 4px;border-top:1px solid var(--border-color)}.main-actions-group .action-button.primary,.main-actions-group .split-button-container button,.main-actions-group .test-diff-trigger-btn{background:var(--brand-gradient);color:var(--text-inverse);border:none;padding:.7em 1em;font-size:.95em;flex:1 1 0;min-width:0;white-space:nowrap;cursor:pointer;transition:all .2s;border-radius:6px;font-weight:600}.main-actions-group .split-button-container button.dropdown-toggle{flex:0 0 32px;width:32px;padding:.7em .5em}.main-actions-group .split-button-container{flex:1 1 0;min-width:0}.main-actions-group .action-button.primary:hover:not(:disabled),.main-actions-group .split-button-container button:hover:not(:disabled),.main-actions-group .test-diff-trigger-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--brand-shadow)}.main-actions-group .action-button.primary:disabled,.main-actions-group .split-button-container button:disabled,.main-actions-group .test-diff-trigger-btn:disabled{background:var(--button-disabled-bg);cursor:not-allowed}.main-actions-group .test-diff-trigger-btn:disabled{opacity:.4}@media (max-width: 900px){.main-actions-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0}.main-actions-group .split-button-container,.main-actions-group .main-action-btn{width:100%;min-width:0}.main-actions-group .action-button.primary,.main-actions-group .split-button-container button,.main-actions-group .test-diff-trigger-btn{min-width:0;white-space:normal!important;overflow-wrap:anywhere}}@media (max-width: 560px){.main-actions-group{grid-template-columns:1fr;position:static}}.split-button-container.reset-button-override button{background-color:var(--button-reset-bg);border-color:var(--button-reset-bg);color:var(--button-reset-text)}.split-button-container.reset-button-override button:hover:not(:disabled){background-color:var(--button-reset-hover-bg);border-color:var(--button-reset-hover-bg)}.activity-preset-section{margin:12px 0;padding:16px;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-alt, #1a1a2e)}.activity-preset-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.activity-preset-heading h3{margin:0 0 3px;color:var(--text-primary);font-size:1rem}.activity-preset-heading p,.activity-preset-heading>span{margin:0;color:var(--text-secondary, #aaa);font-size:.82rem}.activity-preset-heading>span{flex-shrink:0;padding-top:2px}.activity-preset-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.activity-preset-card{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-height:82px;padding:10px;color:var(--text-primary);text-align:left;background:var(--surface-color);border:1px solid var(--border-color);border-radius:6px;cursor:pointer}.activity-preset-card:hover,.activity-preset-card.active{border-color:var(--brand-primary, #667eea)}.activity-preset-card.active{color:var(--text-inverse);background:var(--brand-gradient)}.activity-preset-card span{color:var(--text-secondary, #aaa);font-size:.75rem;line-height:1.35}.activity-preset-card.active span{color:var(--text-inverse)}.component-selector-section{margin-top:8px}.component-selector-toggle{background:none;border:none;color:var(--text-secondary, #aaa);font-size:12px;cursor:pointer;padding:4px 0;display:flex;align-items:center;gap:4px;transition:color .15s}.component-selector-toggle:hover{color:var(--text-primary, #fff)}.component-selector-toggle-icon{font-size:10px;width:12px;display:inline-block}.component-selector-panel{margin-top:6px;padding:10px;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-alt, #1a1a2e)}.component-select-all{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary, #aaa);cursor:pointer;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--border-color)}.component-select-all input[type=checkbox]{cursor:pointer}.component-selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:5px}.component-selector-item{display:flex;align-items:center;gap:5px;padding:5px 8px;border-radius:6px;cursor:pointer;font-size:12px;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary, #aaa);transition:all .15s;position:relative}.component-selector-item:hover{border-color:var(--brand-primary, #667eea);color:var(--text-primary, #fff)}.component-selector-item.selected{border-color:var(--brand-primary, #667eea);background:color-mix(in srgb,var(--brand-primary, #667eea) 10%,transparent);color:var(--text-primary, #fff)}.component-selector-item.has-content .component-selector-label{font-weight:500}.component-selector-item input[type=checkbox]{cursor:pointer;flex-shrink:0}.component-selector-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.component-generated-badge{font-size:10px;color:var(--success-color, #22c55e);margin-left:auto;flex-shrink:0}.activity-replacement-hint{background:#eff6ff;border:1px solid #93c5fd;border-radius:8px;padding:12px 16px;margin-bottom:10px;font-size:15px;line-height:1.5;font-weight:600;color:#1d4ed8;animation:hint-pulse 2s ease-in-out 3}@media (max-width: 1100px){.activity-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 700px){.activity-preset-heading{flex-direction:column;gap:5px}.activity-preset-grid{grid-template-columns:1fr}.activity-preset-card{min-height:auto}}.loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;flex-direction:column;gap:1rem}body[data-theme=light] .loader-overlay{background-color:#ffffffa6}.loader{border:6px solid var(--border-color);border-top-color:var(--brand-primary);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-cta{0%,to{transform:scale(1);box-shadow:0 0 rgba(var(--brand-primary-rgb, 102, 126, 234),.3)}50%{transform:scale(1.03);box-shadow:0 0 0 5px rgba(var(--brand-primary-rgb, 102, 126, 234),0)}}.action-button.pulse-cta{animation:pulse-cta 2.4s ease-in-out infinite;font-size:1.05em;padding-left:1.2em;padding-right:1.2em}.action-button.pulse-cta:disabled{animation:none}.loader-overlay p{font-size:1.2em;font-weight:600;color:var(--text-primary);text-shadow:none}body[data-theme=dark] .loader-overlay p{color:var(--text-inverse);text-shadow:0 2px 4px rgba(0,0,0,.3)}body[data-theme=dark] .activity-replacement-hint{background:#1e3a5f;border-color:#2563eb;color:#93c5fd}.progress-bar-container{width:200px;height:8px;background-color:var(--border-color);border-radius:4px;overflow:hidden}.progress-bar{height:100%;background-color:var(--brand-primary);width:0%;transition:width .1s linear}.status-message{width:100%;padding:1rem;border-radius:8px;text-align:left;font-weight:500;border:1px solid transparent;display:flex;justify-content:space-between;align-items:center}.status-message[data-message-type=error]{color:var(--status-error-text);background-color:#f851491a;border-color:var(--status-error-text)}.status-message[data-message-type=success]{color:var(--status-success-text);background-color:var(--status-success-bg);border-color:var(--status-success-border)}.close-status-btn{background:none;border:none;color:inherit;font-size:1.5rem;font-weight:700;cursor:pointer;padding:0 .5rem;line-height:1;opacity:.7}.close-status-btn:hover{opacity:1}.main-output-container{width:100%;background:var(--surface-color);border-radius:12px;box-shadow:var(--shadow-md);overflow:hidden;margin-top:24px}.main-tab-bar{display:flex;background:var(--surface-color);padding:16px 24px 0;border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:4px;margin-bottom:0}.main-tab-button{padding:14px 24px;font-size:15px;font-weight:500;background:var(--info-bg-light);border:none;color:var(--text-secondary);cursor:pointer;margin-right:4px;margin-bottom:0;border-radius:8px 8px 0 0;transition:all .2s}.main-tab-button:hover{color:var(--text-inverse);background:var(--brand-primary-hover)}.main-tab-button.active{color:var(--text-inverse);background:var(--brand-gradient)}.main-tab-button.active:hover{background:var(--brand-primary-hover)}.main-tab-button:disabled{color:var(--text-color);opacity:.5;cursor:not-allowed}#print-area{display:none}@media print{body:not(:has(.print-preview-page))>*:not(#print-area){display:none!important}#print-area,#print-area *{visibility:visible;color:#000!important}#print-area{display:block!important;position:absolute;left:0;top:0;width:100%}}input::placeholder,textarea::placeholder{color:var(--text-color);opacity:.8}#videoPlayerContainer{position:fixed;top:70px;right:20px;width:40%;max-width:320px;aspect-ratio:16 / 9;background-color:#000;border-radius:8px;overflow:visible;border:2px solid var(--border-color);z-index:10005;box-shadow:var(--shadow-lg)}#youtube-player{width:100%;height:100%}#videoPlayerContainer iframe{width:100%;height:100%;border-radius:6px;overflow:hidden}#closeVideoPlayer{position:absolute;top:-12px;right:-12px;width:26px;height:26px;background:#e53e3e;color:#fff;border:2px solid #fff;border-radius:50%;cursor:pointer;font-size:13px;font-weight:700;line-height:22px;padding:0;text-align:center;z-index:10006;box-shadow:0 2px 6px #00000080;transition:background .15s ease,transform .15s ease}#closeVideoPlayer:hover{background:#c53030;transform:scale(1.1)}.timestamp-link{background:none;border:none;padding:0;margin:0 0 0 4px;font-family:inherit;font-size:inherit;color:var(--button-accent-bg);text-decoration:underline;cursor:pointer}.timestamp-link:hover{color:var(--button-accent-hover-bg)}#emoji-animation-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.video-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:transparent;display:flex;justify-content:center;align-items:center;z-index:10000;pointer-events:none}#videoPlayerContainer{pointer-events:auto}.video-modal-overlay.hidden{display:none}.hidden{display:none!important}@media (max-width: 768px){#root{padding:0}body{font-size:14px}button{padding:.7em 1.4em;font-size:1em}input,select,textarea{font-size:1rem;padding:8px 12px}h1{font-size:24px}h2{font-size:20px}.config-and-actions-container .button-group{flex-direction:column;padding:.75rem 1rem}}@media (max-width: 480px){body{font-size:13px}button{padding:.6em 1.2em;font-size:.95em}input,select,textarea{font-size:.95rem;padding:7px 10px}h1{font-size:20px}h2{font-size:18px}.timestamp-link{font-size:.9em}}.standards-badge-row{display:flex;flex-direction:column;gap:6px;margin:6px 0}.standards-badge-item{display:flex;flex-direction:column;gap:2px}.standards-badge{display:inline-block;font-size:13px;font-weight:700;padding:3px 10px;border-radius:4px;background:#3b82f61f;color:var(--info-color);border:1px solid rgba(59,130,246,.25);line-height:1.5;white-space:normal;word-break:break-word;overflow-wrap:anywhere;min-width:0;max-width:100%}.standards-rationale{font-size:inherit;color:var(--text-primary);font-style:italic;line-height:1.4}.flashcard-front-content .standards-badge-row{align-items:center;margin-top:8px}