@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;padding:20px;box-sizing:border-box}.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}.loader-overlay p{text-align:center;width:100%;max-width:100%;word-wrap:break-word;overflow-wrap:break-word;margin:10px 0}.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);overflow-x:hidden}.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}.generated-content-panel{padding:16px 12px;margin-bottom:16px}.generated-content-grid{grid-template-columns:1fr;gap:10px}.content-display textarea{height:150px;font-size:14px}.loader-overlay p{font-size:14px;padding:0 20px;text-align:center;width:100%;max-width:100%;word-wrap:break-word;overflow-wrap:break-word}}@media (max-width: 380px){.generator-content,.generated-content-panel{padding:12px 8px}.generated-content-grid button{padding:10px 12px}.generated-content-grid button span:first-child{font-size:20px}.generated-content-grid button>div{font-size:13px}}.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)}.pro-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:.75em;padding:2px 6px;border-radius:4px;margin-left:6px;font-weight:700;text-transform:uppercase;vertical-align:middle}.generated-content-panel{background:var(--surface-color);border-radius:12px;padding:24px;margin-bottom:20px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.generated-content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:12px}@media (max-width: 768px){.generated-content-panel{padding:16px}}.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:4px;border-bottom:2px solid var(--border-color);margin-bottom:1rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:4px;max-width:100%}.input-mode-tab{padding:8px 14px;font-size:.88em;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;flex-shrink:0}.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: 768px){.content-loader-container{padding:10px 12px 16px;border-radius:10px}.input-mode-tabs{flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding-bottom:6px!important}.input-mode-tab{padding:6px 12px!important;font-size:.82rem!important;flex-shrink:0!important}.input-group{flex-direction:column;align-items:stretch;gap:8px}.input-group input[type=text],.input-group select{width:100%!important;min-width:100%!important;box-sizing:border-box}.input-group .action-button{width:100%!important;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}@keyframes spin{to{transform:rotate(360deg)}}.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(auto-fit,minmax(340px,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;overflow-x:hidden;width:100%;box-sizing:border-box}.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;overflow-x:hidden;width:100%;box-sizing:border-box}.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:normal}.output-container-header .output-action-buttons{display:flex;gap:1rem;align-items:center;margin-left:auto}@media (max-width: 768px){.output-container-header{flex-direction:column;align-items:flex-start;gap:.75rem}.output-container-header .output-action-buttons{margin-left:0;width:100%;justify-content:flex-start;flex-wrap:wrap;gap:.5rem}}.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:1.85rem!important;font-weight:600!important;color:var(--text-primary)!important;letter-spacing:0}.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;overflow-x:hidden;width:100%;box-sizing:border-box}.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:1.35rem}.collapse-button{font-size:1.4rem}}@media (max-width: 480px){.panel-header{padding:12px 16px}.panel-header h2,.collapse-button{font-size:1.2rem}.collapsible-panel{margin-bottom:16px}.panel-header{padding:8px 16px}.panel-content{padding:12px 16px;width:100%;box-sizing:border-box;overflow-x:hidden}}.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}body[data-theme=dark] .tdss-glossary{background:#ffffff0d}.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-mute-btn{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7c3aed,#4f46e5,#0ea5e9);color:#fff;font-size:1.1rem;padding:7px 14px;border-radius:8px;border:none;cursor:pointer;transition:opacity .15s}.wm-hud-mute-btn:hover{opacity:.88}.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}@keyframes wm-pulse{0%{transform:scale(1);box-shadow:0 0 #e67e22b3}50%{transform:scale(1.05);box-shadow:0 0 0 10px #e67e2200}to{transform:scale(1);box-shadow:0 0 #e67e2200}}.wm-hud-return-btn.pulsate{animation:wm-pulse 1.5s infinite}.wm-hud-demo-complete-msg{color:#e67e22;font-size:.9rem;font-weight:600;margin-left:12px;animation:fadeIn .5s ease-in-out}.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:max(10px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));background:#000000d9;flex-shrink:0;z-index:11}.wm-modal-kit-title{flex:1;font-size:1.15rem;font-weight:600;color:#ffffffd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.wm-fancy-title{font-family:Cinzel Decorative,Cinzel,Playfair Display,Georgia,serif;letter-spacing:.02em;background:linear-gradient(135deg,#fff,#fef08a,#f59e0b 80%,#d97706);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 2px 8px rgba(245,158,11,.35))}.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;padding-bottom:env(safe-area-inset-bottom)}.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;align-items:safe center;justify-content:center;padding:24px 16px;background:#0009;overflow-y:auto;min-height:0}.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,#takeQuizModal #quizNavContainer .btn-restart{background:#b95700;border-color:#b95700}#takeQuizModal .modal-footer .btn-restart:hover:not(:disabled),#takeQuizModal #quizNavContainer .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;-webkit-user-select:none;user-select:none;display:flex;justify-content:space-between;align-items:center;text-align:left;gap:10px}#takeQuizModal .sequence-controls{display:flex;flex-direction:column;gap:3px;flex-shrink:0}#takeQuizModal .seq-btn{background:var(--bg-secondary, #2a2d35);border:1px solid var(--border-color-medium);color:var(--text-primary);border-radius:4px;width:28px;height:24px;font-size:.7rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .15s}#takeQuizModal .seq-btn:hover:not(:disabled){background:var(--brand-primary, #6366f1);border-color:var(--brand-primary, #6366f1);color:#fff}#takeQuizModal .seq-btn:disabled{opacity:.25;cursor:default}#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}.vocab-term.clickable{cursor:pointer}.vocab-term.selected{border-color:var(--brand-primary, #3b82f6);box-shadow:0 0 0 2px var(--brand-primary, #3b82f6)}.vocab-drop-zone.clickable-zone{cursor:pointer}.vocab-drop-zone.highlight-zone{border-color:var(--brand-primary, #3b82f6);box-shadow:0 0 8px var(--brand-primary, #3b82f6)}.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)}.hidden{display:none!important}.cs-item.clickable{cursor:pointer}.cs-item.selected{background:var(--surface-hover, #e3f0ff)!important;border-color:var(--brand-primary, #3b82f6)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-primary, #3b82f6) 30%,transparent)}.cs-category-bucket.clickable-zone{cursor:pointer}.cs-category-bucket.highlight-zone{border-color:var(--brand-primary, #3b82f6);box-shadow:0 0 8px var(--brand-primary, #3b82f6);background-color:rgba(var(--brand-primary-rgb, 59, 130, 246),.1)}.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}.fc-modal-overlay .flashcard-controls,.right-controls-group{flex-wrap:wrap;justify-content:center}.fc-modal-overlay .flashcard-controls button{flex:1 1 auto}}.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;min-height:100vh;background:radial-gradient(ellipse at center,var(--surface-hover) 0%,var(--bg-color) 70%);padding:24px}.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:600px;width:100%;margin:auto;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 fadeIn{0%{opacity:0}to{opacity:1}}@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 .form-label-row{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:6px}.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}.forgot-password-btn{background:none;border:none;color:var(--brand-primary, #6366f1);font-size:.85rem;font-weight:500;cursor:pointer;padding:0;transition:color .2s ease,opacity .2s ease}.forgot-password-btn:hover:not(:disabled){color:var(--brand-primary-hover, #4f46e5);text-decoration:underline}.forgot-password-btn:disabled{opacity:.5;cursor:not-allowed}.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!important}.forgot-password-link:disabled{opacity:.5;cursor:not-allowed}.inline-text-link{background:none;border:none;color:var(--brand-primary, #667eea);cursor:pointer;font-weight:600;padding:0;font-size:inherit;font-family:inherit;transition:color .2s ease}.inline-text-link:hover{text-decoration:underline!important}.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}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.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 .form-label-row{width:100%;box-sizing:border-box}.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}}.password-requirements{display:flex;flex-direction:column;gap:6px;margin-top:8px;padding:8px 12px;background:var(--surface-hover, rgba(255, 255, 255, .03));border-radius:8px;border:1px dashed var(--border-color)}.requirement-item{font-size:.82rem;display:flex;align-items:center;gap:8px;transition:color .25s ease,transform .2s ease}.requirement-item.met{color:#10b981!important;font-weight:500}.requirement-item.unmet{color:var(--text-secondary, #9ca3af)}.requirement-icon{font-size:.75rem;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease}.requirement-item.met .requirement-icon{transform:scale(1.2)}.password-input-wrapper input.match-success{border-color:#10b981!important;box-shadow:0 0 0 2px #10b98126!important}.password-input-wrapper input.match-error{border-color:#ef4444!important;box-shadow:0 0 0 2px #ef444426!important}.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}.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{display:flex;align-items:center;justify-content:center;font-size:48px;color:var(--brand-primary);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,.verify-btn-secondary{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.verify-btn-primary{background:var(--brand-gradient, var(--brand-primary));color:var(--text-inverse, white);border:none}.verify-btn-primary:hover{filter:brightness(1.1)}.verify-btn-secondary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none}.verify-btn-secondary:hover:not(:disabled){filter:brightness(1.1)}.verify-btn-secondary:disabled{opacity:.6;cursor:not-allowed}.verify-dev-note{margin:0 0 24px;padding:12px 14px;background:var(--warning-bg-light);border:1px solid var(--warning-color);border-radius:8px;text-align:left}.verify-dev-note-label{font-size:13px;font-weight:600;color:var(--warning-text);margin-bottom:8px}.verify-dev-note-link{font-size:12px;word-break:break-all;color:var(--brand-primary)}.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}.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:3rem;font-weight:800;letter-spacing:-.02em;line-height:1.15;color:var(--text-primary);margin-bottom:12px;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:var(--surface-alt, rgba(255, 255, 255, .05));border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-left:4px solid var(--brand-primary);border-radius:8px;padding:24px;margin:36px 0;color:var(--text-primary, #e5e7eb)}.privacy-container .privacy-dpa-callout h3{font-size:1.1rem;font-weight:700;color:var(--text-primary, #ffffff);margin:0 0 8px}.privacy-container .privacy-dpa-callout p{font-size:14px;color:var(--text-secondary, #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:2.1rem}}.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-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:3rem;font-weight:800;letter-spacing:-.02em;line-height:1.15;color:var(--text-primary);margin-bottom:12px}.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-container h1{font-size:2.1rem}.legal-cards{grid-template-columns:1fr}}.lp-root{padding-top:12px;--bg-color: #0d1117;--surface-color: #161b22;--surface-alt: #21262d;--surface-hover: #1f2428;--surface-inset: #0d1117;--text-primary: #ffffff;--text-color: #f3f4f6;--text-secondary: #e5e7eb;--text-muted: #c9d1d9;--text-inverse: #ffffff;--border-color: #30363d;--border-color-light: #21262d;--border-color-medium: #484f58;--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}body[data-theme=light] .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}.lp-hero{background:radial-gradient(ellipse at 50% 0%,rgba(99,102,241,.18) 0%,transparent 70%),linear-gradient(160deg,rgba(102,126,234,.08) 0%,rgba(118,75,162,.04) 50%,var(--bg-color) 100%)}.lp-how{background:linear-gradient(160deg,rgba(118,75,162,.05) 0%,var(--bg-color) 100%)}.lp-feature-card-accent{background:linear-gradient(160deg,rgba(102,126,234,.15) 0%,var(--surface-color) 100%);border-color:#667eea66}.lp-feature-card-accent:hover{background:linear-gradient(160deg,rgba(102,126,234,.22) 0%,var(--surface-alt) 100%);border-color:var(--brand-primary)}.lp-live-card-featured{background:linear-gradient(160deg,rgba(102,126,234,.15) 0%,var(--surface-color) 100%);border-color:#667eea66}.lp-live-card-featured:hover,.lp-type-card:hover{background:linear-gradient(160deg,rgba(102,126,234,.22) 0%,var(--surface-alt) 100%);border-color:var(--brand-primary)}.lp-ai-tutor{background:linear-gradient(160deg,rgba(102,126,234,.08) 0%,var(--bg-color) 100%)}.lp-audience-primary{background:linear-gradient(160deg,rgba(102,126,234,.15) 0%,var(--surface-color) 100%);border-color:#667eea66}.lp-audience-primary:hover{background:linear-gradient(160deg,rgba(102,126,234,.22) 0%,var(--surface-alt) 100%);border-color:var(--brand-primary)}.lp-price-card-featured{background:linear-gradient(160deg,rgba(102,126,234,.15) 0%,var(--surface-color) 100%)}.lp-footer{background:#090b0e;border-top:1px solid var(--border-color)}.lp-nav{background:#0d1117f2}body[data-theme=light] .lp-nav{background:color-mix(in srgb,var(--surface-color) 75%,transparent)}body[data-theme=light] .lp-hero{background:linear-gradient(160deg,rgba(102,126,234,.06) 0%,var(--surface-color) 50%,var(--bg-color) 100%)}body[data-theme=dark] .lp-feature-tag,body[data-theme=dark] .lp-audience-quote{color:#bfa8ff}body[data-theme=dark] .lp-hero-badge{color:#fff!important;font-weight:700!important;background:#bfa8ff26;border-color:#bfa8ff66}#root:has(.lp-root){padding:0}.lp-root{font-family:Nunito,sans-serif;color:var(--text-color);background:var(--bg-color);min-height:100vh;padding-top:84px;transition:background .3s,background-color .3s,color .3s}.lp-container{max-width:1160px;margin:0 auto;padding:0 24px}.lp-section{padding:48px 0!important}.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 0 20px 8px #667eea66!important}.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)}@keyframes subtlePulseGlow{0%{box-shadow:0 0 #667eea99}70%{box-shadow:0 0 0 12px #667eea00}to{box-shadow:0 0 #667eea00}}@keyframes subtlePulseGlowDark{0%{box-shadow:0 0 #bfa8ff99}70%{box-shadow:0 0 0 12px #bfa8ff00}to{box-shadow:0 0 #bfa8ff00}}.lp-btn-glow{background:#667eea26!important;color:var(--brand-primary)!important;border:2px solid var(--brand-primary)!important;transition:all .3s ease;font-weight:800;animation:subtlePulseGlow 3s infinite}.lp-btn-glow:hover{box-shadow:0 0 15px 5px #667eea66!important;background:#667eea40!important;color:var(--brand-primary)!important;animation:none}body[data-theme=dark] .lp-btn-glow{background:#bfa8ff14;color:#bfa8ff;border-color:#bfa8ff;animation:subtlePulseGlowDark 3s infinite}body[data-theme=dark] .lp-btn-glow:hover{box-shadow:0 0 15px 5px #bfa8ff66;background:#bfa8ff26;color:#bfa8ff;animation:none}body[data-theme=dark] .lp-btn-outline{color:#bfa8ff;border-color:#bfa8ff}body[data-theme=dark] .lp-btn-outline:hover{background:#bfa8ff;color:#0d1117}.lp-btn-outline-success{background:transparent;color:#20bf6b;border-color:#20bf6b}.lp-btn-outline-success:hover{background:#20bf6b;color:var(--text-inverse)}.lp-btn-ghost{background:var(--surface-alt);color:var(--text-color);border:2px solid var(--border-color-medium)!important}.lp-btn-ghost:hover{background:var(--surface-hover);border-color:var(--text-secondary)!important}.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 48px;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:fixed;top:12px;left:0;right:0;margin:0 auto;z-index:1000;background:#0f141ef2!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12)!important;border-radius:14px;width:calc(100% - 48px);max-width:1160px;padding:0;transition:background .3s,border-color .3s}body[data-theme=light] .lp-nav{background:#fffffff2!important;border:1px solid rgba(0,0,0,.1)!important}.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:#fff!important;letter-spacing:-.02em}body[data-theme=light] .lp-logo-text{color:#111827!important}.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:700;color:#f1f5f9!important;cursor:pointer;border-radius:6px;transition:all .15s}body[data-theme=light] .lp-nav-links button{color:#1e293b!important}.lp-nav-links button:hover{color:#fff!important;background:#ffffff1f!important}body[data-theme=light] .lp-nav-links button:hover{color:#0f172a!important;background:#0000000f!important}.lp-nav-demo-btn{color:var(--brand-secondary)!important;font-weight:700!important}body[data-theme=dark] .lp-nav-demo-btn{color:#bfa8ff!important}.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}@media (max-width: 900px){.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}body[data-theme=dark] .lp-nav-links{background:#0d1117}.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-hero{padding:80px 0 64px!important;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:#667eea1f;border:1px solid rgba(102,126,234,.3);border-radius:100px;padding:6px 16px;font-size:.85rem;font-weight:700!important;color:var(--brand-secondary)!important;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-rotating-text{display:inline-block;color:var(--brand-primary);animation:fadeSlideIn .5s ease-out forwards;white-space:nowrap}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.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:.875rem;color:var(--text-secondary);margin:0;font-weight:500}.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);cursor:default}@keyframes textSubtlePulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.85}to{transform:scale(1);opacity:1}}.lp-trust-youtube:hover{animation:textSubtlePulse 1.5s infinite ease-in-out;color:var(--brand-primary)!important}.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, rgba(22, 27, 34, .8));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color, rgba(255, 255, 255, .1));box-shadow:0 8px 32px #0000004d;border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:12px;transition:all .3s ease;position:relative;overflow:hidden}.lp-feature-card:hover{border-color:var(--brand-primary);box-shadow:0 20px 40px #667eea40,0 0 0 1px var(--brand-primary);z-index:2}.lp-feature-card-accent{background:linear-gradient(160deg,#667eea26,#161b22d9)!important;border:1px solid rgba(102,126,234,.4)!important}.lp-feature-card-accent:hover{background:linear-gradient(160deg,#667eea40,#21262de6)!important;border-color:var(--brand-primary)!important}body[data-theme=light] .lp-feature-card{background:#fff;border-color:#e5e7eb}body[data-theme=light] .lp-feature-card-accent{background:linear-gradient(160deg,#f5f3ff,#fff)!important;border-color:#667eea66!important}body[data-theme=light] .lp-feature-card-accent:hover{background:linear-gradient(160deg,#ede9fe,#f8fafc)!important;border-color:var(--brand-primary)!important}.lp-demo-section .lp-feature-card-accent:hover{transform:translateY(-6px);box-shadow:0 20px 40px #667eea40,0 0 0 1px var(--brand-primary)}.lp-feature-icon{font-size:2rem;line-height:1}.lp-feature-card h3{font-size:1.05rem;font-weight:700;color:#fff!important;margin:0}body[data-theme=light] .lp-feature-card h3{color:#111827!important}.lp-feature-card p{font-size:.9rem;color:#cbd5e1!important;margin:0;line-height:1.6}body[data-theme=light] .lp-feature-card p{color:#4b5563!important}.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,rgba(118,75,162,.08) 0%,var(--bg-color) 100%)}body[data-theme=light] .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;transition:all .3s cubic-bezier(.2,.8,.2,1)}.lp-step:hover .lp-step-num{transform:scale(1.25);box-shadow:0 8px 24px #667eea66}.lp-step h3{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin:0}.lp-step p{font-size:.9rem;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:1}.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:all .2s ease;cursor:default}.lp-type-card:hover{box-shadow:0 12px 24px #00000040;background:linear-gradient(160deg,#667eea33,#21262de6);border-color:var(--brand-primary)}body[data-theme=light] .lp-type-card:hover{background:linear-gradient(160deg,#dce0ff,#f7f9fc)}.lp-type-icon{font-size:1.6rem;line-height:1}.lp-type-label{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin:4px 0 2px}.lp-type-desc{font-size:.9rem;color:var(--text-muted);line-height:1.4;margin:0}.lp-live-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.lp-live-card{background:var(--surface-color, rgba(22, 27, 34, .8));border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:14px;padding:28px;display:flex;flex-direction:column;gap:12px;transition:all .2s ease}.lp-live-card:hover{box-shadow:0 16px 40px #667eea59;border-color:var(--brand-primary)}.lp-live-card-featured{background:linear-gradient(160deg,#667eea26,#161b22d9)!important;border:1px solid rgba(102,126,234,.4)!important}.lp-live-card-featured:hover{background:linear-gradient(160deg,#667eea40,#21262de6)!important;border-color:var(--brand-primary)!important}body[data-theme=light] .lp-live-card{background:#fff;border-color:#e5e7eb}body[data-theme=light] .lp-live-card-featured{background:linear-gradient(160deg,#f5f3ff,#fff)!important;border-color:#667eea66!important}body[data-theme=light] .lp-live-card-featured:hover{background:linear-gradient(160deg,#ede9fe,#f8fafc)!important;border-color:var(--brand-primary)!important}.lp-live-icon{font-size:2rem;line-height:1}.lp-live-card h3{font-size:1.05rem;font-weight:700;color:#fff!important;margin:0}body[data-theme=light] .lp-live-card h3{color:#111827!important}.lp-live-card p{font-size:.9rem;color:#cbd5e1!important;margin:0;line-height:1.6}body[data-theme=light] .lp-live-card p{color:#4b5563!important}.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:repeat(3,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;transition:all .2s ease}.lp-audience-card:hover{box-shadow:0 16px 40px #667eea59;border-color:var(--brand-primary)}.lp-audience-primary{grid-column:1 / -1;background:linear-gradient(160deg,#f5f3ff 0%,var(--surface-color) 100%);border-color:#667eea4d}.lp-audience-primary:hover{background:linear-gradient(160deg,#dce0ff,#f7f9fc);border-color:var(--brand-primary)}.lp-audience-primary .lp-audience-icon{font-size:3rem;flex-shrink:0}.lp-audience-icon{font-size:2rem;line-height:1}.lp-audience-card h3{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin:0 0 16px}.lp-audience-card p{font-size:.9rem;color:var(--text-muted);line-height:1.6;margin:0;flex-grow:1}.lp-audience-quote{font-size:1rem;font-style:italic;color:var(--brand-secondary);padding:10px 16px;background:#764ba212;border-radius:6px}.lp-pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:start}.lp-price-card{background:var(--surface-color, rgba(22, 27, 34, .85));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color, rgba(255, 255, 255, .1));box-shadow:0 8px 32px #0000004d;border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:10px;position:relative;transition:transform .4s cubic-bezier(.25,.8,.25,1),box-shadow .4s,border-color .4s}.lp-price-card:hover{transform:translateY(-4px);border-color:var(--brand-primary);box-shadow:0 20px 40px #667eea40,0 0 0 1px var(--brand-primary);z-index:2}.lp-price-card-featured{background:linear-gradient(160deg,#667eea33,#161b22e6)!important;border:1px solid var(--brand-primary)!important;box-shadow:0 12px 40px #667eea4d,inset 0 0 0 1px #ffffff1a;transform:scale(1.03);z-index:1}.lp-price-card-featured:hover{transform:scale(1.03) translateY(-4px);background:linear-gradient(160deg,#667eea4d,#21262df2)!important;box-shadow:0 24px 48px #667eea66,0 0 0 1px var(--brand-primary)}body[data-theme=light] .lp-price-card{background:#fff;border-color:#e5e7eb}body[data-theme=light] .lp-price-card-featured{background:linear-gradient(160deg,#f5f3ff,#fff)!important;border-color:var(--brand-primary)!important}body[data-theme=light] .lp-price-card-featured:hover{background:linear-gradient(160deg,#ede9fe,#f8fafc)!important}.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-primary);border:none;box-shadow:0 10px 30px #00000040;font-weight:800;padding:18px 48px;border-radius:50px;font-size:1.25rem;transition:all .3s ease}.lp-cta-banner .lp-btn-primary:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 15px 40px #0006;background:#f8f9fa}.lp-tooltip-icon{cursor:help;color:var(--text-muted);font-size:1.05em;font-weight:500;margin-left:6px;opacity:.75}body[data-theme=dark] .lp-tooltip-icon{color:#a3bbfb;opacity:.9}.lp-faq{background:var(--bg-color)}.lp-faq-item{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;margin-bottom:16px;overflow:hidden;transition:all .2s ease}.lp-faq-item:hover{border-color:var(--brand-primary);box-shadow:0 4px 12px #667eea26}.lp-faq-question{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;cursor:pointer;font-size:1.1rem;font-weight:600;color:var(--text-primary);-webkit-user-select:none;user-select:none;list-style:none}.lp-faq-question::-webkit-details-marker{display:none}.lp-faq-icon{font-size:.9rem;color:var(--brand-primary);transition:transform .2s ease;flex-shrink:0;margin-left:16px}.lp-faq-item[open] .lp-faq-icon{transform:rotate(180deg)}.lp-faq-answer{padding:0 24px 20px;color:var(--text-secondary);line-height:1.7;font-size:1rem;animation:fadeIn .2s ease;text-align:left}.lp-faq-answer p{margin:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.lp-faq-question{font-size:1rem;padding:16px 20px}.lp-faq-answer{padding:0 20px 16px;font-size:.95rem}}.lp-footer{background:#090b0e!important;color:#94a3b8!important;padding:56px 0 32px;border-top:1px solid rgba(255,255,255,.1)}body[data-theme=light] .lp-footer{background:#f8fafc!important;color:#475569!important;border-top:1px solid #e2e8f0}.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)}body[data-theme=light] .lp-footer-grid{border-bottom:1px solid #e2e8f0}.lp-footer-brand .lp-logo-text{color:#fff!important}body[data-theme=light] .lp-footer-brand .lp-logo-text{color:#0f172a!important}.lp-footer-brand p{font-size:.85rem;margin:8px 0 0;line-height:1.5;color:#94a3b8!important}body[data-theme=light] .lp-footer-brand p{color:#64748b!important}.lp-footer-heading{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#ffffff80;margin-bottom:14px}body[data-theme=light] .lp-footer-heading{color:#64748b}.lp-footer-col{display:flex;flex-direction:column;gap:8px}.lp-footer-col button{background:none;border:none;color:#cbd5e1!important;font-family:inherit;font-size:.875rem;cursor:pointer;text-align:left;padding:2px 0;transition:color .15s}body[data-theme=light] .lp-footer-col button{color:#334155!important}.lp-footer-col button:hover{color:#fff!important}body[data-theme=light] .lp-footer-col button:hover{color:#0f172a!important}.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}.lp-audience-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.lp-section{padding:36px 0!important}.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}.lp-cta-banner .lp-btn-primary{padding:12px 24px;font-size:1.05rem;width:100%;max-width:320px;box-sizing:border-box}.lp-hero{padding:8px 0 36px!important}}@media (max-width: 480px){.lp-demo-input-row{flex-direction:column;align-items:stretch}.lp-demo-generate{display:flex;justify-content:center;align-items:center;width:100%;text-align:center}}@media (min-width: 768px){.nowrap-desktop{white-space:nowrap}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lp-demos-grid-2x2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:32px}@media (max-width: 768px){.lp-demos-grid-2x2{grid-template-columns:1fr}}.lp-six-ways-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}@media (max-width: 900px){.lp-six-ways-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.lp-six-ways-grid{grid-template-columns:1fr}}.lp-challenge{background:linear-gradient(160deg,rgba(102,126,234,.08) 0%,var(--bg-color) 100%)}body[data-theme=light] .lp-challenge{background:linear-gradient(160deg,#eef2ff 0%,var(--bg-color) 100%)}.lp-challenge-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:start}@media (max-width: 900px){.lp-challenge-grid{grid-template-columns:1fr;gap:32px}}.lp-challenge-text h2{font-size:clamp(1.6rem,3vw,2.15rem);font-weight:700;color:var(--text-primary);margin:0 0 20px;line-height:1.25}.lp-challenge-text p{font-size:1.02rem;color:var(--text-muted);line-height:1.65;margin:0 0 16px}.lp-challenge-cards{display:flex;flex-direction:column;gap:16px}.lp-challenge-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:18px 22px}.lp-challenge-card-title{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:6px}.lp-challenge-card p{font-size:.92rem;color:var(--text-muted);line-height:1.55;margin:0}.lp-diff-header{max-width:960px;margin:0 auto;text-align:center}.lp-diff-subheading{text-align:center;font-size:1.4rem;font-weight:700;color:var(--text-primary);margin:0 0 24px}.lp-diff-header h2{font-size:clamp(1.6rem,3vw,2.15rem);font-weight:700;color:var(--text-primary);margin:0 0 16px;line-height:1.25}.lp-diff-header p{max-width:680px;font-size:1.02rem;color:var(--text-muted);line-height:1.65;margin:0 auto 32px}.lp-diff-profiles{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width: 900px){.lp-diff-profiles{grid-template-columns:1fr}}.lp-diff-profile-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:14px;padding:22px 24px}.lp-diff-profile-badge{display:inline-block;background:#667eea1f;border:1px solid rgba(102,126,234,.3);border-radius:100px;padding:5px 14px;font-size:.82rem;font-weight:700;color:var(--brand-secondary);margin-bottom:16px}body[data-theme=dark] .lp-diff-profile-badge{color:#bfa8ff;background:#bfa8ff26;border-color:#bfa8ff66}.lp-diff-profile-card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.lp-diff-profile-card li{font-size:.92rem;color:var(--text-muted);line-height:1.5;padding-left:18px;position:relative}.lp-diff-profile-card li strong{color:var(--text-primary)}.lp-adventure-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:0 0 40px}.lp-adventure-tag{display:inline-block;background:#667eea1f;border:1px solid rgba(102,126,234,.3);border-radius:100px;padding:6px 16px;font-size:.85rem;font-weight:700;color:var(--brand-secondary)}body[data-theme=dark] .lp-adventure-tag{color:#bfa8ff;background:#bfa8ff26;border-color:#bfa8ff66}.lp-adventure-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width: 900px){.lp-adventure-grid{grid-template-columns:1fr}}.lp-diff-profile-card li:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--brand-primary)}body[data-theme=dark] .lp-root{--text-primary: #ffffff !important;--text-color: #f3f4f6 !important;--text-secondary: #e5e7eb !important;--text-muted: #c9d1d9 !important}@media (min-width: 901px){.lp-nav-links{gap:0px!important;margin-left:40px!important}.lp-nav-links button{padding:6px 10px!important;font-size:.85rem!important}}@media (max-width: 768px){.lp-root{padding-top:70px!important}.lp-nav{top:6px!important;width:calc(100% - 24px)!important}.lp-nav-inner{padding:8px 16px!important}.lp-hero{padding:12px 0 20px!important}}@media (min-width: 641px){.lp-hero{padding:32px 0 36px!important}}.lp-hero-badge{margin-bottom:28px!important}.lp-hero-headline{margin-bottom:12px!important}.lp-hero-sub{margin-bottom:20px!important}.lp-hero-actions{margin-bottom:8px!important}.lp-enterprise-banner{display:flex;justify-content:space-between;align-items:center;background:#ffffff08;border:1px solid var(--border-color);border-left:4px solid #8B5CF6;border-radius:16px;padding:32px 40px;margin-top:40px;text-align:left;gap:24px}.lp-enterprise-content{flex:1}.lp-enterprise-banner h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 8px}.lp-enterprise-banner p{font-size:1.05rem;color:var(--text-secondary);margin:0;line-height:1.5}@media (max-width: 768px){.lp-enterprise-banner{flex-direction:column;text-align:center;padding:24px;gap:16px}.lp-enterprise-banner button{width:100%}}@keyframes badge-pulsate{0%{transform:scale(1);box-shadow:0 2px 4px #0003,0 0 #6366f1b3}70%{transform:scale(1.05);box-shadow:0 2px 4px #0003,0 0 0 8px #6366f100}to{transform:scale(1);box-shadow:0 2px 4px #0003,0 0 #6366f100}}.lp-pulsate-badge{animation:badge-pulsate 2s infinite ease-in-out}.lp-theme-toggle-wrapper{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.lp-theme-toggle{width:28px;height:28px;border-radius:50%;background:#00000014;border:1px solid rgba(0,0,0,.15);font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#000;padding:0}body[data-theme=dark] .lp-theme-toggle{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#fff}.lp-logo{display:flex;align-items:center;gap:10px}.lp-logo-img{height:44px;width:44px}.lp-logo-text{font-size:1.85rem;font-weight:800;letter-spacing:-.03em}.lp-nav-mobile-theme-toggle{padding:10px 12px;border-bottom:1px solid var(--border-color);margin-bottom:8px;display:flex;justify-content:flex-start}.lp-nav-cta-btn{padding:6px 16px;font-size:.85rem}.lp-italic{font-style:italic}.lp-btn-auto-width{width:auto!important}.lp-hero-microcopy{margin-top:12px;font-size:.9rem;color:var(--text-muted);font-weight:600;margin-bottom:0}.lp-pricing-comparison{margin-top:64px;max-width:900px;margin-left:auto;margin-right:auto}.lp-pricing-comparison-title{text-align:center;font-size:1.5rem;font-weight:700;margin-bottom:24px;color:var(--text-primary)}.lp-table-wrapper{overflow-x:auto;background:var(--surface-color, #ffffff);border-radius:12px;box-shadow:0 4px 12px #0000000d;border:1px solid var(--border-color)}.lp-comparison-table{width:100%;border-collapse:collapse;min-width:600px}.lp-comparison-table th,.lp-comparison-table td{padding:16px 24px;text-align:center;border-bottom:1px solid rgba(100,100,100,.5)}.lp-comparison-table th:first-child,.lp-comparison-table td:first-child{text-align:left;font-weight:600;color:var(--text-primary)}.lp-comparison-table th{background:#00000005;font-weight:700;font-size:1rem;color:var(--text-primary)}.lp-comparison-table td{color:var(--text-secondary);font-size:.95rem}.lp-comparison-table tr:last-child td{border-bottom:none}.lp-audience-grid-2col{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-top:48px}@media (max-width: 640px){.lp-audience-grid-2col{grid-template-columns:1fr}}.lp-nav-dropdown-wrapper{position:relative}.lp-nav-dropdown-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);background:var(--surface-color, #1e293b);border:1px solid var(--border-color, rgba(255,255,255,.1));border-radius:8px;padding:8px 0;min-width:150px;box-shadow:0 10px 25px -5px #00000080;z-index:1000;display:flex;flex-direction:column}body[data-theme=light] .lp-nav-dropdown-menu{background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 10px 25px -5px #0000001a}.lp-nav-dropdown-menu button{width:100%;text-align:left;padding:8px 16px!important;border-radius:0!important}@media (max-width: 640px){.lp-nav-dropdown-menu{position:static;transform:none;box-shadow:none;border:none;background:transparent;padding-left:16px}}@keyframes btn-subtle-pulsate{0%{box-shadow:0 4px 15px #fff6,0 0 #fff6}70%{box-shadow:0 4px 15px #fff6,0 0 0 8px #fff0}to{box-shadow:0 4px 15px #fff6,0 0 #fff0}}body[data-theme=light] .lp-btn-pulsate{animation:btn-subtle-pulsate-light 2.5s infinite ease-in-out}@keyframes btn-subtle-pulsate-light{0%{box-shadow:0 4px 15px #6366f166,0 0 #6366f166}70%{box-shadow:0 4px 15px #6366f166,0 0 0 8px #6366f100}to{box-shadow:0 4px 15px #6366f166,0 0 #6366f100}}.lp-btn-pulsate{animation:btn-subtle-pulsate 2.5s infinite ease-in-out}.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}.ab-page{min-height:100vh;background-color:var(--bg-color, #0b0f19);color:var(--text-color, #f8fafc);font-family:Nunito,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;padding-top:12px}.ab-container{max-width:1200px;margin:0 auto;padding:0 24px}.ab-nav{position:sticky;top:0;z-index:100;background:#0f172ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}.ab-nav-container{max-width:1200px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between}.ab-brand{display:flex;align-items:center;gap:10px}.ab-brand-icon{font-size:24px}.ab-brand-title{font-size:22px;font-weight:800;background:linear-gradient(135deg,#a855f7,#6366f1,#3b82f6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.ab-nav-links{display:flex;gap:28px;align-items:center}.ab-nav-link{color:#94a3b8;text-decoration:none;font-size:15px;font-weight:500;transition:color .15s}.ab-nav-link:hover,.ab-nav-link.active{color:#f8fafc}.ab-nav-actions{display:flex;gap:12px;align-items:center}.ab-btn-text{background:transparent;border:none;color:#cbd5e1;font-size:14px;font-weight:600;cursor:pointer;padding:8px 16px;border-radius:8px;transition:all .15s}.ab-btn-text:hover{color:#fff;background:#ffffff0f}.ab-btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;font-size:14px;font-weight:700;padding:10px 20px;border-radius:10px;cursor:pointer;box-shadow:0 4px 14px #6366f159;transition:all .15s ease}.ab-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f180}.ab-btn-outline{background:#ffffff0f;color:#fff;border:1px solid rgba(255,255,255,.2);font-size:14px;font-weight:700;padding:10px 20px;border-radius:10px;cursor:pointer;transition:all .15s ease}.ab-btn-outline:hover{background:#ffffff1f;border-color:#ffffff59}.ab-cta-banner{padding:60px 0;background:linear-gradient(135deg,#6366f126,#a855f726);border-top:1px solid rgba(255,255,255,.08);text-align:center}.ab-cta-banner h2{font-size:28px;font-weight:800;color:#fff;margin-bottom:8px}.ab-cta-banner p{color:#94a3b8;font-size:16px;margin-bottom:24px}.ab-cta-buttons{display:flex;gap:16px;justify-content:center}.ab-page .lp-nav{margin-top:12px!important}@media (max-width: 768px){.ab-page{padding-top:4px!important}.ab-page .lp-nav{margin-top:4px!important}.ab-hero{padding:12px 0 20px!important}}.ab-hero{padding:32px 0 36px!important;text-align:center;background:radial-gradient(ellipse at 50% 0%,rgba(99,102,241,.18) 0%,transparent 70%)}.ab-hero-badge{display:inline-flex;align-items:center;gap:8px;background:color-mix(in srgb,var(--surface-color, #1e293b) 80%,var(--brand-primary, #6366f1) 15%);border:1px solid var(--border-color, rgba(255, 255, 255, .15));color:#4f46e5;font-size:13px;font-weight:700;padding:6px 16px;border-radius:20px;margin-bottom:8px!important}body[data-theme=dark] .ab-hero-badge{color:#c7d2fe}body[data-theme=light] .ab-hero-badge{color:#4338ca}.ab-hero-title{font-family:Nunito,system-ui,sans-serif;font-size:44px;font-weight:800;letter-spacing:-.03em;line-height:1.2;margin-bottom:12px;color:var(--text-primary, #fff);max-width:960px;margin-left:auto;margin-right:auto}.ab-hero-subtitle{font-size:18px;color:var(--text-secondary, #e2e8f0);font-weight:500;max-width:720px;margin:0 auto 20px}.ab-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.ab-stat-card{background:var(--surface-color, rgba(30, 41, 59, .6));border:1px solid var(--border-color, rgba(255, 255, 255, .08));border-radius:16px;padding:20px 16px;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ab-stat-icon{font-size:32px;margin-bottom:8px}.ab-stat-val{font-size:26px;font-weight:800;color:#a855f7}.ab-stat-lbl{font-size:13px;color:var(--text-secondary, #94a3b8);font-weight:600;margin-top:4px}.ab-section{padding:44px 0;border-top:1px solid var(--border-color, rgba(255, 255, 255, .06))}.ab-section-header{text-align:center;max-width:680px;margin:0 auto 28px}.ab-tag{color:#818cf8;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.ab-section-header h2{font-size:32px;font-weight:800;color:var(--text-primary, #fff);margin:8px 0 12px}.ab-section-header p{color:var(--text-secondary, #94a3b8);font-size:16px;line-height:1.6;max-width:620px;margin:0 auto}.ab-quotes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.ab-quote-card{background:var(--surface-color, rgba(30, 41, 59, .5));border:1px solid var(--border-color, rgba(255, 255, 255, .08));border-radius:16px;padding:28px;display:flex;flex-direction:column;justify-content:space-between}.ab-quote-stars{color:#f59e0b;font-size:16px;margin-bottom:12px}.ab-quote-text{font-size:15px;color:var(--text-secondary, #e2e8f0);font-style:italic;margin-bottom:20px;line-height:1.6}.ab-quote-author{display:flex;align-items:center;gap:12px}.ab-author-avatar{font-size:28px}.ab-author-name{font-weight:700;color:var(--text-primary, #fff);font-size:14px}.ab-author-role{font-size:12px;color:var(--text-secondary, #94a3b8)}.ab-pillars-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:24px}.ab-pillar-card{background:var(--surface-color, linear-gradient(135deg, rgba(30, 41, 59, .7), rgba(15, 23, 42, .8)));border:1px solid var(--border-color, rgba(139, 92, 246, .2));border-radius:16px;padding:32px 20px;text-align:center}.ab-pillar-icon{font-size:36px;margin-bottom:16px}.ab-pillar-card h3{font-size:1.1rem;font-weight:800;color:var(--text-primary, #fff);margin-bottom:12px;text-align:center;white-space:normal}.ab-pillar-card p{color:var(--text-secondary, #94a3b8);font-size:14px;line-height:1.6}.ab-team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.ab-team-card{background:var(--surface-color, rgba(30, 41, 59, .5));border:1px solid var(--border-color, rgba(255, 255, 255, .08));border-radius:16px;padding:28px 24px;text-align:center}.ab-team-avatar{font-size:36px;margin-bottom:12px}.ab-team-card h3{font-size:1.15rem;font-weight:800;color:var(--text-primary, #fff);margin-bottom:4px}.ab-team-role{font-size:12px;font-weight:700;color:#818cf8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.ab-team-card p{color:var(--text-secondary, #94a3b8);font-size:14px;line-height:1.6}.ab-channels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:28px}.ab-channel-card{background:var(--surface-color, rgba(30, 41, 59, .4));border:1px solid var(--border-color, rgba(255, 255, 255, .08));border-radius:16px;padding:24px 20px;text-align:center}.ab-channel-icon{font-size:32px;margin-bottom:12px}.ab-channel-card h3{font-size:1.1rem;font-weight:800;color:var(--text-primary, #fff);margin-bottom:8px;white-space:nowrap}.ab-channel-card p{font-size:13px;color:var(--text-secondary, #94a3b8);margin-bottom:16px}.ab-channel-link{color:#818cf8;font-weight:700;text-decoration:none;font-size:14px}.ab-channel-link:hover{text-decoration:underline}.ab-faq-container{max-width:760px;margin:0 auto 56px}.ab-faq-header-title{font-size:32px;font-weight:800;color:var(--text-primary, #fff);text-align:center;margin-bottom:20px}.ab-faq-list{display:flex;flex-direction:column;gap:12px}.ab-faq-item{background:var(--surface-color, rgba(30, 41, 59, .4));border:1px solid var(--border-color, rgba(255, 255, 255, .08));border-radius:12px;overflow:hidden;transition:border-color .15s}.ab-faq-item.open{border-color:#818cf866;background:var(--surface-hover, rgba(30, 41, 59, .6))}.ab-faq-question{width:100%;padding:16px 20px;background:transparent;border:none;color:var(--text-primary, #fff);font-size:15px;font-weight:700;text-align:left;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.ab-faq-toggle-icon{font-size:18px;color:#818cf8;font-weight:800}.ab-faq-answer{padding:0 20px 16px;color:var(--text-secondary, #94a3b8);font-size:14px;line-height:1.6;text-align:left}.ab-faq-answer p{text-align:left;margin:0}.ab-faq-link{color:#818cf8;font-weight:700;text-decoration:underline;margin-left:4px;transition:color .2s ease}.ab-faq-link:hover{color:#a5b4fc}.ab-form-container{background:var(--surface-color, rgba(30, 41, 59, .7));border:2px solid #6366f1;border-radius:20px;padding:40px;max-width:760px;margin:0 auto;box-shadow:0 12px 48px #6366f159,0 0 0 1px #6366f133}.ab-form-title{font-size:32px;font-weight:800;color:var(--text-primary, #fff);margin-top:0;margin-bottom:20px;text-align:center}.ab-contact-form{display:flex;flex-direction:column;gap:20px}.ab-form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 640px){.ab-form-row{grid-template-columns:1fr}}.ab-form-group{display:flex;flex-direction:column;gap:6px;text-align:left}.ab-form-group label{font-size:13px;font-weight:600;color:var(--text-secondary, #cbd5e1);text-align:left}.ab-form-group input,.ab-form-group select,.ab-form-group textarea{background:var(--surface-alt, rgba(15, 23, 42, .8));border:1px solid var(--border-color, rgba(255, 255, 255, .15));border-radius:10px;padding:12px 14px;color:var(--text-primary, #fff);font-size:14px;outline:none;transition:border-color .15s}.ab-form-group input:focus,.ab-form-group select:focus,.ab-form-group textarea:focus{border-color:#818cf8}.ab-submit-btn{margin-top:10px;padding:14px;font-size:15px}.ab-form-success{text-align:center;padding:40px 20px}.ab-success-icon{font-size:48px;margin-bottom:16px}.ab-form-success h4{font-size:22px;font-weight:800;color:#fff;margin-bottom:8px}.ab-form-success p{color:#94a3b8;margin-bottom:24px}.ab-privacy-banner{padding:36px 0;background:linear-gradient(135deg,#6366f11f,#8b5cf61f);border-top:1px solid rgba(255,255,255,.08);text-align:center}.ab-privacy-badge{display:inline-block;color:#38bdf8;font-size:13px;font-weight:700;background:#38bdf81f;padding:4px 14px;border-radius:12px;margin-bottom:12px}.ab-privacy-content h2{font-size:28px;font-weight:800;color:#fff;margin-bottom:12px}.ab-privacy-content p{color:#94a3b8;max-width:680px;margin:0 auto;font-size:15px}.ab-footer{padding:32px 0;border-top:1px solid rgba(255,255,255,.06)}.ab-footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;color:var(--text-muted, #64748b);font-size:13px}.ab-footer-links{display:flex;gap:20px}.ab-footer-links a{color:var(--text-muted, #64748b);text-decoration:none}.ab-footer-links a:hover{color:var(--text-primary, #94a3b8)}.lp-starfield-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.scroll-to-top{position:fixed;bottom:2rem;right:2rem;z-index:1000}.scroll-to-top button{background-color:var(--button-accent-bg);color:var(--button-accent-text);border:1px solid var(--card-border-color);border-radius:50%;width:50px;height:50px;font-size:24px;line-height:48px;padding:0;cursor:pointer;opacity:.8;transition:opacity .3s ease-in-out,transform .3s ease-in-out;box-shadow:0 4px 8px #0003}.scroll-to-top button:hover{opacity:1;transform:scale(1.1);background-color:var(--button-accent-hover-bg)}@media (max-width: 768px){.scroll-to-top{bottom:12px;right:12px;z-index:999}.scroll-to-top button{width:38px;height:38px;font-size:18px;line-height:36px;opacity:.85;box-shadow:0 4px 12px #0006}}.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)}.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}}.typing-header-container{display:inline;white-space:pre-wrap}.typing-header-char{opacity:0;display:inline-block;animation:typingCharFadeIn .25s forwards cubic-bezier(.16,1,.3,1)}.typing-wipe{display:inline-block;clip-path:inset(0 100% 0 0);animation-name:typingWipe;animation-fill-mode:forwards;animation-timing-function:steps(var(--typing-steps, 30));vertical-align:bottom}body[data-theme=dark] .lp-gradient-text{background:linear-gradient(135deg,#818cf8,#a78bfa)!important;-webkit-background-clip:text!important;background-clip:text!important}@keyframes typingWipe{to{clip-path:inset(0 0 0 0)}}@keyframes typingCharFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes typingCharFadeInOnly{0%{opacity:0}to{opacity:1}}.reveal-entry{opacity:0;transform:translateY(18px);animation:revealEntryFade 2.8s forwards cubic-bezier(.16,1,.3,1)}@keyframes revealEntryFade{to{opacity:1;transform:translateY(0)}}.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}.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:#000000c7}.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:var(--text-primary);margin:0 0 .35rem}.fac-subtitle{font-size:.9rem;color:var(--text-secondary);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:var(--text-secondary);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(--card-bg, #ffffff);border:2px solid transparent;background-image:linear-gradient(160deg,#f5f3ff 0%,var(--card-bg, #ffffff) 100%),var(--brand-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));background-origin:border-box;background-clip:padding-box,border-box;border-radius:10px;padding:12px 16px;margin-bottom:14px;opacity:.88;box-shadow:0 4px 14px #6366f173;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,opacity .25s ease}.skv-sqp-text{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0;gap:3px;text-align:left}.skv-sqp-title,.skv-study-check-hero-badge{font-size:1.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-weight:700;font-family:Cinzel Decorative,Cinzel,Playfair Display,Georgia,serif;background-image:var(--live-title-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:var(--live-title-shadow);text-align:left}.skv-sqp-title .skv-sqp-icon,.skv-study-check-hero-badge .skv-sqp-icon{-webkit-text-fill-color:initial;color:initial;filter:none}.skv-sqp-desc-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.skv-sqp-desc{flex:1;min-width:0;font-size:.82em;color:var(--text-secondary);line-height:1.35;text-align:left}.skv-sqp-btn{flex-shrink:0;background:var(--button-accent-gradient, var(--brand-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%)));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:var(--button-accent-shadow, 0 4px 12px rgba(102, 126, 234, .4));letter-spacing:.02em}.skv-sqp-btn:hover{opacity:.88;box-shadow:0 4px 14px #6366f173}@media (max-width: 420px){.skv-scenario-quest-promo{padding:10px 12px;gap:8px}.skv-sqp-title{font-size:1rem}.skv-sqp-btn{padding:6px 14px;font-size:.85em}}.skv-scenario-quest-promo:hover{transform:translateY(-4px);box-shadow:0 8px 24px #6366f18c;background-image:linear-gradient(160deg,#dce0ff,#f7f9fc),var(--brand-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%))}body[data-theme=dark] .skv-scenario-quest-promo{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}body[data-theme=dark] .skv-scenario-quest-promo:hover{background-image:linear-gradient(160deg,var(--surface-alt, #2d3748) 0%,var(--surface-hover, #1a202c) 100%),var(--brand-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%))}body[data-theme=dark] .skv-sqp-desc{color:var(--text-secondary)}.skv-learning-adventure-promo{background-image:linear-gradient(160deg,#eef2ff,#faf5ff),linear-gradient(135deg,#6366f1,#a855f7);border-color:#6366f1}.skv-learning-adventure-promo:hover{background-image:linear-gradient(160deg,#e0e7ff,#f3e8ff),linear-gradient(135deg,#4f46e5,#9333ea)}body[data-theme=dark] .skv-learning-adventure-promo{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}body[data-theme=dark] .skv-learning-adventure-promo:hover{background-image:linear-gradient(160deg,var(--surface-alt, #2d3748) 0%,var(--surface-hover, #1a202c) 100%),var(--brand-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%))}.skv-interactive-scenario-promo{background-image:linear-gradient(160deg,#eff6ff 0%,var(--card-bg, #ffffff) 100%),linear-gradient(135deg,#3b82f6,#8b5cf6);box-shadow:0 4px 14px #3b82f673}.skv-interactive-scenario-promo:hover{background-image:linear-gradient(160deg,#dbeafe,#f1f5f9),linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 8px 24px #3b82f68c}body[data-theme=dark] .skv-interactive-scenario-promo{background-color:var(--card-bg, #1a1a1a);background-image:linear-gradient(var(--card-bg, #1a1a1a),var(--card-bg, #1a1a1a)),linear-gradient(135deg,#3b82f6,#8b5cf6);box-shadow:0 4px 15px #0000004d}body[data-theme=dark] .skv-interactive-scenario-promo:hover{background-image:linear-gradient(160deg,var(--surface-alt, #1e293b) 0%,var(--surface-hover, #0f172a) 100%),linear-gradient(135deg,#3b82f6,#8b5cf6)}.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:linear-gradient(160deg,#f5f3ff 0%,var(--surface-color) 100%);border:1px solid rgba(102,126,234,.4);border-radius:12px;margin-bottom:10px;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,border-color .25s 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 6px 20px #6c5ce740;transform:translateY(-4px);background:linear-gradient(160deg,#dce0ff,#f7f9fc)}.skv-activity-row.status-completed{border-left:4px solid #00b894}.skv-activity-row.status-in_progress{border-left:4px solid #fdcb6e}.skv-activity-row.status-not_started{border-left:4px solid #dfe6e9}body[data-theme=dark] .skv-activity-row{background:linear-gradient(160deg,rgba(255,255,255,.06) 0%,var(--surface-color) 100%);border-color:var(--border-color)}body[data-theme=dark] .skv-activity-row:hover{background:linear-gradient(160deg,rgba(255,255,255,.1) 0%,var(--surface-hover, var(--border-color-light)) 100%);border-color:#6c63ff}body[data-theme=dark] .skv-activity-row.status-not_started{border-left-color:var(--border-color)}.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-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:1100px;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:linear-gradient(135deg,#2563eb,#f97316);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 #f9731666}.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:stretch;gap:8px}.skv-player-back{position:static!important}.skv-player-title{padding:0!important;text-align:left!important;width:auto!important}.skv-player-type-badge{position:static!important;align-self: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(160deg,#f5f3ff 0%,var(--card-bg, #ffffff) 100%),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;cursor:pointer;transition:transform .25s ease,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}body[data-theme=dark] .skv-study-check-hero-card:hover{background-image:linear-gradient(160deg,var(--surface-alt, #2d3748) 0%,var(--surface-hover, #1a202c) 100%),var(--brand-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%))}.skv-study-check-hero-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #667eea59;background-image:linear-gradient(160deg,#dce0ff,#f7f9fc),var(--brand-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%))}.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-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)}body[data-theme=light] .skv-study-check-hero-status-tag.status-complete{color:#047857}body[data-theme=light] .skv-study-check-hero-status-tag.status-in-progress{color:#92400e}.skv-study-check-hero-subtitle{font-size:.9rem;color:var(--text-secondary);margin:0 0 .75rem;line-height:1.4;text-align:left}.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}}.ip-wrapper{display:flex;justify-content:center;align-items:flex-start;width:100%;padding:0}.ip-wrapper *{box-sizing:border-box}.ip-wrapper .card{background:var(--surface-color, #161b22);border:1px solid var(--border-color, #3d444d);border-radius:14px;max-width:560px;width:100%;box-shadow:0 20px 60px #000c;overflow:hidden}.ip-wrapper .hdr{padding:12px 20px;border-bottom:2px solid var(--border-color, #30363d);display:flex;align-items:center;gap:10px}.ip-wrapper .hdr-icon{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.ip-wrapper .hdr h1{font-size:.95rem;font-weight:700;color:var(--text-primary, #e6edf3);line-height:1.3;margin:0;border:none;padding:0}.ip-wrapper .hdr p{font-size:.75rem;color:var(--text-muted, #8b949e);margin-top:2px;margin-bottom:0}.ip-wrapper .content{padding:20px 24px}.ip-wrapper .avatars{display:flex;justify-content:center;gap:2.5rem;margin-bottom:20px;padding:.75rem 0 1rem;position:relative}.ip-wrapper .av-w{display:flex;flex-direction:column;align-items:center;gap:.4rem;transition:transform .2s,opacity .2s,filter .2s}.ip-wrapper .av-w.inactive{opacity:.55;filter:grayscale(30%);transform:scale(1)}.ip-wrapper .av-c{width:104px;height:104px;border-radius:50%;border:3px solid var(--border-color, #30363d);overflow:hidden;position:relative;background:var(--surface-color, #161b22);z-index:1;transition:border-color .2s,box-shadow .2s}.ip-wrapper .av-c img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.ip-wrapper .av-c.active{border-color:#818cf8;box-shadow:0 0 0 4px #818cf859}.ip-wrapper .av-w.active{animation:ip-pop .35s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes ip-pop{0%{transform:scale(1)}60%{transform:scale(1.18)}to{transform:scale(1.12)}}.ip-wrapper .av-c.active:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;background:radial-gradient(circle,rgba(129,140,248,.55) 0%,transparent 70%);filter:blur(12px);animation:ip-aura 2s ease-in-out infinite;z-index:0;pointer-events:none}@keyframes ip-aura{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.85;transform:scale(1.2)}}.ip-wrapper .av-l{font-size:.75rem;color:var(--text-muted, #8b949e);font-weight:500;text-transform:capitalize;transition:color .2s}.ip-wrapper .av-w.active .av-l{color:#818cf8}.ip-wrapper .bars{position:absolute;bottom:12px;left:0;right:0;height:22px;pointer-events:none;z-index:2}.ip-wrapper .bar{display:none;position:absolute;bottom:0;width:4px;border-radius:2px;background:#818cf8;box-shadow:0 0 4px #818cf8cc;pointer-events:none;z-index:2}.ip-wrapper .av-c.active .bar{display:block;animation:ip-wbar .6s ease-in-out infinite}.ip-wrapper .av-c.active .bar:nth-child(1){left:calc(50% - 9px);animation-delay:0s}.ip-wrapper .av-c.active .bar:nth-child(2){left:calc(50% - 3px);animation-delay:.15s}.ip-wrapper .av-c.active .bar:nth-child(3){left:calc(50% + 3px);animation-delay:.3s}.ip-wrapper .av-c.active .bar:nth-child(4){left:calc(50% + 9px);animation-delay:.45s}@keyframes ip-wbar{0%,to{height:4px;opacity:.7}50%{height:20px;opacity:1}}.ip-wrapper audio{width:100%;border-radius:8px;margin-bottom:12px;outline:none;accent-color:#818cf8;color-scheme:dark}.ip-wrapper .sr{display:flex;align-items:center;gap:8px}.ip-wrapper .sr-l{font-size:.72rem;color:var(--text-primary, #e6edf3);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.ip-wrapper .st{display:flex;align-items:center;border:1px solid var(--border-color, #30363d);border-radius:7px;overflow:hidden}.ip-wrapper .st-b{width:30px;height:30px;border:none;background:var(--surface-color, #161b22);color:var(--text-color, #c9d1d9);font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;transition:all .12s}.ip-wrapper .st-b:hover:not(:disabled){background:#818cf8;color:#fff}.ip-wrapper .st-b:disabled{opacity:.3;cursor:not-allowed}.ip-wrapper .st-d{min-width:48px;height:30px;border:none;border-left:1px solid var(--border-color, #30363d);border-right:1px solid var(--border-color, #30363d);background:var(--surface-alt, #21262d);color:var(--text-primary, #e5e7eb);font-size:.82rem;font-weight:700;text-align:center;cursor:pointer;padding:0 6px;transition:all .12s;display:flex;align-items:center;justify-content:center}.ip-wrapper .st-d:hover{background:#1e1b4b;color:#818cf8}.ip-wrapper .ftr{margin-top:14px;padding-top:10px;border-top:1px solid var(--border-color-light, #21262d);font-size:.65rem;color:var(--text-muted, #8b949e);text-align:center}.ip-wrapper .toggles{position:absolute;right:-16px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:10}.ip-wrapper .btn-toggle{width:32px;height:28px;border-radius:6px;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;transition:transform .15s,filter .15s;display:flex;align-items:center;justify-content:center;font-size:.85rem;-webkit-user-select:none;user-select:none}.ip-wrapper .btn-toggle:hover{filter:brightness(1.15);transform:scale(1.08)}.ip-wrapper .cc-panel{background:#161b22;border-left:4px solid #667eea;border-radius:8px;padding:12px;margin-bottom:12px;font-size:.95rem;color:#e6edf3;display:none;min-height:3.5rem;max-height:8rem;overflow-y:auto;line-height:1.45;text-align:left}.ip-wrapper .cc-panel.active{display:block}.ip-wrapper .cc-speaker{font-weight:700;color:#667eea;margin-right:6px;text-transform:capitalize}.ip-wrapper .cc-panel.cohost .cc-speaker{color:#f59e0b}.ip-wrapper .cc-panel.cohost{border-left-color:#f59e0b}.demo-wrapper button:has(.fa-download),.demo-wrapper button:has(.fa-print),.demo-wrapper .demo-hidden-btn,.demo-wrapper .skv-summary-print-btn,.demo-wrapper .skv-summary-dl-btn{display:none!important}.demo-wrapper [title="Mute audio"],.demo-wrapper [title="Unmute audio"],.demo-wrapper .ml-rive-avatar{display:none!important}.demo-page-container:has(.skv-player-container,.sq-game-overlay,.sq-briefing-overlay,.px-watch-mode-modal) .demo-header{display:none!important}.demo-back-btn{padding:8px 16px;font-size:.9rem;font-weight:600;border-radius:24px;border:2px solid var(--button-reset-bg);background:var(--button-reset-bg);color:var(--button-reset-text);cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 2px 4px #0000000d}.demo-back-btn:hover{background:var(--button-reset-hover-bg);border-color:var(--button-reset-hover-bg);color:var(--button-reset-text)}.demo-back-btn-large{padding:10px 24px;font-size:1rem;border-radius:8px}.demo-back-btn-dark{border:2px solid var(--button-reset-bg);background:var(--button-reset-bg);color:var(--button-reset-text)}.demo-back-btn-dark:hover{background:var(--button-reset-hover-bg);border-color:var(--button-reset-hover-bg);color:var(--button-reset-text)}.demo-molecule-wrapper .st-molecule-viewport{height:500px!important}.demo-socratic-header{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border-color, #eee);gap:12px;position:relative}.demo-socratic-title{font-weight:800;font-size:1.5rem;color:var(--text-primary, #1f2937);position:absolute;left:50%;transform:translate(-50%);text-align:center}.demo-header-controls{display:flex;gap:8px}@media (max-width: 992px){.demo-socratic-header{flex-wrap:wrap}.demo-socratic-title{position:static;transform:none;flex:1 1 100%;order:-1;font-size:1.25rem;margin-bottom:4px}.demo-header-controls{flex:1 1 auto;justify-content:flex-end}}@media (max-width: 500px){.demo-theme-text{display:none!important}.demo-header-controls button{padding:8px!important;font-size:0!important}.demo-header-controls button.demo-theme-btn{font-size:1rem!important}.demo-header-controls button i{font-size:1rem!important;margin-right:0!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:24px 16px 10px;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-title{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px}.sqlsg-topbar-title-text{font-family:Cinzel Decorative,Cinzel,Playfair Display,Georgia,serif;font-weight:900;font-size:1.7rem;background:var(--live-title-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.15;padding-top:.1em;filter:var(--live-title-shadow);letter-spacing:.04em;text-transform:uppercase}.sqlsg-attempt-label{font-size:.75rem;font-weight:600;color:#ffffffbf}.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;display:flex;flex-direction:column;justify-content:center;align-items:center}.sqlsg-scene-area svg{filter:brightness(2.2) contrast(1.1)}.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-hint{font-size:.88rem;color:#ffffffbf;font-style:italic;margin:-4px 0 6px}.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-choice-btn.selected{background:#a78bfa40;border-color:#a78bfa;box-shadow:0 0 10px #a78bfa33;color:#fff}.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-removed-overlay{background-color:#000000d9!important}.sqlsg-removed-dialog{max-width:400px!important}.sqlsg-removed-dialog .cd-footer{justify-content:center!important}.sqlsg-next-btn{background:linear-gradient(135deg,#6366f1,#a855f7);border:none;border-radius:8px;color:#fff;font-weight:700;font-size:.95rem;padding:12px 24px;cursor:pointer;transition:all .2s ease;width:100%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #6366f166}.sqlsg-next-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #6366f199}.sqlsg-next-btn:disabled{background:#ffffff26;color:#ffffff80;cursor:not-allowed;box-shadow:none}.sqlsg-scene-area{position:relative}.sqlsg-mini-lb{position:relative;margin-top:10px;background:#0f0c29b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:10px 14px;box-shadow:0 4px 12px #0006;color:#fff;min-width:140px;pointer-events:none}.sqlsg-mini-lb-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#fff9;margin-bottom:6px;font-weight:700}.sqlsg-mini-lb-row{display:flex;align-items:center;gap:8px;font-size:.85rem;padding:3px 0}.sqlsg-mini-lb-row.self{font-weight:800;color:#fbbf24}.sqlsg-mini-rank{opacity:.7;font-size:.75rem;width:12px}.sqlsg-mini-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sqlsg-mini-score{font-variant-numeric:tabular-nums}.sqlsg-completion-banner{position:absolute;top:12px;left:50%;transform:translate(-50%);background:#10b981d9;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#fff;padding:4px 12px;border-radius:16px;font-size:.8rem;font-weight:700;box-shadow:0 4px 12px #0000004d;pointer-events:none}body[data-theme=light] .sqlsg-wrapper{background:#f1f5f9;color:#0f172a}body[data-theme=light] .sqlsg-topbar{background:#ffffffd9;border-bottom:1px solid rgba(0,0,0,.08)}body[data-theme=light] .sqlsg-topbar-theme,body[data-theme=light] .sqlsg-topbar-sound{background:#0000000f;border:1px solid rgba(0,0,0,.12);color:#0f172a}body[data-theme=light] .sqlsg-topbar-theme:hover,body[data-theme=light] .sqlsg-topbar-sound:hover{background:#0000001f}body[data-theme=light] .sqlsg-progress-text{color:#334155;font-weight:600}body[data-theme=light] .sqlsg-progress-bar-bg{background:#00000014}body[data-theme=light] .sqlsg-scene-area{background:#cbd5e1}body[data-theme=light] .sqlsg-question-panel{background:#fff;border-left:1px solid #cbd5e1}body[data-theme=light] .sqlsg-q-num{color:#6d28d9}body[data-theme=light] .sqlsg-q-hint{color:#475569}body[data-theme=light] .sqlsg-q-text{color:#0f172a}body[data-theme=light] .sqlsg-choice-btn{background:#f8fafc;border:1.5px solid #cbd5e1;color:#0f172a}body[data-theme=light] .sqlsg-choice-btn:hover:not(:disabled){background:#f1f5f9;border-color:#7c3aed}body[data-theme=light] .sqlsg-choice-btn.selected{background:#f3e8ff;border-color:#7c3aed;color:#5b21b6}body[data-theme=light] .sqlsg-choice-btn.correct{background:#dcfce7;border-color:#22c55e;color:#15803d}body[data-theme=light] .sqlsg-choice-btn.wrong{background:#fee2e2;border-color:#ef4444;color:#b91c1c}body[data-theme=light] .sqlsg-next-btn:disabled{background:#cbd5e1;color:#64748b;cursor:not-allowed;box-shadow:none}body[data-theme=light] .sqlsg-attempt-dot{background:#cbd5e1}body[data-theme=light] .sqlsg-mini-lb{background:#ffffffeb;border:1px solid rgba(0,0,0,.12);color:#0f172a}body[data-theme=light] .sqlsg-mini-lb-title{color:#475569}body[data-theme=light] .sqlsg-mini-lb-row.self{color:#d97706}.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;position:relative}.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:3rem;line-height:1;filter:drop-shadow(0 0 12px rgba(253,224,71,.5)) drop-shadow(0 0 4px rgba(255,255,255,.5))}.sqlsj-logo h1{margin:10px 0 0;font-size:1.4rem;font-weight:900;font-family:Cinzel Decorative,Cinzel,Playfair Display,Georgia,serif;background:var(--live-title-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.15;padding-top:.1em;filter:var(--live-title-shadow);letter-spacing:.05em;text-transform:uppercase}.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-upper-return-btn{position:absolute;top:20px;right:20px;padding:10px 20px;background:linear-gradient(135deg,#dc2626,#991b1b);border:1px solid rgba(239,68,68,.4);border-radius:10px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #dc262666;transition:opacity .15s,transform .1s;display:flex;align-items:center;gap:6px;z-index:10}.sqlsj-upper-return-btn:hover{opacity:.9;transform:translateY(-1px)}.sqlsj-upper-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)}}.pilot-page-wrapper{min-height:100vh;background-color:var(--bg-primary, #0c0d14);color:var(--text-primary, #f3f4f6);font-family:var(--font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);overflow-x:hidden;position:relative;line-height:1.6}.pilot-page-wrapper:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;max-width:1400px;height:600px;background:radial-gradient(circle at 50% 20%,rgba(99,102,241,.15) 0%,rgba(168,85,247,.08) 45%,transparent 75%);pointer-events:none;z-index:0}.pilot-container{max-width:1240px;margin:0 auto;padding:0 24px;position:relative;z-index:1}.pilot-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:9999px;background:#6366f11f;border:1px solid rgba(99,102,241,.3);color:#a5b4fc;font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:20px}.pilot-gradient-text{background:linear-gradient(135deg,#818cf8,#c084fc,#f472b6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline}.pilot-header{position:sticky;top:0;z-index:100;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0c0d14d1;border-bottom:1px solid rgba(255,255,255,.08);transition:background-color .2s ease,border-color .2s ease}.pilot-header-content{display:flex;align-items:center;justify-content:space-between;height:72px}.pilot-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-primary, #ffffff);font-weight:800;font-size:1.3rem;letter-spacing:-.02em}.pilot-logo img{width:34px;height:34px}.pilot-nav-links{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0}.pilot-nav-links a{color:#ffffffbf;text-decoration:none;font-size:.95rem;font-weight:500;transition:color .15s ease}.pilot-nav-links a:hover{color:#fff}.pilot-header-actions{display:flex;align-items:center;gap:16px}.pilot-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:10px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:.95rem;font-weight:600;text-decoration:none;border:none;cursor:pointer;box-shadow:0 4px 14px #6366f159;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.pilot-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f180;color:#fff}.pilot-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:10px;background:transparent;border:2px solid #bfa8ff;color:#bfa8ff;font-size:.95rem;font-weight:700;text-decoration:none;cursor:pointer;transition:all .2s ease}.pilot-btn-secondary:hover{background:#bfa8ff;border-color:#bfa8ff;color:#0d1117;box-shadow:0 0 16px 4px #bfa8ff66;transform:translateY(-1px)}.pilot-hero-section{padding:70px 0 50px;position:relative}.pilot-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}.pilot-hero-content{display:flex;flex-direction:column;align-items:center;text-align:center}.pilot-hero-content h1{font-size:3rem;line-height:1.15;font-weight:800;letter-spacing:-.03em;margin:0 0 20px;text-align:center}.pilot-hero-body{font-size:1.15rem;line-height:1.65;color:#ffffffc7;margin:0 auto 30px;max-width:680px;text-align:center}.pilot-hero-ctas{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;margin-bottom:20px}.pilot-hero-microcopy{display:flex;align-items:center;justify-content:center;gap:12px;font-size:.85rem;color:#ffffff8c;text-align:center}.pilot-hero-microcopy span{display:inline-flex;align-items:center;gap:6px}.pilot-hero-visual{position:relative}.pilot-hero-card-stack{position:relative;padding:24px;background:linear-gradient(160deg,#1e2032d9,#121320f2);border:1px solid rgba(255,255,255,.12);border-radius:20px;box-shadow:0 20px 40px -10px #0009,0 0 40px #6366f11f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pilot-hero-card-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:16px;margin-bottom:18px}.pilot-hero-card-badge{font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:6px;background:#6366f133;color:#a5b4fc}.pilot-hero-card-body h3{font-size:1.35rem;font-weight:700;margin:0 0 6px}.pilot-hero-card-body p{font-size:.9rem;color:#ffffffa6;margin:0 0 20px}.pilot-hero-chips-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.pilot-hero-chip{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);font-size:.85rem;font-weight:600;color:#ffffffe0}.pilot-hero-chip i{color:#818cf8}.pilot-trust-strip{padding:24px 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);background:#ffffff05;margin-bottom:60px}.pilot-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}.pilot-trust-item{display:flex;align-items:center;justify-content:center;gap:10px;font-size:.95rem;font-weight:600;color:#ffffffd9}.pilot-trust-item i{color:#818cf8;font-size:1.1rem}.pilot-section{padding:70px 0}.pilot-section-header{text-align:center;max-width:760px;margin:0 auto 50px}.pilot-section-header h2{font-size:2.3rem;font-weight:800;letter-spacing:-.02em;margin:0 0 16px}.pilot-section-header p{font-size:1.1rem;color:#ffffffb8;margin:0}.pilot-transformation-flow{display:grid;grid-template-columns:280px 60px 1fr;gap:24px;align-items:center;padding:36px;border-radius:20px;background:linear-gradient(145deg,#181928b3,#0e0f1ae6);border:1px solid rgba(255,255,255,.08)}.pilot-source-card{padding:24px;border-radius:14px;background:#6366f114;border:1px solid rgba(99,102,241,.3);text-align:center}.pilot-source-icon{width:54px;height:54px;border-radius:14px;background:#6366f133;color:#818cf8;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto 16px}.pilot-source-card h4{font-size:1.05rem;font-weight:700;margin:0 0 6px}.pilot-source-tag{display:inline-block;font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:6px;background:#ffffff14;color:#fffc;margin-top:8px}.pilot-flow-arrow{display:flex;align-items:center;justify-content:center;color:#818cf8;font-size:1.5rem}.pilot-experiences-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.pilot-experience-card{padding:16px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);transition:transform .15s ease,border-color .15s ease}.pilot-experience-card:hover{transform:translateY(-2px);border-color:#6366f166}.pilot-exp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.pilot-exp-header i{color:#a5b4fc;font-size:1.1rem}.pilot-exp-badge{font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:4px;background:#ffffff14;color:#ffffffb3}.pilot-experience-card h5{font-size:.95rem;font-weight:700;margin:0 0 4px}.pilot-experience-card p{font-size:.8rem;color:#fff9;margin:0;line-height:1.4}.pilot-showcase-section{padding:80px 0}.pilot-showcase-box{padding:48px;border-radius:24px;background:linear-gradient(160deg,#1a1c30cc,#0f101cf2);border:1px solid rgba(99,102,241,.25);box-shadow:0 20px 50px #00000080,0 0 30px #6366f11a}.pilot-showcase-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.pilot-showcase-content h3{font-size:2.2rem;font-weight:800;letter-spacing:-.02em;margin:0 0 18px;line-height:1.2}.pilot-showcase-desc{font-size:1.05rem;color:#ffffffc7;margin-bottom:28px;line-height:1.6}.pilot-showcase-benefits{list-style:none;padding:0;margin:0 0 32px;display:flex;flex-direction:column;gap:18px}.pilot-showcase-benefit-item{display:flex;gap:14px;align-items:flex-start}.pilot-showcase-benefit-icon{width:36px;height:36px;border-radius:8px;background:#6366f12e;color:#818cf8;display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0}.pilot-showcase-benefit-item h5{font-size:.95rem;font-weight:700;margin:0 0 3px}.pilot-showcase-benefit-item p{font-size:.85rem;color:#ffffffa6;margin:0}.pilot-comparison-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}.pilot-comparison-card{padding:24px;border-radius:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column}.pilot-comp-badge{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;padding:4px 8px;border-radius:6px;background:#ffffff0f;margin-bottom:12px;align-self:flex-start}.pilot-comp-title{font-size:1.15rem;font-weight:700;margin:0 0 8px}.pilot-comp-desc{font-size:.85rem;color:#ffffffad;margin:0 0 16px;line-height:1.45}.pilot-comp-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.pilot-comp-list li{font-size:.8rem;color:#ffffffd1;display:flex;align-items:flex-start;gap:8px}.pilot-comp-list li i{color:#34d399;font-size:.75rem;margin-top:4px}.pilot-benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.pilot-benefit-card{padding:32px 28px;border-radius:18px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);transition:transform .15s ease,border-color .15s ease}.pilot-benefit-card:hover{transform:translateY(-3px);border-color:#6366f159}.pilot-benefit-icon{width:50px;height:50px;border-radius:12px;background:#6366f126;color:#818cf8;display:flex;align-items:center;justify-content:center;font-size:1.35rem;margin-bottom:20px}.pilot-benefit-card h4{font-size:1.2rem;font-weight:700;margin:0 0 12px}.pilot-benefit-card p{font-size:.95rem;color:#ffffffb3;margin:0;line-height:1.6}.pilot-modes-strip{padding:40px 0;margin:40px 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.pilot-modes-headline{text-align:center;font-size:1.1rem;font-weight:700;color:#ffffffe6;margin-bottom:24px}.pilot-modes-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.pilot-mode-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 10px;border-radius:12px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);text-align:center;font-size:.85rem;font-weight:600}.pilot-mode-item i{color:#a5b4fc;font-size:1.25rem}.pilot-invitation-container{padding:48px;border-radius:24px;background:linear-gradient(155deg,#20223ae6,#121322fa);border:1px solid rgba(139,92,246,.35);box-shadow:0 25px 60px #0009,0 0 50px #8b5cf626}.pilot-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:36px 0 48px}.pilot-process-step{padding:20px;border-radius:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);position:relative}.pilot-step-number{width:28px;height:28px;border-radius:50%;background:#6366f1;color:#fff;font-size:.85rem;font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.pilot-process-step h5{font-size:.95rem;font-weight:700;margin:0 0 6px}.pilot-process-step p{font-size:.8rem;color:#ffffffa6;margin:0;line-height:1.45}.pilot-fit-block{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:48px}.pilot-fit-card{padding:24px;border-radius:16px;background:#ffffff06;border:1px solid rgba(255,255,255,.06)}.pilot-fit-card h4{font-size:1.05rem;font-weight:700;margin:0 0 14px;display:flex;align-items:center;gap:8px}.pilot-fit-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.pilot-fit-card li{font-size:.85rem;color:#fffc;display:flex;align-items:center;gap:8px}.pilot-form-wrapper{background:#0c0d18d9;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:36px}.pilot-form-title{font-size:1.5rem;font-weight:800;margin:0 0 8px;text-align:center}.pilot-form-subtitle{font-size:.95rem;color:#ffffffa6;text-align:center;margin:0 0 32px}.pilot-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.pilot-form-full{grid-column:1 / -1}.pilot-field-group{display:flex;flex-direction:column;gap:6px}.pilot-label{font-size:.85rem;font-weight:600;color:#ffffffe0}.pilot-input,.pilot-select,.pilot-textarea{width:100%;padding:12px 14px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.14);color:#fff;font-size:.92rem;font-family:inherit;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.pilot-input:focus,.pilot-select:focus,.pilot-textarea:focus{outline:none;border-color:#818cf8;box-shadow:0 0 0 3px #6366f140}.pilot-input.error,.pilot-select.error{border-color:#ef4444}.pilot-error-msg{font-size:.78rem;color:#f87171;margin-top:2px}.pilot-radio-group{display:flex;flex-wrap:wrap;gap:14px;margin-top:4px}.pilot-radio-label{display:flex;align-items:center;gap:8px;font-size:.88rem;color:#ffffffd9;cursor:pointer}.pilot-checkbox-label{display:flex;align-items:flex-start;gap:10px;font-size:.85rem;color:#ffffffbf;cursor:pointer;line-height:1.45}.pilot-form-submit-btn{width:100%;padding:14px;border-radius:10px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:1.05rem;font-weight:700;border:none;cursor:pointer;margin-top:12px;box-shadow:0 4px 16px #6366f166;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.pilot-form-submit-btn:disabled{opacity:.6;cursor:not-allowed}.pilot-form-submit-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 6px 22px #6366f18c}.pilot-form-success{text-align:center;padding:40px 20px}.pilot-success-icon{width:64px;height:64px;border-radius:50%;background:#34d39926;color:#34d399;font-size:2rem;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.pilot-faq-list{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.pilot-faq-item{border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);overflow:hidden}.pilot-faq-button{width:100%;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;background:none;border:none;color:#fff;font-size:1.05rem;font-weight:600;text-align:left;cursor:pointer}.pilot-faq-icon{transition:transform .2s ease;color:#818cf8;font-size:.9rem}.pilot-faq-button.expanded .pilot-faq-icon{transform:rotate(180deg)}.pilot-faq-answer{padding:0 24px 20px;font-size:.95rem;color:#ffffffb8;line-height:1.6}.pilot-final-cta-section{padding:80px 0 100px}.pilot-final-cta-box{padding:60px 40px;border-radius:24px;background:radial-gradient(circle at 50% 50%,#6366f140,#121320f2 75%);border:1px solid rgba(99,102,241,.35);text-align:center}.pilot-final-cta-box h2{font-size:2.5rem;font-weight:800;margin:0 0 16px}.pilot-final-cta-box p{font-size:1.15rem;color:#ffffffc7;max-width:640px;margin:0 auto 32px}.pilot-final-ctas{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.pilot-footer{border-top:1px solid rgba(255,255,255,.08);padding:40px 0;background:#08090ff2}.pilot-footer-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}.pilot-footer-links{display:flex;gap:24px;list-style:none;margin:0;padding:0}.pilot-footer-links a{color:#fff9;text-decoration:none;font-size:.88rem;transition:color .15s ease}.pilot-footer-links a:hover{color:#fff}.pilot-footer-copy{font-size:.85rem;color:#ffffff73}@media (max-width: 1024px){.pilot-hero-grid,.pilot-showcase-grid{grid-template-columns:1fr;gap:36px}.pilot-trust-grid{grid-template-columns:repeat(2,1fr);gap:16px}.pilot-transformation-flow{grid-template-columns:1fr;gap:20px}.pilot-flow-arrow{transform:rotate(90deg);margin:8px 0}.pilot-experiences-grid,.pilot-process-grid{grid-template-columns:repeat(2,1fr)}.pilot-modes-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.pilot-hero-content h1{font-size:2.2rem}.pilot-hero-body{font-size:1rem}.pilot-experiences-grid,.pilot-benefits-grid,.pilot-comparison-grid,.pilot-process-grid,.pilot-fit-block,.pilot-form-grid{grid-template-columns:1fr}.pilot-nav-links{display:none}.pilot-invitation-container,.pilot-showcase-box,.pilot-form-wrapper{padding:24px 18px}.pilot-modes-grid{grid-template-columns:repeat(2,1fr)}.pilot-final-cta-box{padding:40px 20px}.pilot-final-cta-box h2{font-size:1.8rem}.pilot-hero-ctas,.pilot-final-ctas{flex-direction:column;width:100%}.pilot-btn-primary,.pilot-btn-secondary{width:100%}}.pilot-hero-sim-box{padding:16px;border-radius:14px;background:#0f172ab3;border:1px solid rgba(99,102,241,.25);margin-bottom:18px}.pilot-hero-sim-prompt{display:flex;align-items:flex-start;gap:10px;font-size:.88rem;color:#ffffffe6;line-height:1.45;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.pilot-hero-metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.pilot-hero-metric-pill{display:flex;flex-direction:column;padding:8px 12px;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.pilot-metric-label{font-size:.72rem;color:#ffffff8c;text-transform:uppercase;letter-spacing:.04em;font-weight:600;margin-bottom:2px}.pilot-metric-val{font-size:.85rem;font-weight:700;color:#38bdf8}.pilot-simulator-card{padding:24px;border-radius:18px;background:linear-gradient(155deg,#0f172af2,#0a0f1efa);border:1px solid rgba(99,102,241,.35);box-shadow:0 16px 36px #00000080,0 0 30px #38bdf81f;text-align:left}.pilot-sim-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.pilot-sim-badge{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:700;color:#38bdf8}.pilot-sim-live-indicator{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;color:#ffffffa6}.pilot-live-dot{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 8px #34d399;animation:pulseDot 2s infinite}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.pilot-sim-prompt{margin-bottom:16px}.pilot-sim-prompt p{font-size:.92rem;color:#ffffffe6;line-height:1.5;margin:0}.pilot-sim-choices{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.pilot-sim-choice-item{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .1s ease}.pilot-sim-choice-item:hover{background:#6366f114;border-color:#6366f159}.pilot-sim-choice-item.active{background:#6366f126;border-color:#818cf8;box-shadow:0 0 14px #6366f133}.pilot-sim-radio-indicator{color:#818cf8;font-size:1rem;margin-top:2px}.pilot-sim-choice-text{display:flex;flex-direction:column;gap:2px}.pilot-sim-choice-title{display:flex;align-items:center;gap:8px;font-size:.88rem;color:#fff}.pilot-choice-tag{font-size:.68rem;font-weight:700;padding:2px 6px;border-radius:4px;background:#38bdf833;color:#38bdf8}.pilot-sim-choice-sub{font-size:.78rem;color:#fff9;line-height:1.35}.pilot-sim-socratic-hint{padding:10px 14px;border-radius:8px;background:#eab3081a;border:1px solid rgba(234,179,8,.25);font-size:.8rem;color:#fde047;line-height:1.4}body[data-theme=light] .pilot-page-wrapper,.pilot-page-wrapper[data-theme=light]{background-color:#f8fafc;color:#0f172a}body[data-theme=light] .pilot-page-wrapper:before,.pilot-page-wrapper[data-theme=light]:before{background:radial-gradient(circle at 50% 20%,rgba(99,102,241,.09) 0%,rgba(168,85,247,.05) 45%,transparent 75%)}body[data-theme=light] .pilot-eyebrow,.pilot-page-wrapper[data-theme=light] .pilot-eyebrow{background:#6366f114;border-color:#6366f140;color:#4f46e5}body[data-theme=light] .pilot-header,.pilot-page-wrapper[data-theme=light] .pilot-header{background:#ffffffe0;border-bottom-color:#00000014}body[data-theme=light] .pilot-logo,.pilot-page-wrapper[data-theme=light] .pilot-logo{color:#0f172a}body[data-theme=light] .pilot-nav-links a,.pilot-page-wrapper[data-theme=light] .pilot-nav-links a{color:#475569}body[data-theme=light] .pilot-nav-links a:hover,.pilot-page-wrapper[data-theme=light] .pilot-nav-links a:hover,body[data-theme=light] .pilot-hero-content h1,.pilot-page-wrapper[data-theme=light] .pilot-hero-content h1{color:#0f172a}body[data-theme=light] .pilot-hero-body,.pilot-page-wrapper[data-theme=light] .pilot-hero-body{color:#475569}body[data-theme=light] .pilot-hero-microcopy,.pilot-page-wrapper[data-theme=light] .pilot-hero-microcopy{color:#64748b}body[data-theme=light] .pilot-btn-secondary,.pilot-page-wrapper[data-theme=light] .pilot-btn-secondary{background:transparent;border:2px solid #6366f1;color:#4f46e5;box-shadow:none}body[data-theme=light] .pilot-btn-secondary:hover,.pilot-page-wrapper[data-theme=light] .pilot-btn-secondary:hover{background:#6366f1;border-color:#6366f1;color:#fff;box-shadow:0 0 16px 3px #6366f159;transform:translateY(-1px)}body[data-theme=light] .pilot-hero-card-stack,.pilot-page-wrapper[data-theme=light] .pilot-hero-card-stack{background:#fff;border-color:#e2e8f0;box-shadow:0 20px 40px -10px #00000014,0 0 30px #6366f114}body[data-theme=light] .pilot-hero-card-header,.pilot-page-wrapper[data-theme=light] .pilot-hero-card-header{border-bottom-color:#f1f5f9}body[data-theme=light] .pilot-hero-card-badge,.pilot-page-wrapper[data-theme=light] .pilot-hero-card-badge{background:#e0e7ff;color:#4338ca}body[data-theme=light] .pilot-hero-card-body h3,.pilot-page-wrapper[data-theme=light] .pilot-hero-card-body h3{color:#0f172a}body[data-theme=light] .pilot-hero-card-body p,.pilot-page-wrapper[data-theme=light] .pilot-hero-card-body p{color:#64748b}body[data-theme=light] .pilot-hero-chip,.pilot-page-wrapper[data-theme=light] .pilot-hero-chip{background:#f8fafc;border-color:#e2e8f0;color:#1e293b}body[data-theme=light] .pilot-hero-chip i,.pilot-page-wrapper[data-theme=light] .pilot-hero-chip i{color:#4f46e5}body[data-theme=light] .pilot-hero-sim-box,.pilot-page-wrapper[data-theme=light] .pilot-hero-sim-box{background:#f8fafc;border-color:#cbd5e1}body[data-theme=light] .pilot-hero-sim-prompt,.pilot-page-wrapper[data-theme=light] .pilot-hero-sim-prompt{color:#1e293b;border-bottom-color:#e2e8f0}body[data-theme=light] .pilot-hero-metric-pill,.pilot-page-wrapper[data-theme=light] .pilot-hero-metric-pill{background:#fff;border-color:#e2e8f0}body[data-theme=light] .pilot-metric-label,.pilot-page-wrapper[data-theme=light] .pilot-metric-label{color:#64748b}body[data-theme=light] .pilot-metric-val,.pilot-page-wrapper[data-theme=light] .pilot-metric-val{color:#0284c7}body[data-theme=light] .pilot-trust-strip,.pilot-page-wrapper[data-theme=light] .pilot-trust-strip{background:#f1f5f9;border-color:#e2e8f0}body[data-theme=light] .pilot-trust-item,.pilot-page-wrapper[data-theme=light] .pilot-trust-item{color:#334155}body[data-theme=light] .pilot-trust-item i,.pilot-page-wrapper[data-theme=light] .pilot-trust-item i{color:#4f46e5}body[data-theme=light] .pilot-section-header h2,.pilot-page-wrapper[data-theme=light] .pilot-section-header h2{color:#0f172a}body[data-theme=light] .pilot-section-header p,.pilot-page-wrapper[data-theme=light] .pilot-section-header p{color:#475569}body[data-theme=light] .pilot-transformation-flow,.pilot-page-wrapper[data-theme=light] .pilot-transformation-flow{background:#fff;border-color:#e2e8f0;box-shadow:0 10px 30px #0000000a}body[data-theme=light] .pilot-source-card,.pilot-page-wrapper[data-theme=light] .pilot-source-card{background:#eef2ff;border-color:#c7d2fe}body[data-theme=light] .pilot-source-icon,.pilot-page-wrapper[data-theme=light] .pilot-source-icon{background:#e0e7ff;color:#4338ca}body[data-theme=light] .pilot-source-card h4,.pilot-page-wrapper[data-theme=light] .pilot-source-card h4{color:#0f172a}body[data-theme=light] .pilot-source-tag,.pilot-page-wrapper[data-theme=light] .pilot-source-tag{background:#fff;color:#4338ca;border:1px solid #c7d2fe}body[data-theme=light] .pilot-flow-arrow,.pilot-page-wrapper[data-theme=light] .pilot-flow-arrow{color:#6366f1}body[data-theme=light] .pilot-experience-card,.pilot-page-wrapper[data-theme=light] .pilot-experience-card{background:#f8fafc;border-color:#e2e8f0}body[data-theme=light] .pilot-experience-card:hover,.pilot-page-wrapper[data-theme=light] .pilot-experience-card:hover{background:#fff;border-color:#818cf8;box-shadow:0 4px 12px #6366f11a}body[data-theme=light] .pilot-exp-header i,.pilot-page-wrapper[data-theme=light] .pilot-exp-header i{color:#4f46e5}body[data-theme=light] .pilot-exp-badge,.pilot-page-wrapper[data-theme=light] .pilot-exp-badge{background:#e2e8f0;color:#475569}body[data-theme=light] .pilot-experience-card h5,.pilot-page-wrapper[data-theme=light] .pilot-experience-card h5{color:#0f172a}body[data-theme=light] .pilot-experience-card p,.pilot-page-wrapper[data-theme=light] .pilot-experience-card p{color:#64748b}body[data-theme=light] .pilot-showcase-box,.pilot-page-wrapper[data-theme=light] .pilot-showcase-box{background:#fff;border-color:#e2e8f0;box-shadow:0 20px 40px #0000000f}body[data-theme=light] .pilot-showcase-content h3,.pilot-page-wrapper[data-theme=light] .pilot-showcase-content h3{color:#0f172a}body[data-theme=light] .pilot-showcase-desc,.pilot-page-wrapper[data-theme=light] .pilot-showcase-desc{color:#475569}body[data-theme=light] .pilot-showcase-benefit-item h5,.pilot-page-wrapper[data-theme=light] .pilot-showcase-benefit-item h5{color:#0f172a}body[data-theme=light] .pilot-showcase-benefit-item p,.pilot-page-wrapper[data-theme=light] .pilot-showcase-benefit-item p{color:#64748b}body[data-theme=light] .pilot-showcase-benefit-icon,.pilot-page-wrapper[data-theme=light] .pilot-showcase-benefit-icon{background:#e0e7ff;color:#4f46e5}body[data-theme=light] .pilot-simulator-card,.pilot-page-wrapper[data-theme=light] .pilot-simulator-card{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 10px 25px #0000000d}body[data-theme=light] .pilot-sim-header,.pilot-page-wrapper[data-theme=light] .pilot-sim-header{border-bottom-color:#e2e8f0}body[data-theme=light] .pilot-sim-badge,.pilot-page-wrapper[data-theme=light] .pilot-sim-badge{color:#0284c7}body[data-theme=light] .pilot-sim-live-indicator,.pilot-page-wrapper[data-theme=light] .pilot-sim-live-indicator{color:#64748b}body[data-theme=light] .pilot-sim-prompt p,.pilot-page-wrapper[data-theme=light] .pilot-sim-prompt p{color:#1e293b}body[data-theme=light] .pilot-sim-choice-item,.pilot-page-wrapper[data-theme=light] .pilot-sim-choice-item{background:#fff;border-color:#e2e8f0}body[data-theme=light] .pilot-sim-choice-item:hover,.pilot-page-wrapper[data-theme=light] .pilot-sim-choice-item:hover{background:#eef2ff;border-color:#a5b4fc}body[data-theme=light] .pilot-sim-choice-item.active,.pilot-page-wrapper[data-theme=light] .pilot-sim-choice-item.active{background:#e0e7ff;border-color:#6366f1;box-shadow:0 0 12px #6366f126}body[data-theme=light] .pilot-sim-choice-title,.pilot-page-wrapper[data-theme=light] .pilot-sim-choice-title{color:#0f172a}body[data-theme=light] .pilot-sim-choice-sub,.pilot-page-wrapper[data-theme=light] .pilot-sim-choice-sub{color:#475569}body[data-theme=light] .pilot-sim-socratic-hint,.pilot-page-wrapper[data-theme=light] .pilot-sim-socratic-hint{background:#fef9c3;border-color:#fde047;color:#854d0e}body[data-theme=light] .pilot-comparison-card,.pilot-page-wrapper[data-theme=light] .pilot-comparison-card{background:#f8fafc;border-color:#e2e8f0}body[data-theme=light] .pilot-comp-badge,.pilot-page-wrapper[data-theme=light] .pilot-comp-badge{background:#e2e8f0}body[data-theme=light] .pilot-comp-title,.pilot-page-wrapper[data-theme=light] .pilot-comp-title{color:#0f172a}body[data-theme=light] .pilot-comp-desc,.pilot-page-wrapper[data-theme=light] .pilot-comp-desc{color:#475569}body[data-theme=light] .pilot-comp-list li,.pilot-page-wrapper[data-theme=light] .pilot-comp-list li{color:#334155}body[data-theme=light] .pilot-benefit-card,.pilot-page-wrapper[data-theme=light] .pilot-benefit-card{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 12px #00000008}body[data-theme=light] .pilot-benefit-card:hover,.pilot-page-wrapper[data-theme=light] .pilot-benefit-card:hover{border-color:#6366f166;box-shadow:0 6px 18px #6366f114}body[data-theme=light] .pilot-benefit-icon,.pilot-page-wrapper[data-theme=light] .pilot-benefit-icon{background:#e0e7ff;color:#4f46e5}body[data-theme=light] .pilot-benefit-card h4,.pilot-page-wrapper[data-theme=light] .pilot-benefit-card h4{color:#0f172a}body[data-theme=light] .pilot-benefit-card p,.pilot-page-wrapper[data-theme=light] .pilot-benefit-card p{color:#475569}body[data-theme=light] .pilot-modes-strip,.pilot-page-wrapper[data-theme=light] .pilot-modes-strip{border-color:#e2e8f0}body[data-theme=light] .pilot-modes-headline,.pilot-page-wrapper[data-theme=light] .pilot-modes-headline{color:#1e293b}body[data-theme=light] .pilot-mode-item,.pilot-page-wrapper[data-theme=light] .pilot-mode-item{background:#fff;border-color:#e2e8f0;color:#1e293b;box-shadow:0 2px 6px #00000008}body[data-theme=light] .pilot-mode-item i,.pilot-page-wrapper[data-theme=light] .pilot-mode-item i{color:#4f46e5}body[data-theme=light] .pilot-invitation-container,.pilot-page-wrapper[data-theme=light] .pilot-invitation-container{background:linear-gradient(155deg,#fff,#f8fafc);border-color:#c7d2fe;box-shadow:0 20px 50px #6366f114}body[data-theme=light] .pilot-invitation-container #invitation-heading,.pilot-page-wrapper[data-theme=light] .pilot-invitation-container #invitation-heading{color:#0f172a}body[data-theme=light] .pilot-process-step,.pilot-page-wrapper[data-theme=light] .pilot-process-step{background:#fff;border-color:#e2e8f0}body[data-theme=light] .pilot-process-step h5,.pilot-page-wrapper[data-theme=light] .pilot-process-step h5{color:#0f172a}body[data-theme=light] .pilot-process-step p,.pilot-page-wrapper[data-theme=light] .pilot-process-step p{color:#64748b}body[data-theme=light] .pilot-fit-card,.pilot-page-wrapper[data-theme=light] .pilot-fit-card{background:#fff;border-color:#e2e8f0}body[data-theme=light] .pilot-fit-card h4,.pilot-page-wrapper[data-theme=light] .pilot-fit-card h4{color:#0f172a}body[data-theme=light] .pilot-fit-card li,.pilot-page-wrapper[data-theme=light] .pilot-fit-card li{color:#334155}body[data-theme=light] .pilot-form-wrapper,.pilot-page-wrapper[data-theme=light] .pilot-form-wrapper{background:#fff;border-color:#e2e8f0;box-shadow:0 10px 30px #0000000a}body[data-theme=light] .pilot-form-title,.pilot-page-wrapper[data-theme=light] .pilot-form-title{color:#0f172a}body[data-theme=light] .pilot-form-subtitle,.pilot-page-wrapper[data-theme=light] .pilot-form-subtitle{color:#64748b}body[data-theme=light] .pilot-label,.pilot-page-wrapper[data-theme=light] .pilot-label{color:#1e293b}body[data-theme=light] .pilot-input,body[data-theme=light] .pilot-select,body[data-theme=light] .pilot-textarea,.pilot-page-wrapper[data-theme=light] .pilot-input,.pilot-page-wrapper[data-theme=light] .pilot-select,.pilot-page-wrapper[data-theme=light] .pilot-textarea{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}body[data-theme=light] .pilot-input:focus,body[data-theme=light] .pilot-select:focus,body[data-theme=light] .pilot-textarea:focus,.pilot-page-wrapper[data-theme=light] .pilot-input:focus,.pilot-page-wrapper[data-theme=light] .pilot-select:focus,.pilot-page-wrapper[data-theme=light] .pilot-textarea:focus{background:#fff;border-color:#6366f1}body[data-theme=light] .pilot-radio-label,body[data-theme=light] .pilot-checkbox-label,.pilot-page-wrapper[data-theme=light] .pilot-radio-label,.pilot-page-wrapper[data-theme=light] .pilot-checkbox-label{color:#334155}body[data-theme=light] .pilot-faq-item,.pilot-page-wrapper[data-theme=light] .pilot-faq-item{background:#fff;border-color:#e2e8f0}body[data-theme=light] .pilot-faq-button,.pilot-page-wrapper[data-theme=light] .pilot-faq-button{color:#0f172a}body[data-theme=light] .pilot-faq-answer,.pilot-page-wrapper[data-theme=light] .pilot-faq-answer{color:#475569}body[data-theme=light] .pilot-faq-icon,.pilot-page-wrapper[data-theme=light] .pilot-faq-icon{color:#4f46e5}body[data-theme=light] .pilot-final-cta-box,.pilot-page-wrapper[data-theme=light] .pilot-final-cta-box{background:radial-gradient(circle at 50% 50%,#e0e7ff,#f1f5f9 85%);border-color:#c7d2fe}body[data-theme=light] .pilot-final-cta-box h2,.pilot-page-wrapper[data-theme=light] .pilot-final-cta-box h2{color:#0f172a}body[data-theme=light] .pilot-final-cta-box p,.pilot-page-wrapper[data-theme=light] .pilot-final-cta-box p{color:#334155}body[data-theme=light] .pilot-footer,.pilot-page-wrapper[data-theme=light] .pilot-footer{background:#fff;border-color:#e2e8f0}body[data-theme=light] .pilot-footer-links a,.pilot-page-wrapper[data-theme=light] .pilot-footer-links a{color:#475569}body[data-theme=light] .pilot-footer-links a:hover,.pilot-page-wrapper[data-theme=light] .pilot-footer-links a:hover{color:#0f172a}body[data-theme=light] .pilot-footer-copy,.pilot-page-wrapper[data-theme=light] .pilot-footer-copy{color:#64748b}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.ss-pilot-page{--ss-bg-main: #0a0e17;--ss-bg-surface: #111827;--ss-bg-card: rgba(17, 24, 39, .75);--ss-bg-card-hover: rgba(30, 41, 59, .85);--ss-border: rgba(255, 255, 255, .1);--ss-border-highlight: rgba(168, 85, 247, .4);--ss-primary: #8b5cf6;--ss-primary-hover: #7c3aed;--ss-primary-light: #c084fc;--ss-secondary: #3b82f6;--ss-accent-emerald: #10b981;--ss-accent-amber: #f59e0b;--ss-text-main: #f8fafc;--ss-text-muted: #94a3b8;--ss-text-dim: #64748b;background-color:var(--ss-bg-main);color:var(--ss-text-main);font-family:Inter,system-ui,-apple-system,sans-serif;min-height:100vh;line-height:1.6;overflow-x:hidden;position:relative}.ss-pilot-page:before{content:"";position:absolute;top:0;left:20%;width:60vw;height:450px;background:radial-gradient(circle,rgba(139,92,246,.12) 0%,rgba(59,130,246,.05) 50%,transparent 70%);pointer-events:none;z-index:0}.ss-container{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:1}.ss-header{position:sticky;top:0;z-index:100;background:#0a0e17d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--ss-border);padding:16px 0}.ss-header-inner{display:flex;align-items:center;justify-content:space-between}.ss-logo-link{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff}.ss-logo-icon{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--ss-primary),var(--ss-secondary));display:flex;align-items:center;justify-content:center;font-size:1.15rem;color:#fff;box-shadow:0 0 16px #8b5cf680}.ss-logo-text{font-size:1.35rem;font-weight:800;letter-spacing:-.02em}.ss-nav{display:flex;align-items:center;gap:24px}.ss-nav-link{color:var(--ss-text-muted);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .15s ease}.ss-nav-link:hover{color:#fff}.ss-btn-nav-primary{background:linear-gradient(135deg,var(--ss-primary),#6366f1);color:#fff;border:none;padding:8px 18px;border-radius:8px;font-size:.92rem;font-weight:600;cursor:pointer;box-shadow:0 4px 14px #8b5cf659;transition:transform .15s ease,box-shadow .15s ease;display:inline-flex;align-items:center;gap:6px}.ss-btn-nav-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #8b5cf680}.ss-hero-section{padding:60px 0 50px}.ss-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}.ss-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:20px;background:#8b5cf61f;border:1px solid rgba(139,92,246,.3);color:var(--ss-primary-light);font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:20px}.ss-hero-title{font-size:2.85rem;line-height:1.15;font-weight:800;letter-spacing:-.03em;margin:0 0 20px}.ss-gradient-text{background:linear-gradient(135deg,#c084fc,#818cf8,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ss-hero-desc{font-size:1.12rem;color:var(--ss-text-muted);line-height:1.65;margin-bottom:32px;max-width:580px}.ss-hero-ctas{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-bottom:20px}.ss-btn-primary{background:linear-gradient(135deg,var(--ss-primary),#6366f1);color:#fff;border:1px solid rgba(255,255,255,.2);padding:13px 26px;border-radius:10px;font-size:1.05rem;font-weight:700;cursor:pointer;box-shadow:0 6px 20px #8b5cf673;display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.ss-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf699;color:#fff}.ss-btn-secondary{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.18);padding:13px 24px;border-radius:10px;font-size:1.02rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .15s ease,border-color .15s ease,transform .15s ease}.ss-btn-secondary:hover{background:#ffffff24;border-color:#ffffff59;transform:translateY(-2px);color:#fff}.ss-hero-microcopy{display:flex;align-items:center;gap:8px;font-size:.88rem;color:var(--ss-text-muted)}.ss-microcopy-dot{color:var(--ss-accent-emerald)}.ss-hero-card{background:linear-gradient(145deg,#1e293bb3,#0f172ad9);border:1px solid var(--ss-border-highlight);border-radius:18px;padding:24px;box-shadow:0 20px 40px #0006,0 0 30px #8b5cf626;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ss-hero-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--ss-border)}.ss-hero-card-badge{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;color:#a855f7;background:#a855f71f;padding:4px 10px;border-radius:12px}.ss-hero-card-title{font-size:1.25rem;font-weight:700;margin:0 0 4px;color:#fff}.ss-hero-card-subtitle{font-size:.88rem;color:var(--ss-text-muted);margin-bottom:18px}.ss-hero-chips-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.ss-hero-chip{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:10px 12px;border-radius:10px;display:flex;align-items:center;gap:8px;font-size:.84rem;color:#e2e8f0}.ss-hero-chip i{color:var(--ss-primary-light)}.ss-hero-card-footer{background:#8b5cf61a;border:1px solid rgba(139,92,246,.25);border-radius:10px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between}.ss-hero-card-footer span{font-size:.85rem;font-weight:600;color:#c084fc}.ss-hero-card-footer a{color:#fff;text-decoration:none;font-size:.82rem;font-weight:700;display:inline-flex;align-items:center;gap:4px}.ss-hero-card-footer a:hover{text-decoration:underline}.ss-trust-strip{padding:24px 0;border-top:1px solid var(--ss-border);border-bottom:1px solid var(--ss-border);background:#0f172a66}.ss-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.ss-trust-item{display:flex;align-items:center;justify-content:center;gap:10px;font-size:.92rem;font-weight:600;color:#cbd5e1}.ss-trust-item i{color:var(--ss-primary-light);font-size:1.1rem}.ss-section{padding:70px 0}.ss-section-header{text-align:center;max-width:780px;margin:0 auto 48px}.ss-section-header h2{font-size:2.25rem;font-weight:800;letter-spacing:-.02em;margin:12px 0 16px}.ss-section-header p{font-size:1.08rem;color:var(--ss-text-muted);line-height:1.6}.ss-transformation-box{background:linear-gradient(180deg,#1e293b99,#0f172acc);border:1px solid var(--ss-border);border-radius:20px;padding:36px;box-shadow:0 20px 40px #0000004d}.ss-transform-flow-header{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:32px;font-weight:700;font-size:.88rem;color:var(--ss-primary-light);letter-spacing:.05em;text-transform:uppercase}.ss-transform-source-card{background:#8b5cf61f;border:1px solid rgba(139,92,246,.3);border-radius:12px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.ss-source-left{display:flex;align-items:center;gap:14px}.ss-source-icon{width:42px;height:42px;border-radius:10px;background:#8b5cf640;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#c084fc}.ss-source-title{font-size:1.1rem;font-weight:700;color:#fff;margin:0}.ss-source-type{font-size:.82rem;color:var(--ss-text-muted)}.ss-source-badge{background:#ffffff1a;padding:4px 10px;border-radius:6px;font-size:.78rem;font-weight:600;color:#e2e8f0}.ss-experiences-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}.ss-experience-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:18px;transition:transform .15s ease,border-color .15s ease,background .15s ease}.ss-experience-card:hover{transform:translateY(-2px);border-color:#a855f766;background:#ffffff0f}.ss-exp-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.ss-exp-icon{width:34px;height:34px;border-radius:8px;background:#8b5cf626;display:flex;align-items:center;justify-content:center;color:#c084fc}.ss-exp-badge{font-size:.72rem;font-weight:700;text-transform:uppercase;color:#94a3b8;background:#ffffff0d;padding:3px 8px;border-radius:4px}.ss-exp-title{font-size:1.02rem;font-weight:700;margin:0 0 6px;color:#fff}.ss-exp-desc{font-size:.85rem;color:var(--ss-text-muted);line-height:1.45;margin:0}.ss-transform-callout{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:10px;padding:14px 18px;text-align:center;font-size:.95rem;color:#93c5fd;font-weight:500}.ss-showcase-section{padding:60px 0 70px}.ss-showcase-container{background:linear-gradient(135deg,#1e293bd9,#0f172af2);border:1px solid var(--ss-border-highlight);border-radius:24px;padding:44px;box-shadow:0 24px 48px #0006,0 0 40px #8b5cf626}.ss-showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.ss-showcase-benefits{list-style:none;padding:0;margin:0 0 32px;display:flex;flex-direction:column;gap:18px}.ss-showcase-benefit-item{display:flex;gap:14px;align-items:flex-start}.ss-benefit-icon{width:36px;height:36px;border-radius:9px;background:#8b5cf633;display:flex;align-items:center;justify-content:center;color:#c084fc;flex-shrink:0;margin-top:2px}.ss-benefit-content h4{font-size:1.05rem;font-weight:700;margin:0 0 4px;color:#fff}.ss-benefit-content p{font-size:.9rem;color:var(--ss-text-muted);line-height:1.45;margin:0}.ss-showcase-preview-card{background:#0a0e17e6;border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:22px;box-shadow:0 16px 32px #00000080}.ss-preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.ss-preview-tag{color:#38bdf8;font-weight:700;font-size:.8rem;display:flex;align-items:center;gap:6px}.ss-preview-prompt{font-size:.94rem;color:#e2e8f0;line-height:1.5;margin-bottom:16px;background:#ffffff0a;padding:12px;border-radius:8px;border-left:3px solid #818cf8}.ss-preview-choices{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.ss-preview-choice-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:10px 14px;color:#cbd5e1;font-size:.86rem;text-align:left;display:flex;align-items:center;justify-content:space-between}.ss-preview-choice-btn.active{background:#8b5cf626;border-color:#8b5cf666;color:#fff}.ss-byo-section{padding:50px 0;text-align:center}.ss-byo-box{background:linear-gradient(135deg,#8b5cf614,#3b82f614);border:1px dashed rgba(168,85,247,.35);border-radius:20px;padding:36px;max-width:900px;margin:0 auto}.ss-byo-box h3{font-size:1.75rem;font-weight:800;margin:0 0 12px}.ss-byo-box p{font-size:1.02rem;color:var(--ss-text-muted);max-width:700px;margin:0 auto 24px}.ss-byo-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.ss-byo-chip{background:#ffffff0f;border:1px solid rgba(255,255,255,.15);padding:8px 16px;border-radius:20px;font-size:.88rem;font-weight:600;color:#e2e8f0}.ss-benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.ss-benefit-card{background:var(--ss-bg-card);border:1px solid var(--ss-border);border-radius:18px;padding:28px;transition:transform .15s ease,border-color .15s ease}.ss-benefit-card:hover{transform:translateY(-3px);border-color:var(--ss-border-highlight)}.ss-benefit-card-icon{width:48px;height:48px;border-radius:12px;background:#8b5cf626;display:flex;align-items:center;justify-content:center;font-size:1.35rem;color:#c084fc;margin-bottom:20px}.ss-benefit-card h4{font-size:1.2rem;font-weight:700;margin:0 0 10px;color:#fff}.ss-benefit-card p{font-size:.94rem;color:var(--ss-text-muted);line-height:1.55;margin:0}.ss-pilot-invitation-box{background:linear-gradient(180deg,#1e293bcc,#0f172af2);border:1px solid var(--ss-border-highlight);border-radius:24px;padding:44px;box-shadow:0 24px 48px #0006}.ss-steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px}.ss-step-item{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:20px;position:relative}.ss-step-number{width:32px;height:32px;border-radius:50%;background:var(--ss-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.95rem;margin-bottom:12px;box-shadow:0 0 12px #8b5cf680}.ss-step-item h5{font-size:1.05rem;font-weight:700;margin:0 0 6px;color:#fff}.ss-step-item p{font-size:.86rem;color:var(--ss-text-muted);line-height:1.45;margin:0}.ss-fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:44px}.ss-fit-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px}.ss-fit-card h4{font-size:1.15rem;font-weight:700;margin:0 0 16px;display:flex;align-items:center;gap:10px}.ss-fit-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.ss-fit-list li{display:flex;align-items:center;gap:10px;font-size:.9rem;color:#cbd5e1}.ss-form-card{background:#0a0e17d9;border:1px solid var(--ss-border-highlight);border-radius:20px;padding:36px;max-width:760px;margin:0 auto;box-shadow:0 20px 40px #00000080}.ss-form-header{text-align:center;margin-bottom:28px}.ss-form-header h3{font-size:1.85rem;font-weight:800;margin:0 0 6px}.ss-form-header p{color:var(--ss-text-muted);font-size:.95rem}.ss-form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.ss-form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.ss-form-group label{font-size:.88rem;font-weight:600;color:#e2e8f0}.ss-form-input,.ss-form-select,.ss-form-textarea{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:10px 14px;color:#fff;font-size:.95rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.ss-form-input:focus,.ss-form-select:focus,.ss-form-textarea:focus{border-color:var(--ss-primary-light);box-shadow:0 0 0 3px #8b5cf640}.ss-form-select option{background:#111827;color:#fff}.ss-checkbox-group{display:flex;flex-wrap:wrap;gap:14px;margin-top:4px}.ss-checkbox-label{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;color:#cbd5e1;cursor:pointer}.ss-checkbox-label input[type=checkbox],.ss-checkbox-label input[type=radio]{accent-color:var(--ss-primary);width:16px;height:16px}.ss-form-error-banner{background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#fca5a5;padding:12px 16px;border-radius:8px;font-size:.9rem;margin-bottom:20px}.ss-form-success-box{text-align:center;padding:40px 20px}.ss-success-icon{width:64px;height:64px;border-radius:50%;background:#10b98126;border:2px solid var(--ss-accent-emerald);color:var(--ss-accent-emerald);display:flex;align-items:center;justify-content:center;font-size:1.75rem;margin:0 auto 20px}.ss-faq-list{max-width:840px;margin:0 auto;display:flex;flex-direction:column;gap:14px}.ss-faq-item{background:var(--ss-bg-card);border:1px solid var(--ss-border);border-radius:12px;overflow:hidden;transition:border-color .15s ease}.ss-faq-item.open{border-color:#a855f766}.ss-faq-question{width:100%;background:none;border:none;padding:18px 22px;color:#fff;font-size:1.05rem;font-weight:700;text-align:left;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.ss-faq-question i{color:var(--ss-primary-light);transition:transform .2s ease}.ss-faq-item.open .ss-faq-question i{transform:rotate(180deg)}.ss-faq-answer{padding:0 22px 20px;font-size:.94rem;color:var(--ss-text-muted);line-height:1.6}.ss-final-cta-section{padding:60px 0 80px}.ss-final-cta-box{background:linear-gradient(135deg,#8b5cf633,#3b82f633);border:1px solid var(--ss-border-highlight);border-radius:24px;padding:50px 30px;text-align:center;box-shadow:0 20px 40px #0006}.ss-final-cta-box h2{font-size:2.35rem;font-weight:800;margin:0 0 14px}.ss-final-cta-box p{font-size:1.1rem;color:var(--ss-text-muted);max-width:650px;margin:0 auto 30px}.ss-final-cta-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.ss-footer{border-top:1px solid var(--ss-border);padding:36px 0;background:#0a0e17f2;font-size:.9rem;color:var(--ss-text-dim)}.ss-footer-inner{display:flex;align-items:center;justify-content:space-between}.ss-footer-links{display:flex;gap:20px}.ss-footer-links a{color:var(--ss-text-muted);text-decoration:none;transition:color .15s ease}.ss-footer-links a:hover{color:#fff}@media (max-width: 1024px){.ss-hero-grid{grid-template-columns:1fr;gap:40px}.ss-showcase-grid{grid-template-columns:1fr}.ss-trust-grid,.ss-experiences-grid{grid-template-columns:repeat(2,1fr)}.ss-benefits-grid{grid-template-columns:1fr}.ss-steps-grid{grid-template-columns:repeat(2,1fr)}.ss-fit-grid{grid-template-columns:1fr}}@media (max-width: 640px){.ss-hero-title{font-size:2.2rem}.ss-trust-grid,.ss-experiences-grid,.ss-steps-grid,.ss-form-grid-2{grid-template-columns:1fr}.ss-footer-inner{flex-direction:column;gap:16px;text-align:center}}.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{width:100%;max-width:100%;overflow-x:hidden}.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;text-align:left}.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:40vw;max-width:320px;height:calc(min(40vw,320px)*.5625);background-color:#000;border-radius:8px;overflow:hidden;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:4px;right:4px;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,#videoPlayerContainer.hidden{display:none!important}@media (max-width: 768px){#root{padding:0}body{font-size:14px;overflow-x:hidden}html{overflow-x:hidden}*{max-width:100%}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}.config-and-actions-container{padding:0;overflow-x:hidden}.component-selector-grid{grid-template-columns:1fr}.component-selector-panel{padding:8px}.activity-preset-grid{grid-template-columns:1fr}}@media (max-width: 480px){body{font-size:13px;overflow-x:hidden}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}.component-selector-grid{grid-template-columns:1fr;gap:8px}.component-selector-item{font-size:13px;padding:6px 10px}.activity-preset-section{padding:12px}.activity-preset-grid{grid-template-columns:1fr;gap:10px}.main-actions-group{flex-direction:column}.main-actions-group>*{width:100%}.activity-quick-toggles{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;padding:12px;background:var(--surface-alt);border-radius:8px;max-height:300px;overflow-y:auto}.activity-quick-toggles label{width:100%;padding:4px 0}.activity-quick-toggles label span{font-size:.85rem!important}}.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}.header-invite-btn{background:linear-gradient(135deg,#667eea1a,#764ba21a);color:var(--brand-primary, #667eea);border:1px solid rgba(102,126,234,.2);margin-left:auto;margin-right:16px;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;align-self:center;height:fit-content;transition:all .2s ease}.header-invite-btn:hover{background:linear-gradient(135deg,#667eea33,#764ba233);color:var(--brand-primary);border-color:#667eea66}.header-upgrade-btn{background:var(--brand-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:var(--text-inverse, #ffffff);border:none;border-radius:6px;padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;align-self:center;height:fit-content;text-decoration:none;box-shadow:0 2px 8px #667eea4d;transition:filter .2s ease}.header-upgrade-btn:hover{filter:brightness(1.1);color:var(--text-inverse, #ffffff)}@keyframes text-pulsate-gradient{0%{background-position:0% 50%;transform:scale(1)}50%{background-position:100% 50%;transform:scale(1.02)}to{background-position:0% 50%;transform:scale(1)}}.pulsate-text-gradient{background:var(--brand-gradient)!important;background-size:200% 200%!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;animation:text-pulsate-gradient 2s infinite ease-in-out;display:inline-block}body[data-theme=dark] .pulsate-text-gradient{filter:brightness(1.4) contrast(1.2)}@keyframes button-pulsate-gradient{0%{background-position:0% 50%;box-shadow:0 0 #667eeab3;transform:scale(1)}50%{background-position:100% 50%;box-shadow:0 0 0 10px #667eea00;transform:scale(1.03)}to{background-position:0% 50%;box-shadow:0 0 #667eea00;transform:scale(1)}}.pulsate-button-gradient{background:var(--brand-gradient)!important;background-size:200% 200%!important;color:#fff!important;border:none!important;animation:button-pulsate-gradient 2s infinite ease-in-out!important}.dashboard-tabs{background:#ffffff08!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;padding:12px 24px!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;border-bottom:1px solid var(--border-color)!important;position:sticky!important;top:0!important;z-index:20!important}body[data-theme=light] .dashboard-tabs{background:#fff9!important}body[data-theme=dark] .dashboard-tabs{background:#0d1117a6!important}.sub-tab-bar{background:#ffffff08!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;position:sticky!important;top:60px!important;z-index:19!important;border-bottom:1px solid var(--border-color)!important}body[data-theme=light] .sub-tab-bar{background:#fff9!important}body[data-theme=dark] .sub-tab-bar{background:#0d1117a6!important}.tab-button{padding:8px 18px!important;background:transparent!important;border:1px solid transparent!important;color:var(--text-secondary)!important;font-size:14px!important;font-weight:600!important;white-space:nowrap!important;cursor:pointer!important;transition:all .3s cubic-bezier(.25,.8,.25,1)!important;border-radius:20px!important}.tab-button:hover{background:#667eea1f!important;color:var(--brand-primary)!important;transform:translateY(-1px)!important}body[data-theme=light] .tab-button:hover{background:#667eea26!important}body[data-theme=dark] .tab-button:hover{color:#c4ccff!important;background:#667eea40!important}.tab-button.active{color:#fff!important;background:var(--brand-gradient)!important;border-color:transparent!important;border-radius:20px!important;box-shadow:0 4px 15px #667eea66!important}.tab-button .unread-badge{display:inline-block!important;background:#f44!important;color:var(--text-inverse)!important;font-size:.75rem!important;font-weight:600!important;padding:2px 6px!important;border-radius:10px!important;margin-left:6px!important;min-width:18px!important;text-align:center!important}.tab-button.active .unread-badge{background:#f66!important}.modal-header,.cd-header,.cs-modal-header,.download-modal-header,.edit-user-modal-header{position:sticky!important;top:0!important;z-index:50!important;background:#ffffff0d!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border-bottom:1px solid var(--border-color)!important}.modal-footer,.cd-footer{position:sticky!important;bottom:0!important;z-index:50!important;background:#ffffff0d!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border-top:1px solid var(--border-color)!important}body[data-theme=light] .modal-header,body[data-theme=light] .cd-header,body[data-theme=light] .cs-modal-header,body[data-theme=light] .download-modal-header,body[data-theme=light] .edit-user-modal-header,body[data-theme=light] .modal-footer,body[data-theme=light] .cd-footer{background:#ffffffb3!important}body[data-theme=dark] .modal-header,body[data-theme=dark] .cd-header,body[data-theme=dark] .cs-modal-header,body[data-theme=dark] .download-modal-header,body[data-theme=dark] .edit-user-modal-header,body[data-theme=dark] .modal-footer,body[data-theme=dark] .cd-footer{background:#0d1117b3!important}.modal-content,.cd-modal,.download-studykit-modal,.edit-user-modal,.batch-differentiation-modal,.advanced-settings-modal{overflow-y:auto!important;max-height:90vh!important}@media (max-width: 768px){.dashboard-header{padding:12px 16px!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:8px!important}.dashboard-header h1{font-size:1.15rem!important;white-space:nowrap!important}.dashboard-header .header-right{width:auto!important;gap:6px!important;flex-wrap:wrap!important;justify-content:flex-end!important}.dashboard-tabs{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:6px 8px!important;padding:10px 12px!important;width:100%!important;box-sizing:border-box!important}.dashboard-tabs>.tab-button,.dashboard-tabs>details.dashboard-more-menu,.dashboard-tabs>details.dashboard-more-menu summary.tab-button{width:100%!important;box-sizing:border-box!important}.dashboard-tabs .tab-button{padding:7px 8px!important;font-size:.8rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;border-radius:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}}:root{--live-title-gradient: linear-gradient(135deg, #d97706 0%, #b45309 50%, #78350f 100%);--live-title-shadow: drop-shadow(0 2px 4px rgba(180, 83, 9, .2));--live-title-color: #b45309}body[data-theme=dark]{--live-title-gradient: linear-gradient(135deg, #ffffff 0%, #fef08a 40%, #f59e0b 80%, #d97706 100%);--live-title-shadow: drop-shadow(0 2px 10px rgba(245, 158, 11, .45));--live-title-color: #fef08a}