.skm-title-row{display:flex;align-items:center;gap:.5rem;margin:0 0 .5rem}.skm-title-row .skm-subtitle{margin-left:.75rem;margin-bottom:0}.skm-refresh-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;border-radius:50%;color:var(--text-secondary, #6b7280);font-size:.85rem;cursor:pointer;transition:color .15s,background .15s;flex-shrink:0;padding:0}.skm-refresh-icon-btn:hover:not(:disabled){color:var(--text-primary, #1f2937);background:var(--surface-hover)}.skm-refresh-icon-btn:disabled{opacity:.45;cursor:not-allowed}@keyframes skm-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skm-refresh-spinning{animation:skm-spin .8s linear infinite}.study-kit-management{padding:.5rem 2rem 2rem;width:100%;max-width:100%;box-sizing:border-box;overflow:visible}.skm-header{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap;margin-bottom:.75rem}.skm-title-row{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1}.skm-header-actions{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end;flex-shrink:0}.skm-create-primary{display:inline-flex;align-items:center;margin-bottom:.75rem;padding:.85rem 1.6rem;border:0;border-radius:10px;background:var(--brand-gradient);color:var(--text-inverse);font-size:1.05rem;font-weight:700;cursor:pointer;box-shadow:var(--button-accent-shadow, 0 4px 12px rgba(102, 126, 234, .3));transition:all .2s ease}.skm-create-primary:hover{transform:translateY(-1px)}.skm-jump-tabs{display:flex;gap:6px;flex-wrap:wrap;width:100%;margin-bottom:4px}.skm-jump-tab{background:var(--surface-color, #fff);border:1.5px solid var(--border-color, #d1d5db);border-radius:20px;padding:5px 14px;font-size:.88em;font-weight:500;color:var(--text-secondary, #6b7280);cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.skm-jump-tab:hover{background:var(--brand-primary-light, #ede9fe);color:var(--brand-primary, #667eea);border-color:var(--brand-primary, #667eea)}.skm-grade-filter{height:40px;border:1.5px solid var(--border-color, #d1d5db);border-radius:8px;padding:0 8px;font-size:.95em;background-color:var(--surface-color, #fff);color:var(--text-primary, #111);cursor:pointer;flex-shrink:0;min-width:110px;max-width:130px;width:auto}.skm-sort-filter{max-width:170px;min-width:150px}.skm-grade-filter-group{display:flex;align-items:center;gap:8px;flex-shrink:0}.skm-grade-label{font-size:.9rem;font-weight:500;color:var(--text-secondary, #6b7280);white-space:nowrap}.skm-shared-browser{width:100%}.skm-shared-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(540px,1fr));gap:2.5rem 1.5rem;margin-top:1rem}.skm-shared-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;border-left:4px solid var(--brand-primary);padding:.6rem .9rem;display:flex;flex-direction:column;gap:.3rem;transition:all .2s;text-align:left}body[data-theme=light] .skm-shared-card{border-color:#a8aab8}body[data-theme=dark] .skm-shared-card{border-color:#52596a}.skm-shared-card:hover{box-shadow:0 4px 12px #0000001a;border-color:var(--brand-primary);border-left-color:var(--brand-secondary)}.skm-shared-card-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.skm-shared-badge{background:var(--brand-primary, #667eea);color:#fff;font-size:.75em;padding:2px 8px;border-radius:12px;font-weight:600}.skm-shared-subject{font-size:.85rem;color:var(--text-secondary, #6b7280);font-weight:500}.skm-shared-levels{display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:4px;font-size:.82em;color:var(--text-secondary, #6b7280)}.skm-shared-level-item{white-space:nowrap;text-align:left}.skm-shared-support-item{color:#9a3412;font-weight:600}.skm-shared-support-item-adjusted{color:#c2410c}.skm-shared-support-item:before{content:""}.skm-shared-languages{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:6px;font-size:.75rem}.skm-shared-lang-label{color:var(--text-secondary, #6b7280);font-weight:500}.skm-shared-lang-flag{background:var(--surface-alt, #f3f4f6);border:1px solid var(--border-color, #e5e7eb);border-radius:4px;padding:1px 6px;font-size:.85em;color:var(--text-primary, #111)}.skm-shared-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary);line-height:1.4}.skm-shared-info-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:3.5rem;row-gap:.3rem;font-size:.85rem;color:var(--text-secondary, #6b7280);align-items:baseline}body[data-theme=light] .skm-shared-info-grid{color:#374151}body[data-theme=dark] .skm-shared-support-item{color:#fdba74}body[data-theme=dark] .skm-shared-support-item-adjusted{color:#fb923c}.skm-shared-info-grid>span,.skm-shared-info-grid .skm-shared-level-item{text-align:left;white-space:nowrap}.skm-shared-description{font-size:.85rem;color:var(--text-secondary, #6b7280);margin:0;text-align:left;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.skm-archived-expiry{font-size:.82rem;border-radius:6px;padding:6px 10px;margin-top:6px;text-align:left;line-height:1.4}.skm-archived-expiry--normal{background:#6366f114;color:var(--brand-primary, #6366f1);border:1px solid rgba(99,102,241,.2)}.skm-archived-expiry--warning{background:#f59e0b1a;color:#b45309;border:1px solid rgba(245,158,11,.35)}.skm-archived-expiry--critical{background:#ef44441a;color:#b91c1c;border:1px solid rgba(239,68,68,.35)}.skm-shared-btn-copy{display:flex;align-items:center;gap:6px;padding:.4rem .8rem;border-radius:6px;border:none;background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:#fff;font-size:.85rem;font-weight:500;cursor:pointer;transition:opacity .2s}.skm-shared-btn-copy:hover{opacity:.88}.skm-shared-btn-copy:disabled{opacity:.6;cursor:not-allowed}.skm-already-owned{font-size:.85rem;font-weight:600;color:var(--success-color, #16a34a);padding:.25rem .5rem;border-radius:6px;background:#f0fdf4;border:1px solid #bbf7d0;flex-shrink:0}.skm-already-owned-lg{font-size:.95rem;padding:.4rem .75rem}.skm-shared-actions{margin-top:auto;padding-top:.25rem;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;gap:8px}.skm-shared-btn-preview{display:inline-flex;align-items:center;gap:6px;background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:#fff;border:none;border-radius:6px;padding:8px 14px;font-size:.9em;cursor:pointer;font-weight:500}.skm-shared-btn-preview:hover{opacity:.9}.skm-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg, rgba(0,0,0,.5));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1100}.skm-preview-modal{background:var(--surface-color, #fff);border-radius:12px;width:90%;max-width:620px;max-height:80vh;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:12px;box-shadow:0 20px 60px #0000002e}.skm-preview-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.skm-preview-header h2{margin:0;font-size:1.15em;color:var(--text-primary, #111)}.skm-preview-meta{font-size:.85em;color:var(--text-secondary, #6b7280);margin:4px 0 0}.skm-preview-close{background:none;border:none;font-size:1.1em;cursor:pointer;color:var(--text-secondary, #6b7280);padding:4px 8px;flex-shrink:0}.skm-preview-description{font-size:.9em;color:var(--text-secondary, #6b7280);margin:0;line-height:1.5}.skm-preview-activities h4{margin:0 0 8px;font-size:.9em;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary, #6b7280)}.skm-preview-activities ul{margin:0;padding-left:16px;display:flex;flex-direction:column;gap:4px}.skm-preview-activities li{font-size:.9em;color:var(--text-primary, #111)}.skm-preview-activity-type{display:inline-block;background:var(--surface-alt, #f3f4f6);color:var(--text-secondary, #6b7280);font-size:.78em;padding:1px 6px;border-radius:4px;margin-right:4px;font-weight:600;text-transform:capitalize}.skm-preview-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:8px;border-top:1px solid var(--border-color, #e5e7eb)}.skm-preview-cancel{background:var(--surface-alt, #f3f4f6);color:var(--text-primary, #111);border:none;border-radius:6px;padding:9px 18px;cursor:pointer;font-size:.9em}.skm-preview-copy{display:inline-flex;align-items:center;gap:6px;background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:#fff;border:none;border-radius:6px;padding:9px 18px;font-size:.9em;cursor:pointer;font-weight:600}.skm-preview-copy:disabled{opacity:.7;cursor:not-allowed}.skm-copy-toast{background:var(--status-success-bg, rgba(22,163,74,.12));color:var(--status-success-text, #16a34a);border:1px solid var(--status-success-border, #86efac);border-radius:8px;padding:10px 16px;font-size:.92em;font-weight:500;margin-bottom:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.skm-header h1{font-size:2rem;font-weight:700;color:var(--text-primary, #1f2937);margin:0}.skm-subtitle{color:var(--text-secondary, #6b7280);font-size:1rem;margin:0}.skm-controls{display:flex;justify-content:flex-start;align-items:center;gap:.75rem 1.25rem;margin-bottom:.5rem;flex-wrap:wrap}.skm-filters{display:flex;gap:.5rem}.skm-filter-btn{padding:.5rem 1rem;border:1px solid var(--border-color, #e5e7eb);background:var(--surface-color);border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .2s}.skm-filter-btn:hover{background:var(--surface-hover, #f3f4f6)}.skm-filter-btn.active{background:var(--brand-primary, #667eea);color:var(--text-inverse);border-color:var(--brand-primary, #667eea)}.skm-search{width:380px;max-width:380px;flex-shrink:1;position:relative;display:flex;align-items:center}.skm-search-input{width:100%;padding:.6rem 2.5rem .6rem 2.2rem;border:1.5px solid var(--border-color, #d1d5db);border-radius:8px;font-size:.9rem;background-color:var(--surface-color, #fff);color:var(--text-color);box-sizing:border-box;height:40px;transition:border-color .2s,box-shadow .2s}.skm-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:.85rem;pointer-events:none}.skm-search-input:focus{outline:none;border-color:var(--brand-primary, #667eea);box-shadow:0 0 0 2px #667eea40;height:40px}.skm-search-clear{position:absolute;right:8px;top:50%;background:none;border:none;outline:none;font-size:.85rem;color:var(--text-muted);cursor:pointer;padding:0;margin:-12px 0 0;width:24px;height:24px;min-width:24px;min-height:24px;max-width:24px;max-height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s,color .2s;line-height:1;flex-shrink:0;box-shadow:none;vertical-align:middle}.skm-search-clear:hover{background:var(--border-color-light);color:var(--text-color);box-shadow:none;outline:none;top:50%;margin-top:-12px}.skm-search-clear:focus{outline:none;box-shadow:none;top:50%;margin-top:-12px}.skm-search-clear:active{outline:none;box-shadow:none;top:50%;margin-top:-12px}.skm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(540px,1fr));gap:2.5rem 1.5rem;margin-bottom:2rem}.skm-grid>*,.skm-shared-grid>*{min-width:0}.skm-archive-layout{display:flex;gap:1.25rem;align-items:flex-start}.skm-archive-sidebar{flex:0 0 200px;background:var(--surface-color, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:10px;overflow:hidden;position:sticky;top:80px}.skm-archive-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--surface-hover, #f9fafb);border-bottom:1px solid var(--border-color, #e5e7eb);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary, #6b7280)}.skm-folder-add-btn{background:none;border:none;cursor:pointer;color:var(--brand-primary, #667eea);padding:2px 4px;border-radius:4px;display:flex;align-items:center;font-size:14px;transition:background .15s}.skm-folder-add-btn:hover{background:var(--border-color, #e5e7eb)}.skm-folder-list{list-style:none;margin:0;padding:4px 0}.skm-folder-item{display:flex;align-items:center;gap:7px;padding:7px 12px;cursor:pointer;font-size:13.5px;color:var(--text-primary, #111827);border-left:3px solid transparent;transition:background .12s,border-color .12s;-webkit-user-select:none;user-select:none}.skm-folder-item:hover{background:var(--surface-hover, #f3f4f6)}.skm-folder-item.active{background:#667eea14;border-left-color:var(--brand-primary, #667eea);font-weight:600}.skm-folder-item.skm-folder-uncategorized{color:var(--text-secondary, #6b7280);font-style:italic}.skm-folder-icon{font-size:13px;color:var(--brand-primary, #667eea);flex-shrink:0}.skm-folder-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skm-folder-actions{display:flex;gap:2px;flex-shrink:0;opacity:0;transition:opacity .15s}.skm-folder-item:hover .skm-folder-actions,.skm-folder-item.active .skm-folder-actions{opacity:1}.skm-folder-action-btn{background:none;border:none;cursor:pointer;padding:3px 4px;border-radius:4px;color:var(--text-secondary, #6b7280);font-size:11px;line-height:1;transition:background .12s,color .12s}.skm-folder-action-btn:hover{background:var(--border-color, #e5e7eb);color:var(--text-primary, #111827)}.skm-folder-action-delete:hover{color:#dc2626!important}.skm-folder-new-row,.skm-folder-edit-row{display:flex;align-items:center;gap:4px;padding:6px 8px;border-bottom:1px solid var(--border-color, #e5e7eb)}.skm-folder-input{flex:1;min-width:0;padding:4px 7px;border:1px solid var(--border-color, #d1d5db);border-radius:5px;font-size:13px;background:var(--bg-primary, #fff);color:var(--text-primary, #111827);outline:none}.skm-folder-input:focus{border-color:var(--brand-primary, #667eea)}.skm-folder-confirm-btn,.skm-folder-cancel-btn{background:none;border:none;cursor:pointer;font-size:14px;padding:2px 5px;border-radius:4px;flex-shrink:0}.skm-folder-confirm-btn{color:#16a34a}.skm-folder-confirm-btn:hover{background:#16a34a1a}.skm-folder-cancel-btn{color:#dc2626}.skm-folder-cancel-btn:hover{background:#dc26261a}.skm-folder-error{margin:6px 8px;padding:6px 10px;background:#dc262614;border:1px solid rgba(220,38,38,.25);border-radius:6px;font-size:12px;color:#dc2626}.skm-folder-confirm{margin:6px 8px;padding:8px 10px;background:var(--surface-secondary, #f8f8f8);border:1px solid var(--border-color, #e0e0e0);border-radius:6px;font-size:12px}.skm-folder-confirm-msg{margin:0 0 8px;color:var(--text-primary, #1a1a1a);line-height:1.4}.skm-folder-confirm-btns{display:flex;gap:6px}.skm-folder-confirm-delete{padding:3px 10px;font-size:12px;border:none;border-radius:4px;background:#dc2626;color:#fff;cursor:pointer}.skm-folder-confirm-delete:hover{background:#b91c1c}.skm-archive-content{flex:1;min-width:0}.skc-submenu-empty{display:block;padding:8px 12px;font-size:13px;color:var(--text-secondary, #6b7280);font-style:italic}.skc-submenu-active{font-weight:600;color:var(--brand-primary, #667eea)}.skm-loading,.skm-error{text-align:center;padding:4rem 2rem}.skm-loading .spinner{width:40px;height:40px;border:4px solid var(--border-color, #e5e7eb);border-top-color:var(--brand-primary, #667eea);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.skm-error{color:var(--error-color, #dc2626)}.skm-retry-btn{margin-top:1rem;padding:.6rem 1.5rem;background:var(--brand-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:var(--text-inverse);border:none;border-radius:8px;cursor:pointer;font-size:.9rem}.skm-retry-btn:hover{transform:translateY(-1px);box-shadow:var(--brand-shadow, 0 4px 12px rgba(102, 126, 234, .4))}.skm-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.skm-page-btn{padding:.6rem 1.2rem;background:var(--surface-color);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .2s}.skm-page-btn:hover:not(:disabled){background:var(--surface-hover, #f3f4f6);border-color:var(--brand-primary, #667eea)}.skm-page-btn:disabled{opacity:.5;cursor:not-allowed}.skm-page-info{font-size:.9rem;color:var(--text-secondary, #6b7280)}@media (max-width: 768px){.study-kit-management{padding:1rem;min-width:0;overflow-x:hidden}.skm-header{flex-direction:column;align-items:stretch;gap:16px}.skm-header-actions{align-items:stretch}.skm-header-actions button{width:100%!important}.skm-header h1{font-size:1.5rem}.skm-controls{flex-direction:column;align-items:stretch}.skm-filters,.skm-grade-filter-group{width:100%;min-width:0}.skm-filters{flex-wrap:wrap}.skm-grade-filter-group{justify-content:space-between}.skm-grade-filter{flex:1 1 auto;width:auto;min-width:0;max-width:none}.skm-search{width:100%;max-width:none;min-width:0}.skm-grid,.skm-shared-grid{grid-template-columns:1fr;gap:1.75rem 1rem}}@media (max-width: 480px){.study-kit-management{padding:.75rem .5rem 1.25rem}.skm-tab-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 6px}.skm-tab{min-width:0;padding:9px 6px;white-space:normal;overflow-wrap:anywhere}.skm-grade-filter-group{align-items:stretch;flex-direction:column;gap:4px}}.skm-empty-guide{max-width:680px;margin:2rem auto;text-align:left;padding:0 1rem}.skm-empty-hero{font-size:3.5rem;margin-bottom:.5rem}.skm-empty-title{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.skm-empty-subtitle{font-size:.95rem;color:var(--text-color);margin:0 0 1.5rem;line-height:1.5}.skm-empty-steps{list-style:none;margin:0 0 1.75rem;padding:0;text-align:left;display:flex;flex-direction:column;gap:10px}.skm-empty-steps li{display:flex;align-items:flex-start;gap:12px;background:var(--surface-alt);border:1px solid var(--border-color);border-radius:8px;padding:10px 14px}.skm-empty-step-num{display:flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;background:var(--brand-gradient);color:var(--text-inverse);font-size:.75rem;font-weight:700;border-radius:50%;margin-top:1px}.skm-empty-steps li>div{display:flex;flex-direction:column;gap:2px}.skm-empty-steps strong{font-size:.875rem;color:var(--text-primary)}.skm-empty-steps span{font-size:.8rem;color:var(--text-color);line-height:1.4}.skm-empty-cta{display:inline-block;padding:1rem 2.2rem;font-size:1.15rem;font-weight:600;color:var(--text-inverse);background:var(--brand-gradient);border:none;border-radius:10px;cursor:pointer;box-shadow:var(--brand-shadow);transition:transform .15s ease,box-shadow .15s ease}.skm-empty-cta:hover{transform:translateY(-2px);box-shadow:var(--brand-shadow)}.skm-guide-dismiss-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:2px 8px;font-size:1.1rem;border-radius:4px;transition:color .15s,background .15s;line-height:1}.skm-guide-dismiss-btn:hover{background:var(--surface-hover);color:var(--text-color)}.skm-copy-error-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999}.skm-copy-error-dialog{background:var(--surface-color, #fff);border-radius:12px;padding:28px 32px 24px;max-width:360px;width:90%;text-align:center;box-shadow:0 8px 32px #00000038;display:flex;flex-direction:column;align-items:center;gap:10px}.skm-copy-error-icon{font-size:2rem;line-height:1}.skm-copy-error-title{margin:0;font-size:1rem;font-weight:700;color:var(--text-primary, #111)}.skm-copy-error-msg{margin:0;font-size:.9rem;color:var(--text-secondary, #6b7280);line-height:1.45}.skm-copy-error-close{margin-top:6px;background:var(--brand-gradient, linear-gradient(135deg, #6366f1, #8b5cf6));color:#fff;border:none;border-radius:8px;padding:8px 28px;font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .15s}.skm-copy-error-close:hover{opacity:.88}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0d1117d9;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:10001}body[data-theme=light] .modal-overlay{background-color:#ffffffd9}.modal-content{background-color:var(--surface-color);color:var(--text-primary);padding:1.5rem;border-radius:12px;width:98%;max-width:2400px;max-height:90vh;display:flex;flex-direction:column;border:1px solid var(--border-color);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-content.faq-player-modal{max-width:1400px!important}.modal-content.json-viewer-modal{max-width:1200px!important;width:95%}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--border-color);padding-bottom:1rem;margin-bottom:1rem}.modal-header h2{margin:0;color:var(--text-primary);font-weight:600;font-size:1.5rem}.modal-content .close-button{background:none!important;border:none!important;font-size:28px;cursor:pointer;color:var(--text-color);padding:0;line-height:1;transition:color .2s}.modal-content .close-button:hover{color:var(--text-primary)}.modal-body{overflow:auto;flex-grow:1;background-color:var(--surface-color);border-radius:8px;padding:1.5rem}.modal-content.faq-player-modal .modal-body{padding:1.5rem 2rem}.modal-body pre{margin:0;padding:1rem;text-align:left}.modal-body code{font-family:Courier New,Courier,monospace;font-size:.9em;color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word}.json-viewer-footer{border-top:2px solid var(--border-color);padding-top:1rem;margin-top:1rem;display:flex;justify-content:space-between;align-items:center}.json-viewer-footer .btn-close{background-color:var(--button-reset-bg, #b95700);border:1px solid var(--button-reset-bg, #b95700);color:var(--text-inverse);padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.json-viewer-footer .btn-close:hover{background-color:var(--button-reset-hover-bg, #d46c0b)}.json-viewer-footer .btn-primary,.json-viewer-footer .btn-download{background:var(--brand-gradient);border:1px solid var(--brand-primary);color:var(--text-inverse);padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.json-viewer-footer .btn-primary:hover,.json-viewer-footer .btn-download:hover{background-color:var(--brand-primary-hover)}.modal-footer .right-action-group{display:flex;gap:10px}.modal-footer .right-action-group .btn-primary{background:var(--brand-gradient);border:1px solid var(--brand-primary);color:var(--text-inverse);padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.modal-footer .right-action-group .btn-primary:hover{background-color:var(--brand-primary-hover)}.modal-footer{border-top:2px solid var(--border-color);padding-top:1.25rem;margin-top:1.25rem;display:flex;justify-content:space-between;gap:12px}.modal-footer .btn-cancel{background-color:var(--button-reset-bg, #b95700);border:1px solid var(--button-reset-bg, #b95700);color:var(--text-inverse);padding:10px 24px;border-radius:8px;font-weight:500;font-size:15px;cursor:pointer;transition:all .2s}.modal-footer .btn-cancel:hover{background-color:var(--button-reset-hover-bg, #d46c0b);border-color:var(--button-reset-hover-bg, #d46c0b)}.modal-footer .btn-confirm{background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));border:none;color:var(--text-inverse);padding:10px 24px;border-radius:8px;font-weight:500;font-size:15px;cursor:pointer;transition:all .2s}.modal-footer .btn-confirm:hover{transform:translateY(-1px);box-shadow:var(--button-accent-shadow, 0 4px 12px rgba(102, 126, 234, .4))}.modal-footer .btn-confirm:disabled{background:var(--button-disabled-bg, rgba(102, 126, 234, .6));border-color:transparent;cursor:not-allowed;opacity:.6}.faq-player-container{display:flex;flex-direction:column;gap:1rem}.faq-player__item{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.faq-player__question{padding:1.25rem 1.5rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background-color:var(--surface-alt);color:var(--text-primary);font-weight:600;font-size:1.05em;transition:background-color .2s}.faq-player__question:hover{background-color:var(--surface-hover)}.faq-player__icon{color:var(--brand-primary);font-size:.9em}.faq-player__answer{max-height:0;overflow:hidden;transition:max-height .3s ease-out;padding:0 1.5rem}.faq-player__item.active .faq-player__answer{max-height:2000px;padding:1.5rem;transition:max-height .5s ease-in}.faq-player__answer p{margin:0 0 1rem;line-height:1.6;color:var(--text-color)}.faq-player__provenance{margin-top:1rem;padding-top:1rem;border-top:1px dashed var(--border-color-medium);font-size:.9em;color:var(--text-color)}.faq-player__provenance .provenance-from-line{margin-bottom:.5rem;color:var(--text-primary)}.cd-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--overlay-bg, rgba(0, 0, 0, .55));display:flex;align-items:center;justify-content:center;z-index:10010;animation:cdFadeIn .15s ease-out}.cd-dialog{background:var(--surface-color, #1e1e2e);border-radius:12px;max-width:750px;width:90%;box-shadow:0 10px 40px #0006;overflow:hidden;animation:cdScaleIn .2s ease-out}@keyframes cdFadeIn{0%{opacity:0}to{opacity:1}}@keyframes cdScaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.cd-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color, rgba(255,255,255,.08));background:var(--surface-alt, rgba(255,255,255,.03));display:flex;align-items:center;justify-content:space-between}.cd-header h3{margin:0;font-size:1.15rem;font-weight:600;color:var(--text-primary, #e0e0e0)}.cd-close{background:none;border:none;font-size:18px;color:var(--text-color, #999);cursor:pointer;padding:2px 6px;border-radius:4px;line-height:1;transition:all .2s}.cd-close:hover{background:var(--surface-hover, rgba(255,255,255,.08));color:var(--text-primary, #e0e0e0)}.cd-body{padding:1.25rem 1.5rem;text-align:left}.cd-body p{margin:0 0 .35rem;font-size:.95rem;color:var(--text-color, #b0b0c0);line-height:1.55;text-align:left}.cd-body p:last-child{margin-bottom:0}.cd-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color, rgba(255,255,255,.08));display:flex;justify-content:flex-end;gap:.75rem;background:var(--surface-alt, rgba(255,255,255,.03))}.cd-btn{padding:.5rem 1.5rem;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;min-width:80px}.cd-btn:hover{transform:translateY(-1px)}.cd-btn:active{transform:translateY(0)}.cd-btn-cancel{background-color:var(--button-reset-bg, #b95700);color:var(--text-inverse, #fff)}.cd-btn-cancel:hover{background-color:var(--button-reset-hover-bg, #d46c0b)}.cd-btn-primary{background:var(--button-accent-gradient, var(--brand-gradient, linear-gradient(135deg, #667eea, #764ba2)));color:var(--text-inverse, #fff)}.cd-btn-primary:hover{box-shadow:var(--button-accent-shadow, 0 4px 12px rgba(102, 126, 234, .4))}.cd-btn-danger{background:linear-gradient(135deg,#e53e3e,#c53030);color:#fff}.cd-btn-danger:hover{box-shadow:0 4px 12px #e53e3e66}.cd-btn-warning{background:var(--brand-gradient, linear-gradient(135deg, #667eea, #764ba2));color:#fff}.cd-btn-warning:hover{box-shadow:var(--brand-shadow, 0 4px 12px rgba(102, 126, 234, .4))}.cd-btn-secondary{background-color:var(--surface-secondary, #e5e7eb);color:var(--text-primary, #1f2937);border:1px solid var(--border-color, #d1d5db)}.cd-btn-secondary:hover{background-color:var(--surface-hover, #d1d5db)}body[data-theme=dark] .cd-btn-secondary{background-color:#374151;color:#f3f4f6;border-color:#4b5563}body[data-theme=dark] .cd-btn-secondary:hover{background-color:#4b5563}.btn-tooltip{position:absolute;transform:translate(-50%,calc(-100% - 10px));background:#1a1f2e;color:#e6edf3;border:1px solid #3d444d;border-radius:6px;padding:5px 10px;font-size:12px;font-weight:400;pointer-events:none;z-index:99999;box-shadow:0 4px 12px #0000008c;max-width:240px;text-align:center;white-space:normal;line-height:1.4}.standards-picker{margin-top:16px;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background-color:var(--surface-color);color:var(--text-color)}.standards-picker-titlebar{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;background-color:var(--surface-color);border-bottom:1px solid var(--border-color);font-size:14px;color:var(--text-primary)}.standards-picker-header-left{display:flex;align-items:center;gap:8px}.standards-picker-icon{font-size:18px}.standards-picker-title{font-weight:600}.standards-picker-badge{background:var(--brand-gradient);color:var(--text-inverse);font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px}.standards-chips-row{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 12px}.standards-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:#6366f126;border:1px solid rgba(99,102,241,.5);border-radius:12px;font-size:12px;font-weight:600;color:var(--brand-primary);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.standards-chip-remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background:transparent;color:#6366f1b3;cursor:pointer;font-size:14px;line-height:1;border-radius:50%;padding:0;flex-shrink:0}.standards-chip-remove:hover{background:#6366f140;color:var(--brand-primary)}.standards-picker-body{padding:0 16px 16px;background-color:var(--surface-color);color:var(--text-color)}.standards-picker-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:12px 0 8px}.standards-picker-control-group{display:flex;align-items:center;gap:6px}.standards-picker-control-group label{font-size:13px;font-weight:500;color:var(--text-secondary);white-space:nowrap}.standards-picker-control-group select{padding:5px 8px;border:1px solid var(--border-color-medium);border-radius:4px;font-size:13px;background-color:var(--surface-color);color:var(--text-primary)}.standards-framework-combo{position:relative;min-width:200px}.standards-framework-search{width:100%;padding:5px 8px;border:1px solid var(--border-color-medium);border-radius:4px;font-size:13px;background-color:var(--surface-color);color:var(--text-primary);box-sizing:border-box}.standards-framework-search:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 2px #667eea26}.standards-framework-search::placeholder{color:var(--text-primary);font-weight:500}.standards-framework-dropdown{position:absolute;top:100%;left:0;right:0;max-height:240px;overflow-y:auto;background:var(--surface-color);border:1px solid var(--border-color-medium);border-top:none;border-radius:0 0 4px 4px;box-shadow:var(--shadow-md);z-index:50}.standards-framework-option{display:block;width:100%;padding:8px 12px;border:none;background:transparent;font-size:13px;color:var(--text-primary);text-align:left;cursor:pointer}.standards-framework-option:hover{background:#667eea14}.standards-framework-option.active{background:#667eea1f;font-weight:600;color:var(--brand-primary)}.standards-framework-no-match{padding:12px;font-size:13px;color:var(--text-secondary);text-align:center;font-style:italic}.standards-search-group{flex:1;min-width:120px;max-width:260px;position:relative}.standards-search-icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:11px;pointer-events:none}.standards-search-input{width:100%;padding:6px 28px 6px 26px;border:1px solid var(--border-color-medium);border-radius:4px;font-size:13px;color:var(--text-primary);background-color:var(--surface-color);box-sizing:border-box}.standards-search-input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 2px #667eea26}.standards-search-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-size:11px;padding:2px;line-height:1;display:flex;align-items:center;justify-content:center}.standards-search-clear:hover{color:var(--button-reset-bg)}.standards-picker-status{display:flex;justify-content:space-between;align-items:center;padding:6px 0 8px;font-size:12px;color:var(--text-secondary)}.standards-selection-count{display:flex;align-items:center;gap:8px;font-weight:500}.standards-clear-btn{border:none;background:transparent;color:var(--button-reset-bg);cursor:pointer;font-size:12px;padding:2px 4px;text-decoration:underline}.standards-clear-btn:hover{color:var(--button-reset-hover-bg)}.standards-picker-error{padding:8px 12px;background:var(--error-bg-light);color:var(--error-color);border-radius:4px;font-size:13px;margin-bottom:8px}.standards-picker-loading{display:flex;align-items:center;gap:8px;padding:16px 0;font-size:13px;color:var(--text-muted)}.standards-spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--border-color);border-top-color:var(--brand-primary);border-radius:50%;animation:standards-spin .6s linear infinite}@keyframes standards-spin{to{transform:rotate(360deg)}}.standards-empty{padding:16px 0;text-align:center;color:var(--text-secondary);font-size:13px;background-color:var(--surface-color)}.standards-domain-list{max-height:360px;overflow-y:auto;border:1px solid var(--border-color);border-radius:6px;background-color:var(--surface-color)}.standards-domain-section{border-bottom:1px solid var(--border-color)}.standards-domain-section:last-child{border-bottom:none}.standards-domain-header{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background-color:var(--surface-alt);border:none!important;cursor:pointer;font-size:13px;color:var(--text-primary);text-align:left;transition:background-color .15s}.standards-domain-header:hover{background-color:#667eea1f}.domain-chevron{font-size:9px;transition:transform .2s ease;color:var(--text-secondary);flex-shrink:0}.domain-chevron.expanded{transform:rotate(90deg)}.domain-code-badge{background:var(--info-bg-light);color:var(--brand-primary);font-size:11px;font-weight:700;padding:1px 6px;border-radius:4px;flex-shrink:0}.domain-name{flex:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.domain-count{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted);flex-shrink:0}.domain-selected-indicator{color:var(--success-text);font-weight:600}.standards-domain-body{padding:4px 0;background-color:var(--surface-color)}.standards-cluster{padding:0 12px}.standards-cluster-label{padding:6px 0 4px 28px;font-size:12px;font-style:italic;color:var(--text-color);line-height:1.4;text-align:left}.standards-item{display:flex;align-items:flex-start;gap:8px;padding:6px 8px 6px 28px;cursor:pointer;border-radius:4px;transition:background-color .1s;font-size:13px;line-height:1.45;text-align:left}.standards-item:hover{background:#667eea0a}.standards-item.selected{background:#667eea14}.standards-item.disabled{opacity:.45;cursor:not-allowed}.standards-item input[type=checkbox]{margin-top:2px;width:16px;height:16px;flex-shrink:0;accent-color:var(--brand-primary)}.standards-item-code{font-weight:600;color:var(--brand-primary);white-space:nowrap;flex-shrink:0;font-size:12px}.standards-item-desc{color:var(--text-primary);word-break:break-word;text-align:left}@media (max-width: 640px){.standards-picker-controls{flex-direction:column;align-items:stretch}.standards-search-group{min-width:auto}.standards-domain-list{max-height:280px}.standards-item,.standards-cluster-label{padding-left:12px}}.standards-suggest-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;font-size:.9em;font-weight:600;border:none;border-radius:6px;background:var(--brand-gradient);color:var(--text-inverse);cursor:pointer;transition:opacity .2s,transform .15s;white-space:nowrap}.standards-suggest-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.standards-suggest-btn:disabled{opacity:.5;cursor:not-allowed}.standards-suggest-btn--compact{padding:6px 14px;font-size:.85rem;border-radius:8px}@keyframes suggest-pulse{0%{box-shadow:0 0 #667eea99}70%{box-shadow:0 0 0 10px #667eea00}to{box-shadow:0 0 #667eea00}}.standards-suggest-btn.suggest-pulse{animation:suggest-pulse 1.5s ease-in-out infinite}.standards-spinner--small{width:12px;height:12px;border-width:2px}.standards-suggestions-panel{border:2px solid var(--brand-primary);border-radius:8px;margin:8px 12px;background:var(--surface-alt);overflow:hidden}.standards-suggestions-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--brand-gradient);color:var(--text-inverse)}.standards-suggestions-title{font-weight:600;font-size:13px}.standards-suggestions-close{background:none;border:none;color:var(--text-inverse);font-size:18px;cursor:pointer;padding:0 4px;line-height:1;opacity:.8}.standards-suggestions-close:hover{opacity:1}.standards-suggestions-loading{display:flex;align-items:center;gap:10px;padding:20px 14px;font-size:13px;color:var(--text-secondary);justify-content:center}.standards-suggestions-error{padding:12px 14px;font-size:13px;color:var(--error-color);background:var(--error-bg-light);border-top:1px solid var(--error-border)}.standards-suggestions-list{max-height:320px;overflow-y:auto;padding:4px 0}.standards-suggestion-item{display:grid;grid-template-columns:auto auto auto 1fr;grid-template-rows:auto auto;gap:4px 8px;align-items:start;padding:10px 14px;cursor:pointer;border-bottom:1px solid var(--border-color);transition:background-color .15s;font-size:13px;color:var(--text-color)}.standards-suggestion-item:last-child{border-bottom:none}.standards-suggestion-item:hover{background-color:var(--surface-hover)}.standards-suggestion-item.already-selected{opacity:.6;background-color:var(--surface-hover)}.standards-suggestion-item input[type=checkbox]{margin-top:2px;width:16px;height:16px;grid-row:1 / 3}.suggestion-relevance-badge{font-size:10px;font-weight:700;text-transform:uppercase;padding:2px 6px;border-radius:4px;line-height:1.4;white-space:nowrap}.suggestion-relevance-badge.relevance-high{background:var(--success-bg-light);color:var(--success-text)}.suggestion-relevance-badge.relevance-medium{background:var(--warning-bg-light);color:var(--warning-text)}.suggestion-relevance-badge.relevance-low{background:var(--surface-hover);color:var(--text-secondary)}.suggestion-code{font-family:SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:600;color:var(--brand-primary);white-space:nowrap}.suggestion-desc{grid-column:4;color:var(--text-color);line-height:1.4;text-align:left}.suggestion-rationale{grid-column:2 / 5;font-size:inherit;color:var(--text-secondary);font-style:italic;line-height:1.3;text-align:left}.standards-suggestions-actions{display:flex;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid var(--border-color);background:var(--surface-color)}.suggestions-checked-count{font-size:12px;color:var(--text-secondary);flex:1}.standards-suggestions-accept-btn{padding:6px 16px;font-size:12px;font-weight:600;border:none;border-radius:6px;background:var(--info-color);color:var(--text-inverse);cursor:pointer;transition:background-color .15s}.standards-suggestions-accept-btn:hover:not(:disabled){background:var(--info-color-hover)}.standards-suggestions-accept-btn:disabled{background:var(--border-color-medium);cursor:default}@keyframes add-standards-pulse{0%{box-shadow:0 0 #3b82f6a6}70%{box-shadow:0 0 0 10px #3b82f600}to{box-shadow:0 0 #3b82f600}}.standards-suggestions-accept-btn.add-standards-pulse{animation:add-standards-pulse 1.5s ease-in-out infinite}.standards-suggestions-dismiss-btn{padding:6px 14px;font-size:12px;font-weight:500;border:1px solid var(--button-reset-bg, #b95700);border-radius:6px;background:var(--button-reset-bg, #b95700);color:var(--button-reset-text, white);cursor:pointer;transition:all .2s}.standards-suggestions-dismiss-btn:hover{background:var(--button-reset-hover-bg, #d46c0b);border-color:var(--button-reset-hover-bg, #d46c0b)}.suggestions-limit-warning{color:var(--error-color);font-weight:600}.dialog-help-toggle{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:2px solid var(--brand-primary);background:var(--info-bg-light);color:var(--brand-primary);font-size:14px;font-weight:700;cursor:pointer;transition:all .15s ease;flex-shrink:0;line-height:1;padding:0;margin-left:8px;vertical-align:middle}.dialog-help-toggle:hover{background:var(--info-color-light);border-color:var(--brand-primary-hover)}.dialog-help-toggle-active{background:var(--brand-primary);color:var(--text-inverse);border-color:var(--brand-primary)}.dialog-help-toggle-active:hover{background:var(--brand-primary-hover);border-color:var(--brand-primary-hover)}.dialog-help-panel{background:var(--surface-alt);border:1px solid var(--border-color-light);border-radius:8px;padding:12px 16px;margin:8px 0 12px;max-height:260px;overflow-y:auto;animation:dialogHelpSlide .2s ease}@keyframes dialogHelpSlide{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:260px}}.dialog-help-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.dialog-help-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--brand-primary)}.dialog-help-close{background:none;border:none;font-size:18px;color:var(--text-secondary);cursor:pointer;padding:0 4px;line-height:1}.dialog-help-close:hover{color:var(--text-primary)}.dialog-help-list{margin:0;padding:0;display:flex;flex-direction:column;gap:6px;text-align:left}.dialog-help-entry{display:flex;flex-direction:column;gap:1px;padding-bottom:6px;border-bottom:1px solid var(--border-color-light)}.dialog-help-entry:last-child{border-bottom:none;padding-bottom:0}.dialog-help-label{font-size:12px;font-weight:600;color:var(--brand-primary);text-align:left}.dialog-help-desc{font-size:11.5px;color:var(--text-primary);line-height:1.4;margin:0;text-align:left}.dialog-help-panel::-webkit-scrollbar{width:5px}.dialog-help-panel::-webkit-scrollbar-thumb{background:var(--border-color-medium);border-radius:4px}@media print{.dialog-help-panel,.dialog-help-toggle{display:none!important}}.vnr-row{border:1px solid var(--border, #e5e7eb);border-radius:6px;overflow:hidden;margin-bottom:6px;background:var(--bg-primary, #fff)}.vnr-row.vnr-has-note{border-color:#6366f1}.vnr-toggle{width:100%;display:flex;align-items:center;gap:8px;padding:8px 10px;background:#eef2ff;border:none;cursor:pointer;font-size:.82rem;color:#1e293b;text-align:left}.vnr-row.vnr-has-note .vnr-toggle{background:#dbeafe;color:#1e3a8a}.vnr-toggle:hover:not(:disabled){background:#e2e8f0}.vnr-row.vnr-has-note .vnr-toggle:hover:not(:disabled){background:#bfdbfe}.vnr-toggle-label{flex:1;font-weight:600;color:inherit}.vnr-has-badge{font-size:.74rem;font-weight:700;letter-spacing:.01em;background:#2563eb;color:#fff;padding:1px 6px;border-radius:999px}.vnr-chevron{font-size:.7rem;opacity:.75;color:inherit}.vnr-panel{padding:10px;border-top:1px solid var(--border, #e5e7eb);background:var(--bg-secondary, #f9fafb);display:flex;flex-direction:column;gap:8px}.vnr-error{color:#ef4444;font-size:.78rem;padding:4px 6px;background:#fef2f2;border-radius:4px}.vnr-saved-actions{display:flex;gap:6px;flex-wrap:wrap;background:#eaf2ff;border:1px solid #bfdbfe;border-radius:6px;padding:6px}.vnr-record-btn,.vnr-stop-btn,.vnr-save-btn,.vnr-play-btn,.vnr-delete-btn,.vnr-rerecord-btn{font-size:.78rem;padding:4px 10px;border-radius:5px;border:none;cursor:pointer;font-weight:500;transition:opacity .15s}.vnr-record-btn{background:linear-gradient(135deg,#15803d,#22c55e);color:#fff}.vnr-record-btn-sm{padding:3px 8px;font-size:.75rem}.vnr-stop-btn{background:linear-gradient(135deg,#b91c1c,#ef4444);color:#fff}.vnr-save-btn{background:linear-gradient(135deg,#15803d,#22c55e);color:#fff}.vnr-play-btn{background:#6366f1;color:#fff}.vnr-delete-btn{background:linear-gradient(135deg,#b91c1c,#ef4444);color:#fff;border:none}.vnr-rerecord-btn{background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff;border:none}.vnr-record-btn:hover:not(:disabled),.vnr-stop-btn:hover:not(:disabled),.vnr-save-btn:hover:not(:disabled),.vnr-play-btn:hover:not(:disabled),.vnr-delete-btn:hover:not(:disabled),.vnr-rerecord-btn:hover:not(:disabled){opacity:.8}.vnr-recording{display:flex;flex-direction:column;gap:6px}.vnr-recording-indicator{display:flex;align-items:center;gap:8px}.vnr-dot-pulse{display:inline-block;width:10px;height:10px;border-radius:50%;background:#ef4444;animation:vn-pulse 1s infinite}@keyframes vn-pulse{0%,to{opacity:1}50%{opacity:.3}}.vnr-timer{font-size:.78rem;font-variant-numeric:tabular-nums;color:#6b7280}.vnr-progress-bar{flex:1;height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden}.vnr-progress-fill{height:100%;background:#ef4444;transition:width .5s linear}.vnr-preview{display:flex;flex-direction:column;gap:6px}.vnr-audio-preview{width:100%;height:36px;border-radius:8px;color-scheme:light dark}.vnr-preview-actions{display:flex;gap:6px;justify-content:flex-end}.vnr-loading{font-size:.78rem;color:#6b7280;text-align:center;padding:4px}body[data-theme=dark] .vnr-row{border-color:#94a3b847;background:#3341558c}body[data-theme=dark] .vnr-toggle{background:#3b82f638;color:#e5e7eb}body[data-theme=dark] .vnr-row.vnr-has-note .vnr-toggle{background:#3b82f661;color:#eff6ff}body[data-theme=dark] .vnr-toggle:hover:not(:disabled){background:#60a5fa4d}body[data-theme=dark] .vnr-row.vnr-has-note .vnr-toggle:hover:not(:disabled){background:#60a5fa75}body[data-theme=dark] .vnr-has-badge{background:#3b82f6;color:#eff6ff}body[data-theme=dark] .vnr-saved-actions{background:#1e40af47;border-color:#60a5fa80}body[data-theme=dark] .vnr-panel{border-top-color:#94a3b83d;background:#0f172ab8}body[data-theme=dark] .vnr-error{background:#dc262624;color:#fca5a5}body[data-theme=dark] .vnr-timer,body[data-theme=dark] .vnr-loading{color:#cbd5e1}body[data-theme=dark] .vnr-progress-bar{background:#94a3b84d}body[data-theme=dark] .modal-overlay{background:#0d1117d9!important}body[data-theme=dark] .modal-content.session-config-modal{background:var(--surface-color, #161b22);color:var(--text-color, #c9d1d9);border:1px solid var(--border-color, #30363d);box-shadow:0 4px 24px #000000b3}body[data-theme=dark] .session-config-modal .modal-header h2,body[data-theme=dark] .session-config-modal .export-section>h3,body[data-theme=dark] .session-config-modal .levels-language-section>h3{color:var(--text-primary, #c9d1d9)}body[data-theme=dark] .session-config-modal .modal-footer .btn-cancel{background-color:var(--button-reset-bg, #b95700);color:var(--text-inverse, #fff);border:1px solid var(--button-reset-bg, #b95700)}body[data-theme=dark] .session-config-modal .modal-footer .btn-cancel:hover{background-color:var(--button-reset-hover-bg, #d46c0b);border-color:var(--button-reset-hover-bg, #d46c0b)}body[data-theme=dark] .session-config-modal .modal-footer .btn-confirm{background:var(--brand-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:var(--text-inverse, #fff);border:none}.modal-content.session-config-modal{width:95%!important;max-width:1100px!important;max-height:none!important;overflow-y:visible!important;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.session-config-modal .modal-header{padding-bottom:.6rem;margin-bottom:.6rem}.modal-content.custom-export-modal.session-config-modal .modal-body{display:grid;grid-template-columns:1fr 1.5fr;gap:0 1.75rem;padding:.75rem 1.25rem;align-items:start}.session-config-modal .levels-language-section{border-left:1px solid var(--border-color, #e0e0e0);padding-left:1.75rem}.session-config-modal .levels-language-section.sktc-levels-language-section{border-left:none;padding-left:0;grid-column:1 / -1;width:100%;margin-top:.6rem}.session-config-modal .export-section>h3{margin-bottom:1rem;font-size:.95rem;text-transform:none;letter-spacing:0;color:var(--text-primary);font-weight:700}.session-config-modal .session-goal-section>h3{margin-bottom:1rem}.session-config-modal .levels-language-section>h3{margin-bottom:1rem}.session-config-modal .radio-item,.session-config-modal .checkbox-item{margin-bottom:.25rem;display:flex;align-items:center;gap:8px}.session-config-modal .checkbox-item label,.session-config-modal .radio-item label{color:var(--text-primary, #c9d1d9);font-weight:500;cursor:pointer}.session-config-modal .sktc-teaching-mode-options{margin-top:.9rem;display:flex;flex-direction:column;gap:.45rem}.modal-content.custom-export-modal.session-config-modal .checkbox-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem 1rem;align-items:start}.modal-content.custom-export-modal.session-config-modal .checkbox-grid .form-group{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem}.modal-content.custom-export-modal.session-config-modal .checkbox-grid .form-group label{margin-bottom:0;font-size:.72rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;line-height:1.2;white-space:normal}.modal-content.custom-export-modal.session-config-modal .checkbox-grid .form-group select{width:100%;min-width:0}.modal-content.custom-export-modal.session-config-modal .checkbox-grid.sktc-levels-grid{grid-template-columns:repeat(4,minmax(150px,1fr));gap:.75rem 1.25rem;width:100%}.modal-content.custom-export-modal.session-config-modal .checkbox-grid .form-group.sktc-manual-mic-group{grid-column:1 / -1}.modal-content.custom-export-modal.session-config-modal .checkbox-grid .form-group.sktc-manual-mic-group label{font-size:.9rem;font-weight:500;text-transform:none;letter-spacing:0;color:var(--text-primary)}.session-config-modal .modal-footer{display:flex;justify-content:space-between}.session-config-modal .modal-footer .btn-cancel{background-color:var(--button-reset-bg);color:var(--text-inverse);border:1px solid var(--button-reset-bg);border-radius:8px;padding:10px 24px;font-weight:500;font-size:15px;cursor:pointer;transition:all .2s}.session-config-modal .modal-footer .btn-cancel:hover{background-color:var(--button-reset-hover-bg);border-color:var(--button-reset-hover-bg)}.math-topic-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}@media (max-width: 980px){.modal-content.custom-export-modal.session-config-modal .checkbox-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.toast{position:fixed;bottom:28px;right:28px;display:flex;align-items:center;gap:10px;min-width:260px;max-width:420px;padding:14px 16px;border-radius:10px;box-shadow:var(--shadow-lg);z-index:150000;font-size:14px;font-weight:500;animation:toast-slide-in .25s ease-out;pointer-events:all}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.toast-success{background:#dcfce7;border:1px solid #16a34a;color:#14532d!important}.toast-error{background:#fee2e2;border:1px solid #dc2626;color:#7f1d1d!important}.toast-warning{background:#fef3c7;border:1px solid #d97706;color:#78350f!important}.toast-info{background:#dbeafe;border:1px solid #2563eb;color:#1e3a8a!important}.toast-icon{font-size:16px;font-weight:700;flex-shrink:0;color:inherit!important}.toast-message{flex:1;line-height:1.4;color:inherit!important;font-weight:700}.toast-close{background:none;border:none;font-size:18px;line-height:1;cursor:pointer;opacity:.5;padding:0 2px;flex-shrink:0;color:inherit!important}.toast-close:hover{opacity:1}.sq-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1400;background:#000000e0;display:flex;align-items:stretch;justify-content:stretch;overflow:hidden}.sq-btn{display:inline-flex;align-items:center;gap:6px;padding:13px 26px;border-radius:10px;border:none;font-size:16px;font-weight:600;cursor:pointer;transition:background .15s,transform .1s,box-shadow .15s;text-decoration:none}.sq-btn:active{transform:scale(.97)}.sq-btn:disabled{opacity:.55;cursor:not-allowed}.sq-btn-primary{background:linear-gradient(135deg,#7c3aed,#9333ea,#a855f7);color:#fff;box-shadow:0 3px 12px #9333ea8c;text-shadow:0 1px 2px rgba(0,0,0,.2)}.sq-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6,#a855f7,#c084fc);box-shadow:0 4px 18px #9333eab3}.sq-btn-secondary{background:#4b5563;color:#fff}.sq-btn-secondary:hover:not(:disabled){background:#374151}.sq-btn-ghost{background:transparent;color:#ffffffbf;border:1px solid rgba(255,255,255,.2)}.sq-btn-ghost:hover:not(:disabled){background:#ffffff14;color:#fff}.sq-btn-large{padding:14px 32px;font-size:16px;border-radius:14px}.sq-close-btn{background:#ffffff1f;border:none;color:#fffc;font-size:18px;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.sq-close-btn:hover{background:#ffffff38}.sq-close-btn-sm{width:30px;height:30px;font-size:15px}.sq-sound-btn{font-size:18px;opacity:.85}.sq-sound-btn:hover{opacity:1}.sq-sound-label{font-size:11px;font-weight:600;color:#ffffffb3;letter-spacing:.03em;white-space:nowrap;-webkit-user-select:none;user-select:none}.sq-selector{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;background:#0f172a;justify-content:center}.sq-selector-header{display:flex;align-items:center;justify-content:flex-start;padding:20px 24px 12px;flex-shrink:0;gap:12px;position:relative}.sq-selector-title-row{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:4px}.sq-selector-close{position:absolute;top:16px;right:16px}.sq-selector-theme-toggle{position:absolute;top:16px;right:80px;display:inline-flex;align-items:center;gap:8px;height:36px}.sq-theme-toggle-label{font-size:12px;font-weight:600;color:#ffffffd9;letter-spacing:.03em;white-space:nowrap;-webkit-user-select:none;user-select:none}.sq-overlay[data-sq-theme=light] .sq-theme-toggle-label{color:#1e293b}.sq-selector-icon{font-size:42px;flex-shrink:0}.sq-selector-title{margin:0 0 4px;font-size:28px;font-weight:800;color:#fff}.sq-selector-subtitle{margin:0 0 6px;font-size:16px;color:#ffffffa6}.sq-selector-kit-label{margin:0;font-size:14px;color:#ffffff73}.sq-selector-kit-label strong{color:#ffffffbf}.sq-tier-tabs{display:flex;gap:6px;padding:0 24px 12px;flex-shrink:0}.sq-tier-tab{flex:1;padding:9px 0;background:#ffffff0f;border:2px solid rgba(255,255,255,.1);border-radius:10px;color:#ffffff8c;font-size:14px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.sq-tier-tab:hover{border-color:#ffffff40;color:#fffc}.sq-tier-tab--active{background:#6366f12e;border-color:#6366f1;color:#a5b4fc}.sq-selector-footer-row{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;padding:14px 24px 22px;border-top:1px solid rgba(255,255,255,.08);flex-wrap:wrap}.sq-selector-generate-row{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 24px 28px;border-top:1px solid rgba(255,255,255,.08)}.sq-btn-generate-new{display:inline-flex;align-items:center;gap:8px;padding:12px 32px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;border:none;background:linear-gradient(135deg,#7c3aed,#a855f7,#6d28d9);color:#fff;box-shadow:0 4px 16px #8b5cf673;transition:filter .15s,transform .1s,box-shadow .15s}.sq-btn-generate-new:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 22px #8b5cf699}.sq-btn-generate-new:disabled{opacity:.6;cursor:not-allowed}.sq-generate-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(209,250,229,.4);border-top-color:#d1fae5;border-radius:50%;animation:sq-spin .75s linear infinite;flex-shrink:0}.sq-selector-generate-hint{margin:0;font-size:14px;font-weight:500;color:#ffffffbf;text-align:center}.sq-scenario-grid{overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,220px);gap:16px;padding:32px 24px 20px;justify-content:center}.sq-scenario-card{background:#ffffff12;border:2px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden;cursor:pointer;text-align:left;transition:border-color .15s,transform .15s,box-shadow .15s,background .15s;display:flex;flex-direction:column;padding:0}.sq-scenario-card:hover{border-color:#3b82f6;background:#3b82f61f;transform:translateY(-2px);box-shadow:0 8px 24px #3b82f640}.sq-scenario-preview{width:100%;aspect-ratio:4 / 3;background:#1e293b;overflow:hidden}.sq-scenario-info{padding:10px 12px 6px;flex:1}.sq-scenario-emoji{font-size:26px;margin-bottom:4px}.sq-scenario-name{font-size:17px;font-weight:700;color:#fff;margin-bottom:5px}.sq-scenario-premise{font-size:13px;color:#ffffff8c;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sq-scenario-play-hint{padding:6px 12px 12px;font-size:14px;color:#60a5fa;font-weight:600}.sq-settings-tab-body{padding:18px 24px 24px;overflow-y:auto;max-height:calc(100vh - 220px);display:flex;justify-content:center}.sq-settings-card{width:100%;max-width:860px;background:#1e293b!important;color:#f1f5f9!important;border-radius:12px;padding:22px 24px;box-shadow:0 10px 30px #0000008c;text-align:left;border:1px solid #334155;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--text-inverse: #ffffff;--bg-primary: #1e293b;--bg-secondary: #0f172a;--bg-tertiary: #334155;--border-color: #475569;--border-color-light: #334155;--surface: #1e293b;--card-bg: #1e293b;--input-bg: #0f172a;--input-text: #f1f5f9;--input-border: #475569}.sq-settings-card,.sq-settings-card h4,.sq-settings-card p,.sq-settings-card .esk-form-group>label,.sq-settings-card .esk-form-group label,.sq-settings-card .sq-settings-scenarios label,.sq-settings-card .sq-settings-scenarios label>span,.sq-settings-card span,.sq-settings-card option{color:#f1f5f9!important}.sq-settings-card h4{font-size:18px;font-weight:700;margin:0 0 8px}.sq-settings-card .esk-form-group small,.sq-settings-card .esk-description,.sq-settings-card small,.sq-settings-card .sq-settings-muted,.sq-settings-card small>*{color:#94a3b8!important}.sq-settings-card input[type=text],.sq-settings-card input[type=number],.sq-settings-card select{color:#f1f5f9!important;background:#0f172a!important;border:1px solid #475569!important;border-radius:6px}.sq-settings-card select option{background:#0f172a;color:#f1f5f9}.sq-settings-card input[type=range]{accent-color:#6366f1}.sq-settings-card input[type=checkbox]{accent-color:#6366f1;background:#0f172a}.sq-settings-card .sq-settings-scenarios{background:#0f172a!important;border:1px solid #475569!important;border-radius:8px;padding:10px 12px;display:grid;gap:6px}.sq-settings-card .sq-settings-scenarios>label[style*=border-bottom]{border-bottom-color:#334155!important}.sq-settings-card .esk-form-group[style*="padding-top: 22px"]{border-top-color:#475569!important}.sq-settings-card button:not(.esk-btn-primary):not(.esk-btn-secondary):not(.esk-btn-cancel):not(.esk-btn-danger){background:#334155!important;color:#f1f5f9!important;border-color:#475569!important}.sq-settings-card .sq-settings-control-label{color:#e2e8f0!important;font-weight:700}.sq-settings-card .sq-settings-volume-label{margin-left:24px}.sq-settings-card .sq-settings-pill-active:not(.esk-btn-primary):not(.esk-btn-secondary):not(.esk-btn-cancel):not(.esk-btn-danger){background:#3b82f647!important;border-color:#3b82f6!important;color:#fff!important;box-shadow:0 0 0 2px #60a5fa3d;font-weight:800!important}.sq-settings-card .sq-settings-difficulty{display:flex;gap:8px;max-width:720px}.sq-settings-card .sq-defaults-diff-btn{flex:1;min-height:56px;min-width:0;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;column-gap:8px;row-gap:1px;padding:7px 10px;border-radius:10px;border:2px solid rgba(255,255,255,.12);background:#ffffff0d!important;color:#fff!important;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s;white-space:nowrap}.sq-settings-card .sq-defaults-diff-btn:hover:not(.sq-defaults-diff-btn-active){background:#ffffff1a!important}.sq-settings-card .sq-defaults-diff-btn-active{background:#3b82f647!important;border-color:#3b82f6!important;color:#fff!important;box-shadow:0 0 0 2px #60a5fa3d!important;font-weight:800!important}.sq-settings-card .sq-defaults-diff-btn--easy.sq-defaults-diff-btn-active,.sq-settings-card .sq-defaults-diff-btn--normal.sq-defaults-diff-btn-active,.sq-settings-card .sq-defaults-diff-btn--hard.sq-defaults-diff-btn-active{border-color:#3b82f6!important;box-shadow:0 0 0 2px #60a5fa3d!important}.sq-settings-card .sq-defaults-diff-emoji{font-size:18px;grid-column:1;grid-row:1 / 3;line-height:1}.sq-settings-card .sq-defaults-diff-label{grid-column:2;grid-row:1;font-size:13px;font-weight:700;color:#fff!important;line-height:1.2}.sq-settings-card .sq-defaults-diff-desc{grid-column:2;grid-row:2;font-size:13px;color:#ffffffd9!important;line-height:1.3}.sq-settings-card .sq-diff-btn{position:relative;min-height:56px;min-width:0;white-space:nowrap}.sq-settings-card .sq-diff-btn-active{background:#ffffff14!important;box-shadow:none!important}.sq-settings-card .sq-diff-label,.sq-settings-card .sq-diff-desc,.sq-settings-card .sq-diff-emoji{color:#fff!important}.sq-settings-card .sq-question-count-chip{background:#312e81!important;color:#fff!important;border:1px solid #6366f1;box-shadow:inset 0 0 0 1px #ffffff14}.sq-settings-card .sq-settings-help-bubble,.sq-settings-card span[style*="background: rgb(209, 213, 219)"],.sq-settings-card span[style*="background:#d1d5db"]{background:#475569!important;color:#fff!important;border:1px solid #94a3b8}.sq-settings-card .esk-btn-primary,.sq-settings-card .esk-btn-secondary,.sq-settings-card .esk-btn-cancel,.sq-settings-card .esk-btn-danger{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.25);font-weight:700!important}.sq-settings-card .toast-success,.sq-settings-card .toast-success .toast-icon,.sq-settings-card .toast-success .toast-message,.sq-settings-card .toast-success .toast-close{color:#14532d!important}.sq-settings-card .toast-error,.sq-settings-card .toast-error .toast-icon,.sq-settings-card .toast-error .toast-message,.sq-settings-card .toast-error .toast-close{color:#7f1d1d!important}.sq-settings-card .toast-warning,.sq-settings-card .toast-warning .toast-icon,.sq-settings-card .toast-warning .toast-message,.sq-settings-card .toast-warning .toast-close{color:#78350f!important}.sq-settings-card .toast-info,.sq-settings-card .toast-info .toast-icon,.sq-settings-card .toast-info .toast-message,.sq-settings-card .toast-info .toast-close{color:#1e3a8a!important}.sq-overlay[data-sq-theme=light] .sq-settings-card{background:#fff!important;color:#0f172a!important;border-color:#d1d5db;box-shadow:0 6px 18px #0f172a1f;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--border-color: #d1d5db;--input-bg: #ffffff;--input-text: #0f172a}.sq-overlay[data-sq-theme=light] .sq-settings-card,.sq-overlay[data-sq-theme=light] .sq-settings-card h4,.sq-overlay[data-sq-theme=light] .sq-settings-card p,.sq-overlay[data-sq-theme=light] .sq-settings-card label,.sq-overlay[data-sq-theme=light] .sq-settings-card span{color:#0f172a!important}.sq-overlay[data-sq-theme=light] .sq-settings-card .sq-settings-scenarios{background:#f9fafb!important;border-color:#d1d5db!important}.sq-overlay[data-sq-theme=light] .sq-settings-card small,.sq-overlay[data-sq-theme=light] .sq-settings-card .esk-description,.sq-overlay[data-sq-theme=light] .sq-settings-card .sq-settings-muted{color:#334155!important}.sq-overlay[data-sq-theme=light] .sq-settings-card label span,.sq-overlay[data-sq-theme=light] .sq-settings-card .sq-settings-scenarios small,.sq-overlay[data-sq-theme=light] .sq-settings-card .sq-settings-scenarios span small{color:#475569!important}.sq-overlay[data-sq-theme=light] .sq-settings-card button:not(.esk-btn-primary):not(.esk-btn-secondary):not(.esk-btn-cancel):not(.esk-btn-danger){background:#334155!important;color:#fff!important;border-color:#475569!important}.sq-overlay[data-sq-theme=light] .sq-settings-card .sq-diff-btn:not(.sq-diff-btn-active) .sq-diff-label,.sq-overlay[data-sq-theme=light] .sq-settings-card .sq-diff-btn:not(.sq-diff-btn-active) .sq-diff-desc,.sq-overlay[data-sq-theme=light] .sq-settings-card .sq-diff-btn:not(.sq-diff-btn-active) .sq-diff-emoji{color:#fff!important}.sq-overlay[data-sq-theme=light] .sq-settings-card .sq-settings-pill-active:not(.esk-btn-primary):not(.esk-btn-secondary):not(.esk-btn-cancel):not(.esk-btn-danger),.sq-overlay[data-sq-theme=light] .sq-settings-card .sq-diff-btn-active{background:#dbeafe!important;color:#0f172a!important;border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb3d!important}.sq-overlay[data-sq-theme=light] .sq-settings-card .sq-diff-btn-active .sq-diff-label,.sq-overlay[data-sq-theme=light] .sq-settings-card .sq-diff-btn-active .sq-diff-desc,.sq-overlay[data-sq-theme=light] .sq-settings-card .sq-diff-btn-active .sq-diff-emoji,.sq-overlay[data-sq-theme=light] .sq-settings-card .sq-settings-pill-active span{color:#0f172a!important}.sq-overlay[data-sq-theme=light] .sq-settings-card .sq-question-count-chip{background:#312e81!important;color:#fff!important}.sq-overlay[data-sq-theme=light] .sq-settings-card input[type=text],.sq-overlay[data-sq-theme=light] .sq-settings-card input[type=number],.sq-overlay[data-sq-theme=light] .sq-settings-card select{background:#fff!important;color:#0f172a!important;border-color:#d1d5db!important}.sq-overlay[data-sq-theme=light]{background:#0f172a8c}.sq-overlay[data-sq-theme=light] .sq-selector{background:#f8fafc}.sq-overlay[data-sq-theme=light] .sq-selector-title{color:#0f172a}.sq-overlay[data-sq-theme=light] .sq-selector-subtitle{color:#475569}.sq-overlay[data-sq-theme=light] .sq-selector-kit-label{color:#64748b}.sq-overlay[data-sq-theme=light] .sq-selector-kit-label strong{color:#1e293b}.sq-overlay[data-sq-theme=light] .sq-close-btn{background:#0f172a14;color:#1e293b}.sq-overlay[data-sq-theme=light] .sq-close-btn:hover{background:#0f172a29}.sq-overlay[data-sq-theme=light] .sq-tier-tab{background:#fff;border-color:#d1d5db;color:#475569}.sq-overlay[data-sq-theme=light] .sq-tier-tab:hover{border-color:#94a3b8;color:#1e293b}.sq-overlay[data-sq-theme=light] .sq-tier-tab--active{background:#6366f11f;border-color:#6366f1;color:#4338ca}.sq-overlay[data-sq-theme=light] .sq-scenario-card{background:#fff;border-color:#e5e7eb;box-shadow:0 1px 2px #0f172a0d}.sq-overlay[data-sq-theme=light] .sq-scenario-card:hover{background:#f1f5f9;border-color:#3b82f6;box-shadow:0 8px 24px #3b82f62e}.sq-overlay[data-sq-theme=light] .sq-scenario-name{color:#0f172a}.sq-overlay[data-sq-theme=light] .sq-scenario-premise{color:#475569}.sq-overlay[data-sq-theme=light] .sq-scenario-preview{background:#e2e8f0}.sq-overlay[data-sq-theme=light] .sq-selector-footer-row{border-top-color:#0f172a1f}.sq-overlay[data-sq-theme=light] .sq-selector-generate-hint{color:#475569}.sq-overlay[data-sq-theme=light] .sq-btn-secondary{background:#e5e7eb;color:#1e293b}.sq-overlay[data-sq-theme=light] .sq-btn-secondary:hover:not(:disabled){background:#cbd5e1}.sq-overlay[data-sq-theme=light] .sq-btn-ghost{color:#475569;border-color:#cbd5e1}.sq-overlay[data-sq-theme=light] .sq-btn-ghost:hover:not(:disabled){background:#0f172a0d;color:#0f172a}.sq-overlay[data-sq-theme=light] .sq-sound-label{color:#475569}.sq-theme-toggle{background:#ffffff1f;border:none;color:#ffffffe6;font-size:16px;width:36px;height:36px;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,transform .1s}.sq-theme-toggle:hover{background:#ffffff38}.sq-theme-toggle:active{transform:scale(.94)}.sq-overlay[data-sq-theme=light] .sq-theme-toggle{background:#0f172a14;color:#1e293b}.sq-overlay[data-sq-theme=light] .sq-theme-toggle:hover{background:#0f172a29}.sq-intro{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;overflow-y:auto;align-items:stretch}.sq-intro-scene-wrap{width:100%;flex-shrink:0;overflow:hidden}.sq-intro-scene-wrap svg,.sq-scene-wrapper{width:100%;height:100%;max-height:420px}.sq-intro-content{padding:24px 24px 28px;background:#00000073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-shrink:0;margin-top:20px}.sq-intro-emoji{font-size:36px;margin-bottom:6px}.sq-intro-title{margin:0 0 8px;font-size:24px;font-weight:800;color:#fff}.sq-intro-premise{margin:0 0 6px;font-size:14px;color:#fffc;line-height:1.5}.sq-intro-goal{margin:0 0 14px;font-size:13px;color:#fff9;font-style:italic}.sq-intro-details{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:18px}.sq-intro-detail-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#ffffffb3}.sq-intro-detail-icon{font-size:16px}.sq-intro-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center}.sq-settings{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(160deg,#0f172a,#1e1b4b)}.sq-settings-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#00000059;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.sq-settings-header-info{display:flex;flex-direction:column;gap:2px;flex:1}.sq-settings-title{font-size:20px;font-weight:700;color:#fff}.sq-settings-scenario-badge{font-size:15px;color:#ffffff8c}.sq-settings-body{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;justify-content:center;gap:20px}.sq-settings-teacher-preset-banner{background:#8fb1ff24;border:1px solid rgba(143,177,255,.36);color:#c9d8ff;border-radius:8px;padding:10px 14px;font-size:.92rem;text-align:center;font-weight:500}.sq-settings-preview{width:100%;flex:0 0 clamp(220px,38vh,380px);overflow:hidden}.sq-settings-preview .sq-scene-wrapper{width:100%;height:100%;min-height:unset;max-height:none}@keyframes sq-banner-flutter{0%{transform:skew(0) scaleY(1)}20%{transform:skew(4deg) scaleY(.96)}45%{transform:skew(-2deg) scaleY(1.03)}70%{transform:skew(3deg) scaleY(.97)}to{transform:skew(0) scaleY(1)}}.sq-banner-group{transform-box:fill-box;animation:sq-banner-flutter .75s ease-in-out infinite}.sq-settings-scenario-info{display:flex;flex-direction:column;gap:6px}.sq-settings-scenario-header{display:flex;align-items:center;gap:10px}.sq-settings-scenario-emoji{font-size:32px;line-height:1;flex-shrink:0}.sq-settings-scenario-title{font-size:22px;font-weight:700;color:#fff;margin:0;line-height:1.2}.sq-settings-scenario-premise{font-size:16px;color:#fffffff2;margin:0;line-height:1.45;text-align:justify}.sq-settings-scenario-goal{font-size:15px;color:#ffffffc7;font-style:italic;margin:0;line-height:1.4;text-align:justify}.sq-settings-detail-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:4px}.sq-settings-detail-item{font-size:14px;color:#ffffffe0;display:flex;align-items:center;gap:5px}.sq-settings-section{display:flex;flex-direction:column;gap:10px}.sq-settings-section-difficulty{margin-top:14px}.sq-settings-section-questions{margin-top:24px}.sq-settings-label{font-size:15px;font-weight:700;color:#fffffffa;text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;gap:10px}.sq-settings-sublabel{font-weight:400;font-size:15px;color:#fffc;text-transform:none;letter-spacing:0}.sq-settings-not-enough{font-size:15px;color:#fca5a5;background:#ef44441f;border:1px solid rgba(239,68,68,.35);border-radius:8px;padding:10px 14px;line-height:1.4}.sq-settings-slider-row{display:flex;align-items:center;gap:10px}.sq-settings-slider-min,.sq-settings-slider-max{font-size:12px;color:#ffffff80;flex-shrink:0;min-width:20px;text-align:center}.sq-settings-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:3px;background:#ffffff26;outline:none;cursor:pointer}.sq-settings-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#7c3aed);cursor:pointer;box-shadow:0 2px 6px #6366f180}.sq-settings-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#7c3aed);cursor:pointer;border:none;box-shadow:0 2px 6px #6366f180}.sq-settings-slider-value{font-size:14px;font-weight:600;color:#fffc;margin-top:6px}.sq-settings-slider-count{font-size:15px;font-weight:600;color:#ffffffd9;white-space:nowrap;flex-shrink:0;min-width:90px}.sq-settings-pills{display:flex;gap:8px;flex-wrap:wrap}.sq-pill{padding:8px 22px;border-radius:20px;border:2px solid rgba(255,255,255,.15);background:#ffffff0f;color:#ffffffb3;font-size:15px;font-weight:700;cursor:pointer;transition:all .15s;min-width:60px;text-align:center}.sq-pill:hover:not(.sq-pill-active){background:#ffffff1f;border-color:#ffffff4d;color:#fff}.sq-pill-active{background:#3b82f6;border-color:#3b82f6;color:#fff;box-shadow:0 2px 10px #3b82f673}.sq-settings-difficulty{display:flex;gap:8px}.sq-diff-btn{flex:1;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;column-gap:8px;row-gap:1px;padding:7px 10px;border-radius:10px;border:2px solid rgba(255,255,255,.12);background:#ffffff0d;cursor:pointer;transition:all .15s}.sq-diff-btn:hover:not(.sq-diff-btn-active){background:#ffffff1a}.sq-diff-btn-active{background:#ffffff14}.sq-diff-emoji{font-size:18px;grid-column:1;grid-row:1 / 3;line-height:1}.sq-diff-label{font-size:13px;font-weight:700;color:#fff;grid-column:2;grid-row:1;line-height:1.2}.sq-diff-desc{font-size:13px;color:#ffffffd9;grid-column:2;grid-row:2;line-height:1.3}.sq-settings-select{background:#ffffff14;border:2px solid rgba(255,255,255,.15);border-radius:10px;color:#fff;padding:10px 14px;font-size:14px;cursor:pointer;outline:none;width:100%;max-width:280px;transition:border-color .15s}.sq-settings-select:focus{border-color:#3b82f6}.sq-settings-select option{background:#1e1b4b;color:#fff}.sq-settings-translate-note{font-size:12px;color:#a78bfa;margin-top:6px;opacity:.9}.sq-translating-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;display:flex;align-items:center;justify-content:center;z-index:9999}.sq-translating-box{background:linear-gradient(135deg,#1e1b4b,#2e1065);border:1px solid rgba(139,92,246,.4);border-radius:16px;padding:36px 48px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 20px 60px #00000080}.sq-translating-spinner{width:40px;height:40px;border:3px solid rgba(139,92,246,.25);border-top-color:#8b5cf6;border-radius:50%;animation:sq-spin .8s linear infinite}.sq-translating-text{font-size:18px;font-weight:700;color:#e9d5ff}.sq-translating-sub{font-size:13px;color:#a78bfa}.sq-translate-error{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#7f1d1d;color:#fca5a5;border:1px solid #b91c1c;border-radius:8px;padding:8px 20px;font-size:13px;z-index:9999}.sq-settings-actions{display:flex;align-items:center;justify-content:center;gap:60px;margin-top:32px}.sq-btn-play{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 28px;font-size:15px;font-weight:600;border-radius:14px;cursor:pointer;box-shadow:0 3px 12px #764ba273;transition:opacity .15s,box-shadow .15s;letter-spacing:.03em;flex-shrink:0}.sq-btn-play:hover:not(:disabled){opacity:.9}.sq-btn-play:disabled{opacity:.45;cursor:not-allowed}.sq-btn-return{background:var(--button-reset-bg, #b95700);color:var(--button-reset-text, #fff);border:none;font-weight:600;font-family:inherit;border-radius:14px;cursor:pointer;transition:background .15s;flex-shrink:0;display:inline-flex;align-items:center;gap:5px;line-height:1}.sq-btn-return:hover{background:var(--button-reset-hover-bg, #d46c0b)}.sq-ambient-pills{display:flex;gap:8px;flex-wrap:wrap}.sq-ambient-pill{padding:8px 20px;border-radius:20px;border:2px solid rgba(255,255,255,.15);background:#ffffff0f;color:#ffffffb3;font-size:14px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.sq-ambient-pill:hover:not(.sq-ambient-pill-active){border-color:#ffffff59;background:#ffffff1f;color:#fff}.sq-ambient-pill-active{border-color:#818cf8;background:#6366f138;color:#fff;box-shadow:0 0 0 3px #6366f133}.sq-ambient-intensity{margin-top:10px}.sq-ambient-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.sq-ambient-intensity-inline{display:flex;align-items:center;gap:8px}.sq-ambient-intensity-label{font-size:13px;font-weight:600;color:#fff9;white-space:nowrap}.sq-btn-edit-questions-inline{padding:6px 14px;font-size:13px;font-weight:600;border-radius:8px;white-space:nowrap;flex-shrink:0}.sq-btn-edit-questions{margin-top:10px;padding:7px 16px;font-size:13px;font-weight:600;border-radius:8px;border:1px solid rgba(139,92,246,.5);background:#8b5cf61f;color:#c4b5fd;cursor:pointer;transition:background .15s,border-color .15s;display:inline-flex;align-items:center;gap:5px}.sq-btn-edit-questions:hover{background:#8b5cf640;border-color:#8b5cf6cc;color:#ede9fe}.sq-qe-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#000000c7;display:flex;align-items:center;justify-content:center;padding:16px}.sq-qe-panel{background:#1e1b4b;border:1px solid rgba(139,92,246,.35);border-radius:16px;width:100%;max-width:680px;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 64px #0009}.sq-qe-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.sq-qe-title-row{display:flex;align-items:center;gap:10px}.sq-qe-title{font-size:18px;font-weight:700;color:#fff}.sq-qe-count{font-size:12px;color:#ffffff80;background:#ffffff14;border-radius:12px;padding:2px 8px}.sq-qe-list{flex:1;overflow-y:auto;padding:10px 16px;display:flex;flex-direction:column;gap:6px}.sq-qe-empty{text-align:center;color:#fff6;padding:32px;font-size:14px}.sq-qe-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:8px;overflow:hidden}.sq-qe-item-editing{border-color:#8b5cf680;background:#8b5cf612}.sq-qe-row{display:flex;align-items:center;gap:8px;padding:9px 12px;min-height:42px;flex-wrap:wrap}.sq-qe-type-badge{font-size:10px;font-weight:700;background:#8b5cf640;color:#c4b5fd;border-radius:4px;padding:2px 5px;flex-shrink:0}.sq-qe-num{font-size:11px;color:#fff6;flex-shrink:0;min-width:26px}.sq-qe-prompt-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.sq-qe-prompt-preview{font-size:13px;color:#ffffffd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.sq-qe-choices-preview{display:flex;flex-wrap:wrap;gap:4px}.sq-qe-choice-chip{font-size:11px;padding:2px 7px;border-radius:10px;background:#ffffff12;color:#ffffff80;border:1px solid rgba(255,255,255,.1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.sq-qe-choice-chip-correct{background:#22c55e26;color:#86efac;border-color:#22c55e4d}.sq-qe-row-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.sq-qe-readonly-note{font-size:10px;color:#ffffff4d;font-style:italic}.sq-qe-edit-form{padding:14px 16px;display:flex;flex-direction:column;gap:10px}.sq-qe-edit-row{display:flex;align-items:center;gap:8px}.sq-qe-edit-num{font-size:11px;color:#fff6}.sq-qe-field-label{font-size:11px;font-weight:600;color:#ffffff8c;text-transform:uppercase;letter-spacing:.5px}.sq-qe-textarea{background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff;font-size:14px;padding:8px 10px;resize:vertical;min-height:60px;font-family:inherit;width:100%;box-sizing:border-box}.sq-qe-textarea:focus{outline:none;border-color:#8b5cf6b3}.sq-qe-choices-label{font-size:11px;font-weight:600;color:#ffffff8c;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.sq-qe-choices-note{font-size:10px;font-weight:400;color:#ffffff59;text-transform:none;letter-spacing:0}.sq-qe-choice-row{display:flex;align-items:center;gap:8px}.sq-qe-radio{width:16px;height:16px;flex-shrink:0;accent-color:#8b5cf6}.sq-qe-choice-input{flex:1;background:#0000004d;border:1px solid rgba(255,255,255,.12);border-radius:5px;color:#fff;font-size:13px;padding:6px 8px;font-family:inherit}.sq-qe-choice-input:focus{outline:none;border-color:#8b5cf699}.sq-qe-remove-choice{background:none;border:none;color:#ff646499;font-size:12px;cursor:pointer;padding:2px 4px;border-radius:4px;flex-shrink:0;transition:color .15s}.sq-qe-remove-choice:hover{color:#f87171}.sq-qe-seq-num{font-size:12px;color:#ffffff73;min-width:18px;text-align:right;flex-shrink:0}.sq-qe-seq-btns{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.sq-qe-seq-move{background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:3px;color:#a78bfae6;font-size:10px;cursor:pointer;padding:1px 4px;line-height:1.2;transition:background .15s}.sq-qe-seq-move:hover{background:#8b5cf659}.sq-qe-match-row{display:flex;align-items:center;gap:6px;margin-bottom:4px}.sq-qe-match-arrow{font-size:13px;color:#ffffff59;flex-shrink:0}.sq-qe-add-choice{background:none;border:1px dashed rgba(139,92,246,.4);border-radius:5px;color:#a78bfacc;font-size:12px;padding:5px 10px;cursor:pointer;align-self:flex-start;transition:background .15s}.sq-qe-add-choice:hover{background:#8b5cf61f}.sq-qe-form-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:4px;border-top:1px solid rgba(255,255,255,.07)}.sq-qe-confirm-delete{display:flex;align-items:center;gap:8px;width:100%;padding:6px 0 0;font-size:12px;color:#fca5a5;flex-wrap:wrap}.sq-qe-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid rgba(255,255,255,.1);flex-shrink:0;gap:10px;flex-wrap:wrap}.sq-qe-footer-actions{display:flex;align-items:center;gap:8px}.sq-qe-btn{padding:6px 14px;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:filter .12s,transform .1s}.sq-qe-btn:active{transform:scale(.96)}.sq-qe-btn-save{background:#16a34a;color:#fff}.sq-qe-btn-cancel{background:#ffffff1a;color:#ffffffbf}.sq-qe-btn-delete{background:#b91c1c;color:#fff;font-size:12px}.sq-qe-btn-delete-sm{background:#b91c1c33;color:#fca5a5;padding:4px 8px;font-size:13px}.sq-qe-btn-edit{background:#8b5cf633;color:#c4b5fd;border:1px solid rgba(139,92,246,.4)}.sq-qe-btn-add{background:linear-gradient(135deg,#1e40af,#2563eb);color:#fff;border:none;box-shadow:0 2px 8px #2563eb59}.sq-qe-btn-discard{background:var(--button-reset-bg, #b95700);color:var(--button-reset-text, #fff)}.sq-qe-btn-discard:hover{background:var(--button-reset-hover-bg, #d46c0b)}.sq-qe-btn-apply{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;box-shadow:0 2px 8px #8b5cf659}.sq-qe-btn-apply:disabled{opacity:.5;cursor:not-allowed}.sq-qe-btn-save:hover:not(:disabled){filter:brightness(1.1)}.sq-qe-btn-delete:hover:not(:disabled){filter:brightness(1.15)}.sq-qe-btn-apply:hover:not(:disabled){filter:brightness(1.1)}.sq-qe-btn-edit:hover:not(:disabled){background:#8b5cf659}.sq-qe-btn-add:hover:not(:disabled){background:#ffffff24}.sq-btn-blue{background:linear-gradient(135deg,#1e40af,#2563eb);color:#fff;border:none;padding:14px 28px;font-size:15px;font-weight:700;border-radius:14px;cursor:pointer;box-shadow:0 3px 12px #2563eb73;transition:opacity .15s,box-shadow .15s;flex-shrink:0}.sq-btn-blue:hover{opacity:.88;box-shadow:0 5px 18px #2563eb99}.sq-btn-play-again{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 28px;font-size:15px;font-weight:700;border-radius:14px;cursor:pointer;box-shadow:0 3px 12px #764ba273;transition:opacity .15s,box-shadow .15s;flex-shrink:0}.sq-btn-play-again:hover{opacity:.9;box-shadow:0 5px 18px #764ba299}.sq-game{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;background:#0f172a;min-height:0}.sq-game-header{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#00000059;flex-shrink:0}.sq-game-scenario-label{font-size:18px;font-weight:700;color:#fff;flex:1}.sq-game-progress-label{font-size:12px;color:#fff9;font-variant-numeric:tabular-nums}.sq-progress-track{height:4px;background:#ffffff26;flex-shrink:0}.sq-progress-fill{height:100%;background:#3b82f6;transition:width .4s ease}.sq-game-scene{flex:1 1 0;min-height:0;width:100%;position:relative;overflow:hidden}.sq-game-scene .sq-scene-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;max-height:none}.sq-game-scene .sq-scene-wrapper svg{display:block;width:100%;height:100%}.sq-question-counter{text-align:center;font-size:11px;font-weight:600;color:#ffffff8c;padding:3px 0 2px;letter-spacing:.04em;text-transform:uppercase;flex-shrink:0}.sq-setback-toast,.sq-correct-toast,.sq-advance-toast{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:8px 18px;border-radius:20px;font-size:14px;font-weight:700;animation:sq-toast-in .3s ease;white-space:nowrap;z-index:10}@keyframes sq-toast-in{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.sq-setback-toast{background:#ef4444e6;color:#fff}.sq-correct-toast{background:#22c55eeb;color:#fff}.sq-advance-toast{background:#6b7280e0;color:#fff}.sq-bonus-text{font-size:12px;opacity:.9;margin-left:4px}.sq-correct-banner{display:flex;flex-direction:column;gap:6px;padding:10px 16px;border-radius:12px;background:#22c55e33;border:2px solid rgba(34,197,94,.5);color:#d1fae5;font-size:16px;font-weight:700;margin-top:10px;animation:sq-toast-in .3s ease}.sq-correct-banner-top{display:flex;align-items:center;justify-content:center;gap:10px;font-size:17px}.sq-correct-explanation{margin:0;font-size:13px;font-weight:400;color:#a7f3d0;text-align:center;line-height:1.45}.sq-choice-text .katex{font-size:1em}.sq-question-prompt .katex{font-size:1.08em}.sq-max-reached-explanation .katex,.sq-correct-explanation .katex{font-size:1em}.sq-question-card{background:#ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.12);padding:14px 16px 20px;flex:0 0 auto;overflow-y:auto;max-height:52vh}.sq-step-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:8px}.sq-step-indicator{display:flex;gap:5px;flex:1;justify-content:center}.sq-score-badge{font-size:13px;font-weight:700;color:#fbbf24;background:#fbbf241f;border:1px solid rgba(251,191,36,.3);border-radius:20px;padding:3px 10px;white-space:nowrap;flex-shrink:0}.sq-step-dot{width:10px;height:10px;border-radius:50%;background:#fff3;transition:background .3s}.sq-step-dot-complete{background:#22c55e}.sq-question-prompt{font-size:18px;font-weight:600;color:#fff;margin:0 0 12px;line-height:1.45}.sq-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media (max-width: 480px){.sq-choices{grid-template-columns:1fr}}.sq-choice{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#ffffff1a;border:2px solid rgba(255,255,255,.15);border-radius:10px;color:#fff;font-size:17px;font-weight:500;cursor:pointer;text-align:left;transition:background .12s,border-color .12s,transform .1s;line-height:1.35}.sq-choice:hover:not(:disabled){background:#ffffff2e;border-color:#ffffff59;transform:translateY(-1px)}.sq-choice:disabled{cursor:not-allowed;opacity:.7}.sq-choice-label{width:22px;height:22px;border-radius:50%;background:#ffffff26;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0}.sq-choice-text{flex:1}.sq-choice-correct{background:#22c55e40!important;border-color:#22c55e!important}.sq-choice-wrong{background:#ef444440!important;border-color:#ef4444!important}.sq-choice-reveal{background:#22c55e26!important;border-color:#22c55e80!important}.sq-choice-selected{background:#6366f133!important;border-color:#6366f1!important}.sq-multi-hint{margin:0 0 8px;text-align:center;font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#ffffffd9}.sq-btn-submit{background:linear-gradient(135deg,#7c3aed,#a855f7 60%,#6d28d9);color:#fff;border:none;box-shadow:0 3px 12px #8b5cf673;gap:7px}.sq-btn-submit:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 5px 18px #8b5cf699}.sq-btn-submit:disabled{opacity:.45;cursor:not-allowed}.sq-submit-row{display:flex;align-items:stretch;justify-content:center;gap:10px;margin-top:22px;padding:4px 0 8px}.sq-submit-row .sq-multi-submit{margin:0}.sq-multi-submit{display:flex;align-items:center;justify-content:center;gap:6px;margin:14px auto 0;width:fit-content;min-width:160px}.sq-end-quest-btn{white-space:nowrap}.sq-submit-row{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:14px}.sq-submit-row .sq-multi-submit{margin-top:0}.sq-submit-row .sq-btn{padding:14px 28px;font-size:15px;font-weight:600}.sq-submit-icon{font-size:11px;opacity:.9}.sq-seq-container{width:100%}.sq-seq-list{display:flex;flex-direction:column;gap:6px;margin:10px 0}.sq-seq-item{display:flex;align-items:center;gap:10px;background:#ffffff24;border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:10px 12px;font-size:1.05em;color:#fff;transition:background .15s,border-color .15s}.sq-seq-num{min-width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:#6366f159;border-radius:50%;font-size:.78em;font-weight:700;flex-shrink:0}.sq-seq-text{flex:1;line-height:1.35}.sq-seq-arrows{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.sq-seq-arrow{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:4px;width:22px;height:18px;font-size:10px;cursor:pointer;padding:0;line-height:1}.sq-seq-arrow:disabled{opacity:.25;cursor:not-allowed}.sq-seq-arrow:hover:not(:disabled){background:#fff3}.sq-seq-correct{background:#22c55e26!important;border-color:#22c55e80!important}.sq-seq-wrong{background:#ef444426!important;border-color:#ef444480!important}.sq-match-container{width:100%}.sq-match-rows{display:flex;flex-direction:column;gap:8px;margin:10px 0}.sq-match-row{display:flex;align-items:center;gap:10px;background:#ffffff24;border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:8px 12px;transition:border-color .15s}.sq-match-prompt{flex:1;font-size:1.05em;color:#fff;font-weight:600}.sq-match-select{background:#ffffff1f;border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:6px;padding:7px 10px;font-size:1.05em;cursor:pointer;min-width:180px}.sq-match-select option{background:#1e1b4b;color:#fff}.sq-match-select:disabled{opacity:.6;cursor:not-allowed}.sq-match-select-revealed{border-color:#22c55e99!important;background:#22c55e26!important;color:#d1fae5!important;font-weight:600}.sq-match-reveal{font-size:.78em;color:#d1fae5;font-weight:600;margin-left:6px}.sq-match-correct{background:#22c55e1f!important;border-color:#22c55e73!important}.sq-match-wrong{background:#ef44441f!important;border-color:#ef444473!important}.sq-ctm-container{width:100%}.sq-ctm-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}.sq-ctm-col{display:flex;flex-direction:column;gap:6px}.sq-ctm-item{background:#ffffff24;border:1.5px solid rgba(255,255,255,.3);color:#f1f5f9;border-radius:8px;padding:10px 12px;font-size:1.05em;text-align:left;cursor:pointer;transition:background .12s,border-color .12s;display:flex;align-items:center;justify-content:space-between;gap:6px}.sq-ctm-item:disabled{cursor:not-allowed}.sq-ctm-selected{background:#6366f14d!important;border-color:#6366f1!important}.sq-ctm-def-active{border-color:#6366f180!important}.sq-ctm-paired{background:#8b5cf626!important;border-color:#8b5cf666!important}.sq-ctm-dot{font-size:8px;color:#a78bfa}.sq-ctm-correct{background:#22c55e26!important;border-color:#22c55e80!important}.sq-ctm-wrong{background:#ef444426!important;border-color:#ef444480!important}.sq-ctm-reveal-list{display:flex;flex-direction:column;gap:8px;margin:10px 0}.sq-ctm-reveal-row{display:flex;align-items:center;gap:10px;background:#22c55e1f;border:1px solid rgba(34,197,94,.4);border-radius:8px;padding:10px 14px}.sq-ctm-reveal-term{flex:1;font-size:14px;font-weight:600;color:#d1fae5}.sq-ctm-reveal-arrow{color:#fff6;font-size:16px;flex-shrink:0}.sq-ctm-reveal-def{flex:2;font-size:13px;color:#ffffffd9}.sq-attempt-hint{margin:10px 0 0;text-align:center;font-size:14px;color:#ffffffd9;font-weight:500}.sq-max-reached-panel{margin-top:16px;padding:14px 16px;background:#ef44441f;border:1px solid rgba(239,68,68,.35);border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:12px}.sq-max-reached-msg{margin:0;font-size:16px;color:#fff;text-align:center;line-height:1.5;font-weight:600}.sq-max-reached-icon{color:#f87171;font-weight:700;margin-right:6px}.sq-max-reached-explanation{font-size:15px;color:#fffffff2;background:#ffffff1a;border-left:3px solid #60a5fa;border-radius:0 6px 6px 0;padding:8px 12px;margin-top:6px;line-height:1.45}.sq-continue-btn{padding:10px 32px;font-size:14px;width:auto;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:14px;font-weight:600;cursor:pointer;box-shadow:0 3px 12px #6366f173;transition:opacity .15s}.sq-continue-btn:hover{opacity:.88}.sq-overlay[data-sq-theme=light] .sq-settings-card .sq-settings-section-difficulty .sq-settings-label{color:#0f172a!important;opacity:1!important}.sq-overlay[data-sq-theme=light] .sq-settings-card .sq-defaults-diff-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:7px 18px;min-height:58px;border-radius:7px;border:1px solid #475569!important;background:#334155!important;color:#fff!important;box-shadow:none!important}.sq-overlay[data-sq-theme=light] .sq-settings-card .sq-defaults-diff-btn:hover:not(.sq-defaults-diff-btn-active){border-color:#64748b!important;background:#3f4f63!important}.sq-overlay[data-sq-theme=light] .sq-settings-card .sq-defaults-diff-btn-active{border:2px solid #2563eb!important;background:#dbeafe!important;color:#0f172a!important;box-shadow:0 0 0 3px #2563eb3d!important;font-weight:800!important}.sq-overlay[data-sq-theme=light] .sq-settings-card .sq-defaults-diff-emoji{display:none}.sq-overlay[data-sq-theme=light] .sq-settings-card .sq-defaults-diff-label{font-size:.82rem;font-weight:700;color:inherit!important;line-height:1.15}.sq-overlay[data-sq-theme=light] .sq-settings-card .sq-defaults-diff-desc{font-size:.68rem;font-weight:400;color:inherit!important;opacity:.75;white-space:nowrap;line-height:1.2}.sq-overlay[data-sq-theme=light] .sq-settings-card .sq-defaults-diff-btn-active .sq-defaults-diff-label,.sq-overlay[data-sq-theme=light] .sq-settings-card .sq-defaults-diff-btn-active .sq-defaults-diff-desc{color:#0f172a!important;opacity:1!important}.sq-overlay[data-sq-theme=light] .sq-settings-card .sq-settings-section-difficulty .sq-diff-btn{background:#fff!important;border-color:#e5e7eb!important;color:#334155!important;opacity:1!important}.sq-overlay[data-sq-theme=light] .sq-settings-card .sq-settings-section-difficulty .sq-diff-btn .sq-diff-emoji,.sq-overlay[data-sq-theme=light] .sq-settings-card .sq-settings-section-difficulty .sq-diff-btn .sq-diff-label,.sq-overlay[data-sq-theme=light] .sq-settings-card .sq-settings-section-difficulty .sq-diff-btn .sq-diff-desc{color:#334155!important;opacity:1!important}.sq-overlay[data-sq-theme=light] .sq-settings-card .sq-settings-section-difficulty .sq-diff-btn-active{background:#f5f3ff!important;border-color:#8b5cf6!important;box-shadow:0 0 0 2px #8b5cf629!important}.sq-overlay[data-sq-theme=light] .sq-settings-card .sq-settings-section-difficulty .sq-diff-btn-active .sq-diff-emoji,.sq-overlay[data-sq-theme=light] .sq-settings-card .sq-settings-section-difficulty .sq-diff-btn-active .sq-diff-label,.sq-overlay[data-sq-theme=light] .sq-settings-card .sq-settings-section-difficulty .sq-diff-btn-active .sq-diff-desc{color:#7c3aed!important}.sq-overlay[data-sq-theme=light] .sq-settings-card .sq-settings-help-bubble{background:#1f2937!important;color:#fff!important;border-color:#4b5563!important}.sq-results{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;position:relative}.sq-results-scene-wrap{flex:1;min-height:0;overflow:hidden;position:relative}.sq-results-scene-wrap .sq-scene-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;max-height:none}.sq-results-content{padding:16px 24px 24px;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.sq-results-outcome{display:flex;align-items:center;gap:14px;margin-bottom:14px;flex-wrap:wrap}.sq-results-badge{font-size:32px;flex-shrink:0}.sq-results-outcome-text{margin:0;font-size:18px;font-weight:800;color:#fff;line-height:1.3}.sq-results-band-label{margin:2px 0 0;font-size:12px;color:#fff9;width:100%}.sq-results-stats{display:flex;gap:20px;margin-bottom:14px;flex-wrap:wrap}.sq-results-stat{display:flex;flex-direction:column;align-items:center}.sq-results-stat-value{font-size:28px;font-weight:800;color:#fff;line-height:1}.sq-results-stat-label{font-size:11px;color:#ffffff8c;margin-top:2px}.sq-results-stat-score .sq-results-stat-value{color:#fbbf24}.sq-results-xp{display:flex;align-items:center;gap:8px;background:#eab30833;border:1px solid rgba(234,179,8,.4);border-radius:10px;padding:8px 14px;margin-bottom:14px;flex-wrap:wrap}.sq-results-xp-icon{font-size:18px}.sq-results-xp-text{font-size:14px;font-weight:700;color:#fde047}.sq-results-levelup{font-size:13px;color:#fbbf24;font-weight:600}.sq-results-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center}.sq-results-actions-right{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.sq-empty-state{margin:auto;text-align:center;color:#fff;padding:40px}.sq-empty-icon{font-size:48px;margin-bottom:12px}.sq-empty-state h3{font-size:20px;margin:0 0 8px}.sq-empty-state p{font-size:14px;color:#ffffffa6;margin:0 0 20px}.sq-scene-wrapper{display:block;width:100%;height:100%;overflow:hidden}.sq-scene-wrapper svg{display:block;width:100%;height:100%;overflow:hidden}@keyframes sq-pop-in{0%{transform:scale(.15);opacity:0}65%{transform:scale(1.18);opacity:1}to{transform:scale(1);opacity:1}}.sq-pop-in{animation:sq-pop-in .45s cubic-bezier(.34,1.56,.64,1) both;transform-box:fill-box;transform-origin:center bottom}@keyframes sq-grand-opening{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.88}}.sq-grand-opening-pulse{animation:sq-grand-opening 1.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes sq-drop-in{0%{transform:translateY(-22px);opacity:0}55%{transform:translateY(5px);opacity:1}75%{transform:translateY(-3px)}to{transform:translateY(0)}}.sq-drop-in{animation:sq-drop-in .5s cubic-bezier(.34,1.56,.64,1) both;transform-box:fill-box;transform-origin:center center}@keyframes sq-smoke-drift{0%{transform:translateY(0) scale(1);opacity:.85}to{transform:translateY(-28px) scale(1.3);opacity:0}}.sq-smoke{animation:sq-smoke-drift 2.4s ease-out infinite;transform-box:fill-box;transform-origin:center center}.sq-smoke-delay{animation:sq-smoke-drift 2.4s ease-out 1.2s infinite;transform-box:fill-box;transform-origin:center center}@keyframes sq-water-drop{0%{opacity:.9;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}@keyframes sq-twinkle{0%,to{opacity:.2}50%{opacity:.95}}@keyframes sq-flicker{0%,to{transform:scaleY(1) scaleX(1);opacity:.9}30%{transform:scaleY(.88) scaleX(1.1);opacity:.65}65%{transform:scaleY(1.12) scaleX(.92);opacity:1}}.sq-flicker{animation:sq-flicker .5s ease-in-out infinite;transform-box:fill-box;transform-origin:center bottom}.sq-flicker-fast{animation:sq-flicker .35s ease-in-out .12s infinite;transform-box:fill-box;transform-origin:center bottom}@keyframes sq-moon-glow{0%,to{opacity:.72;filter:brightness(.88)}50%{opacity:.96;filter:brightness(1.12)}}.sq-moon-glow{animation:sq-moon-glow 7s ease-in-out infinite;transform-box:fill-box;transform-origin:center center}@keyframes sq-sun-pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.08);opacity:.7}}.sq-sun-pulse{animation:sq-sun-pulse 3s ease-in-out infinite;transform-box:fill-box;transform-origin:center center}@keyframes sq-cloud-cross{0%{transform:translate(-140px)}to{transform:translate(560px)}}.sq-cloud-cross{animation:sq-cloud-cross 14s linear both;transform-box:fill-box;transform-origin:left center}@keyframes sq-rain-drop{0%{transform:translateY(0);opacity:.85}to{transform:translateY(44px);opacity:0}}@keyframes sq-walk{0%{transform:translate(-60px)}to{transform:translate(460px)}}.sq-walker{transform-box:fill-box}.sq-walker-1{animation:sq-walk 7s linear .5s infinite}.sq-walker-2{animation:sq-walk 9s linear 2.5s infinite}.sq-walker-3{animation:sq-walk 11s linear 5s infinite}@keyframes sq-cloud-drift{0%,to{transform:translate(0)}50%{transform:translate(10px)}}.sq-cloud-1{animation:sq-cloud-drift 9s ease-in-out infinite;transform-box:fill-box;transform-origin:center center}.sq-cloud-2{animation:sq-cloud-drift 13s ease-in-out 3s infinite;transform-box:fill-box;transform-origin:center center}@keyframes sq-park-cloud-drift-1{0%,to{transform:translate(0)}50%{transform:translate(200px)}}@keyframes sq-park-cloud-drift-2{0%,to{transform:translate(0)}50%{transform:translate(-170px)}}.sq-park-cloud-1{animation:sq-park-cloud-drift-1 28s ease-in-out 0s infinite;transform-box:fill-box;transform-origin:center center}.sq-park-cloud-2{animation:sq-park-cloud-drift-2 36s ease-in-out 6s infinite;transform-box:fill-box;transform-origin:center center}@keyframes sq-liftoff{0%{transform:translateY(0);opacity:1}20%{transform:translateY(8px);opacity:1}to{transform:translateY(-340px);opacity:0}}.sq-liftoff{animation:sq-liftoff 1.8s cubic-bezier(.3,0,.6,1) .3s 1 forwards;transform-box:fill-box;transform-origin:center bottom}@keyframes sq-exhaust-ring{0%{transform:scaleX(.5) scaleY(.5);opacity:.85}to{transform:scaleX(2.5) scaleY(1.8);opacity:0}}.sq-exhaust-ring{animation:sq-exhaust-ring .6s ease-out infinite;transform-box:fill-box;transform-origin:center center}.sq-exhaust-ring-delay{animation:sq-exhaust-ring .6s ease-out .3s infinite;transform-box:fill-box;transform-origin:center center}@keyframes sq-exhaust-smoke{0%{transform:translateY(0) scaleX(1);opacity:.7}to{transform:translateY(60px) scaleX(2.2);opacity:0}}.sq-exhaust-smoke{animation:sq-exhaust-smoke 1.1s ease-out .35s infinite;transform-box:fill-box;transform-origin:center top}@keyframes sq-shelter-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.sq-shelter-bob-0{animation:sq-shelter-bob 2.8s ease-in-out 0s infinite;transform-box:fill-box;transform-origin:center bottom}.sq-shelter-bob-1{animation:sq-shelter-bob 3.1s ease-in-out .7s infinite;transform-box:fill-box;transform-origin:center bottom}.sq-shelter-bob-2{animation:sq-shelter-bob 2.5s ease-in-out 1.3s infinite;transform-box:fill-box;transform-origin:center bottom}.sq-briefing-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#050810eb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:16px;animation:sq-briefing-fade-in .28s ease-out}@keyframes sq-briefing-fade-in{0%{opacity:0}to{opacity:1}}.sq-briefing-card{position:relative;width:100%;max-width:720px;background:linear-gradient(160deg,#0b1326,#131c33 60%,#1a2440);border:1px solid rgba(120,140,200,.25);border-radius:16px;box-shadow:0 24px 64px #0000008c;overflow:hidden;color:#e9eefc;animation:sq-briefing-slide-up .32s cubic-bezier(.2,.7,.2,1)}@keyframes sq-briefing-slide-up{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.sq-briefing-close{position:absolute;top:10px;left:10px;z-index:2;background:#00000059;color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:6px 12px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .12s ease}.sq-briefing-close:hover{background:#0000008c}.sq-briefing-preview{width:100%;aspect-ratio:16 / 9;background:#060a14;border-bottom:1px solid rgba(120,140,200,.2);overflow:hidden}.sq-briefing-preview>*{width:100%!important;height:100%!important}.sq-briefing-body{padding:18px 22px 22px}.sq-briefing-eyebrow{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:#8fb1ff;font-weight:700;margin-bottom:4px}.sq-briefing-title{font-size:1.6rem;font-weight:700;margin:0 0 8px;line-height:1.2}.sq-briefing-premise{font-size:.98rem;line-height:1.5;color:#c8d3ec;margin:0 0 16px}.sq-briefing-summary{list-style:none;padding:0;margin:0 0 16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px 16px}.sq-briefing-summary li{display:flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:8px 10px;font-size:.92rem;color:#e5ecfd}.sq-briefing-summary-icon{font-size:1.05rem;line-height:1}.sq-briefing-locked-note{background:#8fb1ff1f;border:1px solid rgba(143,177,255,.32);color:#c9d8ff;border-radius:8px;padding:8px 12px;font-size:.9rem;margin-bottom:14px;text-align:center}.sq-briefing-start{display:block;width:100%;padding:12px 16px;border:none;border-radius:10px;background:linear-gradient(180deg,#7e6cff,#5e49e6);color:#fff;font-size:1.05rem;font-weight:700;cursor:pointer;box-shadow:0 6px 16px #5e49e673;transition:transform 90ms ease,box-shadow .12s ease}.sq-briefing-start:hover{transform:translateY(-1px);box-shadow:0 8px 22px #5e49e68c}.sq-briefing-start:active{transform:translateY(0)}.sq-briefing-return{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:10px;padding:10px 16px;font-size:.95rem;border-radius:14px}.xp-burst-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#0000008c;opacity:0;transition:opacity .35s ease;pointer-events:none}.xp-burst--visible{opacity:1;pointer-events:auto}.xp-burst--exit{opacity:0;pointer-events:none}.xp-burst-card{background:var(--surface-color);border-radius:16px;padding:36px 42px;text-align:center;box-shadow:0 12px 48px #00000059;transform:scale(.7);transition:transform .4s cubic-bezier(.34,1.56,.64,1);max-width:380px;width:90vw}.xp-burst--visible .xp-burst-card{transform:scale(1)}.xp-burst--exit .xp-burst-card{transform:scale(.85)}.xp-burst__total{font-size:36px;font-weight:800;color:var(--primary-color);margin-bottom:10px;animation:xp-pop .5s ease .2s both}@keyframes xp-pop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.xp-burst__reason{font-size:15px;font-weight:600;color:var(--text-secondary);margin-bottom:14px}.xp-burst__levelup{font-size:17px;font-weight:700;color:#f59e0b;margin-bottom:12px;animation:xp-pop .5s ease .45s both}.xp-burst__badges{margin-bottom:14px}.xp-burst__badge-item{font-size:14px;font-weight:600;color:var(--primary-color);margin-bottom:4px;animation:xp-pop .4s ease .6s both}.xp-burst__continue{margin-top:10px;padding:10px 28px;font-size:15px;font-weight:700;color:var(--text-inverse);background:var(--brand-gradient);border:none;border-radius:24px;cursor:pointer;transition:transform .12s,box-shadow .15s}.xp-burst__continue:hover{transform:scale(1.04);box-shadow:0 4px 16px #667eea66}[data-theme=dark] .xp-burst-card{box-shadow:0 12px 48px #0009}.ip-player{background-color:var(--secondary-bg, #f4f6fc);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;padding:1.5rem;margin-bottom:.5rem;box-shadow:0 4px 6px #0000000d}.ip-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.ip-header-icon{color:var(--brand-primary, #818cf8);font-size:1.5rem;flex-shrink:0}.ip-header-text{display:flex;flex-direction:column;gap:0}.ip-header-text h3{margin:0;color:var(--text-color, #1e293b);font-size:1.25rem;font-weight:600;line-height:1.2}.ip-header-subtitle{margin:0;color:var(--text-muted, #64748b);font-size:.85rem}.ip-badge-interactive{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.7rem;padding:.15rem .55rem;border-radius:999px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.ip-type-badge{background-color:var(--primary-color, #4361ee);color:#fff;font-size:.75rem;padding:.15rem .6rem;border-radius:999px;font-weight:500}.ip-desc{color:var(--text-muted, #64748b);margin:0 0 .75rem;font-size:.95rem}.ip-section-title{margin:0 0 10px;font-size:.9rem;font-weight:700;color:var(--text-secondary, #374151);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:7px}.ip-section-title i{color:var(--brand-primary, #667eea)}.ip-section-divider{border:none;border-top:1px solid var(--border-color, #e5e7eb);margin:14px 0}.ip-mode-toggle{display:flex;gap:0;margin-bottom:1rem;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;overflow:hidden;width:fit-content}.ip-mode-btn{background:transparent;border:none;padding:.4rem 1rem;font-size:.85rem;font-weight:500;color:var(--text-muted, #64748b);cursor:pointer;display:flex;align-items:center;gap:.35rem;transition:background .15s,color .15s}.ip-mode-btn:hover{background:var(--hover-bg, #f1f5f9);color:var(--text-color, #1e293b)}.ip-mode-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700;box-shadow:inset 0 0 0 1.5px #ffffff26}.ip-mode-btn.active.ip-mode-interactive{background:linear-gradient(135deg,#667eea,#764ba2)}.ip-mode-btn+.ip-mode-btn{border-left:1px solid var(--border-color, #e2e8f0)}.ip-speaker-indicator{display:flex;align-items:center;gap:.4rem;margin-bottom:.5rem;font-size:.82rem;color:var(--text-secondary, #64748b)}.ip-speaker-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted, #94a3b8);transition:background .2s}.ip-speaker-dot.active{background:var(--brand-primary, #818cf8);box-shadow:0 0 6px #818cf880}.ip-speaker-name{font-weight:500}.ip-audio-wrapper{position:relative}.ip-audio-wrapper.ip-audio-disabled{pointer-events:none;opacity:.5}.ip-audio-player{width:100%;border-radius:8px;outline:none;margin-bottom:.75rem}.ip-audio-player::-webkit-media-controls-overflow-button{display:none}.ip-avatar-row{display:flex;align-items:center;justify-content:center;gap:2.5rem;padding:.75rem 0 1rem;min-height:40px;position:relative}.ip-avatar{display:flex;flex-direction:column;align-items:center;gap:.4rem;transition:transform .2s ease,opacity .2s ease,filter .2s ease}.ip-avatar--inactive{opacity:.55;filter:grayscale(30%);transform:scale(1)}.ip-avatar--hidden{display:none}.ip-avatar--active{-webkit-animation:ip-avatar-spring-pop .35s cubic-bezier(.34,1.56,.64,1) forwards;animation:ip-avatar-spring-pop .35s cubic-bezier(.34,1.56,.64,1) forwards}@-webkit-keyframes ip-avatar-spring-pop{0%{-webkit-transform:scale(1);transform:scale(1)}60%{-webkit-transform:scale(1.18);transform:scale(1.18)}to{-webkit-transform:scale(1.12);transform:scale(1.12)}}@keyframes ip-avatar-spring-pop{0%{transform:scale(1)}60%{transform:scale(1.18)}to{transform:scale(1.12)}}.ip-avatar-icon{width:104px;height:104px;border-radius:50%;background:var(--secondary-bg, #f4f6fc);border:3px solid var(--border-color, #e2e8f0);display:flex;align-items:center;justify-content:center;transition:border-color .2s ease,box-shadow .2s ease;overflow:hidden;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.ip-avatar--active .ip-avatar-icon{border-color:var(--brand-primary, #667eea);box-shadow:0 0 0 4px #667eea66,0 0 18px 6px #667eea4d,0 0 34px 12px #667eea26;-webkit-animation:ip-aura-bloom 2s ease-in-out infinite;animation:ip-aura-bloom 2s ease-in-out infinite}@-webkit-keyframes ip-aura-bloom{0%,to{box-shadow:0 0 0 4px #667eea66,0 0 18px 6px #667eea4d,0 0 34px 12px #667eea26}50%{box-shadow:0 0 0 4px #667eea8c,0 0 26px 10px #667eea73,0 0 48px 18px #667eea40}}@keyframes ip-aura-bloom{0%,to{box-shadow:0 0 0 4px #667eea66,0 0 18px 6px #667eea4d,0 0 34px 12px #667eea26}50%{box-shadow:0 0 0 4px #667eea8c,0 0 26px 10px #667eea73,0 0 48px 18px #667eea40}}.ip-avatar-photo{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:50%;z-index:1}.ip-avatar-label{font-size:.75rem;color:var(--text-muted, #64748b);font-weight:500;transition:color .2s ease}.ip-avatar-toggle{position:absolute;right:0;top:0;bottom:0;margin:auto;width:32px;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;padding:0;font-size:.8rem;color:#fff;cursor:pointer;transition:filter .15s,transform .15s;outline:none;box-sizing:border-box}.ip-avatar-toggle:hover,.ip-avatar-toggle:focus{filter:brightness(1.15);transform:scale(1.08);color:#fff}.ip-cc-toggle{position:absolute;right:0;top:50%;margin-top:18px;width:32px;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;padding:0;font-size:.85rem;color:#fff;cursor:pointer;transition:filter .15s,transform .15s,opacity .15s;outline:none;box-sizing:border-box}.ip-cc-toggle:hover,.ip-cc-toggle:focus{filter:brightness(1.15);transform:scale(1.08);opacity:1;color:#fff}.ip-cc-toggle-off{position:absolute;font-size:1.4rem;font-weight:700;color:#fff;line-height:1;pointer-events:none;text-shadow:0 0 2px rgba(0,0,0,.4)}body[data-theme=dark] .ip-cc-toggle{background:linear-gradient(135deg,#818cf8,#a78bfa)}body[data-theme=dark] .ip-cc-toggle:hover,body[data-theme=dark] .ip-cc-toggle:focus{filter:brightness(1.2)}.ip-caption-panel{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem;min-height:3.5rem;max-height:8rem;overflow-y:auto;padding:.65rem .85rem;margin:0 0 .65rem;border-radius:10px;background:var(--secondary-bg, #f4f6fc);border-left:4px solid var(--brand-primary, #667eea);color:var(--text-primary, #1f2937);font-size:.95rem;line-height:1.45;scrollbar-width:thin}.ip-caption-panel--cohost{border-left-color:#f59e0b}.ip-caption-speaker{font-weight:700;color:var(--brand-primary, #667eea);flex-shrink:0}.ip-caption-panel--cohost .ip-caption-speaker{color:#d97706}.ip-caption-text{flex:1 1 auto;word-wrap:break-word;overflow-wrap:anywhere}.ip-caption-text--placeholder{color:var(--text-muted, #94a3b8);font-style:italic}body[data-theme=dark] .ip-caption-panel{background:var(--surface-color, #161b22);color:var(--text-primary, #e6edf3);border-left-color:var(--brand-primary, #818cf8)}body[data-theme=dark] .ip-caption-panel--cohost{border-left-color:#fbbf24}body[data-theme=dark] .ip-caption-speaker{color:var(--brand-primary, #818cf8)}body[data-theme=dark] .ip-caption-panel--cohost .ip-caption-speaker{color:#fbbf24}.ip-avatar-icon .ip-waveform-bar{display:none}.ip-avatar--active .ip-avatar-icon .ip-waveform-bar{display:block;position:absolute;bottom:12px;width:4px;border-radius:2px;background:#fff;box-shadow:0 0 4px #fffc;-webkit-animation:ip-waveform-bar .6s ease-in-out infinite;animation:ip-waveform-bar .6s ease-in-out infinite;pointer-events:none;z-index:2;-webkit-transform:translateZ(0);transform:translateZ(0)}.ip-avatar--active .ip-avatar-icon .ip-waveform-bar:nth-of-type(1){left:calc(50% - 9px);-webkit-animation-delay:0s;animation-delay:0s}.ip-avatar--active .ip-avatar-icon .ip-waveform-bar:nth-of-type(2){left:calc(50% - 3px);-webkit-animation-delay:.15s;animation-delay:.15s}.ip-avatar--active .ip-avatar-icon .ip-waveform-bar:nth-of-type(3){left:calc(50% + 3px);-webkit-animation-delay:.3s;animation-delay:.3s}.ip-avatar--active .ip-avatar-icon .ip-waveform-bar:nth-of-type(4){left:calc(50% + 9px);-webkit-animation-delay:.45s;animation-delay:.45s}@-webkit-keyframes ip-waveform-bar{0%,to{height:4px;opacity:.7}50%{height:20px;opacity:1}}@keyframes ip-waveform-bar{0%,to{height:4px;opacity:.7}50%{height:20px;opacity:1}}@media (prefers-reduced-motion: reduce){.ip-avatar--active{animation:none;transform:scale(1.12)}.ip-avatar--active .ip-avatar-icon{-webkit-animation:none;animation:none}.ip-avatar--active .ip-avatar-icon .ip-waveform-bar{animation:none;height:8px;opacity:.8}.ip-avatar{transition:none}}.ip-track-info{display:flex;align-items:center;gap:7px;font-size:.875rem;font-weight:600;color:var(--text-primary, #111827);margin-bottom:10px}.ip-track-info>i{color:var(--brand-primary, #667eea)}.ip-track-selector{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.ip-track-btn{padding:5px 14px;border-radius:20px;border:1px solid var(--border-color-medium, #d1d5db);background:var(--surface-alt, #f9fafb);color:var(--text-color, #1f2937);font-size:.82rem;font-weight:500;cursor:pointer;font-family:inherit;transition:all .15s}.ip-track-btn:hover{border-color:var(--brand-primary, #667eea);color:var(--brand-primary, #667eea)}.ip-track-btn.active{background:var(--brand-primary, #667eea);border-color:var(--brand-primary, #667eea);color:#fff}.ip-player .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ip-speed-transcript-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:6px 0}.ip-transcript-btn-group{display:flex;align-items:center;gap:6px;margin-left:auto;flex-wrap:wrap}.ip-speed-transcript-row .ip-speed-stepper{margin:0;flex-shrink:0}.ip-speed-stepper{display:flex;align-items:center;gap:8px;margin:10px 0 6px}.ip-speed-stepper-label{font-size:.82rem;font-weight:600;color:var(--text-color, #1e293b);text-transform:uppercase;letter-spacing:.03em}.ip-speed-stepper-controls{display:inline-flex;align-items:center;border:1px solid var(--border-color, #d1d5db);border-radius:8px;overflow:hidden}.ip-speed-stepper-btn{width:32px;height:32px;border:none;background:var(--surface-alt, #f3f4f6);color:var(--text-color, #1e293b);font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;font-family:inherit}.ip-speed-stepper-btn:hover:not(:disabled){background:var(--surface-hover, #e5e7eb)}.ip-speed-stepper-btn:disabled{opacity:.35;cursor:default}.ip-speed-stepper-display{min-width:48px;height:32px;border:none;border-left:1px solid var(--border-color, #d1d5db);border-right:1px solid var(--border-color, #d1d5db);background:var(--surface-color, #fff);color:var(--text-color, #1e293b);font-size:.85rem;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s}.ip-speed-stepper-display:hover{background:var(--surface-hover, #f3f4f6)}.ip-interrupt-standalone{margin-top:.75rem;border-top:1px solid var(--border-color, #cbd5e1);padding-top:.75rem}.ip-interrupt-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;min-height:36px}.ip-interrupt-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.ip-vad-toggle{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.82rem;font-weight:500;border-radius:8px;border:1px solid var(--border-color, #cbd5e1);background:var(--secondary-bg, #f1f5f9);color:var(--text-color, #334155);cursor:pointer;transition:all .2s}.ip-vad-toggle:hover{border-color:var(--brand-primary, #818cf8);color:var(--brand-primary, #818cf8)}.ip-vad-toggle.active{background:#818cf81f;border-color:var(--brand-primary, #818cf8);color:var(--brand-primary, #818cf8)}.ip-vad-toggle.active i{animation:ip-pulse 1.5s ease-in-out infinite}.ip-mic-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.45rem .9rem;min-width:172px;min-height:36px;font-size:.85rem;font-weight:600;border:2px solid var(--brand-primary, #667eea);border-radius:999px;background:var(--button-accent-gradient, linear-gradient(135deg, #667eea, #764ba2));color:#fff;cursor:pointer;transition:all .2s}.ip-mic-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.ip-mic-btn:disabled{opacity:.35;cursor:not-allowed}.ip-mic-btn.active{background:var(--button-accent-gradient, linear-gradient(135deg, #667eea, #764ba2));animation:ip-pulse 1s ease-in-out infinite}.ip-mic-btn--recording{background:linear-gradient(135deg,#e53e3e,#c0392b)!important;animation:ip-pulse-red 1s ease-in-out infinite}@keyframes ip-pulse-red{0%,to{box-shadow:0 0 #e53e3e80}50%{box-shadow:0 0 0 7px #e53e3e00}}.ip-mic-btn--pulse{animation:ip-pulse-brand 1.8s ease-in-out infinite}@keyframes ip-pulse-brand{0%,to{box-shadow:0 0 #667eea99}50%{box-shadow:0 0 0 8px #667eea00}}.ip-cancel-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .65rem;font-size:.8rem;font-weight:600;border-radius:6px;border:none;background:var(--button-reset-bg, #b95700);color:var(--button-reset-text, #ffffff);cursor:pointer;transition:all .15s}.ip-cancel-btn:hover{background:var(--button-reset-hover-bg, #d46c0b);color:#fff}.ip-type-btn{padding:.35rem .65rem;border-radius:999px;border:none;background:var(--button-accent-gradient, linear-gradient(135deg, #667eea, #764ba2));color:#fff;font-size:.82rem;font-weight:600;cursor:pointer;transition:opacity .2s}.ip-type-btn i{margin-right:.3rem}.ip-type-btn:hover:not(:disabled){opacity:.85}.ip-type-btn.active{background:var(--button-accent-gradient, linear-gradient(135deg, #667eea, #764ba2));filter:brightness(.9);color:#fff}.ip-type-btn:disabled{opacity:.5;cursor:not-allowed}.ip-text-question-form{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;margin-bottom:1.25rem}.ip-text-question-input{flex:1;padding:10px;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;font-size:.9rem;color:var(--text-color, #1e293b);background:var(--surface-color, #ffffff);outline:none;transition:border-color .2s;resize:none;line-height:1.45;font-family:inherit;height:56px;min-height:56px;max-height:56px;overflow-y:hidden}.ip-text-question-input:focus{border-color:var(--brand-primary, #818cf8);box-shadow:0 0 0 2px #818cf826}.ip-text-question-input::placeholder{color:var(--text-muted, #94a3b8)}.ip-text-question-submit{padding:8px 20px;border:none;border-radius:8px;background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;align-self:center;display:inline-flex;align-items:center;gap:.4rem;min-height:36px}.ip-text-question-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.ip-text-question-submit:disabled{opacity:.5;cursor:not-allowed}.ip-text-question-form .ip-text-question-submit{align-self:center}.ip-status-bar{margin-top:.25rem;padding:.65rem .85rem;background:color-mix(in srgb,var(--brand-primary, #667eea) 8%,transparent);border:1px solid color-mix(in srgb,var(--brand-primary, #667eea) 24%,transparent);border-radius:10px}.ip-status-text{font-size:.85rem;font-weight:600;color:var(--brand-primary, #667eea)}.ip-progress-bar{margin-top:.5rem;height:6px;background:#818cf826;border-radius:3px;overflow:hidden}.ip-progress-fill{height:100%;background:linear-gradient(90deg,#818cf8,#6366f1,#818cf8);background-size:200% 100%;border-radius:3px;transition:width .4s ease;animation:ip-progress-shimmer 1.5s ease-in-out infinite}@keyframes ip-progress-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ip-answer-bubble{margin-top:.5rem;padding:.6rem .8rem;background:var(--surface-color, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;font-size:.9rem;color:var(--text-color, #1e293b);line-height:1.5;text-align:left}.ip-answer-bubble p{margin:0}.ip-question-text{margin-bottom:.4rem!important;color:var(--text-secondary, #64748b);font-size:.85rem;font-style:italic}.ip-answer-pause-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .85rem;font-size:.82rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#818cf8,#6366f1);border:none;border-radius:6px;cursor:pointer;transition:opacity .15s,box-shadow .15s;box-shadow:0 1px 3px #6366f140}.ip-answer-pause-btn:hover{opacity:.85}.ip-answer-controls{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.ip-cancel-btn--inline{padding:.35rem .85rem;font-size:.82rem;font-weight:600;background:var(--button-reset-bg, #b95700);color:var(--button-reset-text, #ffffff);border:none}.ip-cancel-btn--inline:hover{background:var(--button-reset-hover-bg, #d46c0b);color:#fff}.ip-error-bar{margin-top:.5rem;padding:8px 12px;background:color-mix(in srgb,#f59e0b 15%,var(--surface-color, #ffffff));border:1px solid #f59e0b;border-radius:8px;font-size:.85rem;color:var(--text-color, #1e293b);line-height:1.45}.ip-error-bar i{margin-right:.3rem}.ip-transcript-actions{display:flex;align-items:center;gap:6px;margin-top:1.5rem;flex-wrap:wrap;justify-content:flex-end}.ip-transcript-btn{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(135deg,#667eea,#9b59b6);border:none;border-radius:5px;padding:4px 10px;font-size:.72rem;color:#fff;cursor:pointer;font-weight:600;font-family:inherit;transition:filter .15s,box-shadow .15s;box-shadow:0 1px 3px #667eea4d}.ip-transcript-btn:hover{filter:brightness(1.12);box-shadow:0 2px 6px #667eea73}.ip-transcript{margin-top:.75rem;max-height:280px;overflow-y:auto;background:var(--surface-color, #fff);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;padding:1rem;text-align:left}.ip-transcript-text{white-space:pre-wrap;word-break:break-word;font-family:inherit;font-size:.9rem;color:var(--text-color, #1e293b);margin:0;text-align:left}.ip-transcript-loading,.ip-transcript-unavailable{color:var(--text-muted, #64748b);font-style:italic;font-size:.9rem;text-align:center;margin:0}.ip-unavailable{background-color:#f1f5f9;padding:1rem;border-radius:8px;text-align:center;color:#64748b;font-style:italic}@keyframes ip-pulse{0%,to{opacity:1}50%{opacity:.6}}body[data-theme=dark] .ip-player{background-color:var(--surface-color, #161b22);border-color:var(--border-color, #30363d);box-shadow:0 4px 12px #0000004d}body[data-theme=dark] .ip-header-text h3{color:var(--text-primary, #e6edf3)}body[data-theme=dark] .ip-header-subtitle{color:var(--text-muted, #8b949e)}body[data-theme=dark] .ip-track-info{color:var(--text-primary, #e6edf3)}body[data-theme=dark] .ip-desc{color:var(--text-muted, #8b949e)}body[data-theme=dark] .ip-track-info{color:var(--text-primary, #e5e7eb)}body[data-theme=dark] .ip-track-btn{background:var(--surface-alt, #21262d);border-color:var(--border-color, #374151);color:var(--text-color, #c9d1d9)}body[data-theme=dark] .ip-track-btn:hover{border-color:var(--brand-primary, #818cf8);color:var(--brand-primary, #818cf8)}body[data-theme=dark] .ip-track-btn.active{background:var(--brand-primary, #667eea);border-color:var(--brand-primary, #667eea);color:#fff}body[data-theme=dark] .ip-mode-toggle{border-color:var(--border-color, #30363d)}body[data-theme=dark] .ip-mode-btn{color:#c9d1d9;background:#21262d}body[data-theme=dark] .ip-mode-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}body[data-theme=dark] .ip-mode-btn:hover{background:#30363d;color:#fff}body[data-theme=dark] .ip-mode-btn+.ip-mode-btn{border-color:var(--border-color, #30363d)}body[data-theme=dark] .ip-speed-stepper-label{color:var(--text-primary, #e6edf3)}body[data-theme=dark] .ip-speed-stepper-controls{border-color:var(--border-color, #30363d)}body[data-theme=dark] .ip-speed-stepper-btn{background:var(--surface-alt, #21262d);color:var(--text-color, #c9d1d9)}body[data-theme=dark] .ip-speed-stepper-btn:hover:not(:disabled){background:var(--surface-hover, #30363d)}body[data-theme=dark] .ip-speed-stepper-display{background:var(--surface-color, #161b22);color:var(--text-primary, #e6edf3);border-color:var(--border-color, #30363d)}body[data-theme=dark] .ip-speed-stepper-display:hover{background:var(--surface-alt, #21262d)}body[data-theme=dark] .ip-avatar-icon{background:var(--surface-color, #161b22);border-color:var(--border-color, #30363d)}body[data-theme=dark] .ip-avatar--active .ip-avatar-icon{border-color:var(--brand-primary, #818cf8);box-shadow:0 0 0 4px #818cf840}body[data-theme=dark] .ip-avatar--active .ip-avatar-label{color:var(--brand-primary, #818cf8)}body[data-theme=dark] .ip-avatar-label{color:var(--text-muted, #8b949e)}body[data-theme=dark] .ip-avatar-toggle{background:linear-gradient(135deg,#818cf8,#a78bfa);border:none;color:#fff}body[data-theme=dark] .ip-avatar-toggle:hover,body[data-theme=dark] .ip-avatar-toggle:focus{filter:brightness(1.2);transform:scale(1.08);color:#fff}body[data-theme=dark] .ip-avatar--active .ip-avatar-icon .ip-waveform-bar{background:var(--brand-primary, #818cf8)}body[data-theme=dark] .ip-vad-toggle{background:var(--surface-alt, #21262d);border-color:var(--border-color, #30363d);color:var(--text-color, #c9d1d9)}body[data-theme=dark] .ip-vad-toggle:hover,body[data-theme=dark] .ip-vad-toggle.active{background:#818cf826;border-color:var(--brand-primary, #818cf8);color:var(--brand-primary, #818cf8)}body[data-theme=dark] .ip-cancel-btn{background:var(--button-reset-bg, #b95700);color:var(--button-reset-text, #ffffff)}body[data-theme=dark] .ip-cancel-btn:hover{background:var(--button-reset-hover-bg, #d46c0b);color:#fff}body[data-theme=dark] .ip-type-btn{background:var(--button-accent-gradient, linear-gradient(135deg, #667eea, #764ba2));color:#fff}body[data-theme=dark] .ip-type-btn:hover:not(:disabled){opacity:.85}body[data-theme=dark] .ip-text-question-input{background:var(--surface-alt, #21262d);border-color:var(--border-color, #30363d);color:var(--text-color, #c9d1d9)}body[data-theme=dark] .ip-text-question-input:focus{border-color:var(--brand-primary, #818cf8)}body[data-theme=dark] .ip-status-bar{background:color-mix(in srgb,var(--brand-primary, #818cf8) 10%,transparent);border-color:color-mix(in srgb,var(--brand-primary, #818cf8) 25%,transparent)}body[data-theme=dark] .ip-progress-bar{background:#818cf833}body[data-theme=dark] .ip-answer-bubble{background:var(--surface-alt, #21262d);border-color:var(--border-color, #30363d);color:var(--text-color, #c9d1d9)}body[data-theme=dark] .ip-question-text{color:var(--text-secondary, #94a3b8)}body[data-theme=dark] .ip-transcript{background:var(--surface-alt, #21262d);border-color:var(--border-color, #30363d)}body[data-theme=dark] .ip-transcript-text{color:var(--text-color, #c9d1d9)}body[data-theme=dark] .ip-transcript-btn{background:linear-gradient(135deg,#667eea,#9b59b6);color:#fff;box-shadow:0 1px 3px #667eea66}body[data-theme=dark] .ip-transcript-btn:hover{filter:brightness(1.15);box-shadow:0 2px 6px #667eea8c}body[data-theme=dark] .ip-mic-unsupported{background:var(--surface-alt, #21262d);border-color:var(--border-color, #30363d);color:var(--text-muted, #8b949e)}body[data-theme=dark] .ip-error-bar{background:color-mix(in srgb,#f59e0b 15%,var(--surface-color, #161b22));border-color:#f59e0b;color:var(--text-primary, #e6edf3)}.ip-sources-accordion{margin-top:8px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;overflow:hidden}.ip-sources-accordion__toggle{display:flex;align-items:center;gap:6px;width:100%;padding:8px 12px;background:var(--surface-inset, #f9fafb);border:none;color:var(--text-secondary, #374151);font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;text-align:left;transition:background .15s}.ip-sources-accordion__toggle:hover{background:var(--surface-hover, #f3f4f6);color:var(--text-primary, #111827)}.ip-sources-accordion__list{list-style:none;margin:0;padding:8px 12px 10px;display:flex;flex-direction:column;gap:4px;background:var(--surface-color, #fff)}.ip-sources-accordion__item{display:flex;align-items:baseline;gap:6px;font-size:.82rem;line-height:1.4}.ip-sources-accordion__item a{color:var(--brand-primary, #667eea);text-decoration:none;word-break:break-all}.ip-sources-accordion__item a:hover{text-decoration:underline}.ip-sources-accordion__domain{flex-shrink:0;font-size:.72rem;color:var(--text-muted, #6b7280)}body[data-theme=dark] .ip-sources-accordion{border-color:#ffffff1f}body[data-theme=dark] .ip-sources-accordion__toggle{background:#ffffff0f;color:#ffffffbf}body[data-theme=dark] .ip-sources-accordion__list{background:transparent}body[data-theme=dark] .ip-sources-accordion__item a{color:#7fc3ff}body[data-theme=dark] .ip-sources-accordion__domain{color:#fff6}.ip-autoplay-banner{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 20px;margin-bottom:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1rem;font-weight:700;border:none;border-radius:10px;cursor:pointer;animation:ip-autoplay-pulse 2.2s ease-in-out infinite;box-shadow:0 4px 14px #667eea73}.ip-autoplay-banner:hover{filter:brightness(1.1);transform:translateY(-1px)}.ip-autoplay-banner i{font-size:1.25rem}@keyframes ip-autoplay-pulse{0%,to{box-shadow:0 4px 14px #667eea73}50%{box-shadow:0 4px 24px #667eeabf}}.isp-root{display:flex;flex-direction:column;gap:12px}.isp-tabs{display:flex;gap:4px;flex-wrap:wrap}.isp-tab{position:relative;padding:5px 12px;border:1.5px solid #d1d5db;border-radius:20px;background:transparent;color:var(--text-secondary, #6b7280);font-size:.75rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.isp-tab:hover{background:var(--surface-hover, #f3f4f6);border-color:var(--border-color-medium, #9ca3af);color:var(--text-primary, #111827)}.isp-tab--active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:transparent}.isp-tab--active:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border-color:transparent}.isp-tab[data-tooltip]:not([data-tooltip=""]):after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%);background:#1e293b;color:#fff;font-size:.7rem;font-weight:400;line-height:1.45;padding:6px 10px;border-radius:7px;white-space:normal;max-width:230px;text-align:center;pointer-events:none;opacity:0;transition:opacity .15s .4s;z-index:200;box-shadow:0 2px 10px #00000038}.isp-tab[data-tooltip]:not([data-tooltip=""]):hover:after{opacity:1}.isp-search-row{display:flex;gap:8px;align-items:center}.isp-search-input{flex:1;padding:7px 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:.875rem;background:#f8fafc;color:#1e293b;outline:none;transition:border-color .15s}.isp-search-input:focus{border-color:#6366f1;background:#fff}.isp-search-btn{padding:7px 14px;border:none;border-radius:8px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity .15s}.isp-search-btn:hover:not(:disabled){opacity:.88}.isp-search-btn:disabled{opacity:.5;cursor:not-allowed}.isp-status{font-size:.8rem;color:#64748b;text-align:center;padding:8px 0}.isp-error{font-size:.8rem;color:#dc2626;text-align:center;padding:8px 0}.isp-warning-blocked{font-size:.85rem;color:#92400e;background-color:#fef3c7;border:1px solid #f59e0b;border-radius:6px;text-align:center;padding:8px 12px;margin:4px 0}.isp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.isp-thumb{position:relative;aspect-ratio:1.33;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .15s,transform .1s}.isp-thumb:hover .isp-thumb img,.isp-thumb:hover>img{transform:scale(1.03)}.isp-thumb--selected{border-color:#6366f1;box-shadow:0 0 0 3px #6366f140}.isp-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .1s}.isp-thumb-check{position:absolute;top:4px;right:4px;background:#6366f1;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.isp-thumb-title{position:absolute;bottom:0;left:0;right:0;background:#0000008c;color:#fff;font-size:.65rem;padding:3px 5px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.isp-pagination{display:flex;justify-content:center;gap:8px;align-items:center}.isp-loading-bar{display:flex;align-items:center;gap:8px;padding:6px 10px;margin-bottom:4px;background:var(--surface-alt, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;font-size:.78rem;color:var(--text-secondary, #374151)}.isp-loading-spinner{display:inline-block;width:12px;height:12px;border:2px solid var(--border-color, #e5e7eb);border-top-color:var(--brand-primary, #667eea);border-radius:50%;animation:isp-spin .7s linear infinite;flex-shrink:0}@keyframes isp-spin{to{transform:rotate(360deg)}}.isp-broken-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 10px;margin-bottom:4px;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;font-size:.78rem;color:#92400e}.isp-load-more-btn{flex-shrink:0;padding:4px 14px;border:none;border-radius:14px;background:linear-gradient(135deg,#f97316,#fb923c);color:#fff;font-size:.78rem;font-weight:600;cursor:pointer;transition:opacity .15s}.isp-load-more-btn:hover:not(:disabled){opacity:.85}.isp-load-more-btn:disabled{opacity:.4;cursor:not-allowed}.isp-page-btn{padding:6px 16px;border:none;border-radius:20px;font-size:.8rem;font-weight:600;cursor:pointer;transition:opacity .15s,transform .1s;color:#fff;letter-spacing:.02em}.isp-page-btn--prev{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.isp-page-btn--next{background:linear-gradient(135deg,#3b82f6,#6366f1)}.isp-page-btn:hover:not(:disabled){opacity:.85;transform:translateY(-1px)}.isp-page-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.isp-page-label{font-size:.8rem;color:#64748b}.isp-credit{font-size:.75rem;color:#64748b;text-align:center;padding:2px 0 0}.isp-credit a{color:#6366f1;text-decoration:none}.isp-credit a:hover{text-decoration:underline}body[data-theme=dark] .isp-tab{border-color:#ffffff24;background:#ffffff09;color:#cbd5e1}body[data-theme=dark] .isp-tab:hover{background:#ffffff14;border-color:#a5b4fc6b;color:#f8fafc}body[data-theme=dark] .isp-tab--active,body[data-theme=dark] .isp-tab--active:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:transparent}body[data-theme=dark] .isp-search-input{background:#0f172ab8;border-color:#94a3b852;color:#f8fafc}body[data-theme=dark] .isp-search-input::placeholder{color:#94a3b8}body[data-theme=dark] .isp-search-input:focus{background:#0f172ae6;border-color:#818cf8bf}body[data-theme=dark] .isp-status,body[data-theme=dark] .isp-page-label,body[data-theme=dark] .isp-credit{color:#94a3b8}body[data-theme=dark] .isp-error{color:#fca5a5}body[data-theme=dark] .isp-warning-blocked{color:#fcd34d;background:#f59e0b1f;border-color:#f59e0b59}body[data-theme=dark] .isp-loading-bar{background:#ffffff0a;border-color:#ffffff1f;color:#cbd5e1}body[data-theme=dark] .isp-broken-bar{color:#fed7aa;background:#f973161f;border-color:#fb923c52}body[data-theme=dark] .isp-credit a{color:#a5b4fc}.slp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#000000c7;display:flex;align-items:center;justify-content:center;padding:1rem}.slp-overlay--active{align-items:stretch;justify-content:stretch;padding:0;background:#000000e0}.slp-close-btn{background:transparent;border:none;font-size:1.6rem;line-height:1;cursor:pointer;color:var(--color-text-secondary, #666);padding:.25rem .5rem;border-radius:4px;transition:color .15s}.slp-close-btn:hover{color:var(--color-text, #111)}.slp-close-btn--header{color:#fff}.slp-close-btn--header:hover{color:#ddd}.slp-config-card{background:var(--color-surface, #fff);border-radius:16px;padding:2rem;width:100%;max-width:720px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 8px 40px #0003}.slp-config-card .slp-close-btn{position:absolute;top:1rem;right:1rem}.slp-config-title{font-size:1.4rem;font-weight:700;margin:0 0 .25rem;color:var(--color-text, #111)}.slp-config-subtitle{font-size:.9rem;color:var(--color-text-secondary, #555);margin:0 0 1.5rem}.slp-config-section{margin-bottom:1.5rem}.slp-config-label{display:block;font-size:.85rem;font-weight:600;color:var(--color-text, #111);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.04em}.slp-config-hint{font-weight:400;text-transform:none;letter-spacing:0;color:var(--color-text-secondary, #555)}.slp-select{width:100%;padding:.55rem .75rem;border:1px solid var(--color-border, #ccc);border-radius:8px;font-size:.95rem;background:var(--color-surface, #fff);color:var(--color-text, #111);cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.slp-select:focus{outline:2px solid var(--color-primary, #4f7cff);outline-offset:1px}.slp-theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.slp-theme-btn{display:flex;flex-direction:column;align-items:flex-start;padding:.7rem .85rem;border:2px solid var(--color-border, #e0e0e0);border-radius:10px;background:var(--color-surface, #fff);cursor:pointer;transition:border-color .15s,background .15s;text-align:left}.slp-theme-btn:hover{border-color:var(--color-primary, #4f7cff)}.slp-theme-btn--active{border-color:var(--color-primary, #4f7cff);background:#4f7cff1a}.slp-theme-emoji{font-size:1.4rem;margin-bottom:.25rem}.slp-theme-name{font-size:.85rem;font-weight:700;color:var(--color-text, #111)}.slp-theme-desc{font-size:.75rem;color:var(--color-text-secondary, #555);margin-top:.1rem}.slp-tier-row{display:flex;flex-direction:column;gap:.5rem}.slp-tier-btn{display:flex;align-items:center;gap:.75rem;padding:.6rem .85rem;border:2px solid var(--color-border, #e0e0e0);border-radius:10px;background:var(--color-surface, #fff);cursor:pointer;transition:border-color .15s,background .15s;text-align:left}.slp-tier-btn:hover{border-color:var(--color-primary, #4f7cff)}.slp-tier-btn--active{border-color:var(--color-primary, #4f7cff);background:#4f7cff1a}.slp-tier-num{min-width:1.75rem;height:1.75rem;border-radius:50%;background:var(--color-primary, #4f7cff);color:#fff;font-size:.9rem;font-weight:700;display:flex;align-items:center;justify-content:center}.slp-tier-btn:not(.slp-tier-btn--active) .slp-tier-num{background:var(--color-border, #ccc);color:var(--color-text, #111)}.slp-tier-label{font-size:.88rem;color:var(--color-text, #111)}.slp-strict-row{display:flex;gap:.6rem}.slp-strict-btn{flex:1;padding:.7rem .85rem;border:2px solid var(--color-border, #e0e0e0);border-radius:10px;background:var(--color-surface, #fff);cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:.2rem;transition:border-color .15s,background .15s}.slp-strict-btn:hover{border-color:var(--color-primary, #4f7cff)}.slp-strict-btn--active{border-color:var(--color-primary, #4f7cff);background:#4f7cff1a}.slp-strict-btn strong{font-size:.9rem;color:var(--color-text, #111)}.slp-strict-btn span{font-size:.78rem;color:var(--color-text-secondary, #555)}.slp-start-btn{width:100%;padding:.85rem;background:var(--brand-gradient, linear-gradient(135deg, #4f7cff 0%, #a855f7 100%));color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:opacity .15s;margin-top:.5rem}.slp-start-btn:hover{opacity:.9}.slp-active-container{background:var(--color-surface, #fff);border-radius:16px;width:100%;max-width:900px;height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 40px #0003}.slp-overlay--active .slp-active-container{width:100vw;max-width:none;height:100vh;height:100dvh;border-radius:0;box-shadow:none}.slp-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--brand-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));flex-shrink:0}.slp-header-info{display:flex;align-items:baseline;gap:.6rem}.slp-header-title{font-size:1rem;font-weight:700;color:#fff}.slp-header-lang{font-size:.8rem;color:#fffc}.slp-header-actions{display:flex;align-items:center;gap:.5rem}.slp-return-btn{display:inline-flex;align-items:center;padding:.35rem .75rem;background:var(--button-reset-bg, #b95700);color:#fff;border:none;border-radius:6px;font-size:.82rem;font-weight:700;cursor:pointer;transition:opacity .15s;box-shadow:0 2px 6px #b9570059}.slp-return-btn:hover{opacity:.88}.slp-hint-btn{display:inline-flex;align-items:center;padding:.5rem 1.2rem;background:var(--brand-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:700;cursor:pointer;transition:opacity .15s;box-shadow:0 2px 6px #667eea66}.slp-hint-btn:hover:not(:disabled){opacity:.88}.slp-hint-btn:disabled{opacity:.4;cursor:not-allowed}.slp-tts-btn{background:#fff3;border:1px solid rgba(255,255,255,.4);border-radius:6px;color:#fff;font-size:1rem;line-height:1;padding:.3rem .5rem;cursor:pointer;transition:background .15s}.slp-tts-btn:hover{background:#ffffff59}.slp-tts-btn--off{opacity:.55}.slp-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.85rem}.slp-msg{padding:.75rem 1rem;border-radius:12px;max-width:80%;text-align:left}.slp-msg-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem}.slp-msg-header{display:flex;align-items:center;gap:.4rem;margin-bottom:.35rem}.slp-msg-header .slp-msg-label{margin-bottom:0}.slp-speak-btn{background:transparent;border:none;padding:0 .15rem;font-size:.85rem;cursor:pointer;opacity:.55;line-height:1;transition:opacity .15s}.slp-speak-btn:hover{opacity:1}.slp-speak-btn--active{opacity:1;animation:slp-pulse .7s ease-in-out infinite alternate}@keyframes slp-pulse{0%{opacity:.6}to{opacity:1}}.slp-msg-text{margin:0;font-size:.95rem;line-height:1.5}.slp-msg--partner{background:#4f7cff1a;border:1px solid rgba(79,124,255,.25);align-self:flex-start;max-width:100%}.slp-msg--partner .slp-msg-label{color:var(--color-primary, #4f7cff)}.slp-msg--coach{background:#fff8ed;border:1px solid #fdd89a;align-self:flex-start;max-width:100%}.slp-msg--coach .slp-msg-label{color:#b45309}.slp-msg--user{align-self:flex-end;background:var(--color-surface-alt, #f0f0f0);border:1px solid var(--color-border, #ddd)}.slp-msg--user .slp-msg-label{color:var(--color-text-secondary, #555)}.slp-repeat-phrase{margin-top:.55rem;padding:.45rem .7rem;background:#fffbe6;border-left:3px solid #fbbf24;border-radius:4px;font-size:.88rem}.slp-repeat-label{font-weight:600;color:#92400e;margin-right:.35rem}.slp-repeat-text{color:#1c1917;font-style:italic}.slp-msg--loading{display:flex;gap:.35rem;align-items:center;padding:.6rem 1rem;background:transparent;border:none}.slp-typing-dot{width:8px;height:8px;border-radius:50%;background:var(--color-primary, #4f7cff);opacity:.5;animation:slp-bounce 1s ease-in-out infinite}.slp-typing-dot:nth-child(2){animation-delay:.15s}.slp-typing-dot:nth-child(3){animation-delay:.3s}@keyframes slp-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.slp-error{background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;padding:.6rem .9rem;font-size:.88rem;color:#b91c1c;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.slp-error button{background:none;border:1px solid #b91c1c;color:#b91c1c;border-radius:4px;padding:.2rem .5rem;font-size:.78rem;cursor:pointer;white-space:nowrap}.slp-review-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .75rem;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:6px;font-size:.82rem;font-weight:700;cursor:pointer;transition:background .15s}.slp-review-btn:not(.slp-review-btn--bottom):hover{background:#ffffff59}.slp-review-btn--bottom{background:var(--brand-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:#fff;border-color:transparent;box-shadow:0 2px 8px #667eea66}.slp-review-btn--bottom:hover:not(:disabled){opacity:.88}.slp-review-btn--bottom:disabled{opacity:.35;cursor:not-allowed}.slp-review-badge{background:#fff;color:#764ba2;font-size:.72rem;font-weight:800;border-radius:9999px;padding:.05rem .4rem;line-height:1.4}.slp-review-badge--bottom{background:#ffffff40;color:#fff}.slp-listening-overlay{width:100%;min-height:5.2rem;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}.slp-waveform{display:flex;align-items:center;gap:4px;height:32px}.slp-waveform-bar{width:4px;border-radius:2px;background:linear-gradient(180deg,#818cf8,#a855f7);animation:slp-waveform 1.2s ease-in-out infinite;transform-origin:center bottom}.slp-waveform-bar:nth-child(1){height:10px;animation-delay:0s}.slp-waveform-bar:nth-child(2){height:20px;animation-delay:.1s}.slp-waveform-bar:nth-child(3){height:28px;animation-delay:.2s}.slp-waveform-bar:nth-child(4){height:14px;animation-delay:.3s}.slp-waveform-bar:nth-child(5){height:24px;animation-delay:.15s}.slp-waveform-bar:nth-child(6){height:18px;animation-delay:.35s}.slp-waveform-bar:nth-child(7){height:10px;animation-delay:.25s}@keyframes slp-waveform{0%,to{transform:scaleY(.25);opacity:.45}50%{transform:scaleY(1);opacity:1}}.slp-listening-label{font-size:.75rem;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}.slp-recap-coach-notes{background:#fff8ed;border:1px solid #fdd89a;border-radius:10px;padding:1rem 1.25rem;margin-bottom:1.5rem}.slp-recap-coach-list{margin:0;padding-left:1.25rem}.slp-recap-coach-item{font-size:.92rem;color:#1c1917;margin-bottom:.5rem;line-height:1.5}.slp-input-area{border-top:1px solid var(--color-border, #e5e5e5);padding:.75rem 1rem 0;flex-shrink:0;display:flex;flex-direction:column;gap:.5rem;background:var(--color-surface, #fff)}.slp-textarea{width:100%;resize:none;padding:.6rem .8rem;border:1px solid var(--color-border, #ccc);border-radius:8px;font-size:.95rem;font-family:inherit;color:var(--color-text, #111);background:var(--color-surface, #fff);box-sizing:border-box;transition:border-color .15s;min-height:5.2rem;max-height:9rem;overflow-y:auto}.slp-textarea:focus{outline:none;border-color:var(--color-primary, #4f7cff)}.slp-textarea:disabled{opacity:.6}.slp-input-controls{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding-bottom:.75rem}.slp-audio-controls-group{display:flex;align-items:center;gap:.45rem}.slp-input-right{display:flex;align-items:center;gap:.5rem}.slp-audio-btn{width:34px;height:34px;border-radius:50%;border:2px solid var(--color-primary, #667eea);background:var(--brand-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:#fff;font-size:.85rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .15s,transform .1s;padding:0}.slp-audio-btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.slp-audio-btn:disabled{opacity:.3;cursor:not-allowed}.slp-speech-toggle-container{display:flex;align-items:center;gap:5px;padding:3px 8px;background:#ffffff26;border:1px solid rgba(255,255,255,.35);border-radius:20px}.slp-toggle-label{font-size:.78rem;font-weight:500;color:#fff;-webkit-user-select:none;user-select:none}.slp-speech-toggle-icon{display:flex;align-items:center;font-size:.95rem;color:#fff}.slp-audio-btn--recording{background:#dc2626;border-color:#dc2626;animation:slp-mic-pulse 1.5s infinite}@keyframes slp-mic-pulse{0%{box-shadow:0 0 #dc2626b3}70%{box-shadow:0 0 0 8px #dc262600}to{box-shadow:0 0 #dc262600}}.slp-mic-btn{padding:.5rem .75rem;border-radius:8px;border:1px solid var(--color-border, #ccc);background:var(--color-surface, #fff);font-size:1rem;cursor:pointer;transition:background .15s}.slp-mic-btn:hover:not(:disabled){background:var(--color-surface-alt, #f0f0f0)}.slp-mic-btn--active{background:#fee2e2;border-color:#ef4444}.slp-mic-btn:disabled{opacity:.5;cursor:not-allowed}.slp-mic-error{font-size:.78rem;color:#dc2626;align-self:center;white-space:nowrap}.slp-audio-btn--mic{width:auto;min-width:9.5rem;padding:0 .85rem;gap:.45rem;border-radius:999px}.slp-mic-btn-label{font-size:.82rem;font-weight:700;white-space:nowrap}.slp-send-btn{display:inline-flex;align-items:center;padding:.5rem 1.2rem;background:var(--brand-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:700;cursor:pointer;transition:opacity .15s;box-shadow:0 2px 8px #667eea66}.slp-send-btn:hover:not(:disabled){opacity:.88}.slp-send-btn:disabled{opacity:.35;cursor:not-allowed}.slp-recap-card{background:var(--color-surface, #fff);border-radius:16px;padding:2rem;width:100%;max-width:480px;box-shadow:0 8px 40px #0003;text-align:left}.slp-recap-title{font-size:1.6rem;font-weight:800;color:var(--color-primary, #4f7cff);margin:0 0 .4rem}.slp-recap-subtitle{font-size:.95rem;color:var(--color-text-secondary, #555);margin:0 0 1.5rem}.slp-recap-vocab{background:var(--color-surface-alt, #f5f5f5);border-radius:10px;padding:1rem 1.25rem;margin-bottom:1.5rem;text-align:left}.slp-recap-vocab-heading{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary, #555);margin:0 0 .6rem}.slp-recap-vocab-list{margin:0;padding-left:1.2rem}.slp-recap-vocab-item{font-size:.92rem;color:var(--color-text, #111);margin-bottom:.25rem}.slp-recap-actions{display:flex;gap:.75rem;justify-content:center}.slp-recap-btn{display:inline-flex;align-items:center;padding:.7rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:700;cursor:pointer;transition:opacity .15s,box-shadow .15s;border:none}.slp-recap-btn:hover{opacity:.88}.slp-recap-btn--retry{background:var(--brand-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:#fff;box-shadow:0 2px 8px #667eea66}.slp-recap-btn--done{background:#b95700;color:#fff;box-shadow:0 2px 8px #b9570059}.slp-recap-btn--done:hover{background:#d46c0b;opacity:1}@media (max-width: 600px){.slp-theme-grid{grid-template-columns:1fr}.slp-strict-row{flex-direction:column}.slp-active-container{height:100vh;border-radius:0}.slp-msg{max-width:95%}}body[data-theme=dark] .slp-config-card,body[data-theme=dark] .slp-active-container,body[data-theme=dark] .slp-recap-card{background:var(--surface-color, #161b22)!important}body[data-theme=dark] .slp-config-title,body[data-theme=dark] .slp-config-label{color:var(--text-primary, #e6edf3)}body[data-theme=dark] .slp-config-subtitle,body[data-theme=dark] .slp-config-hint,body[data-theme=dark] .slp-close-btn{color:var(--text-secondary, #a0adb8)}body[data-theme=dark] .slp-close-btn:hover{color:var(--text-primary, #e6edf3)}body[data-theme=dark] .slp-select{background:var(--surface-alt, #21262d);color:var(--text-primary, #e6edf3);border-color:var(--border-color, #30363d)}body[data-theme=dark] .slp-theme-btn{background:var(--surface-alt, #21262d);border-color:var(--border-color, #30363d)}body[data-theme=dark] .slp-theme-btn:hover{border-color:var(--brand-primary, #818cf8)}body[data-theme=dark] .slp-theme-btn--active{background:#1e2b52;border-color:var(--brand-primary, #818cf8)}body[data-theme=dark] .slp-theme-name{color:var(--text-primary, #e6edf3)}body[data-theme=dark] .slp-theme-desc{color:var(--text-secondary, #a0adb8)}body[data-theme=dark] .slp-tier-btn{background:var(--surface-alt, #21262d);border-color:var(--border-color, #30363d)}body[data-theme=dark] .slp-tier-btn:hover{border-color:var(--brand-primary, #818cf8)}body[data-theme=dark] .slp-tier-btn--active{background:#1e2b52;border-color:var(--brand-primary, #818cf8)}body[data-theme=dark] .slp-tier-label{color:var(--text-primary, #e6edf3)}body[data-theme=dark] .slp-tier-btn:not(.slp-tier-btn--active) .slp-tier-num{background:var(--border-color-medium, #3d444d);color:var(--text-primary, #e6edf3)}body[data-theme=dark] .slp-strict-btn{background:var(--surface-alt, #21262d);border-color:var(--border-color, #30363d)}body[data-theme=dark] .slp-strict-btn:hover{border-color:var(--brand-primary, #818cf8)}body[data-theme=dark] .slp-strict-btn--active{background:#1e2b52;border-color:var(--brand-primary, #818cf8)}body[data-theme=dark] .slp-strict-btn strong{color:var(--text-primary, #e6edf3)}body[data-theme=dark] .slp-strict-btn span{color:var(--text-secondary, #a0adb8)}body[data-theme=dark] .slp-input-area{background:var(--surface-color, #161b22);border-top-color:var(--border-color, #30363d)}body[data-theme=dark] .slp-textarea{background:var(--surface-alt, #21262d);color:var(--text-primary, #e6edf3);border-color:var(--border-color, #30363d)}body[data-theme=dark] .slp-textarea:focus{border-color:var(--brand-primary, #818cf8)}body[data-theme=dark] .slp-mic-btn{background:var(--surface-alt, #21262d);border-color:var(--border-color, #30363d);color:var(--text-primary, #e6edf3)}body[data-theme=dark] .slp-mic-btn:hover:not(:disabled){background:var(--surface-hover, #1c2128)}body[data-theme=dark] .slp-msg--user{background:var(--surface-alt, #21262d);border-color:var(--border-color, #30363d);color:var(--text-primary, #e6edf3)}body[data-theme=dark] .slp-msg--user .slp-msg-label{color:var(--text-secondary, #a0adb8)}body[data-theme=dark] .slp-msg--coach{background:#b4530926;border-color:#fdd89a40}body[data-theme=dark] .slp-msg--coach .slp-msg-label{color:#fbbf24}body[data-theme=dark] .slp-repeat-phrase{background:#fbbf241a;border-left-color:#fbbf24}body[data-theme=dark] .slp-repeat-label{color:#fbbf24}body[data-theme=dark] .slp-repeat-text{color:var(--text-primary, #e6edf3)}body[data-theme=dark] .slp-recap-subtitle{color:var(--text-secondary, #a0adb8)}body[data-theme=dark] .slp-recap-vocab{background:var(--surface-alt, #21262d)}body[data-theme=dark] .slp-recap-vocab-heading{color:var(--text-secondary, #a0adb8)}body[data-theme=dark] .slp-recap-vocab-item{color:var(--text-primary, #e6edf3)}body[data-theme=dark] .slp-recap-coach-notes{background:#b4530926;border-color:#fdd89a40}body[data-theme=dark] .slp-recap-coach-item{color:var(--text-primary, #e6edf3)}.study-pocket-avatar{position:relative;background:transparent;-webkit-user-select:none;user-select:none;pointer-events:none;isolation:isolate}.study-pocket-layer,.study-pocket-base{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.study-pocket-base{z-index:1;filter:drop-shadow(0 8px 18px rgba(0,0,0,.22))}.study-pocket-eyes{position:absolute;left:24%;top:29%;width:52%;z-index:2;mix-blend-mode:multiply;pointer-events:none;-webkit-user-select:none;user-select:none;transform-origin:center center;transition:transform 80ms ease-in-out}.study-pocket-mouth{position:absolute;left:32%;top:49%;width:36%;z-index:3;mix-blend-mode:multiply;pointer-events:none;-webkit-user-select:none;user-select:none;transform-origin:center center;transition:transform .14s ease-in-out,opacity .14s ease-in-out}.study-pocket-avatar[data-mouth-state=closed] .study-pocket-mouth{transform:translateY(3%) scaleX(1.05) scaleY(.12);opacity:.95}.study-pocket-avatar[data-mouth-state=smile] .study-pocket-mouth{transform:translateY(1%) scaleX(1.1) scaleY(.38);opacity:.95}.study-pocket-avatar[data-mouth-state=open] .study-pocket-mouth{transform:translateY(0) scaleX(1) scaleY(.78);opacity:1}.study-pocket-avatar[data-mouth-state=wide] .study-pocket-mouth{transform:translateY(1%) scaleX(1.25) scaleY(.48);opacity:1}.study-pocket-avatar[data-mouth-state=narrow] .study-pocket-mouth{transform:translateY(2%) scaleX(.72) scaleY(.36);opacity:1}.study-pocket-avatar[data-mouth-state=round] .study-pocket-mouth{transform:translateY(0) scaleX(.72) scaleY(.92);opacity:1}.study-pocket-avatar[data-blinking=true] .study-pocket-eyes{transform:scaleY(.1)}.ml-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;z-index:1400;display:flex;align-items:center;justify-content:center;padding:16px}.ml-modal{background:var(--modal-bg, var(--bg-primary, #fff));border-radius:16px;width:100%;max-width:1040px;max-height:92vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 80px #00000073;border:1px solid var(--border-color, #e5e7eb)}.ml-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color, #e5e7eb);flex-shrink:0;gap:12px}.ml-header-left{display:flex;align-items:center;gap:10px;flex:1 1 0;min-width:0;overflow:hidden}.ml-header-left>div{min-width:0;overflow:hidden;flex:1 1 0}.ml-icon{font-size:24px;flex-shrink:0}.ml-rive-avatar{flex-shrink:0;background:transparent}.ml-rive-avatar--muted{opacity:.55}.ml-title{margin:0;font-size:17px;font-weight:700;color:var(--text-primary, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.ml-subtitle{font-size:12px;color:var(--text-secondary, #6b7280);display:block;margin-top:1px}.ml-header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.ml-speak-btn{background:#e0e7ff;border:1px solid #c7d2fe;border-radius:7px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;transition:background .15s,border-color .15s;color:#4f46e5;box-shadow:none}.ml-speak-btn:hover{background:#c7d2fe;border-color:#a5b4fc}.ml-speak-btn.speaking{background:#c7d2fe;border-color:#a5b4fc;box-shadow:0 0 0 2px #6366f12e}.ml-mute-btn{font-size:12px;background:#fef3c7;border-color:#fde68a;color:#b45309;box-shadow:none}.ml-mute-btn:hover{background:#fde68a;border-color:#fcd34d}.ml-close-btn{background:none;border:none;font-size:18px;cursor:pointer;color:var(--text-secondary, #6b7280);padding:6px 8px;border-radius:6px;transition:background .15s}.ml-close-btn:hover{background:var(--bg-secondary, #f3f4f6)}.ml-theme-btn{background:none;border:none;font-size:16px;cursor:pointer;padding:6px 8px;border-radius:6px;line-height:1;transition:background .15s;order:-1}.ml-theme-btn:hover{background:var(--bg-secondary, #f3f4f6)}body[data-theme=dark] .ml-theme-btn:hover{background:#ffffff14}.ml-avatar-btn-off{opacity:.65}.ml-progress-track{height:4px;background:var(--border-color, #e5e7eb);flex-shrink:0}.ml-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent, #6366f1),#818cf8);border-radius:0 99px 99px 0;transition:width .4s ease-out}.ml-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px 24px 12px;min-height:0}.ml-state-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:280px;text-align:center;padding-bottom:100px}.ml-spinner{width:40px;height:40px;border:4px solid var(--border-color, #e5e7eb);border-top-color:var(--accent, #6366f1);border-radius:50%;animation:ml-spin .8s linear infinite}.ml-spinner-sm{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:ml-spin .7s linear infinite;vertical-align:middle}@keyframes ml-pulse{0%{box-shadow:0 0 #6366f1b3}60%{box-shadow:0 0 0 10px #6366f100}to{box-shadow:0 0 #6366f100}}.ml-btn.pulsing{animation:ml-pulse 1.1s ease-out infinite}.ml-loading-text{font-size:15px;font-weight:600;color:var(--text-primary, #111827);margin:0}.ml-loading-hint{font-size:13px;color:var(--text-secondary, #6b7280);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.ml-error-icon{font-size:36px}.ml-error-text{font-size:14px;color:#dc2626;margin:0;max-width:360px}.ml-intro{display:flex;flex-direction:column;gap:20px}.ml-intro-badge{display:inline-block;font-size:12px;font-weight:700;color:var(--accent, #6366f1);text-transform:uppercase;letter-spacing:.07em}.ml-intro-title{margin:0;font-size:22px;font-weight:700;color:var(--text-primary, #111827)}.ml-intro-text{margin:0;font-size:15px;line-height:1.6;color:var(--text-primary, #111827)}.ml-hero-image-block{display:flex;flex-direction:column;gap:8px;margin:4px 0 0}.ml-hero-image-wrap{position:relative;border-radius:10px;overflow:hidden;line-height:0}.ml-hero-image{width:100%;max-height:280px;object-fit:cover;border-radius:10px;display:block;transition:max-height .25s ease,object-position 0s}.ml-hero-image--expanded{max-height:70vh;object-fit:contain;background:#000}.ml-hero-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:10px;background:#0f121eb8;border-radius:10px;color:#c7d2fe;font-size:.85rem;font-weight:600;letter-spacing:.02em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.ml-hero-loading:before{content:"";width:18px;height:18px;border:2px solid rgba(199,210,254,.25);border-top-color:#818cf8;border-radius:50%;animation:ml-spin .7s linear infinite;flex-shrink:0}@keyframes ml-spin{to{transform:rotate(360deg)}}.ml-hero-image-wrap.ml-hero-pan-active{cursor:grab;outline:2px solid #6366f1;outline-offset:-2px}.ml-hero-image-wrap.ml-hero-pan-active:active{cursor:grabbing}.ml-hero-pan-hint{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:#0000008c;color:#fff;font-size:.72rem;font-weight:600;padding:3px 10px;border-radius:99px;pointer-events:none;white-space:nowrap}.ml-hero-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px}.ml-hero-btns{display:flex;gap:6px;flex-wrap:wrap}.ml-hero-credit{margin:0;font-size:.72rem;color:var(--text-secondary, #6b7280);flex:1;text-align:right}.ml-hero-change-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border:none;border-radius:20px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:.78rem;font-weight:600;cursor:pointer;transition:opacity .15s,transform .1s;letter-spacing:.02em;white-space:nowrap}.ml-hero-change-btn:hover{opacity:.85;transform:translateY(-1px)}.ml-hero-change-btn--active{background:linear-gradient(135deg,#16a34a,#059669)}.ml-hero-change-btn--remove{background:linear-gradient(135deg,#dc2626,#b91c1c)}.ml-hero-change-btn--remove:hover{opacity:.85;transform:translateY(-1px)}.ml-hero-change-btn--disabled,.ml-hero-change-btn:disabled{opacity:.35;cursor:not-allowed;transform:none;pointer-events:none}.ml-hero-picker{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px}.ml-intro-toc{background:#6366f10f;border:1px solid rgba(99,102,241,.2);border-radius:10px;padding:16px 20px}.ml-toc-label{margin:0 0 10px;font-size:13px;font-weight:600;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.05em}.ml-toc-list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}.ml-toc-list li{font-size:14px;color:var(--text-primary, #111827)}.ml-sources-accordion{margin-top:16px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;overflow:hidden}.ml-sources-disclaimer{font-size:12px;color:var(--text-secondary, #6b7280);margin:0;padding:10px 14px;line-height:1.5;background:var(--bg-secondary, #f9fafb);border-bottom:1px solid var(--border-color, #e5e7eb)}.ml-sources-toggle{width:100%;text-align:left;background:var(--bg-secondary, #f9fafb);border:none;padding:8px 14px;font-size:13px;font-weight:600;color:var(--text-secondary, #6b7280);cursor:pointer;display:flex;align-items:center;gap:6px}.ml-sources-toggle:hover{background:var(--bg-hover, #f3f4f6)}.ml-sources-body{padding:12px 14px;background:var(--bg-primary, #fff)}.ml-sources-list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px}.ml-sources-list li{font-size:13px}.ml-sources-list a{color:var(--brand-primary, #4f46e5);text-decoration:underline;word-break:break-all}.ml-sources-list a:hover{color:var(--brand-primary-dark, #3730a3)}.ml-begin-btn{align-self:flex-start;min-width:160px}.ml-beat{display:flex;flex-direction:column;gap:20px}.ml-beat-title{margin:0;font-size:20px;font-weight:700;color:var(--text-primary, #111827);padding-bottom:10px;border-bottom:2px solid rgba(99,102,241,.25)}.ml-explanation{font-size:15px;line-height:1.7;color:var(--text-primary, #111827);display:flex;flex-direction:column;gap:8px}.ml-example-card{background:var(--bg-secondary, #f9fafb);border:1.5px solid var(--border-color, #e5e7eb);border-radius:12px;padding:16px 20px;display:flex;flex-direction:column;gap:12px}.ml-example-header{display:flex;align-items:center;gap:8px}.ml-example-badge{font-size:12px;font-weight:700;color:#b45309;text-transform:uppercase;letter-spacing:.06em;background:#fbbf2426;border:1px solid rgba(251,191,36,.4);border-radius:99px;padding:2px 10px}.ml-example-problem{margin:0;font-size:15px;font-weight:500;color:var(--text-primary, #111827)}.ml-example-latex{padding:8px 0;overflow-x:auto}.ml-toggle-solution{background:none;border:1px solid var(--border-color, #d1d5db);border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer;color:var(--text-secondary, #6b7280);transition:background .15s,border-color .15s,color .15s;align-self:flex-start}.ml-toggle-solution:hover{background:var(--bg-primary, #fff);border-color:var(--accent, #6366f1);color:var(--accent, #6366f1)}.ml-toggle-solution.open{border-color:var(--accent, #6366f1);color:var(--accent, #6366f1)}.ml-solution{display:flex;flex-direction:column;gap:12px;background:var(--bg-primary, #fff);border:1px solid rgba(99,102,241,.2);border-radius:8px;padding:14px 16px}.ml-steps-list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}.ml-step{font-size:14px;line-height:1.6;color:var(--text-primary, #111827)}.ml-answer{font-size:14px;font-weight:600;color:#16a34a;border-top:1px solid var(--border-color, #e5e7eb);padding-top:10px}.ml-answer-label{color:var(--text-secondary, #6b7280);font-weight:400;margin-right:4px}.ml-check-card{border:1.5px solid var(--border-color, #e5e7eb);border-radius:12px;padding:16px 20px;display:flex;flex-direction:column;gap:12px;transition:border-color .2s}.ml-check-card.correct{border-color:#16a34a;background:#16a34a0a}.ml-check-card.incorrect{border-color:#6366f1;background:#6366f10a}.ml-check-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.ml-check-badge{font-size:12px;font-weight:700;color:var(--accent, #6366f1);text-transform:uppercase;letter-spacing:.06em;background:#6366f11a;border:1px solid rgba(99,102,241,.25);border-radius:99px;padding:2px 10px}.ml-check-optional{font-size:11px;color:var(--text-secondary, #9ca3af)}.ml-check-question{margin:0;font-size:15px;font-weight:500;color:var(--text-primary, #111827)}.ml-check-hint{margin:0;font-size:13px;color:var(--text-secondary, #6b7280);font-style:italic}.ml-check-input-row{display:flex;gap:8px;align-items:center}.ml-check-input{flex:1;height:38px;padding:0 12px;border:1px solid var(--border-color, #d1d5db);border-radius:8px;font-size:14px;background:var(--bg-primary, #fff);color:var(--text-primary, #111827);outline:none;transition:border-color .15s}.ml-check-input:focus{border-color:var(--accent, #6366f1);box-shadow:0 0 0 3px #6366f11f}.ml-check-result{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:8px;background:var(--bg-secondary, #f9fafb)}.ml-check-result.correct{background:#16a34a14}.ml-check-result.incorrect{background:#6366f10f}.ml-check-icon{font-size:18px;flex-shrink:0}.ml-check-feedback{margin:0;font-size:14px;line-height:1.5;color:var(--text-primary, #111827)}.ml-complete{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:8px 0 16px}.ml-complete-main{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;transform:translateY(-32px)}.ml-complete-icon{font-size:52px}.ml-complete-title{margin:0;font-size:24px;font-weight:700;color:var(--text-primary, #111827)}.ml-complete-text{margin:0;font-size:15px;color:var(--text-secondary, #6b7280)}.ml-complete-toc{display:flex;flex-direction:column;gap:8px;width:100%;max-width:560px;background:var(--bg-secondary, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:10px;padding:14px 18px;text-align:left}.ml-complete-toc-row{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;font-size:14px;color:var(--text-primary, #111827)}.ml-complete-check{color:#16a34a;font-weight:700;font-size:14px;flex-shrink:0}.ml-complete-cta{margin:0;font-size:14px;font-weight:600;color:var(--text-primary, #111827)}.ml-complete-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center;width:100%}.ml-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-top:1px solid var(--border-color, #e5e7eb);flex-shrink:0;gap:10px;min-height:80px}.ml-footer-left{display:flex;align-items:center;gap:6px}.ml-footer-right{display:flex;align-items:center;gap:8px}.ml-mute-btn.muted{color:#ef4444;border-color:#ef4444;background:#ef444414}.ml-btn{height:38px;padding:0 16px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s,transform .1s;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;flex-shrink:0}.ml-btn:active{transform:scale(.97)}.ml-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.ml-btn-primary{background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:#fff}.ml-btn-primary:hover:not(:disabled){opacity:.88}.ml-btn-secondary{background:var(--button-reset-bg, #b95700);color:#fff;border:1px solid var(--button-reset-bg, #b95700)}.ml-btn-secondary:hover:not(:disabled){background:var(--button-reset-hover-bg, #d46c0b);border-color:var(--button-reset-hover-bg, #d46c0b);box-shadow:0 4px 12px #b957004d}.ml-complete-close{margin-right:0}.ml-btn-gradient{color:#fff;border:none;box-shadow:0 10px 24px #4f46e52e}.ml-btn-gradient:hover:not(:disabled){opacity:.92}.ml-btn-gradient-warm,.ml-btn-gradient-violet,.ml-btn-gradient-sky,.ml-btn-gradient-emerald{background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%))}.ml-btn-gradient-green{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff!important}.ml-btn-gradient-green:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 12px #22c55e4d}.ml-btn-ghost{background:none;color:var(--text-secondary, #6b7280)}.ml-btn-ghost:hover:not(:disabled){background:var(--bg-secondary, #f3f4f6)}.ml-btn-return{background:var(--button-reset-bg, #b95700);color:#fff;border:1px solid var(--button-reset-bg, #b95700)}.ml-btn-return:hover:not(:disabled){background:var(--button-reset-hover-bg, #d46c0b);border-color:var(--button-reset-hover-bg, #d46c0b);box-shadow:0 4px 12px #b957004d}.ml-btn-prev{background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:#fff;opacity:.82}.ml-btn-prev:hover:not(:disabled){opacity:1}.ml-btn-check{background:var(--accent, #6366f1);color:#fff;height:38px;padding:0 16px;flex-shrink:0}.ml-btn-check:hover:not(:disabled){opacity:.88}.ml-btn-skip{height:38px;padding:0 14px;flex-shrink:0;font-size:13px;background:linear-gradient(135deg,#d97706,#ea580c);color:#fff;border:1px solid #fb923c;opacity:1}.ml-btn-skip:hover:not(:disabled){background:linear-gradient(135deg,#ea580c,#f97316);border-color:#fdba74}.ml-check-result.skipped{background:#6b728014;color:var(--text-secondary, #6b7280)}.ml-correct-answer{margin-top:10px;padding:10px 12px;background:#6366f114;border-left:3px solid var(--accent, #6366f1);border-radius:0 6px 6px 0}.ml-correct-answer-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent, #6366f1);margin-bottom:4px}.ml-correct-answer-text{margin:0;font-size:14px;line-height:1.55;color:var(--text-primary, #111827)}body[data-theme=dark] .ml-modal{background:#1e2130;border-color:#ffffff14}body[data-theme=dark] .ml-header{border-bottom-color:#ffffff1a}body[data-theme=dark] .ml-title{color:#f3f4f6}body[data-theme=dark] .ml-subtitle,body[data-theme=dark] .ml-close-btn{color:#9ca3af}body[data-theme=dark] .ml-close-btn:hover{background:#ffffff14}body[data-theme=dark] .ml-speak-btn{background:#6366f12e;border-color:#6366f159;color:#a5b4fc;box-shadow:none}body[data-theme=dark] .ml-speak-btn:hover{background:#6366f14d;border-color:#6366f180}body[data-theme=dark] .ml-speak-btn.speaking{background:#6366f159;border-color:#6366f199}body[data-theme=dark] .ml-mute-btn{background:#f59e0b26;border-color:#f59e0b4d;color:#fbbf24;box-shadow:none}body[data-theme=dark] .ml-mute-btn:hover{background:#f59e0b40;border-color:#f59e0b73}body[data-theme=dark] .ml-progress-track{background:#ffffff1a}body[data-theme=dark] .ml-hero-picker{background:#ffffff09;border-color:#ffffff1f}body[data-theme=dark] .ml-intro-title{color:#f3f4f6}body[data-theme=dark] .ml-intro-text,body[data-theme=dark] .ml-toc-list li{color:#d1d5db}body[data-theme=dark] .ml-sources-accordion{border-color:#ffffff1a}body[data-theme=dark] .ml-sources-disclaimer{background:#ffffff0d;color:#9ca3af;border-bottom-color:#ffffff1a}body[data-theme=dark] .ml-sources-toggle{background:#ffffff0d;color:#9ca3af}body[data-theme=dark] .ml-sources-toggle:hover{background:#ffffff14}body[data-theme=dark] .ml-sources-body{background:#ffffff08}body[data-theme=dark] .ml-sources-disclaimer{color:#9ca3af}body[data-theme=dark] .ml-sources-list a{color:#818cf8}body[data-theme=dark] .ml-sources-list a:hover{color:#a5b4fc}body[data-theme=dark] .ml-beat-title{color:#f3f4f6;border-bottom-color:#6366f159}body[data-theme=dark] .ml-explanation{color:#d1d5db}body[data-theme=dark] .ml-example-card{background:#ffffff0a;border-color:#ffffff1a}body[data-theme=dark] .ml-example-problem{color:#d1d5db}body[data-theme=dark] .ml-solution{background:#ffffff08;border-color:#6366f140}body[data-theme=dark] .ml-step{color:#d1d5db}body[data-theme=dark] .ml-answer{border-top-color:#ffffff1a}body[data-theme=dark] .ml-check-card{border-color:#ffffff1f}body[data-theme=dark] .ml-check-card.correct{border-color:#16a34a;background:#16a34a0f}body[data-theme=dark] .ml-check-card.incorrect{border-color:#818cf8;background:#818cf80f}body[data-theme=dark] .ml-check-question{color:#d1d5db}body[data-theme=dark] .ml-check-hint{color:#9ca3af}body[data-theme=dark] .ml-check-input{background:#111827;border-color:#ffffff26;color:#f3f4f6}body[data-theme=dark] .ml-check-result{background:#ffffff0a}body[data-theme=dark] .ml-check-result.skipped{background:#ffffff08}body[data-theme=dark] .ml-check-feedback{color:#d1d5db}body[data-theme=dark] .ml-correct-answer{background:#6366f11f}body[data-theme=dark] .ml-correct-answer-text{color:#d1d5db}body[data-theme=dark] .ml-complete-title{color:#f3f4f6}body[data-theme=dark] .ml-complete-toc{background:#ffffff0a;border-color:#ffffff1a}body[data-theme=dark] .ml-complete-toc-row,body[data-theme=dark] .ml-complete-cta{color:#d1d5db}body[data-theme=dark] .ml-footer{border-top-color:#ffffff1a}body[data-theme=dark] .ml-btn-skip{background:linear-gradient(135deg,#b45309,#c2410c);color:#fff;font-weight:700;border-color:#fb923c;box-shadow:0 0 0 1px #f973163d}body[data-theme=dark] .ml-btn-skip:hover:not(:disabled){background:linear-gradient(135deg,#c2410c,#ea580c);border-color:#fdba74}body[data-theme=dark] .ml-btn-secondary{background:var(--button-reset-bg, #b95700);color:#fff;border-color:var(--button-reset-bg, #b95700)}body[data-theme=dark] .ml-btn-secondary:hover:not(:disabled){background:var(--button-reset-hover-bg, #d46c0b);border-color:var(--button-reset-hover-bg, #d46c0b)}body[data-theme=dark] .ml-btn-ghost{color:#9ca3af}body[data-theme=dark] .ml-btn-ghost:hover:not(:disabled){background:#ffffff0f}body[data-theme=dark] .ml-btn.ml-btn-ghost.ml-btn-skip,body[data-theme=dark] .ml-btn.ml-btn-ghost.ml-btn-skip:hover:not(:disabled){color:#fff}body[data-theme=dark] .ml-toggle-solution{border-color:#ffffff26;color:#9ca3af}body[data-theme=dark] .ml-toggle-solution:hover,body[data-theme=dark] .ml-toggle-solution.open{border-color:#818cf8;color:#818cf8;background:transparent}body[data-theme=dark] .ml-loading-text{color:#f3f4f6}body[data-theme=dark] .ml-loading-hint,body[data-theme=dark] .ml-answer-label,body[data-theme=dark] .ml-complete-text{color:#9ca3af}@media (max-width: 1080px){.ml-modal{max-width:min(100%,920px)}.ml-complete-actions{gap:8px}}@media (max-width: 760px){.ml-modal{max-width:100%}.ml-complete-actions{flex-wrap:wrap;justify-content:center}.ml-complete-close{margin-right:0}}.pg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg, rgba(0, 0, 0, .55));display:flex;align-items:center;justify-content:center;z-index:1500;padding:20px}.pg-overlay--dialog2{z-index:1510}.pg-dialog{background:var(--surface-color, #ffffff);border:1px solid var(--border-color-medium, #d1d5db);border-radius:14px;max-width:875px;width:100%;display:flex;flex-direction:column;box-shadow:var(--shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));animation:pgSlideIn .25s ease-out;font-family:Nunito,system-ui,sans-serif;overflow:hidden;position:relative}@keyframes pgSlideIn{0%{opacity:0;transform:translateY(-18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.pg-header{background:var(--surface-color, #ffffff);padding:.55rem 1.25rem .45rem;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:2px solid var(--border-color, #e5e7eb)}.pg-header-left{display:flex;align-items:center;gap:10px}.pg-header-icon{font-size:1.3rem;color:var(--brand-primary, #667eea)}.pg-title{margin:0;font-size:1.15rem;font-weight:700;color:var(--text-primary, #111827);line-height:1.2}.pg-subtitle{margin:2px 0 0;font-size:.82rem;color:var(--text-secondary, #6b7280);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:340px}.pg-close-btn{background:none;border:none;color:var(--text-secondary, #6b7280);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;font-weight:700;line-height:1;transition:background .2s,color .2s;flex-shrink:0}.pg-close-btn:hover{background:var(--surface-hover, #f3f4f6);color:var(--text-primary, #111827)}.pg-body{padding:20px 32px 12px;overflow-y:auto;max-height:82vh}.pg-section-title{margin:0 0 14px;font-size:.9rem;font-weight:700;color:var(--text-secondary, #374151);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:7px}.pg-section-title i{color:var(--brand-primary, #667eea)}.pg-section-divider{border:none;border-top:1px solid var(--border-color, #e5e7eb);margin:22px 0}.pg-loading-state{display:flex;align-items:center;justify-content:center;gap:10px;padding:48px 20px;color:var(--text-secondary, #6b7280)}.pg-loading-icon{font-size:1.3rem;color:var(--brand-primary, #667eea)}.pg-loading-text{font-size:.9rem;font-weight:600}.pg-mode-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.pg-mode-header .pg-section-title{margin-bottom:0}.pg-mode-help-btn{background:none;border:none;color:var(--text-secondary, #6b7280);font-size:1.05rem;cursor:pointer;padding:2px;border-radius:50%;transition:color .15s;display:flex;align-items:center}.pg-mode-help-btn:hover{color:var(--brand-primary, #818cf8)}.pg-mode-help-box{background:var(--surface-alt, #f9fafb);border:1px solid var(--border-color-medium, #d1d5db);border-radius:8px;padding:12px 16px;margin-bottom:12px;font-size:.82rem;line-height:1.55;color:var(--text-color, #374151)}.pg-mode-help-box p{margin:0 0 6px}.pg-mode-help-box p:last-child{margin-bottom:0}.pg-mode-help-box i{margin-right:4px;width:16px;text-align:center}.pg-generated-title{font-size:.92rem;font-weight:600;color:var(--text-color, #1e293b);margin:0 0 10px;display:flex;align-items:center;gap:6px}.pg-generated-title i{color:var(--brand-primary, #818cf8)}.pg-mode-toggle{display:flex;gap:0;margin-bottom:14px;border-radius:8px;overflow:hidden;border:1px solid var(--border-color-medium, #d1d5db);width:fit-content}.pg-mode-btn{padding:7px 18px;border:none;background:var(--surface-alt, #f9fafb);color:var(--text-secondary, #6b7280);font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s;display:flex;align-items:center;gap:6px;font-family:inherit}.pg-mode-btn:not(:last-child){border-right:1px solid var(--border-color-medium, #d1d5db)}.pg-mode-btn.active{background:var(--button-accent-gradient, linear-gradient(135deg, #667eea, #764ba2));color:#fff}.pg-mode-btn:hover:not(.active){background:var(--surface-hover, #f3f4f6)}.pg-interactive-container{margin-bottom:8px}.pg-interactive-desc{font-size:.82rem;color:var(--text-secondary, #6b7280);margin:0 0 12px;display:flex;align-items:center;gap:6px}.pg-interactive-desc i{color:#818cf8}.pg-track-selector{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.pg-track-delete-btn{display:flex;align-items:center;gap:5px;cursor:pointer;padding:3px 12px;border-radius:6px;border:none;background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;font-size:.78rem;font-weight:600;transition:opacity .15s;font-family:inherit}.pg-track-delete-btn i{color:#fff}.pg-track-delete-btn:hover{opacity:.85}.pg-track-delete-inline{margin-left:auto}.pg-track-btn{padding:5px 14px;border-radius:20px;border:1px solid var(--border-color-medium, #d1d5db);background:var(--surface-alt, #f9fafb);color:var(--text-color, #1f2937);font-size:.82rem;font-weight:500;cursor:pointer;transition:all .15s}.pg-track-btn:hover{border-color:var(--brand-primary, #667eea);color:var(--brand-primary, #667eea)}.pg-track-btn.active{background:var(--brand-primary, #667eea);border-color:var(--brand-primary, #667eea);color:#fff}.pg-track-info{display:flex;align-items:center;gap:7px;font-size:.875rem;font-weight:600;color:var(--text-primary, #111827);margin-bottom:10px}.pg-track-info>i{color:var(--brand-primary, #667eea)}.pg-track-style-tag{margin-left:5px;font-size:.78rem;font-weight:500;color:var(--text-muted, #6b7280)}.pg-track-translate-btn{margin-left:auto;display:inline-flex;align-items:center;gap:5px;padding:3px 12px;border-radius:6px;border:none;background:var(--button-accent-gradient, linear-gradient(135deg, #667eea, #764ba2));color:#fff;font-size:.78rem;font-weight:600;cursor:pointer;transition:opacity .15s;font-family:inherit}.pg-track-translate-btn i{color:#fff}.pg-track-translate-btn:hover{opacity:.88}.pg-track-rename-btn{display:inline-flex;align-items:center;gap:5px;padding:3px 12px;border-radius:6px;border:none;background:var(--button-accent-gradient, linear-gradient(135deg, #667eea, #764ba2));color:#fff;font-size:.78rem;font-weight:600;cursor:pointer;transition:opacity .15s;font-family:inherit}.pg-track-rename-btn i{color:#fff}.pg-track-rename-btn:hover{opacity:.88}.pg-track-share-btn{display:inline-flex;align-items:center;gap:5px;padding:3px 12px;border-radius:6px;border:none;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:.78rem;font-weight:600;cursor:pointer;transition:opacity .15s;font-family:inherit}.pg-track-share-btn i{color:#fff}.pg-track-share-btn:hover{opacity:.88}.pg-track-share-btn:disabled{opacity:.6;cursor:default}.pg-share-banner{display:flex;align-items:center;gap:6px;padding:8px 10px;margin-bottom:8px;border-radius:8px;background:var(--surface-alt, #f0fdf4);border:1px solid #6ee7b7;font-size:.82rem}.pg-share-banner>i{color:#059669;flex-shrink:0}.pg-share-input{flex:1;min-width:0;padding:3px 8px;border:1px solid #6ee7b7;border-radius:5px;font-size:.8rem;font-family:monospace;background:#fff;color:#065f46;outline:none}.pg-share-copy-btn,.pg-share-close-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:5px;cursor:pointer;font-size:.82rem;transition:opacity .15s}.pg-share-copy-btn{background:#059669;color:#fff}.pg-share-close-btn{background:#e5e7eb;color:#374151}.pg-share-copy-btn:hover,.pg-share-close-btn:hover{opacity:.8}.pg-rename-row{display:flex;align-items:flex-start;gap:8px;margin-bottom:10px}.pg-rename-input-wrap{flex:1;display:flex;flex-direction:column;gap:3px}.pg-rename-input{flex:1;padding:5px 10px;border:1px solid var(--border-color-medium, #d1d5db);border-radius:6px;font-size:.875rem;font-family:inherit;background:var(--surface-color, #ffffff);color:var(--text-color, #1e293b);outline:none}.pg-rename-input:focus{border-color:var(--brand-primary, #667eea);box-shadow:0 0 0 2px #667eea33}.pg-rename-save-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 14px;border-radius:6px;border:none;background:var(--button-accent-gradient, linear-gradient(135deg, #667eea, #764ba2));color:#fff;font-size:.78rem;font-weight:600;cursor:pointer;font-family:inherit;transition:opacity .15s}.pg-rename-save-btn:hover{opacity:.88}.pg-rename-save-btn:disabled{opacity:.55;cursor:not-allowed}.pg-rename-save-btn i{color:#fff}.pg-rename-cancel-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:6px;border:none;background:var(--button-reset-bg, #b95700);color:var(--button-reset-text, #ffffff);font-size:.78rem;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s}.pg-rename-cancel-btn:hover{background:var(--button-reset-hover-bg, #d46c0b)}.pg-rename-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.pg-translate-panel{background:var(--surface-alt, #f9fafb);border:1px solid var(--border-color-medium, #e5e7eb);border-radius:10px;padding:14px 16px 12px;margin-bottom:12px;display:flex;flex-direction:column;gap:10px}.pg-translate-source-note{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;border-radius:8px;background:#667eea1a;color:var(--text-primary, #1f2937);font-size:.85rem;line-height:1.35}.pg-translate-source-note i{color:var(--brand-primary, #667eea);margin-top:2px}body[data-theme=dark] .pg-translate-source-note{background:#818cf826;color:var(--text-primary, #e6edf3)}.pg-translate-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.pg-translate-field{display:flex;flex-direction:column;gap:4px}.pg-translate-label{font-size:.72rem;font-weight:700;color:var(--text-muted, #6b7280);text-transform:uppercase;letter-spacing:.03em}.pg-translate-actions{display:flex;justify-content:flex-end;gap:8px}.pg-translate-cancel-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:7px;border:none;background:var(--button-reset-bg, #b95700);color:var(--button-reset-text, #ffffff);font-size:.8rem;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s,color .15s}.pg-translate-cancel-btn:hover{background:var(--button-reset-hover-bg, #d46c0b)}.pg-translate-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.pg-translate-go-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:7px;border:none;background:linear-gradient(135deg,#a855f7,#6366f1);color:#fff;font-size:.8rem;font-weight:700;cursor:pointer;transition:opacity .15s}.pg-translate-go-btn:hover{opacity:.88}.pg-translate-go-btn:disabled{opacity:.5;cursor:not-allowed}.pg-audio-player{width:100%;border-radius:8px;outline:none;accent-color:var(--brand-primary, #667eea)}.pg-speed-row{display:flex;align-items:center;gap:5px;margin-top:10px;flex-wrap:wrap}.pg-speed-stepper-row{display:flex;align-items:center;gap:5px;margin-bottom:6px;justify-content:flex-start}.pg-speed-label{font-size:.8rem;color:var(--text-muted, #6b7280);font-weight:600;margin-right:4px}.pg-speed-btn{padding:3px 10px;border-radius:6px;border:1px solid var(--border-color-medium, #d1d5db);background:var(--surface-alt, #f9fafb);color:var(--text-color, #1f2937);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s}.pg-speed-btn:hover{border-color:var(--brand-primary, #667eea);color:var(--brand-primary, #667eea)}.pg-speed-btn.active{background:var(--brand-primary, #667eea);border-color:var(--brand-primary, #667eea);color:#fff}.pg-speed-stepper{display:flex;align-items:center;gap:6px}.pg-speed-stepper-label{font-size:.75rem;font-weight:600;color:var(--text-color, #1f2937);text-transform:uppercase;letter-spacing:.04em}.pg-speed-stepper-controls{display:flex;align-items:center;border:1px solid var(--border-color-medium, #d1d5db);border-radius:7px;overflow:hidden}.pg-speed-stepper-btn{width:30px;height:30px;border:none;background:var(--surface-alt, #f3f4f6);color:var(--text-color, #1f2937);font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;-webkit-user-select:none;user-select:none;transition:background .12s,color .12s}.pg-speed-stepper-btn:hover:not(:disabled){background:var(--brand-primary, #667eea);color:#fff}.pg-speed-stepper-btn:disabled{opacity:.3;cursor:default}.pg-speed-stepper-display{min-width:50px;height:30px;border:none;border-left:1px solid var(--border-color-medium, #d1d5db);border-right:1px solid var(--border-color-medium, #d1d5db);background:#fff;color:var(--text-color, #1f2937);font-size:.82rem;font-weight:700;text-align:center;cursor:pointer;padding:0 5px;transition:background .12s,color .12s}.pg-speed-stepper-display:hover{background:#eef2ff;color:var(--brand-primary, #667eea)}body[data-theme=dark] .pg-speed-stepper-label{color:var(--text-primary, #f3f4f6)}body[data-theme=dark] .pg-speed-stepper-controls{border-color:var(--border-color, #374151)}body[data-theme=dark] .pg-speed-stepper-btn{background:var(--surface-color, #1f2937);color:#e5e7eb}body[data-theme=dark] .pg-speed-stepper-btn:hover:not(:disabled){background:var(--brand-primary, #818cf8);color:#fff}body[data-theme=dark] .pg-speed-stepper-display{background:var(--surface-alt, #111827);color:#e5e7eb;border-color:var(--border-color, #374151)}body[data-theme=dark] .pg-speed-stepper-display:hover{background:#1e1b4b;color:var(--brand-primary, #818cf8)}body[data-theme=dark] .pg-mode-help-btn{color:var(--text-muted, #6b7280)}body[data-theme=dark] .pg-mode-help-btn:hover{color:var(--brand-primary, #818cf8)}body[data-theme=dark] .pg-mode-help-box{background:var(--surface-color, #1f2937);border-color:var(--border-color, #374151);color:var(--text-primary, #e5e7eb)}body[data-theme=dark] .pg-generated-title{color:var(--text-primary, #e5e7eb)}.pg-transcript-btn{margin-left:auto;display:flex;align-items:center;gap:5px;padding:3px 12px;border-radius:6px;border:none;background:var(--button-accent-gradient, linear-gradient(135deg, #667eea, #764ba2));color:#fff;font-size:.78rem;font-weight:600;cursor:pointer;transition:opacity .15s;font-family:inherit}.pg-transcript-btn:hover{opacity:.88}.pg-copy-script-btn{display:flex;align-items:center;gap:5px;padding:3px 12px;border-radius:6px;border:none;background:var(--button-accent-gradient, linear-gradient(135deg, #667eea, #764ba2));color:#fff;font-size:.78rem;font-weight:600;cursor:pointer;transition:opacity .15s;font-family:inherit}.pg-copy-script-btn:hover{opacity:.88}.pg-download-btn{display:flex;align-items:center;gap:5px;padding:3px 12px;border-radius:6px;border:none;background:var(--button-accent-gradient, linear-gradient(135deg, #667eea, #764ba2));color:#fff;font-size:.78rem;font-weight:600;cursor:pointer;transition:opacity .15s;font-family:inherit}.pg-download-btn:hover{opacity:.88}.pg-script-actions{display:flex;justify-content:flex-end;margin-bottom:8px}.pg-edit-script-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:6px;border:none;background:var(--button-accent-gradient, linear-gradient(135deg, #667eea, #764ba2));color:#fff;font-size:.78rem;font-weight:600;cursor:pointer;transition:opacity .15s;font-family:inherit}.pg-edit-script-btn:hover{opacity:.88}.pg-script-editor{width:100%;box-sizing:border-box;border:1px solid var(--border-color-medium, #d1d5db);border-radius:6px;background:var(--surface-color, #ffffff);color:var(--text-primary, #111827);font-size:.85rem;line-height:1.65;font-family:inherit;padding:10px 12px;resize:vertical;outline:none;transition:border-color .15s}.pg-script-editor:focus{border-color:var(--brand-primary, #667eea)}.pg-rerecord-voices{display:flex;gap:10px;margin:8px 0 4px;flex-wrap:wrap}.pg-rerecord-voices .pg-translate-field{flex:1;min-width:160px}.pg-rerecord-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.pg-edit-cancel-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:8px;border:none;background:var(--button-reset-bg, #b95700);color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s;font-family:inherit}.pg-edit-cancel-btn:hover{background:#9a4700}.pg-rerecord-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;border:none;background:var(--button-accent-gradient, linear-gradient(135deg, #667eea, #764ba2));color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:filter .15s,opacity .15s;font-family:inherit}.pg-rerecord-btn:hover:not(:disabled){filter:brightness(1.12)}.pg-rerecord-btn:disabled{opacity:.55;cursor:not-allowed}body[data-theme=dark] .pg-script-editor{background:var(--surface-inset, #1f2937);border-color:var(--border-color-medium, #374151);color:var(--text-primary, #f9fafb)}.pg-transcript-panel{margin-top:10px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;background:var(--surface-inset, #f9fafb);max-height:220px;overflow-y:auto;padding:12px 14px}.pg-transcript-panel--editing{max-height:none;overflow-y:visible}.pg-transcript-panel--editing .pg-script-editor{max-height:220px;overflow-y:auto;resize:vertical}.pg-transcript-text{font-size:.875rem;line-height:1.65;color:var(--text-primary, #111827);white-space:pre-wrap;text-align:left;margin:0;font-family:inherit}.pg-transcript-loading,.pg-transcript-unavailable{font-size:.875rem;color:var(--text-muted, #6b7280);margin:0;display:flex;align-items:center;gap:8px}.pg-transcript-unavailable{font-style:italic}body[data-theme=dark] .pg-transcript-panel{background:var(--surface-inset, #1f2937);border-color:var(--border-color, #374151)}.pg-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1.5rem 1.5rem;gap:.75rem}.pg-empty-icon{font-size:2.75rem;color:var(--brand-primary, #667eea);opacity:.7}.pg-empty-title{margin:0;font-size:1.1rem;font-weight:700;color:var(--text-color, #1e293b)}.pg-empty-desc{margin:0;font-size:.9rem;color:var(--text-muted, #64748b);max-width:420px;line-height:1.55}.pg-empty-features{list-style:none;margin:.25rem 0 0;padding:0;display:flex;flex-direction:column;gap:.35rem;text-align:left;font-size:.85rem;color:var(--text-muted, #64748b)}.pg-empty-features li{display:flex;align-items:center;gap:.5rem}.pg-empty-features .fa-check{color:#22c55e;font-size:.75rem;flex-shrink:0}.pg-empty-cta{margin:.25rem 0 0;font-size:.875rem;color:var(--text-muted, #64748b)}body[data-theme=dark] .pg-empty-title{color:var(--text-primary, #e0e6f1)}body[data-theme=dark] .pg-empty-desc,body[data-theme=dark] .pg-empty-features,body[data-theme=dark] .pg-empty-cta{color:#c9d1d9}.pg-processing-notice{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--warning-bg-light, #fef3c7);border:1px solid var(--warning-color, #f59e0b);border-radius:8px;font-size:.875rem;color:var(--warning-text, #d97706)}.pg-generating-banner{display:flex;flex-direction:column;gap:8px;padding:12px 14px;background:#eff6ff;border:1px solid #93c5fd;border-radius:8px;font-size:.875rem;color:#1d4ed8;margin-bottom:4px}.pg-gen-banner-top{display:flex;align-items:center;gap:10px}.pg-gen-banner-label{flex:1}.pg-gen-pct{font-weight:700;font-size:.9rem;min-width:36px;text-align:right}.pg-gen-dismiss-btn{margin-left:6px;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:none;background:#00000026;color:inherit;cursor:pointer;font-size:.7rem;opacity:.7;transition:opacity .15s,background .15s}.pg-gen-dismiss-btn:hover{opacity:1;background:#00000047}.pg-gen-progress-track{width:100%;height:6px;background:#bfdbfe;border-radius:3px;overflow:hidden}.pg-gen-progress-bar{height:100%;background:#2563eb;border-radius:3px;transition:width .6s ease}.pg-gen-info-msg{margin:6px 0 0;font-size:.8rem;color:#1d4ed8;opacity:.85;display:flex;align-items:flex-start;gap:6px;line-height:1.45}.pg-gen-info-msg .fa-info-circle{flex-shrink:0;margin-top:2px}.pg-form{display:flex;flex-direction:column;gap:36px}.pg-fields-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.pg-fields-row--tight{margin-top:-8px}.pg-field{display:flex;flex-direction:column;gap:11px}.pg-label{font-size:.85rem;font-weight:600;color:var(--text-secondary, #374151);display:flex;align-items:center;gap:6px}.pg-label i{color:var(--brand-primary, #667eea);font-size:.8rem;width:14px;text-align:center}.pg-kit-badge{margin-left:auto;font-size:.72rem;font-weight:700;color:var(--text-muted, #6b7280);background:var(--surface-inset, #f0f1f3);border:1px solid var(--border-color, #e5e7eb);padding:1px 7px;border-radius:10px;white-space:nowrap}.pg-voice-tier-badge{margin-left:auto;font-size:.7rem;font-weight:700;padding:1px 7px;border-radius:10px;white-space:nowrap}.pg-tier-journey{background:#ede9fe;color:#6d28d9;border:1px solid #c4b5fd}.pg-tier-studio{background:#fef3c7;color:#d97706;border:1px solid #fcd34d}.pg-tier-neural2{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.pg-tier-wavenet{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}body[data-theme=dark] .pg-tier-journey{background:#4c1d95;color:#c4b5fd;border-color:#6d28d9}body[data-theme=dark] .pg-tier-studio{background:#78350f;color:#fcd34d;border-color:#d97706}body[data-theme=dark] .pg-tier-neural2{background:#064e3b;color:#6ee7b7;border-color:#059669}body[data-theme=dark] .pg-tier-wavenet{background:#1e3a5f;color:#93c5fd;border-color:#2563eb}.pg-slider-value{margin-left:auto;font-size:.82rem;font-weight:700;color:var(--brand-primary, #667eea);background:var(--info-bg-subtle, #eff6ff);padding:1px 8px;border-radius:10px}.pg-select,.pg-input{padding:8px 10px;border:1px solid var(--border-color-medium, #d1d5db);border-radius:8px;background:var(--surface-color, #ffffff);color:var(--text-primary, #111827);font-size:.9rem;font-family:inherit;transition:border-color .2s,box-shadow .2s}.pg-select:focus,.pg-input:focus{outline:none;border-color:var(--brand-primary, #667eea);box-shadow:0 0 0 3px var(--focus-ring-color, rgba(102, 126, 234, .3))}.pg-help-text{margin-top:6px;font-size:.76rem;line-height:1.45;color:var(--text-secondary, #6b7280)}.pg-file-picker{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1.5px solid var(--border-color, #e5e7eb);border-radius:8px;background:var(--bg-input, #f9fafb)}.pg-file-picker-preview{flex-shrink:0;width:52px;height:52px;border-radius:50%;overflow:hidden;border:2px solid var(--border-color, #e5e7eb);background:var(--bg-secondary, #f3f4f6);display:flex;align-items:center;justify-content:center}.pg-file-picker-img{width:100%;height:100%;object-fit:cover;display:block}.pg-file-picker-icon{font-size:1.4rem;color:var(--text-secondary, #9ca3af)}.pg-file-picker-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.pg-file-picker-actions{display:flex;flex-wrap:wrap;gap:8px}.pg-file-picker-name{font-size:.82rem;color:var(--text-secondary, #6b7280);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pg-file-picker-btn{align-self:flex-start;padding:5px 12px;font-size:.82rem;border-radius:6px;border:1.5px solid var(--primary, #6366f1);background:transparent;color:var(--primary, #6366f1);cursor:pointer;transition:background .15s,color .15s}.pg-file-picker-btn:hover{background:var(--primary, #6366f1);color:#fff}body[data-theme=dark] .pg-file-picker{background:var(--surface-alt, #21262d);border-color:var(--border-color, #30363d)}body[data-theme=dark] .pg-file-picker-preview{background:var(--surface-color, #161b22);border-color:var(--border-color, #30363d)}body[data-theme=dark] .pg-file-picker-icon{color:var(--text-muted, #6e7681)}body[data-theme=dark] .pg-file-picker-name{color:var(--text-secondary, #8b949e)}body[data-theme=dark] .pg-file-picker-btn{border-color:var(--brand-primary, #818cf8);color:var(--brand-primary, #818cf8)}body[data-theme=dark] .pg-file-picker-btn:hover{background:var(--brand-primary, #818cf8);color:#fff}.pg-skin-library-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1520;background:#0f172a6b;display:flex;align-items:center;justify-content:center;padding:24px}.pg-skin-library{width:min(920px,96vw);max-height:min(78vh,760px);background:var(--surface-color, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:14px;box-shadow:0 22px 60px #0f172a3d;display:flex;flex-direction:column;overflow:hidden}.pg-skin-library-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 18px 12px;border-bottom:1px solid var(--border-color, #e5e7eb)}.pg-skin-library-title{margin:0;font-size:1rem;font-weight:700;color:var(--text-primary, #111827)}.pg-skin-library-subtitle{margin:4px 0 0;font-size:.82rem;color:var(--text-secondary, #6b7280)}.pg-skin-library-close{border:none;background:transparent;color:var(--text-secondary, #6b7280);cursor:pointer;font-size:1.4rem;line-height:1;padding:2px 4px}.pg-skin-library-grid{padding:16px 18px 18px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.pg-skin-library-item{border:1.5px solid var(--border-color, #e5e7eb);border-radius:12px;background:var(--bg-input, #f9fafb);padding:10px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}.pg-skin-library-item:hover{transform:translateY(-1px);border-color:var(--primary, #6366f1);box-shadow:0 10px 24px #6366f11f}.pg-skin-library-item.is-selected{border-color:var(--primary, #6366f1);box-shadow:0 0 0 3px #6366f124}.pg-skin-library-image{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color, #e5e7eb);background:var(--surface-color, #ffffff)}.pg-skin-library-name{width:100%;font-size:.75rem;line-height:1.25;color:var(--text-secondary, #6b7280);text-align:center;word-break:break-word}body[data-theme=dark] .pg-skin-library{background:var(--surface-color, #161b22);border-color:var(--border-color, #30363d)}body[data-theme=dark] .pg-skin-library-header{border-color:var(--border-color, #30363d)}body[data-theme=dark] .pg-skin-library-title{color:var(--text-primary, #f3f4f6)}body[data-theme=dark] .pg-skin-library-subtitle,body[data-theme=dark] .pg-skin-library-close,body[data-theme=dark] .pg-skin-library-name{color:var(--text-secondary, #9ca3af)}body[data-theme=dark] .pg-skin-library-item{background:var(--surface-alt, #21262d);border-color:var(--border-color, #30363d)}body[data-theme=dark] .pg-skin-library-item:hover,body[data-theme=dark] .pg-skin-library-item.is-selected{border-color:var(--brand-primary, #818cf8)}body[data-theme=dark] .pg-skin-library-image{border-color:var(--border-color, #30363d);background:var(--surface-color, #161b22)}.pg-input--error{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444433!important}.pg-field-error{color:#ef4444;font-size:.78rem;margin-top:3px;display:block}.pg-char-count{color:var(--text-secondary, #6b7280);font-size:.75rem;font-weight:400;margin-left:auto}.pg-field--name .pg-input{width:100%;box-sizing:border-box}.pg-fields-row:has(.pg-field--name){grid-template-columns:1fr}.pg-checkbox-label{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:.88rem;color:var(--text-primary, #111827);padding:8px 12px;border:1px solid var(--border-color-medium, #d1d5db);border-radius:8px;background:var(--surface-color, #fff);transition:border-color .2s,background .2s;-webkit-user-select:none;user-select:none;white-space:nowrap;box-sizing:border-box}.pg-checkbox-label:has(.pg-checkbox:checked){border-color:var(--brand-primary, #667eea);background:color-mix(in srgb,var(--brand-primary, #667eea) 8%,transparent)}.pg-checkbox{flex-shrink:0;width:16px;height:16px;accent-color:var(--brand-primary, #667eea);cursor:pointer}body[data-theme=dark] .pg-checkbox-label{background:var(--surface-color, #1f2937);color:var(--text-primary, #f9fafb);border-color:var(--border-color-medium, #374151)}body[data-theme=dark] .pg-checkbox-label:has(.pg-checkbox:checked){border-color:var(--brand-primary, #818cf8);background:color-mix(in srgb,var(--brand-primary, #818cf8) 12%,transparent)}.pg-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:5px;background:var(--border-color, #e5e7eb);border-radius:3px;cursor:pointer;accent-color:var(--brand-primary, #667eea)}.pg-range-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted, #6b7280);margin-top:4px}.pg-error{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--error-bg-light, #fee2e2);border:1px solid var(--error-border, #fca5a5);border-radius:8px;font-size:.875rem;color:var(--error-text, #dc2626)}.pg-success{text-align:center;padding:24px 16px;color:var(--success-text, #059669)}.pg-success i{font-size:2.8rem;margin-bottom:10px;display:block}.pg-success p{margin:0;font-size:1rem;font-weight:600}.pg-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 20px;border-top:1px solid var(--border-color, #e5e7eb);background:var(--surface-alt, #f9fafb)}.pg-btn-cancel{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border:none;border-radius:8px;font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;background:var(--button-reset-bg, #b95700);color:var(--button-reset-text, #ffffff);transition:all .2s}.pg-btn-cancel:hover:not(:disabled){background:var(--button-reset-hover-bg, #d46c0b)}.pg-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.pg-btn-generate{display:inline-flex;align-items:center;gap:7px;padding:9px 22px;border:none;border-radius:8px;font-size:.9rem;font-weight:700;font-family:inherit;cursor:pointer;background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:var(--text-inverse, #ffffff);transition:all .2s}.pg-btn-generate:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--button-accent-shadow, 0 4px 12px rgba(102, 126, 234, .4))}.pg-btn-generate:disabled{background:var(--button-disabled-bg, rgba(102, 126, 234, .6));cursor:not-allowed;transform:none;box-shadow:none}body[data-theme=dark] .pg-dialog{border-color:var(--border-color-medium)}.pg-confirm-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}.pg-confirm-box{background:var(--surface, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:12px;padding:28px 24px 22px;max-width:340px;width:90%;text-align:center;box-shadow:0 8px 32px #0000002e}.pg-confirm-icon{font-size:2rem;color:var(--error-color, #dc2626);margin-bottom:12px;display:block}.pg-confirm-msg{font-size:.92rem;color:var(--text-primary, #111827);line-height:1.5;margin:0 0 20px}.pg-confirm-actions{display:flex;justify-content:center;gap:10px}.pg-avatar-change-btn{display:block;margin:4px auto 0;background:none;border:1px solid var(--border-color, #c4c9d4);border-radius:20px;color:var(--text-color, #374151);font-size:.68rem;padding:2px 8px;cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap;opacity:1}.pg-avatar-change-btn:hover{background:var(--brand-primary, #667eea);color:#fff;border-color:var(--brand-primary, #667eea)}.pg-avatar-picker{background:var(--surface-color, #fff);border:1px solid var(--border-color-medium, #d1d5db);border-radius:12px;box-shadow:0 12px 40px #00000038;z-index:9999;width:280px;padding:8px 10px 10px;animation:pgPickerIn .15s ease-out}@keyframes pgPickerIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.pg-avatar-picker-title{display:flex;align-items:center;justify-content:space-between;font-size:.78rem;font-weight:700;color:var(--text-primary, #111827);margin-bottom:8px}.pg-avatar-picker-close{background:none;border:none;color:var(--text-secondary, #6b7280);cursor:pointer;font-size:.85rem;padding:2px 4px;border-radius:4px;line-height:1}.pg-avatar-picker-close:hover{color:var(--text-primary, #111827)}.pg-avatar-picker-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px;max-height:180px;overflow-y:auto;padding-right:2px}.pg-avatar-picker-item{background:none;border:2px solid transparent;border-radius:50%;padding:0;cursor:pointer;transition:border-color .15s,transform .15s;aspect-ratio:1;overflow:hidden;min-width:0;min-height:0}.pg-avatar-picker-item img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;border-radius:50%}.pg-avatar-picker-item:hover{border-color:var(--brand-primary, #667eea);transform:scale(1.1)}.pg-avatar-picker-item--selected{border-color:var(--brand-primary, #667eea);box-shadow:0 0 0 2px #667eea59}.pg-avatar-picker-upload-row{border-top:1px solid var(--border-color, #e5e7eb);padding-top:8px;text-align:center}.pg-avatar-picker-upload-btn{background:none;border:1px dashed var(--border-color-medium, #d1d5db);border-radius:6px;color:var(--text-secondary, #6b7280);font-size:.76rem;padding:5px 14px;cursor:pointer;transition:background .15s,color .15s}.pg-avatar-picker-upload-btn:hover{background:var(--surface-hover, #f3f4f6);color:var(--text-primary, #111827)}body[data-theme=dark] .pg-avatar-picker{background:#1e2228;border-color:#3d444d}body[data-theme=dark] .pg-avatar-picker-title{color:#e6edf3}body[data-theme=dark] .pg-avatar-picker-close{color:#8b949e}body[data-theme=dark] .pg-avatar-picker-close:hover{color:#e6edf3}body[data-theme=dark] .pg-avatar-picker-upload-row{border-color:#30363d}body[data-theme=dark] .pg-avatar-picker-upload-btn{border-color:#484f58;color:#8b949e}body[data-theme=dark] .pg-avatar-picker-upload-btn:hover{background:#262d36;color:#e6edf3}body[data-theme=dark] .pg-avatar-change-btn{border-color:#8b949e;color:#e6edf3}body[data-theme=dark] .pg-avatar-change-btn:hover{background:#667eea;color:#fff;border-color:#667eea}.pg-confirm-cancel,.pg-confirm-delete{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:8px;font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s}.pg-confirm-cancel{background:var(--button-reset-bg, #b95700);color:#fff;border-color:transparent}.pg-confirm-cancel:hover{background:#9a4700}.pg-confirm-delete{background:var(--error-color, #dc2626);color:#fff}.pg-confirm-delete:hover{background:#b91c1c}body[data-theme=dark] .pg-confirm-box{background:var(--surface, #1f2937);border-color:var(--border-color-medium, #374151)}body[data-theme=dark] .pg-confirm-cancel{background:var(--button-reset-bg, #b95700);color:#fff;border-color:transparent}.pg-confirm-box--blocked{text-align:left;max-width:460px}.pg-confirm-box--blocked .pg-confirm-icon{display:table;margin:0 auto 12px}.pg-confirm-ok{background:var(--button-accent-gradient, linear-gradient(135deg, #667eea, #764ba2));color:#fff}.pg-confirm-ok:hover{background:linear-gradient(135deg,#5a6fd6,#6a3d8f);filter:brightness(1.08)}body[data-theme=dark] .pg-subtitle{color:var(--text-secondary, rgba(255, 255, 255, .65))}body[data-theme=dark] .pg-select,body[data-theme=dark] .pg-input{background:var(--surface-alt);color:var(--text-primary);border-color:var(--border-color-medium)}body[data-theme=dark] .pg-range{background:var(--border-color-medium)}body[data-theme=dark] .pg-processing-notice{background:var(--warning-bg-light);border-color:var(--warning-color)}body[data-theme=dark] .pg-generating-banner{background:#1e3a5f;border-color:#3b82f6;color:#93c5fd}body[data-theme=dark] .pg-gen-info-msg{color:#93c5fd}body[data-theme=dark] .pg-gen-progress-track{background:#1e3a8a}body[data-theme=dark] .pg-gen-progress-bar{background:#60a5fa}body[data-theme=dark] .pg-audio-player{color-scheme:dark}body[data-theme=dark] .pg-section-title{color:var(--text-primary, #e5e7eb)}body[data-theme=dark] .pg-track-btn{background:var(--surface-alt, #21262d);border-color:var(--border-color, #374151);color:var(--text-color, #c9d1d9)}body[data-theme=dark] .pg-track-btn:hover{border-color:var(--brand-primary, #818cf8);color:var(--brand-primary, #818cf8)}body[data-theme=dark] .pg-track-btn.active{background:var(--brand-primary, #667eea);border-color:var(--brand-primary, #667eea);color:#fff}body[data-theme=dark] .pg-track-info{color:var(--text-primary, #e5e7eb)}body[data-theme=dark] .pg-track-style-tag{color:var(--text-muted, #8b949e)}body[data-theme=dark] .pg-track-delete-btn{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;border:none}body[data-theme=dark] .pg-track-delete-btn:hover{opacity:.85}body[data-theme=dark] .pg-translate-label{color:var(--text-primary, #e5e7eb)}body[data-theme=dark] .pg-translate-panel{background:var(--surface-alt, #21262d);border-color:var(--border-color, #374151)}body[data-theme=dark] .audio-avatar-icon{background:var(--surface-color, #161b22);border-color:var(--border-color, #30363d)}body[data-theme=dark] .audio-avatar--active .audio-avatar-icon{border-color:var(--brand-primary, #818cf8)}body[data-theme=dark] .audio-avatar-toggle{background:linear-gradient(135deg,#818cf8,#a78bfa);color:#fff;border:none}body[data-theme=dark] .pg-rename-input{background:var(--surface-alt, #21262d);border-color:var(--border-color, #374151);color:var(--text-primary, #e5e7eb)}body[data-theme=dark] .pg-speed-row{border-color:var(--border-color, #374151)}@media (max-width: 520px){.pg-fields-row{grid-template-columns:1fr}.pg-subtitle{max-width:200px}}.pg-sources-accordion{margin-top:8px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;overflow:hidden}.pg-sources-accordion__toggle{display:flex;align-items:center;gap:6px;width:100%;padding:8px 12px;background:var(--surface-inset, #f9fafb);border:none;color:var(--text-secondary, #374151);font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;text-align:left;transition:background .15s}.pg-sources-accordion__toggle:hover{background:var(--surface-hover, #f3f4f6);color:var(--text-primary, #111827)}.pg-sources-accordion__toggle i{font-size:.7rem}.pg-sources-accordion__list{list-style:none;margin:0;padding:8px 12px 10px;display:flex;flex-direction:column;gap:4px;background:var(--surface-color, #fff)}.pg-sources-accordion__item{display:flex;align-items:baseline;gap:6px;font-size:.82rem;line-height:1.4}.pg-sources-accordion__item a{color:var(--brand-primary, #667eea);text-decoration:none;word-break:break-all}.pg-sources-accordion__item a:hover{text-decoration:underline}.pg-sources-accordion__domain{flex-shrink:0;font-size:.72rem;color:var(--text-muted, #6b7280)}body[data-theme=dark] .pg-sources-accordion{border-color:#ffffff1f}body[data-theme=dark] .pg-sources-accordion__toggle{background:#ffffff0f;color:#ffffffbf}body[data-theme=dark] .pg-sources-accordion__toggle:hover{background:#ffffff1a;color:#fff}body[data-theme=dark] .pg-sources-accordion__list{background:transparent}body[data-theme=dark] .pg-sources-accordion__item a{color:#7fc3ff}body[data-theme=dark] .pg-sources-accordion__domain{color:#fff6}.audio-study-guide{background-color:var(--secondary-bg, #f4f6fc);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 6px #0000000d}.audio-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.audio-header i{color:var(--primary-color, #4361ee);font-size:1.5rem}.audio-header h3{margin:0;color:var(--text-color, #1e293b);font-size:1.25rem;font-weight:600}.audio-header .badge{background-color:#ef4444;color:#fff;font-size:.75rem;padding:.15rem .5rem;border-radius:999px;font-weight:700;margin-left:.25rem}.audio-type-badge{background-color:var(--primary-color, #4361ee);color:#fff;font-size:.75rem;padding:.15rem .6rem;border-radius:999px;font-weight:500}.audio-desc{color:var(--text-muted, #64748b);margin:0 0 1rem;font-size:.95rem}.audio-track-selector{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.audio-track-btn{background:#667eea1f;border:1px solid rgba(102,126,234,.3);color:var(--text-primary, #e0e6f1);padding:5px 14px;border-radius:20px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s}.audio-track-btn:hover{background:#667eea40}.audio-track-btn.active{background:var(--brand-primary, #667eea);color:#fff;border-color:transparent}.audio-player{width:100%;border-radius:8px;outline:none}.audio-controls-row{display:flex;align-items:center;justify-content:center;margin-top:.5rem}.speed-stepper{display:flex;align-items:center;gap:.5rem}.speed-stepper-label{font-size:.8rem;font-weight:600;color:var(--text-color, #1e293b);text-transform:uppercase;letter-spacing:.04em}.speed-stepper-controls{display:flex;align-items:center;border:1px solid var(--border-color, #cbd5e1);border-radius:8px;overflow:hidden}.speed-stepper-btn{width:32px;height:32px;border:none;background:var(--secondary-bg, #f1f5f9);color:var(--text-color, #1e293b);font-size:1.1rem;font-weight:700;cursor:pointer;transition:background .12s,color .12s;display:flex;align-items:center;justify-content:center;padding:0;-webkit-user-select:none;user-select:none}.speed-stepper-btn:hover:not(:disabled){background:var(--primary-color, #4361ee);color:#fff}.speed-stepper-btn:disabled{opacity:.3;cursor:default}.speed-stepper-display{min-width:52px;height:32px;border:none;border-left:1px solid var(--border-color, #cbd5e1);border-right:1px solid var(--border-color, #cbd5e1);background:var(--card-bg, #fff);color:var(--text-color, #1e293b);font-size:.85rem;font-weight:700;text-align:center;cursor:pointer;padding:0 6px;transition:background .12s,color .12s}.speed-stepper-display:hover{background:var(--primary-color-light, #eef2ff);color:var(--primary-color, #4361ee)}body[data-theme=dark] .speed-stepper-label{color:var(--text-primary, #e6edf3)}body[data-theme=dark] .speed-stepper-controls{border-color:var(--border-color, #30363d)}body[data-theme=dark] .speed-stepper-btn{background:var(--surface-color, #161b22);color:var(--text-color, #c9d1d9)}body[data-theme=dark] .speed-stepper-btn:hover:not(:disabled){background:var(--brand-primary, #818cf8);color:#fff}body[data-theme=dark] .speed-stepper-display{background:var(--surface-alt, #21262d);color:var(--text-color, #c9d1d9);border-color:var(--border-color, #30363d)}body[data-theme=dark] .speed-stepper-display:hover{background:var(--surface-hover, #1c2128);color:var(--brand-primary, #818cf8)}.audio-transcript-btn{display:inline-flex;align-items:center;gap:.35rem;margin-top:.85rem;background:none;border:1px solid var(--border-color, #cbd5e1);border-radius:6px;padding:.3rem .75rem;font-size:.875rem;color:var(--primary-color, #4361ee);cursor:pointer;font-weight:500;transition:background .15s}.audio-transcript-btn:hover{background:var(--primary-color-light, #eef2ff)}.audio-transcript{margin-top:.75rem;max-height:280px;overflow-y:auto;background:#fff;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;padding:1rem}.transcript-text{white-space:pre-wrap;word-break:break-word;font-family:inherit;font-size:.9rem;color:var(--text-color, #1e293b);margin:0}.transcript-loading,.transcript-unavailable{color:var(--text-muted, #64748b);font-style:italic;font-size:.9rem;text-align:center;margin:0}.audio-unavailable{background-color:#f1f5f9;padding:1rem;border-radius:8px;text-align:center;color:#64748b;font-style:italic}body[data-theme=dark] .audio-study-guide{background-color:var(--surface-alt, #21262d);border-color:var(--border-color, #30363d)}body[data-theme=dark] .audio-header h3{color:var(--text-primary, #e6edf3)}body[data-theme=dark] .audio-desc{color:var(--text-muted, #8b949e)}body[data-theme=dark] .audio-speed-btn{background:var(--surface-color, #161b22);color:var(--text-color, #c9d1d9);border-color:var(--border-color-medium, #3d444d)}body[data-theme=dark] .audio-speed-btn:hover,body[data-theme=dark] .audio-speed-btn.active{background:var(--brand-primary, #818cf8);color:#fff;border-color:transparent}body[data-theme=dark] .audio-speed-label{color:var(--text-muted, #8b949e)}body[data-theme=dark] .knob-track{stroke:var(--border-color, #30363d)}body[data-theme=dark] .knob-fill{stroke:var(--brand-primary, #818cf8)}body[data-theme=dark] .knob-thumb{fill:var(--brand-primary, #818cf8)}body[data-theme=dark] .knob-tick{stroke:var(--border-color, #30363d)}body[data-theme=dark] .knob-tick--active{stroke:var(--brand-primary, #818cf8)}body[data-theme=dark] .knob-label{fill:var(--text-primary, #e6edf3)}body[data-theme=dark] .speed-knob-title{color:var(--text-muted, #8b949e)}body[data-theme=dark] .audio-transcript-btn{color:var(--brand-primary, #818cf8);border-color:var(--border-color, #30363d)}body[data-theme=dark] .audio-transcript-btn:hover{background:var(--surface-hover, #1c2128)}body[data-theme=dark] .audio-transcript{background:var(--surface-color, #161b22);border-color:var(--border-color, #30363d)}body[data-theme=dark] .transcript-text{color:var(--text-color, #c9d1d9)}body[data-theme=dark] .transcript-loading,body[data-theme=dark] .transcript-unavailable{color:var(--text-muted, #8b949e)}body[data-theme=dark] .audio-unavailable{background-color:var(--surface-inset, #0d1117);color:var(--text-muted, #8b949e)}.audio-avatar-row{display:flex;align-items:center;justify-content:center;gap:2.5rem;padding:.75rem 0 1rem;position:relative}.audio-avatar{display:flex;flex-direction:column;align-items:center;gap:.4rem;transition:transform .2s ease,opacity .2s ease,filter .2s ease}.audio-avatar-icon{width:104px;height:104px;border-radius:50%;background:var(--secondary-bg, #f4f6fc);border:3px solid var(--border-color, #e2e8f0);display:flex;align-items:center;justify-content:center;font-size:2.6rem;color:var(--text-muted, #64748b);transition:border-color .2s ease,box-shadow .2s ease,color .2s ease;overflow:hidden;position:relative}.audio-avatar-icon .avatar-photo{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:50%;z-index:1}.audio-avatar--active .audio-avatar-icon .avatar-photo:after{content:"";position:absolute;bottom:0;left:0;right:0;height:30px;background:linear-gradient(to top,rgba(0,0,0,.45),transparent);border-radius:0 0 50% 50%;pointer-events:none}.audio-avatar-label{font-size:.75rem;color:var(--text-muted, #64748b);font-weight:500;transition:color .2s ease}.audio-avatar--inactive{opacity:.55;filter:grayscale(30%);transform:scale(1)}.audio-avatar--hidden{display:none}.audio-avatar--active{animation:avatar-spring-pop .35s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes avatar-spring-pop{0%{transform:scale(1)}60%{transform:scale(1.18)}to{transform:scale(1.12)}}.audio-avatar--active .audio-avatar-icon{border-color:var(--brand-primary, #667eea);box-shadow:0 0 0 4px #667eea59;color:var(--brand-primary, #667eea)}.audio-avatar--active .audio-avatar-icon:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;background:radial-gradient(circle,rgba(102,126,234,.55) 0%,transparent 70%);filter:blur(12px);animation:aura-bloom 2s ease-in-out infinite;z-index:0;pointer-events:none}@keyframes aura-bloom{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.85;transform:scale(1.2)}}.audio-avatar-toggle{position:absolute;right:0;top:0;bottom:0;margin:auto;width:32px;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;padding:0;font-size:.8rem;color:#fff;cursor:pointer;transition:filter .15s,transform .15s;outline:none;box-sizing:border-box}.audio-avatar-toggle:hover,.audio-avatar-toggle:focus{filter:brightness(1.15);transform:scale(1.08);color:#fff}.audio-cc-toggle{position:absolute;right:0;top:50%;margin-top:18px;width:32px;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;padding:0;font-size:.85rem;color:#fff;cursor:pointer;transition:filter .15s,transform .15s,opacity .15s;outline:none;box-sizing:border-box}.audio-cc-toggle[aria-pressed=false]{opacity:1;filter:none}.audio-cc-toggle:hover,.audio-cc-toggle:focus{filter:brightness(1.15);transform:scale(1.08);opacity:1;color:#fff}.audio-cc-toggle-off{position:absolute;font-size:1.4rem;font-weight:700;color:#fff;line-height:1;pointer-events:none;text-shadow:0 0 2px rgba(0,0,0,.4)}body[data-theme=dark] .audio-cc-toggle{background:linear-gradient(135deg,#818cf8,#a78bfa)}body[data-theme=dark] .audio-cc-toggle:hover,body[data-theme=dark] .audio-cc-toggle:focus{filter:brightness(1.2)}.audio-caption-panel{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem;min-height:3.5rem;max-height:8rem;overflow-y:auto;padding:.65rem .85rem;margin:0 0 .65rem;border-radius:10px;background:var(--secondary-bg, #f4f6fc);border-left:4px solid var(--brand-primary, #667eea);color:var(--text-primary, #1f2937);font-size:.95rem;line-height:1.45;scrollbar-width:thin}.audio-caption-panel--cohost{border-left-color:#f59e0b}.audio-caption-speaker{font-weight:700;color:var(--brand-primary, #667eea);flex-shrink:0}.audio-caption-panel--cohost .audio-caption-speaker{color:#d97706}.audio-caption-text{flex:1 1 auto;word-wrap:break-word;overflow-wrap:anywhere}.audio-caption-text--placeholder{color:var(--text-muted, #94a3b8);font-style:italic}body[data-theme=dark] .audio-caption-panel{background:var(--surface-color, #161b22);color:var(--text-primary, #e6edf3);border-left-color:var(--brand-primary, #818cf8)}body[data-theme=dark] .audio-caption-panel--cohost{border-left-color:#fbbf24}body[data-theme=dark] .audio-caption-speaker{color:var(--brand-primary, #818cf8)}body[data-theme=dark] .audio-caption-panel--cohost .audio-caption-speaker{color:#fbbf24}body[data-theme=dark] .audio-avatar-icon{background:var(--surface-color, #161b22);border-color:var(--border-color, #30363d);color:var(--text-muted, #8b949e)}body[data-theme=dark] .audio-avatar-label{color:var(--text-muted, #8b949e)}body[data-theme=dark] .audio-avatar--active .audio-avatar-icon{border-color:var(--brand-primary, #818cf8);box-shadow:0 0 0 4px #818cf840;color:var(--brand-primary, #818cf8)}body[data-theme=dark] .audio-avatar--active .audio-avatar-label{color:var(--brand-primary, #818cf8)}body[data-theme=dark] .audio-avatar-toggle{background:linear-gradient(135deg,#818cf8,#a78bfa);border:none;color:#fff}body[data-theme=dark] .audio-avatar-toggle:hover,body[data-theme=dark] .audio-avatar-toggle:focus{filter:brightness(1.2);transform:scale(1.08);color:#fff}.audio-avatar-icon .waveform-bar{display:none}.audio-avatar--active .audio-avatar-icon .waveform-bar{display:block;position:absolute;bottom:12px;width:4px;border-radius:2px;background:#fff;box-shadow:0 0 4px #fffc;animation:waveform-bar .6s ease-in-out infinite;pointer-events:none;z-index:2}.audio-avatar--active .audio-avatar-icon .waveform-bar:nth-of-type(1){left:calc(50% - 9px);animation-delay:0s}.audio-avatar--active .audio-avatar-icon .waveform-bar:nth-of-type(2){left:calc(50% - 3px);animation-delay:.15s}.audio-avatar--active .audio-avatar-icon .waveform-bar:nth-of-type(3){left:calc(50% + 3px);animation-delay:.3s}.audio-avatar--active .audio-avatar-icon .waveform-bar:nth-of-type(4){left:calc(50% + 9px);animation-delay:.45s}@keyframes waveform-bar{0%,to{height:4px;opacity:.7}50%{height:20px;opacity:1}}body[data-theme=dark] .audio-avatar--active .audio-avatar-icon .waveform-bar{background:var(--brand-primary, #818cf8)}@media (prefers-reduced-motion: reduce){.audio-avatar--active{animation:none;transform:scale(1.12)}.audio-avatar--active .audio-avatar-icon:before{animation:none;opacity:.5}.audio-avatar--active .audio-avatar-icon .waveform-bar{animation:none;height:8px;opacity:.8}.audio-avatar{transition:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.audio-sources-accordion{margin-top:8px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;overflow:hidden}.audio-sources-accordion__toggle{display:flex;align-items:center;gap:6px;width:100%;padding:8px 12px;background:var(--surface-inset, #f9fafb);border:none;color:var(--text-secondary, #374151);font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;text-align:left;transition:background .15s}.audio-sources-accordion__toggle:hover{background:var(--surface-hover, #f3f4f6);color:var(--text-primary, #111827)}.audio-sources-accordion__list{list-style:none;margin:0;padding:8px 12px 10px;display:flex;flex-direction:column;gap:4px;background:var(--surface-color, #fff)}.audio-sources-accordion__item{display:flex;align-items:baseline;gap:6px;font-size:.82rem;line-height:1.4}.audio-sources-accordion__item a{color:var(--brand-primary, #667eea);text-decoration:none;word-break:break-all}.audio-sources-accordion__item a:hover{text-decoration:underline}.audio-sources-accordion__domain{flex-shrink:0;font-size:.72rem;color:var(--text-muted, #6b7280)}body[data-theme=dark] .audio-sources-accordion{border-color:#ffffff1f}body[data-theme=dark] .audio-sources-accordion__toggle{background:#ffffff0f;color:#ffffffbf}body[data-theme=dark] .audio-sources-accordion__list{background:transparent}body[data-theme=dark] .audio-sources-accordion__item a{color:#7fc3ff}body[data-theme=dark] .audio-sources-accordion__domain{color:#fff6}.ask-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:10001;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ask-modal{background:var(--surface-color);border-radius:12px;width:90%;max-width:520px;max-height:min(88vh,820px);display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a;overflow:hidden}.ask-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color)}.ask-header h3{margin:0;font-size:17px;font-weight:600;color:var(--text-primary)}.ask-close{background:none;border:none;font-size:18px;color:var(--text-color);cursor:pointer;padding:2px 6px;border-radius:4px}.ask-close:hover{background:var(--surface-hover);color:var(--text-primary)}.ask-kit-info{padding:10px 20px;background:var(--surface-alt);border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ask-kit-title{font-size:13px;font-weight:600;color:var(--text-color)}.ask-existing{font-size:12px;color:var(--text-color)}.ask-warning{font-size:12px;color:var(--error-color);font-weight:500}.ask-body{flex:1;overflow-y:auto;padding:8px 0;min-height:150px;min-width:0}.ask-tabs{display:flex;border-bottom:1px solid var(--border-color);padding:0 20px;gap:0}.ask-tab{display:flex;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:500;color:var(--text-color);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .15s}.ask-tab:hover{color:var(--text-color);background:var(--surface-alt)}.ask-tab.active{color:var(--brand-primary);border-bottom-color:var(--brand-primary);font-weight:600}.ask-student-list-wrapper{display:flex;flex-direction:column}.ask-student-search{display:flex;align-items:center;gap:8px;padding:8px 16px;border-bottom:1px solid var(--surface-hover)}.ask-search-icon{color:var(--text-color);flex-shrink:0}.ask-search-input{flex:1;border:1px solid var(--border-color);border-radius:6px;padding:6px 10px;font-size:13px;outline:none;transition:border-color .15s}.ask-search-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 2px #667eea1a}.ask-select-all-btn{padding:4px 10px;font-size:11px;font-weight:500;color:var(--brand-primary);background:var(--info-bg-subtle);border:1px solid #bfdbfe;border-radius:4px;cursor:pointer;white-space:nowrap;transition:all .15s}.ask-select-all-btn:hover:not(:disabled){background:var(--info-bg-light)}.ask-select-all-btn:disabled{opacity:.5;cursor:not-allowed}.ask-student-list{display:flex;flex-direction:column}.ask-student-row{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:8px 16px 8px 8px;border-bottom:1px solid var(--surface-hover);transition:background .15s}.ask-student-row:last-child{border-bottom:none}.ask-student-row:hover{background:var(--surface-alt)}.ask-student-row.assigned{background:#f0fdf4}.ask-student-info{display:flex;flex-direction:column;flex:1;min-width:0;text-align:left}.ask-student-name{font-size:14px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ask-student-email{font-size:12px;color:var(--text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ask-loading,.ask-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;color:var(--text-color);font-size:14px}.ask-group-tree{display:flex;flex-direction:column}.ask-group-node{border-bottom:1px solid var(--surface-hover)}.ask-group-node:last-child{border-bottom:none}.ask-group-row{display:flex;align-items:center;gap:0px;padding:8px 12px 8px 4px;transition:background .15s;min-height:38px}.ask-group-row:hover{background:var(--surface-alt)}.ask-expand-btn{background:none;border:none;cursor:pointer;padding:3px;color:var(--text-color);display:flex;align-items:center;justify-content:center;border-radius:3px;width:20px;height:20px;flex-shrink:0;margin-left:-8px}.ask-expand-btn:hover{background:var(--border-color)}.ask-expand-spacer{width:20px;flex-shrink:0;margin-left:-8px}.ask-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-right:6px}.ask-group-name{font-size:14px;font-weight:500;color:var(--text-primary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ask-member-count{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-color);flex-shrink:0}.ask-assigned-badge{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--success-text);background:#ecfdf5;padding:3px 8px;border-radius:12px;flex-shrink:0}.ask-unassign-btn{background:none;border:none;cursor:pointer;padding:2px;color:var(--text-color);display:flex;align-items:center;border-radius:3px;margin-left:2px}.ask-unassign-btn:hover{color:var(--error-color);background:var(--error-bg-light)}.ask-select-checkbox{flex-shrink:0;cursor:pointer;padding-left:8px}.ask-select-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--brand-primary);cursor:pointer}.ask-error{padding:8px 20px;font-size:13px;color:var(--error-color);background:var(--error-bg-light);border-top:1px solid #fecaca}.ask-success{padding:8px 20px;font-size:13px;color:var(--success-text);background:#ecfdf5;border-top:1px solid #a7f3d0}.ask-footer{display:flex;flex-direction:column;padding:12px 20px;border-top:1px solid var(--border-color);gap:10px;overflow-y:auto;max-height:42vh;min-height:0}.ask-comment-row{display:flex;flex-direction:column;gap:8px}.ask-comment-label{font-size:12px;font-weight:600;color:var(--text-primary)}.ask-comment-hint{font-weight:500;color:var(--text-color)}.ask-comment-input{width:100%;min-height:calc(5.6em + 20px);max-height:calc(5.6em + 24px);padding:10px 12px;font:inherit;line-height:1.4;color:var(--text-primary);background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;resize:none;overflow-y:auto;box-sizing:border-box}.ask-comment-input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 2px #667eea1a}.ask-comment-count{align-self:flex-end;font-size:11px;color:var(--text-color)}.ask-options-row{display:flex;align-items:center;gap:12px}.ask-toggle-option{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--text-color);cursor:pointer}.ask-toggle-option input[type=checkbox]{width:16px;height:16px;accent-color:var(--brand-primary)}.ask-version-row{display:flex;align-items:center;gap:8px}.ask-version-label{font-size:12px;font-weight:600;color:var(--text-primary);white-space:nowrap}.ask-version-select{flex:1;padding:5px 8px;font-size:12px;border:1px solid var(--border-color);border-radius:6px;background:var(--surface-color);color:var(--text-primary);cursor:pointer}.ask-language-select{max-width:220px}.ask-footer-row{display:flex;justify-content:flex-end;align-items:center;width:100%}.ask-selection-info{font-size:12px;color:var(--text-color);flex:1}.ask-actions{display:flex;gap:8px;justify-content:space-between;width:100%;position:sticky;bottom:0;background:var(--surface-color);padding-top:4px}.ask-cancel-btn{padding:8px 16px;font-size:13px;font-weight:500;color:var(--button-reset-text, white);background:var(--button-reset-bg, #b95700);border:none;border-radius:8px;cursor:pointer;transition:all .15s}.ask-cancel-btn:hover:not(:disabled){background:var(--button-reset-hover-bg, #d46c0b)}.ask-assign-btn{padding:8px 16px;font-size:13px;font-weight:600;color:var(--text-inverse);background:var(--button-accent-gradient, var(--brand-gradient));border:none;border-radius:8px;cursor:pointer;white-space:nowrap;transition:all .2s}.ask-assign-btn-lesson{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;min-width:max-content}.ask-assign-btn-icon{font-size:12px}.ask-assign-btn-icon-gradient{color:transparent;background:linear-gradient(135deg,#fde68a,#fb7185 52%,#818cf8);-webkit-background-clip:text;background-clip:text}.ask-assign-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--button-accent-shadow, 0 4px 12px rgba(102, 126, 234, .4))}.ask-assign-btn:disabled,.ask-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.ask-member-count-wrapper{display:flex;align-items:center;gap:6px;flex-shrink:0}.ask-view-members-btn{background:none;border:1px solid var(--border-color-medium);border-radius:4px;padding:3px 6px;cursor:pointer;color:var(--text-color);display:flex;align-items:center;justify-content:center;transition:all .15s}.ask-view-members-btn:hover{background:var(--brand-gradient);border-color:var(--brand-primary);color:var(--text-inverse)}.ask-members-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:10003;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ask-members-popup{background:var(--surface-color);border-radius:10px;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a;overflow:hidden}.ask-members-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color)}.ask-members-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.ask-modal-close{background:none;border:none;font-size:18px;color:var(--text-color);cursor:pointer;padding:2px 6px;border-radius:4px;transition:all .2s}.ask-modal-close:hover{background:var(--surface-hover);color:var(--text-primary)}.ask-members-body{flex:1;overflow-y:auto;padding:16px 20px}.ask-members-list{display:flex;flex-direction:column;gap:8px}.ask-member-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--surface-alt);border-radius:6px;transition:background .15s}.ask-member-item:hover{background:var(--surface-hover)}.ask-member-info{display:flex;flex-direction:column;flex:1;min-width:0}.ask-member-name{font-size:14px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ask-member-email{font-size:12px;color:var(--text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ask-member-status{flex-shrink:0;text-transform:capitalize}.ask-members-empty{text-align:center;color:var(--text-color);font-size:14px;padding:20px 0}.ask-members-footer{display:flex;justify-content:flex-start;padding:12px 20px;border-top:1px solid var(--border-color);background:var(--surface-alt)}body[data-theme=dark] .ask-student-row.assigned{background:#34d39914}body[data-theme=dark] .ask-assigned-badge{background:#34d3991f}body[data-theme=dark] .ask-select-all-btn{background:#6366f126;border-color:#6366f166}body[data-theme=dark] .ask-select-all-btn:hover:not(:disabled){background:#6366f140}body[data-theme=dark] .ask-success{background:#34d3991a;border-top-color:#34d3994d}body[data-theme=dark] .ask-error{border-top-color:#f8717166}.st-ai-tutors-panel{width:100%;min-height:400px}.st-subject-selection{padding:20px;text-align:center}.st-subject-selection h2{margin-bottom:16px;font-size:1.5rem;color:var(--text-primary)}.st-assigned-lessons{margin:0 0 24px;padding:20px;border:1px solid var(--border-color);border-radius:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-color) 92%,white 8%),var(--surface-color))}.st-assigned-lessons-header{text-align:left;margin-bottom:.75rem}.st-assigned-lessons-title-row{margin:0;align-items:baseline;flex-wrap:wrap}.st-assigned-lessons-header h1{margin:0;font-size:2.2rem;font-weight:700;color:var(--text-primary)}.st-assigned-lessons-subtitle{max-width:none;color:var(--text-secondary, #6b7280)}.st-lesson-lang-row{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:.85rem;color:var(--text-secondary, #374151)}.st-lesson-lang-row label{font-weight:500;white-space:nowrap}.st-lesson-lang-row select{border:1.5px solid var(--border-color, #e5e7eb);border-radius:8px;padding:4px 8px;font-size:.85rem;background:var(--surface-color, #fff);color:var(--text-primary, #111827);cursor:pointer}.st-assigned-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:18px}.st-assigned-card{display:flex;flex-direction:column;gap:12px;padding:14px 16px;border:1px solid var(--border-color);border-left:4px solid var(--brand-primary, #667eea);border-radius:14px;background:var(--surface-color);box-shadow:var(--shadow-sm, 0 6px 20px rgba(15, 23, 42, .06));text-align:left}.st-assigned-card:hover{border-color:var(--brand-primary, #667eea);border-left-color:var(--brand-secondary, #764ba2);box-shadow:0 10px 24px #0f172a1f}.st-assigned-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.st-assigned-card-title-wrap{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.st-assigned-card-top{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.st-assigned-card h3{margin:0;font-size:1.1rem;line-height:1.35;color:var(--text-primary)}.st-assigned-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--info-color, #2563eb) 14%,white 86%);color:var(--info-color, #2563eb);font-size:.76rem;font-weight:700}.st-assigned-chip-muted{background:var(--surface-hover);color:var(--text-secondary)}.st-assigned-chip-status{background:#e7d4f7;color:#6f42c1}.st-assigned-topic{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0;font-size:.9rem;color:var(--text-secondary)}.st-assigned-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px}.st-assigned-meta-column{display:flex;flex-direction:column;gap:6px}.st-assigned-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:flex-start;margin-top:auto}.st-assigned-details-toggle{display:inline-flex;align-items:center;gap:8px}.st-assigned-details{border-top:1px solid var(--border-color);padding-top:12px}.st-assigned-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}.st-assigned-details-item{display:flex;flex-direction:column;gap:4px;font-size:.9rem;color:var(--text-primary)}.st-assigned-details-label{font-size:.76rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--text-secondary)}.st-assigned-standards{margin-top:12px;display:flex;flex-direction:column;gap:8px}.st-assigned-standards-list{display:flex;flex-wrap:wrap;gap:8px}.st-assigned-standard-pill{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:color-mix(in srgb,var(--brand-primary, #667eea) 10%,white 90%);color:var(--brand-primary, #667eea);font-size:.8rem;font-weight:600}.st-lesson-assignment-list{display:flex;flex-direction:column;gap:10px}.st-lesson-assignment-row{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid var(--border-color)}.st-lesson-assignment-row:first-child{border-top:none;padding-top:0}.st-lesson-assignment-copy{display:flex;flex-direction:column;gap:4px;min-width:0;color:var(--text-primary)}.st-lesson-assignment-copy span{color:var(--text-secondary);font-size:.88rem}.st-lesson-assignment-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.st-lesson-library-shell{margin:18px 0 22px;padding:16px;border:1px solid var(--border-color);border-radius:14px;background:color-mix(in srgb,var(--surface-color) 94%,white 6%);text-align:left}.st-lesson-library-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;text-align:left}.st-lesson-library-header h3{margin:0 0 6px;font-size:1.45rem;font-weight:700;color:var(--text-primary)}.st-lesson-library-header p{margin:0;color:var(--text-secondary);max-width:760px;line-height:1.45;font-size:.98rem}.st-sq-progress-banner{display:flex;align-items:center;gap:16px;padding:14px 18px;margin-bottom:16px;background:#6366f11f;border:1px solid rgba(99,102,241,.35);border-radius:10px}.st-sq-progress-spinner{width:28px;height:28px;flex-shrink:0;border:3px solid rgba(99,102,241,.25);border-top-color:#818cf8;border-radius:50%;animation:sq-spin .8s linear infinite}@keyframes sq-spin{to{transform:rotate(360deg)}}.st-sq-progress-text{display:flex;flex-direction:column;gap:3px}.st-sq-progress-text strong{font-size:1rem;font-weight:700;color:#a5b4fc}.st-sq-progress-text span{font-size:.9rem;color:var(--text-secondary)}.skm-tab-bar{display:flex;gap:4px;border-bottom:2px solid var(--border-color, #e5e7eb);margin-bottom:.6rem;flex-wrap:wrap}.skm-tab{background:none;border:none;border-bottom:3px solid transparent;padding:10px 18px;font-size:.95em;font-weight:500;color:var(--text-secondary, #6b7280);cursor:pointer;margin-bottom:-2px;white-space:nowrap;border-radius:0;transition:color .15s,border-color .15s}.skm-tab:hover{color:var(--brand-primary, #667eea)}.skm-tab-active{color:var(--brand-primary, #667eea)!important;border-bottom-color:var(--brand-primary, #667eea)!important}.st-lesson-library-tabs{display:flex}.st-assigned-lessons-tabs{margin-top:10px}.st-lesson-library-grid{margin-top:0;grid-template-columns:repeat(auto-fit,minmax(430px,540px));justify-content:flex-start;align-items:stretch}.st-lesson-library-card{border-left-color:var(--brand-primary, #667eea);padding:.6rem .9rem;gap:.3rem;border-radius:12px;box-shadow:none;transition:all .2s;overflow:visible}.st-lesson-library-card:hover{box-shadow:0 4px 12px #0000001a}.st-lesson-card-body{display:flex;flex:1 1 auto;flex-direction:column;gap:.3rem}.st-lesson-card-header{gap:1rem}.st-lesson-card-header-right{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex-shrink:0}.st-lesson-library-card .st-assigned-card-header{gap:1rem}.st-lesson-library-card .st-assigned-card-top{gap:6px;max-width:46%}.st-lesson-library-card h3,.st-lesson-card-title{font-size:1.1rem;line-height:1.4;margin:0}.st-lesson-library-card .st-assigned-topic,.st-lesson-card-subtitle{margin-top:3px;font-size:.8rem;font-weight:400;color:var(--text-secondary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.st-lesson-library-card .st-assigned-card-title-wrap{min-height:4.45rem;gap:0}.st-lesson-card-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;white-space:nowrap}.st-lesson-card-badge-unassigned{background:var(--surface-hover);color:var(--text-secondary)}.st-lesson-card-badge-assigned{background:#e7d4f7;color:#6f42c1}.st-lesson-card-meta{margin-top:0}.st-lesson-card-inline-row{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.st-lesson-card-meta-emphasis{font-weight:600}.st-lesson-card-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}.st-lesson-card-tool-block{display:flex;flex-direction:column;gap:6px;min-width:0}.st-lesson-card-tool-block-wide{grid-column:1 / -1}.st-lesson-card-tool-label{font-size:.74rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}.st-lesson-card-tool-inline{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.st-lesson-card-tool-inline-due-date{gap:10px}.st-lesson-card-tool-value-label{font-weight:600}.st-lesson-card-date-input{min-width:0;max-width:170px;padding:8px 10px;border:1px solid var(--border-color);border-radius:10px;background:var(--surface-color);color:var(--text-primary);font-size:.74rem;font-weight:700;line-height:1.1}.st-lesson-card-date-input-inline{max-width:132px;padding:2px 6px;border-radius:6px;font-size:.72rem}.st-lesson-card-due-display{color:var(--text-secondary);justify-content:flex-start;text-align:left}.st-lesson-card-due-manage-btn{background:none;border:none;cursor:pointer;padding:0 2px 0 4px;font-size:11px;line-height:1;color:inherit}.st-lesson-card-due-clear-inline-btn{background:none;border:none;cursor:pointer;padding:0 2px;font-size:12px;opacity:.5;transition:opacity .15s,color .15s;line-height:1;color:inherit}.st-lesson-card-due-clear-inline-btn:hover:not(:disabled){opacity:1;color:var(--error-color, #dc2626)}.st-lesson-card-icon-btn{background:none;border:none;cursor:pointer;padding:2px 4px;border-radius:4px;font-size:.85rem;line-height:1;transition:background .15s}.st-lesson-card-icon-btn:hover:not(:disabled){background:#0000000f}.st-lesson-card-icon-btn:disabled{opacity:.5;cursor:not-allowed}.st-lesson-card-inline-btn{padding:8px 12px;min-height:38px}.st-lesson-card-inline-link{display:inline-flex;align-items:center;justify-content:center;gap:4px;background:none;border:none;padding:0;color:var(--brand-primary, #667eea);font:inherit;font-size:.8rem;cursor:pointer}.st-lesson-card-inline-link:hover:not(:disabled){color:#4f46e5}.st-lesson-card-inline-link:disabled{opacity:.55;cursor:not-allowed}.st-lesson-card-meta-item{display:flex;align-items:center;justify-content:flex-start;gap:.25rem;min-width:0;margin:0}.st-lesson-card-share-row{min-height:1.3rem}.st-lesson-card-quick-link-row{display:flex;align-items:center;justify-content:flex-start;gap:.35rem;min-width:0;margin-top:4px;flex-wrap:wrap;text-align:left}.st-lesson-card-quick-link-active{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}.st-lesson-card-quick-link-label{font-size:.8rem;font-weight:600;color:#1d4ed8;white-space:nowrap}.st-lesson-card-quick-link-url{font-size:.75rem;color:var(--text-secondary, #6b7280);font-family:monospace;background:var(--bg-tertiary, #f3f4f6);border-radius:4px;padding:1px 5px;max-width:240px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st-lesson-card-quick-link-danger:hover:not(:disabled){background:#ef44441a}.st-lesson-card-set-due-btn{background:none;border:none;display:inline-flex;padding:0;justify-content:flex-start;align-items:center;color:var(--text-secondary, #6b7280);font:inherit;font-size:.8rem;cursor:pointer;text-align:left;width:auto;align-self:flex-start}.st-lesson-card-set-due-btn:hover:not(:disabled){color:var(--brand-primary, #667eea)}.st-lesson-card-generate-link-btn{font-size:.8rem;font-weight:600;color:#1d4ed8;background:none;border:1px dashed #93c5fd;border-radius:6px;padding:2px 8px;cursor:pointer;transition:background .15s,border-color .15s}.st-lesson-card-generate-link-btn:hover:not(:disabled){background:#1d4ed80f;border-color:#1d4ed8}.st-lesson-card-generate-link-btn:disabled{opacity:.6;cursor:wait}body[data-theme=dark] .st-lesson-card-quick-link-label{color:#93c5fd}body[data-theme=dark] .st-lesson-card-quick-link-url{background:#ffffff0f;color:#9ca3af}body[data-theme=dark] .st-lesson-card-generate-link-btn{color:#93c5fd;border-color:#3b82f6}body[data-theme=dark] .st-lesson-card-generate-link-btn:hover:not(:disabled){background:#93c5fd14}.st-lesson-card-share-column{align-items:flex-start}.st-lesson-card-share-toggle{min-height:1.25rem;margin:0}.st-lesson-card-status-info{display:flex;flex-wrap:wrap;gap:.75rem;padding-top:.25rem;border-top:1px solid var(--border-color);font-size:.85rem;color:var(--text-secondary)}.st-lesson-card-languages{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;font-size:.8rem;color:var(--text-secondary)}.st-lesson-card-languages-label{font-weight:600}.st-lesson-card-language-chip{border:1px solid var(--border-color);background:var(--surface-color);color:var(--text-secondary);border-radius:999px;padding:.15rem .5rem;font:inherit;font-size:.75rem;cursor:pointer}.st-lesson-card-language-chip.active{border-color:var(--brand-primary, #667eea);color:var(--brand-primary, #667eea);background:color-mix(in srgb,var(--brand-primary, #667eea) 10%,var(--surface-color))}.st-lesson-card-status-item{display:inline-flex;align-items:center;gap:.25rem}.st-lesson-library-inline-controls{display:flex;justify-content:flex-start}.st-lesson-library-card .st-assigned-meta-grid{grid-template-columns:1fr 1fr;gap:.3rem 3.5rem;align-items:start}.st-lesson-library-card .st-assigned-meta{font-size:.85rem;line-height:1.2}.st-lesson-library-card .st-assigned-meta-column{gap:.15rem;align-items:flex-start}.st-lesson-library-card .st-assigned-actions{display:flex;gap:.5rem;align-items:center;justify-content:center;flex-wrap:nowrap;padding-top:.5rem;border-top:1px solid var(--border-color);margin-top:auto}.st-lesson-workspace-cue{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:.45rem;padding:.6rem .75rem;background:var(--surface-alt);border:1px solid color-mix(in srgb,var(--brand-primary) 45%,var(--border-color));border-radius:8px}.st-lesson-workspace-cue>span:first-child{display:flex;flex-direction:column;gap:2px;min-width:0}.st-lesson-workspace-cue strong{color:var(--text-primary);font-size:.82rem}.st-lesson-workspace-cue small,.st-lesson-workspace-path{color:var(--text-secondary);font-size:.72rem}.st-lesson-workspace-open{flex:0 0 auto;min-height:38px;padding:.45rem .7rem;color:var(--text-inverse);font-size:.76rem;font-weight:700;white-space:nowrap;background:var(--button-accent-gradient, var(--brand-gradient));border:0;border-radius:6px;cursor:pointer}.st-lesson-workspace-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;overflow-y:auto;padding:18px;background:color-mix(in srgb,var(--page-background, #10151f) 94%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.st-lesson-workspace-shell{width:min(1440px,100%);min-height:calc(100vh - 36px);margin:0 auto;background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 20px 60px #00000059}.st-lesson-workspace-screen-header{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:12px 16px;background:var(--surface-color);border-bottom:1px solid var(--border-color)}.st-lesson-workspace-screen-header>strong{color:var(--text-primary);font-size:1rem;text-align:center}.st-lesson-workspace-screen-header button{justify-self:start;min-height:40px;padding:8px 12px;color:var(--text-primary);font-weight:700;background:var(--surface-alt);border:1px solid var(--border-color);border-radius:6px;cursor:pointer}.st-lesson-workspace-screen-header .st-lesson-workspace-close{justify-self:end;width:40px;padding:0;font-size:1.25rem}.st-lesson-workspace-screen{display:flex;flex-direction:column;gap:16px;padding:22px}.st-lesson-workspace-overview h2{margin:3px 0 5px;color:var(--text-primary)}.st-lesson-workspace-overview p{margin:0;color:var(--text-secondary);font-size:.95rem}.st-lesson-workspace-eyebrow{color:var(--brand-primary);font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.st-lesson-workspace-status,.st-lesson-workspace-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.st-lesson-workspace-status span{display:flex;flex-direction:column;gap:2px;padding:9px 10px;color:var(--text-secondary);font-size:.8rem;background:var(--surface-alt);border:1px solid var(--border-color);border-radius:6px}.st-lesson-operation-progress{margin:14px 0;padding:14px 16px;border:1px solid rgba(129,140,248,.7);border-radius:6px;background:linear-gradient(135deg,#667eeaeb,#764ba2eb);color:#fff}.st-lesson-operation-progress-heading{display:flex;justify-content:space-between;gap:16px;margin-bottom:10px;font-weight:700}.st-lesson-operation-progress-track{height:9px;overflow:hidden;border-radius:999px;background:#ffffff4d}.st-lesson-operation-progress-track span{display:block;height:100%;border-radius:inherit;background:#fff;transition:width .25s ease}.st-lesson-workspace-status strong{color:var(--text-primary)}.st-lesson-workspace-group{padding-top:12px;border-top:1px solid var(--border-color)}.st-lesson-workspace-group-heading{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.st-lesson-workspace-group-heading strong{color:var(--text-primary);font-size:1rem}.st-lesson-workspace-group-heading small{color:var(--text-secondary);font-size:.82rem}.st-lesson-workspace-grid article{display:flex;flex-direction:column;min-width:0;min-height:190px;padding:16px;background:var(--surface-alt);border:1px solid var(--border-color);border-top:3px solid var(--brand-primary);border-radius:6px}.st-lesson-workspace-grid article>span{color:var(--brand-primary);font-size:.75rem;font-weight:800}.st-lesson-workspace-grid h3{margin:6px 0;color:var(--text-primary);font-size:1rem}.st-lesson-workspace-grid p{flex-grow:1;margin:0 0 12px;color:var(--text-secondary);font-size:.84rem;line-height:1.45}.st-lesson-workspace-grid button{min-height:44px;padding:8px 10px;color:var(--text-inverse);font-weight:700;background:var(--button-accent-gradient, var(--brand-gradient));border:0;border-radius:6px;cursor:pointer;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;gap:7px}.st-lesson-workspace-grid button:disabled{opacity:.5;cursor:not-allowed}.st-lesson-workspace-actions{display:grid;gap:8px}.st-lesson-workspace-grid .st-lesson-workspace-priority-card{border-color:color-mix(in srgb,var(--brand-primary) 55%,var(--border-color))}.st-lesson-workspace-grid .st-lesson-workspace-priority-action{min-height:48px;font-weight:800;box-shadow:0 4px 12px color-mix(in srgb,var(--brand-primary) 22%,transparent)}.st-lesson-library-card .st-lesson-card-btn{min-width:0;flex:1;min-width:110px;padding:.5rem .75rem;border-radius:8px;font-size:.85rem;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;white-space:nowrap;cursor:pointer;transition:all .2s;border:none}.st-lesson-library-card .st-assigned-chip{font-size:.72rem;padding:4px 8px}.st-lesson-library-share-toggle{display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;font-size:.8rem;font-weight:600;color:var(--brand-primary, #667eea);-webkit-user-select:none;user-select:none}.st-lesson-library-share-toggle input[type=checkbox]{width:15px;height:15px;cursor:pointer;accent-color:var(--brand-primary, #667eea)}.st-lesson-library-menu-wrap{position:relative;margin-left:auto}.st-lesson-library-menu-btn{min-width:0}.st-lesson-card-experiences-btn{min-height:42px;padding:.5rem .75rem;color:var(--text-inverse);font-size:.85rem;font-weight:600;white-space:nowrap;background:var(--button-accent-gradient, var(--brand-gradient));border:0;border-radius:8px;cursor:pointer}.st-lesson-card-experiences-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--button-accent-shadow, 0 4px 12px rgba(102, 126, 234, .4))}.st-lesson-card-more-wrap{flex:0 0 auto;margin-left:0}.st-lesson-card-more-btn{width:44px;min-width:44px;min-height:42px;padding:0;color:var(--brand-primary);background:var(--surface-color);border:2px solid var(--brand-primary);border-radius:8px;font-size:1.35rem;font-weight:800;line-height:1;cursor:pointer}.st-lesson-card-more-btn:hover:not(:disabled){background:var(--surface-hover)}.st-lesson-library-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:280px;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-color);box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;z-index:20;overflow:visible}.st-lesson-card-menu-anchor-more .st-lesson-library-menu{right:-52px}.st-lesson-library-menu-section-label{padding:.65rem 1rem .45rem;color:var(--text-secondary);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border-top:1px solid var(--border-color)}.st-lesson-library-menu-section-label:first-child{border-top:0}.st-lesson-library-menu button{border:none;background:var(--surface-color);color:var(--text-primary);text-align:left;padding:.75rem 1rem;font:inherit;white-space:nowrap;cursor:pointer;transition:background .2s}.st-lesson-library-menu>button:first-child,.st-lesson-library-menu>.st-lesson-library-submenu:first-child>.st-lesson-library-submenu-trigger{border-radius:8px 8px 0 0}.st-lesson-library-menu>button:last-child,.st-lesson-library-menu>.st-lesson-library-submenu:last-child>.st-lesson-library-submenu-trigger{border-radius:0 0 8px 8px}.st-lesson-library-menu button:hover{background:var(--surface-hover)}.st-lesson-library-inline-submenu{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.st-lesson-library-inline-submenu-panel{padding:.2rem 0 .35rem .75rem;background:color-mix(in srgb,var(--surface-hover) 55%,var(--surface-color));border-top:1px solid var(--border-color)}.st-lesson-library-inline-submenu-panel button{width:100%;padding:.62rem .75rem;font-size:.82rem}.st-lesson-library-menu-restore{color:#0d6efd}.st-lesson-library-menu-restore:hover{background:#e8f0fe!important}.st-lesson-library-menu-danger{color:#b91c1c!important}.st-lesson-library-menu-danger:hover{background:var(--error-bg-light, rgba(239, 68, 68, .1))!important}.st-lesson-library-submenu{position:relative}.st-lesson-library-submenu-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;background:var(--surface-color);border:none;text-align:left;font:inherit;font-size:.9rem;cursor:pointer;transition:background .2s;color:var(--text-primary)}.st-lesson-library-submenu-trigger:hover{background:var(--surface-hover)}.st-lesson-library-submenu-arrow{font-size:.65rem;margin-left:8px;opacity:.6}.st-lesson-library-submenu-panel{display:none;position:absolute;right:100%;top:0;min-width:220px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:10002;overflow:hidden}.st-lesson-library-submenu:hover>.st-lesson-library-submenu-panel,.st-lesson-library-submenu:focus-within>.st-lesson-library-submenu-panel{display:block}.st-lesson-library-submenu-panel button{display:block;width:100%;padding:.75rem 1rem;background:var(--surface-color);border:none;text-align:left;font:inherit;font-size:.875rem;cursor:pointer;transition:background .2s;color:var(--text-primary)}.st-lesson-library-submenu-panel button:hover{background:var(--surface-hover)}.st-lesson-card-btn{flex:1}.st-lesson-card-btn-primary{background:var(--button-accent-gradient, var(--brand-gradient));color:var(--text-inverse);border:none}.st-lesson-card-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--button-accent-shadow, 0 4px 12px rgba(102, 126, 234, .4))}.st-lesson-card-btn-secondary{background:var(--surface-color);color:var(--brand-primary, #667eea);border:1px solid var(--brand-primary, #667eea)}.st-lesson-card-btn-secondary:hover:not(:disabled){background:var(--info-bg-subtle, rgba(59, 130, 246, .08))}.st-lesson-card-copy-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.st-lesson-card-already-owned{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-width:0;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:600;color:var(--success-color, #16a34a);background:#f0fdf4;border:1px solid #bbf7d0}.st-lesson-card-btn-icon{padding:.5rem;background:var(--surface-color);border:2px solid var(--brand-primary, #667eea);color:var(--brand-primary, #667eea);font-size:1.2rem;font-weight:700;width:36px;border-radius:6px;cursor:pointer;flex:0 0 auto}.st-lesson-card-btn-icon:hover:not(:disabled){background:var(--brand-primary, #667eea);color:#fff}.st-lesson-card-btn-icon:disabled,.st-lesson-library-share-toggle input[type=checkbox]:disabled{opacity:.5;cursor:wait}.st-lesson-assignment-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.st-revision-workflow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.st-revision-workflow-btn{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;border:1px solid var(--border-color);border-radius:12px;background:var(--surface-color);color:var(--text-primary);text-align:left;cursor:pointer}.st-revision-workflow-btn.active{border-color:var(--brand-primary, #667eea);box-shadow:var(--shadow-sm, 0 4px 18px rgba(37, 99, 235, .12));background:color-mix(in srgb,var(--brand-primary, #667eea) 8%,var(--surface-color))}.st-revision-workflow-btn span{font-size:.88rem;color:var(--text-secondary);line-height:1.45}.st-modal-content.st-lesson-editor-modal{width:min(96vw,1680px);max-width:1680px;max-height:96vh}.st-lesson-editor-modal .st-modal-header{position:sticky;top:0;z-index:10;background:var(--surface-color)}.st-lesson-card-rename{border:1px solid var(--border-color);border-radius:10px;padding:14px;background:color-mix(in srgb,var(--brand-primary, #667eea) 5%,var(--surface-color));margin-bottom:16px}.st-lesson-card-rename-actions{display:flex;gap:10px;margin-top:10px;align-items:center}.st-lesson-card-rename .st-lesson-card-rename-cancel{background:var(--button-reset-bg, #b95700);color:var(--button-reset-text, #fff);border:1px solid var(--button-reset-bg, #b95700);box-shadow:none;padding:.45rem .8rem;border-radius:8px;font-size:.84rem;font-weight:600;cursor:pointer}.st-lesson-card-rename .st-lesson-card-rename-cancel:hover:not(:disabled){background:var(--button-reset-hover-bg, #d46c0b);border-color:var(--button-reset-hover-bg, #d46c0b)}.st-lesson-editor-char-count{font-size:.76rem;color:var(--text-secondary);text-align:right;margin:3px 0 0}.st-lesson-editor-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(420px,1fr);gap:18px;align-items:start}.st-lesson-editor-pane,.st-lesson-editor-preview{min-width:0}.st-lesson-editor-preview,.st-lesson-editor-preview .st-config-section,.st-lesson-editor-preview .st-lesson-preview-card,.st-lesson-editor-preview .st-lesson-preview-section,.st-lesson-editor-preview .st-lesson-preview-example,.st-lesson-editor-preview .st-lesson-preview-check,.st-lesson-editor-preview .ml-intro-title,.st-lesson-editor-preview .ml-intro-text,.st-lesson-editor-preview .ml-intro-toc,.st-lesson-editor-preview .ml-toc-label,.st-lesson-editor-preview .ml-toc-list,.st-lesson-editor-preview .ml-toc-list li{text-align:left}.st-lesson-editor-list{display:flex;flex-direction:column;gap:12px}.st-lesson-editor-section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}.st-lesson-editor-card{border:1px solid var(--border-color);border-radius:12px;padding:14px;background:var(--surface-color);display:flex;flex-direction:column;gap:12px}.st-lesson-editor-card-header{display:flex;justify-content:space-between;align-items:center}.st-lesson-editor-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.45rem .8rem;border-radius:8px;font-size:.84rem;font-weight:600;line-height:1.1;white-space:nowrap;background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:#fff;border:none;box-shadow:var(--button-accent-shadow, 0 4px 12px rgba(102, 126, 234, .28))}.st-lesson-editor-action-btn,.st-lesson-editor-action-btn:visited,.st-lesson-editor-action-btn:hover,.st-lesson-editor-action-btn:active,.st-lesson-editor-action-btn svg{color:#fff}.st-lesson-editor-action-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--button-accent-shadow, 0 6px 16px rgba(102, 126, 234, .34));background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%))}.st-lesson-editor-action-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.st-lesson-editor-modal .st-btn-cancel,.st-lesson-editor-modal .st-btn-confirm,.st-lesson-editor-modal .cd-btn,.st-lesson-editor-modal .cd-close{background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:#fff;border:none;box-shadow:var(--button-accent-shadow, 0 4px 12px rgba(102, 126, 234, .28))}.st-lesson-editor-modal .st-btn-cancel,.st-lesson-editor-modal .st-btn-cancel:visited,.st-lesson-editor-modal .st-btn-cancel:hover,.st-lesson-editor-modal .st-btn-cancel:active,.st-lesson-editor-modal .st-btn-confirm,.st-lesson-editor-modal .st-btn-confirm:visited,.st-lesson-editor-modal .st-btn-confirm:hover,.st-lesson-editor-modal .st-btn-confirm:active,.st-lesson-editor-modal .cd-btn,.st-lesson-editor-modal .cd-btn:visited,.st-lesson-editor-modal .cd-btn:hover,.st-lesson-editor-modal .cd-btn:active,.st-lesson-editor-modal .cd-close,.st-lesson-editor-modal .cd-close:visited,.st-lesson-editor-modal .cd-close:hover,.st-lesson-editor-modal .cd-close:active,.st-lesson-editor-modal .st-btn-cancel svg,.st-lesson-editor-modal .st-btn-confirm svg,.st-lesson-editor-modal .cd-btn svg,.st-lesson-editor-modal .cd-close svg{color:#fff}.st-lesson-editor-modal .cd-close{display:inline-flex;align-items:center;justify-content:center}.st-lesson-editor-modal .cd-close{background:none;color:var(--text-secondary);border:none;box-shadow:none}.st-lesson-editor-modal .st-btn-cancel:hover,.st-lesson-editor-modal .st-btn-confirm:hover,.st-lesson-editor-modal .cd-btn:hover,.st-lesson-editor-modal .cd-close:hover{background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:var(--text-inverse, #fff);transform:translateY(-1px);box-shadow:var(--button-accent-shadow, 0 6px 16px rgba(102, 126, 234, .34))}.st-lesson-editor-modal .cd-close:hover{background:var(--surface-hover);color:var(--text-primary);transform:none;box-shadow:none}.st-lesson-editor-modal .st-close-button{background:none;color:var(--text-secondary);border:none;box-shadow:none}.st-lesson-editor-modal .st-close-button:hover{background:var(--surface-hover);color:var(--text-primary);transform:none;box-shadow:none}.st-lesson-editor-modal .st-modal-footer .st-btn-cancel{background:var(--button-reset-bg, #b95700);color:var(--button-reset-text, #fff);border:1px solid var(--button-reset-bg, #b95700);box-shadow:none}.st-lesson-editor-modal .st-modal-footer .st-btn-cancel:hover{background:var(--button-reset-hover-bg, #d46c0b);color:var(--button-reset-text, #fff);border-color:var(--button-reset-hover-bg, #d46c0b);box-shadow:0 4px 12px #b957004d}.st-lesson-editor-modal .cd-btn.cd-btn-cancel{background:var(--button-reset-bg, #b95700);color:var(--button-reset-text, #fff);border:1px solid var(--button-reset-bg, #b95700);box-shadow:none}.st-lesson-editor-modal .cd-btn.cd-btn-cancel:hover{background:var(--button-reset-hover-bg, #d46c0b);color:var(--button-reset-text, #fff);border-color:var(--button-reset-hover-bg, #d46c0b);box-shadow:0 4px 12px #b957004d}.st-lesson-editor-modal .cd-btn.cd-btn-danger{background:linear-gradient(135deg,#e53e3e,#c53030);color:#fff;border:none;box-shadow:0 4px 12px #c5303047}.st-lesson-editor-modal .cd-btn.cd-btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;box-shadow:0 6px 16px #b91c1c57}.st-lesson-editor-modal .st-btn-cancel:disabled,.st-lesson-editor-modal .st-btn-confirm:disabled,.st-lesson-editor-modal .cd-btn:disabled,.st-lesson-editor-modal .cd-close:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.st-lesson-editor-field{display:flex;flex-direction:column;gap:6px;color:var(--text-primary);font-size:.92rem}.st-lesson-editor-input,.st-lesson-editor-textarea{width:100%;border:1px solid var(--border-color);border-radius:10px;padding:10px 12px;background:var(--surface-color);color:var(--text-primary);font:inherit}.st-lesson-editor-textarea{resize:vertical}.st-lesson-editor-subgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.st-lesson-editor-inline-row{display:flex;flex-direction:column;gap:8px;align-items:start}.st-lesson-editor-inline-row .st-lesson-editor-textarea{width:100%}.st-lesson-editor-inline-row .st-lesson-editor-action-btn{align-self:flex-start}.st-lesson-preview-card,.st-lesson-preview-section{border:1px solid var(--border-color);border-radius:12px;background:var(--surface-color);padding:14px}.st-lesson-preview-sections{display:flex;flex-direction:column;gap:12px;margin-top:12px}.st-lesson-preview-index{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary);margin-bottom:6px}.st-lesson-preview-section h4{margin:0 0 8px;color:var(--text-primary)}.st-lesson-preview-section p,.st-lesson-preview-section li{color:var(--text-secondary);line-height:1.5}.st-lesson-preview-example,.st-lesson-preview-check{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}.st-assigned-live-note,.st-assign-empty,.st-assign-error{margin-top:14px;padding:12px 14px;border-radius:12px;font-size:.95rem}.st-assigned-live-note,.st-assign-empty{background:var(--surface-hover);color:var(--text-secondary)}.st-assign-empty{text-align:center}.st-assign-error{background:color-mix(in srgb,#ef4444 14%,white 86%);color:#b91c1c}body[data-theme=dark] .st-assigned-lessons{background:linear-gradient(180deg,color-mix(in srgb,var(--surface-color) 94%,white 6%),color-mix(in srgb,var(--surface-color) 98%,black 2%));border-color:#ffffff1f}body[data-theme=dark] .st-assigned-card{background:color-mix(in srgb,var(--surface-color) 88%,black 12%);border-color:#ffffff1f;border-left-color:var(--brand-primary, #818cf8);box-shadow:0 10px 28px #00000047}body[data-theme=dark] .st-assigned-lessons-header p,body[data-theme=dark] .st-assigned-meta,body[data-theme=dark] .st-assigned-live-note,body[data-theme=dark] .st-assign-empty{color:#cbd5e1}body[data-theme=dark] .st-assigned-card h3,body[data-theme=dark] .st-assigned-topic,body[data-theme=dark] .st-assigned-lessons-header h2{color:#f8fafc}body[data-theme=dark] .st-assigned-chip{background:color-mix(in srgb,var(--info-color, #60a5fa) 28%,white 72%);color:#1d4ed8}body[data-theme=dark] .st-assigned-chip-muted{background:#ffffff14;color:#e2e8f0}body[data-theme=dark] .st-lesson-library-shell,body[data-theme=dark] .st-lesson-library-menu{background:color-mix(in srgb,var(--surface-color) 92%,black 8%);border-color:#ffffff1f}body[data-theme=dark] .st-assigned-chip-status{background:#a78bfa33;color:#ddd6fe}body[data-theme=dark] .st-assigned-details{border-top-color:#ffffff1a}body[data-theme=dark] .st-assigned-details-label{color:#94a3b8}body[data-theme=dark] .st-assigned-details-item{color:#e2e8f0}body[data-theme=dark] .st-assigned-standard-pill{background:#818cf82e;color:#c7d2fe}body[data-theme=dark] .st-assigned-live-note,body[data-theme=dark] .st-assign-empty{background:#ffffff0d}@media (max-width: 1100px){.st-lesson-workspace-status,.st-lesson-workspace-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.st-assigned-card-header{flex-direction:column}.st-lesson-card-header-right{align-items:flex-start}.st-assigned-card-top{justify-content:flex-start}.st-assigned-meta-grid{grid-template-columns:1fr;gap:8px}.st-lesson-card-status-info{flex-direction:column;gap:.35rem}.st-lesson-workspace-cue{align-items:flex-start;flex-direction:column}.st-lesson-workspace-open{width:100%;white-space:normal}.st-lesson-library-card .st-assigned-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.st-lesson-library-card .st-lesson-card-btn,.st-lesson-library-menu-wrap,.st-lesson-card-experiences-btn{width:100%;min-width:0}.st-lesson-library-menu-wrap:not(.st-lesson-card-more-wrap){grid-column:1 / -1}.st-lesson-card-more-wrap{justify-self:end;width:auto}.st-lesson-card-more-btn{width:44px}.st-lesson-library-menu{right:0;width:min(300px,calc(100vw - 32px));min-width:0}.st-lesson-card-menu-anchor-more .st-lesson-library-menu{right:0}.st-assigned-details-grid{grid-template-columns:1fr}}@media (max-width: 560px){.st-lesson-workspace-overlay{padding:0}.st-lesson-workspace-shell{min-height:100vh;border:0;border-radius:0}.st-lesson-workspace-screen-header{grid-template-columns:1fr auto;padding:10px}.st-lesson-workspace-screen-header button:first-child{min-width:0;max-width:100%;font-size:.82rem;text-align:left}.st-lesson-workspace-screen-header>strong{display:none}.st-lesson-workspace-screen{gap:18px;padding:16px 12px 28px}.st-lesson-workspace-status,.st-lesson-workspace-grid{grid-template-columns:1fr}.st-lesson-workspace-group-heading{align-items:flex-start;flex-direction:column}.st-lesson-workspace-grid article{min-height:auto;padding:16px}.st-lesson-workspace-grid button{width:100%;min-height:48px;white-space:normal}}.st-assign-modal{max-width:720px}.st-assign-subtitle{margin:4px 0 0;color:var(--text-secondary);font-size:.92rem}.st-assign-modal-tabs{display:inline-flex;gap:8px;padding:6px;border-radius:999px;background:var(--surface-hover);margin-bottom:14px}.st-assign-modal-tabs button{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:none;border-radius:999px;background:transparent;color:var(--text-secondary);cursor:pointer;font-weight:600}.st-assign-modal-tabs button.active{background:var(--surface-color);color:var(--text-primary);box-shadow:var(--shadow-sm, 0 4px 14px rgba(15, 23, 42, .08))}.st-assign-search{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding:12px 14px;border:1px solid var(--border-color);border-radius:12px;background:var(--surface-color)}.st-assign-search input{width:100%;border:none;outline:none;background:transparent;color:var(--text-primary);font-size:.95rem}.st-assign-replace-callout{margin-bottom:14px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--info-color, #2563eb) 28%,transparent);border-radius:12px;background:color-mix(in srgb,var(--info-color, #2563eb) 9%,var(--surface-color))}.st-assign-replace-callout strong{display:block;color:var(--text-primary)}.st-assign-replace-callout p{margin:6px 0 0;color:var(--text-secondary);font-size:.9rem}.st-assign-target-list{display:grid;gap:10px;max-height:360px;overflow-y:auto}.st-assign-target{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:14px;border:1px solid var(--border-color);border-radius:12px;background:var(--surface-color);color:var(--text-primary);text-align:left;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.st-assign-target:hover,.st-assign-target.selected{border-color:var(--info-color, #2563eb);box-shadow:var(--shadow-sm, 0 4px 18px rgba(37, 99, 235, .12));transform:translateY(-1px)}.st-assign-target-title{font-weight:700}.st-assign-target-meta,.st-assign-note{color:var(--text-secondary);font-size:.9rem}.st-assign-note{margin:14px 0 0}.st-assign-due-date{display:flex;align-items:center;gap:10px;margin-top:14px;padding:12px 14px;border:1px solid var(--border-color);border-radius:12px;background:var(--surface-color);flex-wrap:wrap}.st-assign-due-date span{font-weight:600;color:var(--text-primary)}.st-assign-due-date input[type=date]{min-width:180px;padding:8px 10px;border:1px solid var(--border-color);border-radius:10px;background:var(--surface-hover);color:var(--text-primary)}.st-assign-due-clear{padding:8px 12px}.st-assign-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.st-lesson-library-subactions{margin-top:.75rem;display:flex;justify-content:flex-start}.st-assign-cancel{margin-right:auto}.st-assign-confirm,.st-assign-cancel{display:inline-flex;align-items:center;gap:8px}@media (max-width: 700px){.st-assigned-lessons{padding:16px}.st-assign-actions{flex-direction:column-reverse}.st-revision-workflow-grid,.st-lesson-editor-subgrid,.st-lesson-editor-layout{grid-template-columns:1fr}.st-lesson-library-header{flex-direction:column}.st-lesson-assignment-header{flex-direction:column;align-items:stretch}.st-lesson-card-tools{grid-template-columns:1fr}.st-lesson-library-inline-controls{justify-content:flex-start}.st-lesson-assignment-row{flex-direction:column}.st-lesson-assignment-actions{justify-content:stretch}.st-lesson-editor-section-header,.st-lesson-editor-card-header{flex-direction:column;align-items:stretch}.st-assign-cancel{margin-right:0}.st-assign-actions .st-btn-primary,.st-assign-actions .st-btn-secondary,.st-assign-actions .st-btn-cancel{width:100%}}.st-category-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:20px;padding:0 4px}.st-category-btn{padding:6px 16px;border:1.5px solid var(--border-color);border-radius:20px;background:var(--surface-color);font-size:.85rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:background .18s,color .18s,border-color .18s;white-space:nowrap}.st-category-btn:hover{border-color:var(--info-color);color:var(--info-color)}.st-category-btn.active{background:var(--button-accent-gradient, var(--brand-gradient, linear-gradient(135deg, #667eea, #764ba2)));border-color:transparent;color:var(--text-inverse, white);font-weight:600}@media (max-width: 600px){.st-category-filter{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:4px;scrollbar-width:none}.st-category-filter::-webkit-scrollbar{display:none}}.st-subject-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;max-width:900px;margin:0 auto}.st-tutor-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:24px 16px;border:2px solid var(--border-color);border-radius:12px;background:var(--surface-color);cursor:pointer;transition:all .2s ease;text-align:center}.st-tutor-card-badge{position:absolute;top:10px;right:10px;padding:4px 8px;border-radius:999px;background:#4f46e51f;color:var(--info-color, #4f46e5);font-size:.72rem;font-weight:700;line-height:1.2}.st-tutor-card:hover{border-color:var(--info-color);box-shadow:var(--shadow-md, 0 4px 12px rgba(59, 130, 246, .2));transform:translateY(-2px)}.st-tutor-card-icon{font-size:2.5rem;margin-bottom:8px}.st-tutor-card h3{margin:0 0 8px;font-size:1.1rem;color:var(--text-primary)}.st-tutor-card p{margin:0;font-size:.85rem;color:var(--text-secondary);line-height:1.4}.st-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg, rgba(0, 0, 0, .6));display:flex;align-items:center;justify-content:center;z-index:10000}.st-modal-content{background:var(--surface-color);border-radius:12px;width:90%;max-width:820px;max-height:95vh;overflow-y:auto;box-shadow:var(--shadow-xl, 0 8px 32px rgba(0, 0, 0, .3))}.st-modal-content.st-tutor-config-modal{max-width:1024px}.st-modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid var(--border-color)}.st-modal-header h2{margin:0;font-size:1.2rem}.st-close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:4px 8px;border-radius:4px}.st-close-button:hover{background:var(--surface-hover);color:var(--text-primary)}.st-modal-body{padding:14px 20px}.st-config-section{margin-bottom:12px}.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}.st-config-section h3{margin:0 0 8px;font-size:1rem;color:var(--text-secondary)}.st-slp-lang-grid{display:grid;grid-template-columns:max-content auto;align-items:center;gap:6px 12px;width:fit-content}.st-slp-lang-grid .st-slp-inline-label{align-self:center}.st-slp-lang-grid .st-slp-inline-label h3{margin:0 0 2px}.st-slp-lang-grid .st-slp-inline-label .st-help-text{margin:0}.st-slp-lang-warning{font-size:.8rem;color:#dc2626;margin:6px 0 0;display:flex;align-items:center;gap:4px}.st-slp-theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.st-slp-theme-btn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border:2px solid var(--border-color, #e2e8f0);border-radius:8px;background:var(--surface-color, #fff);cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.st-slp-theme-btn--active{border-color:var(--color-primary, #4f7cff);background:var(--color-primary-bg, #eff3ff)}.st-slp-tier-row{display:flex;flex-direction:column;gap:6px}.st-slp-tier-btn{display:flex;align-items:center;gap:10px;padding:10px 14px;border:2px solid var(--border-color, #e2e8f0);border-radius:8px;background:var(--surface-color, #fff);cursor:pointer;text-align:left;font-size:.875rem;transition:border-color .15s,background .15s}.st-slp-tier-btn--active{border-color:var(--color-primary, #4f7cff);background:var(--color-primary-bg, #eff3ff)}.st-slp-tier-num{width:24px;height:24px;border-radius:50%;background:var(--border-color, #e2e8f0);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;flex-shrink:0}.st-slp-tier-btn--active .st-slp-tier-num{background:var(--color-primary, #4f7cff);color:#fff}.st-slp-tier-label{display:flex;flex-direction:column;gap:2px}.st-slp-tier-desc{font-size:.72rem;color:var(--text-secondary, #64748b);font-weight:400;line-height:1.3}.st-slp-strict-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.st-slp-strict-btn{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border:2px solid var(--border-color, #e2e8f0);border-radius:8px;background:var(--surface-color, #fff);cursor:pointer;text-align:left;font-size:.875rem;transition:border-color .15s,background .15s}.st-slp-strict-btn--active{border-color:var(--color-primary, #4f7cff);background:var(--color-primary-bg, #eff3ff)}.st-slp-two-col-section{display:grid;grid-template-columns:170px 1fr;gap:16px;align-items:start}.st-slp-two-col-right{display:flex;flex-direction:column;gap:12px}.st-slp-grade-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.st-slp-grade-grid .st-form-group label{font-size:1rem;font-weight:700;color:var(--text-secondary)}.st-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.st-config-grid--3col{grid-template-columns:minmax(0,1fr) minmax(0,1.8fr) minmax(0,.8fr)}.st-form-group{display:flex;flex-direction:column;gap:4px;min-width:0}.st-form-group label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.st-form-group select{padding:6px 10px;border:1px solid var(--border-color);border-radius:6px;font-size:.9rem;background:var(--surface-color)}.st-custom-topic-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;margin-bottom:6px}.st-topic-select-row{display:block}.st-topic-dropdown{position:relative}.st-topic-dropdown-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;border:1px solid var(--border-color);border-radius:6px;font-size:.9rem;background:var(--surface-color);color:var(--text-primary);cursor:pointer;text-align:left}.st-topic-dropdown-label{flex:1 1 auto;min-width:0;text-align:left;white-space:normal;overflow-wrap:anywhere;line-height:1.25}.st-topic-dropdown-menu{position:absolute;z-index:10;left:0;right:0;margin-top:4px;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-color);box-shadow:0 8px 24px #00000029;max-height:240px;overflow-y:auto}.st-topic-option-btn{width:100%;text-align:left;border:none;background:transparent;color:var(--text-primary);padding:8px 10px;font-size:.9rem;cursor:pointer}.st-topic-option-btn:hover{background:var(--surface-hover)}.st-topic-option-active{background:var(--surface-hover);font-weight:600}.st-topic-option-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center}.st-topic-delete-icon{border:none;background:transparent;color:#b91c1c;padding:6px 8px;margin-right:2px;cursor:pointer}.st-topic-delete-icon:hover{color:#991b1b}.st-topic-divider{height:1px;background:var(--border-color);margin:4px 8px}.st-custom-topic-input{min-width:0;padding:6px 10px;border:1px solid var(--border-color);border-radius:6px;font-size:.9rem;background:var(--surface-color);color:var(--text-primary)}.st-btn-secondary,.st-btn-danger{border:1px solid var(--border-color);border-radius:6px;padding:6px 10px;font-size:.8rem;cursor:pointer;white-space:nowrap}.st-btn-secondary{background:var(--surface-alt);color:var(--text-primary)}.st-btn-add-topic{border:none;border-radius:6px;padding:6px 10px;font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:var(--text-inverse, #fff)}.st-btn-add-topic:hover{transform:translateY(-1px);box-shadow:var(--button-accent-shadow, 0 4px 12px rgba(102, 126, 234, .4))}.st-btn-danger{background:#7f1d1d;border-color:#7f1d1d;color:#fff}.st-btn-danger:disabled{opacity:.5;cursor:not-allowed}.st-error-text{color:#dc2626;font-size:.78rem}.st-geogebra-panel{margin:12px 0;border:1px solid var(--border-color);border-radius:8px;background:color-mix(in srgb,var(--surface-color) 94%,var(--brand-primary, #667eea) 6%);overflow:hidden;text-align:left}.st-geogebra-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:10px 12px 4px}.st-geogebra-kicker{margin:0 0 3px;color:var(--text-secondary);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.st-geogebra-header h4{margin:0;color:var(--text-primary);font-size:.95rem;line-height:1.25}.st-geogebra-chip{flex:0 0 auto;padding:3px 8px;border-radius:999px;background:#667eea2e;color:var(--brand-primary, #667eea);font-size:.72rem;font-weight:700}.st-geogebra-description{margin:0;padding:0 12px 10px;color:var(--text-secondary);font-size:.8rem;line-height:1.35}.st-geogebra-command{display:flex;align-items:center;gap:6px;padding:0 12px 10px;color:var(--text-secondary);font-size:.74rem}.st-geogebra-command code{border:1px solid rgba(102,126,234,.28);border-radius:6px;background:#667eea1a;color:var(--text-primary);padding:3px 6px;white-space:normal;overflow-wrap:anywhere}.st-geogebra-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px 10px;color:var(--text-secondary);font-size:.72rem;line-height:1.35}.st-geogebra-actions a{flex:0 0 auto;color:var(--brand-primary, #667eea);font-weight:700;text-decoration:none}.st-geogebra-reset-btn,.st-geogebra-expand-btn{flex:0 0 auto;border:1px solid rgba(102,126,234,.35);border-radius:6px;background:#667eea1f;color:var(--brand-primary, #667eea);padding:3px 7px;font-size:.72rem;font-weight:700;cursor:pointer}.st-geogebra-reset-btn:hover,.st-geogebra-expand-btn:hover{background:#667eea33}.st-geogebra-frame-wrap{position:relative;width:100%;aspect-ratio:16 / 10;min-height:260px;border-top:1px solid var(--border-color);background:var(--surface-alt, #111827)}.st-geogebra-frame{width:100%;height:100%;border:0;display:block;background:#fff}.st-geogebra-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px;background:var(--surface-color);color:var(--text-secondary);text-align:center;pointer-events:none}.st-geogebra-loading small{max-width:220px;line-height:1.35}.st-geogebra-fallback{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px;color:var(--text-secondary);text-align:center}.st-geogebra-fallback a{color:var(--brand-primary, #667eea);font-weight:700;text-decoration:none}.st-geogebra-note{margin:0;padding:8px 12px;border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:.72rem;line-height:1.35}.st-geogebra-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:28px;background:#050a14c7}.st-geogebra-modal{display:flex;flex-direction:column;width:min(1120px,96vw);height:min(760px,92vh);overflow:hidden;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-color);box-shadow:0 22px 70px #0000006b}.st-geogebra-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border-color);background:var(--surface-alt)}.st-geogebra-modal-header h3{margin:0 0 6px;color:var(--text-primary);font-size:1rem;line-height:1.25}.st-geogebra-modal-header code{display:inline-block;border:1px solid rgba(102,126,234,.28);border-radius:6px;background:#667eea1a;color:var(--text-primary);padding:3px 6px;font-size:.8rem}.st-geogebra-modal-actions{display:flex;align-items:center;gap:8px}.st-geogebra-modal-close{width:30px;height:30px;border:1px solid var(--border-color);border-radius:6px;background:var(--surface-color);color:var(--text-primary);font-size:1.35rem;line-height:1;cursor:pointer}.st-geogebra-modal-close:hover{background:var(--surface-hover, rgba(148, 163, 184, .16))}.st-geogebra-modal-frame{flex:1 1 auto;width:100%;min-height:0;border:0;background:#fff}@media (max-width: 700px){.st-geogebra-modal-overlay{padding:10px}.st-geogebra-modal{width:100vw;height:96vh}.st-geogebra-modal-header{flex-direction:column}}.st-voice-toggle{display:flex;align-items:center;gap:24px;margin-bottom:4px}.st-checkbox-label{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:500;color:var(--text-primary);cursor:pointer}.st-checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--brand-primary, #1a73e8);cursor:pointer}.st-speaking-rate-slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:3px;background:var(--border-color);outline:none;margin-top:4px}.st-speaking-rate-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--brand-primary, #1a73e8);cursor:pointer}.st-speaking-rate-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--brand-primary, #1a73e8);cursor:pointer;border:none}.st-slider-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted);margin-top:2px}.st-help-text{font-size:.8rem;color:var(--text-secondary);margin-top:4px;line-height:1.35;font-style:italic}.st-modal-footer{display:flex;justify-content:space-between;gap:10px;padding:12px 20px;border-top:1px solid var(--border-color)}.st-btn-cancel{padding:8px 20px;border:1px solid var(--button-reset-bg, #b95700);border-radius:8px;background:var(--button-reset-bg, #b95700);color:var(--text-inverse, #fff);cursor:pointer;font-size:.9rem;font-weight:500;display:inline-flex;align-items:center;gap:6px;transition:all .2s}.st-btn-cancel:hover{background:var(--button-reset-hover-bg, #d46c0b);border-color:var(--button-reset-hover-bg, #d46c0b);box-shadow:0 4px 12px #b957004d}.st-btn-confirm,.st-btn-primary{padding:8px 20px;border:none;border-radius:8px;background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:var(--text-inverse, #fff);cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s}.st-btn-confirm:hover,.st-btn-primary:hover{transform:translateY(-1px);box-shadow:var(--button-accent-shadow, 0 4px 12px rgba(102, 126, 234, .4))}.st-btn-primary:disabled,.st-btn-confirm:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.st-btn-primary.st-btn-active{background:var(--brand-primary, #2563eb);box-shadow:inset 0 2px 4px #0003}.st-btn-next-topic{padding:8px 20px;border:2px solid #16a34a;border-radius:8px;background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;transition:all .2s;animation:st-pulse-green 1.8s ease-in-out infinite}.st-btn-next-topic:hover{transform:translateY(-1px);box-shadow:0 4px 12px #16a34a73;animation:none}@keyframes st-pulse-green{0%,to{box-shadow:0 0 #16a34a80}50%{box-shadow:0 0 0 6px #16a34a00}}.st-player-content{background:var(--surface-color);width:95vw;height:95vh;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-xl, 0 8px 32px rgba(0, 0, 0, .3))}.st-player-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid var(--border-color);background:var(--surface-alt);position:relative;min-height:55px}.st-player-header h2{margin:0;font-size:1.2rem;overflow:hidden;white-space:nowrap;flex:1 1 0;min-width:0;padding-right:16px}.st-player-header h2:not(.st-title-marquee) span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st-player-header h2.st-title-marquee span{display:inline-block;white-space:nowrap;animation:st-title-scroll 12s linear 1.5s infinite;padding-right:60px}@keyframes st-title-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.st-crisis-banner{background:#fff3cd;border-left:4px solid #e6a817;color:#5a3e00;padding:12px 20px;font-size:.92rem;line-height:1.5}.st-crisis-banner a{color:#7a4e00;text-decoration:underline}[data-theme=dark] .st-crisis-banner{background:#3b2e00;border-left-color:#e6a817;color:#ffe08a}[data-theme=dark] .st-crisis-banner a{color:#ffd060}.st-session-standards{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:5px 20px;background:var(--surface-alt);border-bottom:1px solid var(--border-color);font-size:.8rem}.st-session-standards-label{color:var(--text-secondary);font-weight:600;margin-right:2px;flex-shrink:0}.st-std-chip{display:inline-block;padding:2px 8px;background:var(--info-bg-subtle, #e0e7ff);color:var(--brand-primary, #3730a3);border-radius:10px;font-size:.75rem;font-weight:600;cursor:default;white-space:nowrap}.st-sources-panel{margin-top:12px;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.st-sources-toggle{width:100%;background:var(--surface-alt);border:none;padding:8px 12px;text-align:left;font-size:.82rem;font-weight:600;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;gap:6px}.st-sources-toggle:hover{background:var(--surface-hover, var(--surface-alt))}.st-sources-list{padding:6px 8px;display:flex;flex-direction:column;gap:6px}.st-source-card{display:flex;align-items:center;gap:8px;padding:5px 8px;background:var(--surface);border:1px solid var(--border-color);border-radius:6px;font-size:.78rem}.st-source-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-weight:500}.st-source-domain{color:var(--text-secondary);font-size:.72rem;white-space:nowrap;flex-shrink:0}.st-source-link{flex-shrink:0;color:var(--brand-primary, #3730a3);font-weight:600;text-decoration:none;font-size:.75rem}.st-source-link:hover{text-decoration:underline}.st-source-btn{background:none;border:none;padding:0;cursor:pointer;font-family:inherit}.st-teacher-passage-box{margin-top:6px;padding:10px 12px;background:var(--surface);border:1px solid var(--border-color);border-radius:6px;flex-shrink:0}.st-teacher-passage-text{font-size:.82rem;color:var(--text-primary);white-space:pre-wrap;line-height:1.6;max-height:280px;overflow-y:auto}.st-sources-sidebar{display:flex;flex-direction:column;gap:6px;padding:6px 0;overflow-y:auto;flex:1;min-height:0}.st-sources-loading,.st-sources-empty{color:var(--text-secondary);font-size:.82rem;font-style:italic;padding:8px 4px}.st-header-controls{display:flex;align-items:center;gap:16px;flex-shrink:0}.st-speech-toggle-container{display:flex;align-items:center;gap:6px;padding:4px 8px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 1px 4px #00000014}.st-toggle-label{font-size:.8em;font-weight:500;color:var(--text-primary);-webkit-user-select:none;user-select:none}.st-speech-toggle-icon{display:flex;align-items:center;font-size:1rem;color:var(--info-color)}.st-speech-toggle-container:has(input:not(:checked)) .st-speech-toggle-icon{color:var(--text-muted, var(--text-color))}.st-toggle-switch{position:relative;display:inline-block;width:36px;height:20px;cursor:pointer}.st-toggle-switch input{opacity:0;width:0;height:0}.st-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-color-medium, #ccc);transition:.3s;border-radius:20px}.st-slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:var(--surface-color);transition:.3s;border-radius:50%}input:checked+.st-slider{background-color:var(--info-color, #3b82f6)}input:checked+.st-slider:before{transform:translate(16px)}.st-player-body{display:flex;flex:1;overflow:hidden;flex-direction:row}.st-quiz-questions-panel{width:38%;min-width:260px;max-width:380px;border-right:1px solid var(--border-color);display:flex;flex-direction:column;background:var(--surface-alt);overflow:hidden}.st-quiz-questions-panel h3{margin:0;padding:14px 16px 10px;font-size:.9rem;font-weight:700;color:var(--text-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0}.st-quiz-questions-list{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.st-quiz-question-item{background:var(--surface);border:1px solid var(--border-color);border-radius:8px;padding:12px 14px}.st-quiz-q-number{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--brand-primary, #667eea);margin-bottom:5px}.st-quiz-q-text{font-size:.88rem;line-height:1.5;color:var(--text-primary);margin-bottom:6px}.st-quiz-choices{margin:4px 0 0;padding-left:1.2rem;font-size:.82rem;color:var(--text-secondary);line-height:1.5}.st-quiz-choices li{margin-bottom:2px}.st-quiz-explanation{margin-top:8px;padding:8px 10px;background:color-mix(in srgb,var(--brand-primary, #667eea) 10%,transparent);border-left:3px solid var(--brand-primary, #667eea);border-radius:4px;font-size:.82rem;line-height:1.5;color:var(--text-primary)}.st-quiz-source{margin-top:6px;font-size:.78rem;color:var(--text-secondary, var(--text-muted, #6b7280));font-style:italic;line-height:1.4}.st-quiz-source strong{font-style:normal;color:var(--text-primary)}.st-workspace-panel{width:35%;min-width:250px;border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:16px;overflow-y:auto;background:var(--surface-alt)}.st-workspace-panel h3{margin:0 0 12px;font-size:1rem;color:var(--text-secondary)}.st-problem-area{flex:1;overflow-y:auto}.st-ws-label{font-size:.85rem;font-weight:600;color:var(--text-secondary);margin:12px 0 6px}.st-render-box{padding:10px;border:1px solid var(--border-color);border-radius:6px;background:var(--surface-color);color:var(--text-primary);min-height:40px;word-break:break-word;overflow-x:auto;overflow-wrap:anywhere}.st-render-box,.st-render-box span,.st-render-box .katex,.st-render-box .katex .base{color:var(--text-primary)!important}.st-ws-formula-block{display:flex;flex-direction:column;gap:4px}.st-ws-formula-line{font-size:.95rem;line-height:1.5}.st-ws-formula-line .katex-display{margin:2px 0;text-align:left}.st-ws-formula-line .katex{font-size:1em;white-space:normal;word-wrap:break-word;color:inherit}.st-ws-text-line{font-size:.9rem;line-height:1.5;color:var(--text-primary);word-wrap:break-word;overflow-wrap:anywhere}.st-ws-bullet{font-weight:700}.st-steps-history{max-height:300px;overflow-y:auto}.st-step-item{margin-bottom:8px}.st-step-item.current{border-left:3px solid var(--info-color);padding-left:8px}.st-step-label{font-size:.8rem;font-weight:600;color:var(--text-muted)}.st-step-box{margin-top:4px}.st-solved-actions{padding:12px 0;text-align:center}.st-chat-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.st-chat-history{flex:1;overflow-y:auto;padding:16px}.st-chat-message{margin-bottom:12px}.st-chat-message.user{display:flex;justify-content:flex-end}.st-chat-message.model{display:flex;justify-content:flex-start}.st-message-bubble{max-width:95%;padding:12px 16px;border-radius:12px;line-height:1.6;word-break:break-word}.st-chat-message.model .st-message-bubble{background:var(--surface-alt);color:var(--text-primary)}.st-user-bubble{background:var(--info-color)!important;color:var(--text-inverse, #fff)!important;border-radius:12px 12px 2px}.st-explanation-block{margin-bottom:8px;color:var(--text-primary)}.st-next-prompt-block{margin-top:8px;padding-top:8px;border-top:1px solid var(--border-color-light, rgba(0, 0, 0, .1));font-style:italic;color:var(--text-primary)}.hybrid-text-part{color:var(--text-primary)}[dir=rtl] .st-quiz-explanation{border-left:none;border-right:3px solid var(--brand-primary, #667eea)}[dir=rtl] .st-quiz-choices{padding-left:0;padding-right:1.2rem}[dir=rtl] .st-step-item.current{border-left:none;border-right:3px solid var(--info-color);padding-left:0;padding-right:8px}[dir=rtl] .st-user-bubble{border-radius:12px 12px 12px 2px}.st-diagram-container{margin-top:12px;padding:10px;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-alt);overflow:hidden;max-width:100%;box-sizing:border-box}.st-diagram-container.st-diagram-active{border-style:solid;border-color:var(--border-color)}.st-diagram-container.st-diagram-pending{border-style:dashed;border-color:var(--border-color-medium, #ccc);text-align:center;padding:16px 10px}.st-diagram-toolbar{display:flex;justify-content:flex-end;align-items:center;margin-bottom:6px}.st-diagram-reset-btn{display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(102,126,234,.35);border-radius:6px;background:#667eea1f;color:var(--brand-primary, #667eea);padding:4px 8px;font-size:.76rem;font-weight:700;line-height:1;cursor:pointer}.st-diagram-reset-btn:hover{background:#667eea33}.st-diagram-reset-btn svg{width:.8rem;height:.8rem}.st-diagram-rendered{width:100%;max-width:100%;overflow:hidden}.st-plotly-container{min-height:420px}.st-plotly-canvas{width:100%;min-height:420px}.st-plotly-container .js-plotly-plot,.st-plotly-container .plot-container{max-width:100%!important}.st-inline-svg-wrapper{position:relative;width:100%;height:auto;min-height:140px;background:var(--surface-alt);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;margin-top:12px;margin-bottom:12px;touch-action:none}.st-inline-svg-container{width:100%;height:auto;display:flex;justify-content:center;align-items:center;cursor:grab;transform-origin:50% 50%}.st-inline-svg-container:active{cursor:grabbing}.st-inline-svg-container svg{width:100%!important;height:auto!important;max-width:none!important;max-height:none!important;display:block!important;pointer-events:none}.st-inline-svg-error{color:var(--text-muted);font-size:.875rem;padding:8px;text-align:center}.st-inline-svg-controls{position:absolute;bottom:8px;right:8px;display:flex;gap:6px;background:var(--surface-alt);border:1px solid var(--border-color);padding:4px;border-radius:6px;box-shadow:0 2px 5px #0000001a;z-index:10}.st-inline-svg-control-btn{background:transparent;border:none;color:var(--text-primary);width:32px;height:32px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;padding:0;transition:background-color .2s}.st-inline-svg-control-btn:hover{background:var(--info-color);color:#fff}.st-diagram-zoom-hint{font-size:.75rem;color:var(--text-secondary, #374151);text-align:center;margin:4px 0 0;pointer-events:none;-webkit-user-select:none;user-select:none}.st-mermaid-container{position:relative;width:100%;height:clamp(360px,52vh,560px);background:var(--surface-alt);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;margin-top:12px;margin-bottom:12px;touch-action:none}.st-mermaid-container.st-mermaid-maximized{height:clamp(520px,78vh,900px)}.st-mermaid-panzoom-layer{width:100%;height:100%;display:flex;justify-content:center;align-items:center;cursor:grab;transform-origin:50% 50%}.st-mermaid-panzoom-layer:active{cursor:grabbing}.st-mermaid-panzoom-layer svg{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;display:block!important;margin:auto;pointer-events:none}.st-mermaid-controls{position:absolute;bottom:8px;right:8px;display:flex;gap:6px;background:var(--surface-alt);border:1px solid var(--border-color);padding:4px;border-radius:6px;box-shadow:0 2px 5px #0000001a;z-index:10}.st-mermaid-control-btn{background:transparent;border:none;color:var(--text-primary);width:32px;height:32px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;padding:0;transition:background-color .2s}.st-mermaid-control-btn:hover{background:var(--info-color);color:#fff}.st-mermaid-fullscreen{position:fixed!important;top:0;left:0;width:100vw!important;height:100vh!important;z-index:9999;border-radius:0;margin:0!important;border:none!important;background:var(--surface-alt)}.st-mermaid-fullscreen .st-mermaid-controls{bottom:16px;right:16px;padding:6px;gap:8px}.st-mermaid-fullscreen .st-mermaid-control-btn{width:40px;height:40px;font-size:18px}.st-mermaid-container .label,.st-mermaid-container .nodeLabel,.st-mermaid-container .edgeLabel,.st-mermaid-container .cluster-label,.st-mermaid-container text,.st-mermaid-container p,.st-mermaid-container foreignObject p,.st-mermaid-container foreignObject div,.st-mermaid-container foreignObject span{color:#1f2937!important;fill:#1f2937!important}.st-svg-template-container{display:flex;justify-content:center;align-items:center;width:100%;padding:8px 0}.st-svg-template{width:100%;max-width:480px;height:auto}:root{--st-svg-primary: #3b82f6;--st-svg-secondary: #ef4444;--st-svg-accent: #10b981;--st-svg-text: #333;--st-svg-fill: rgba(59, 130, 246, .08);--st-svg-grid: #d0d0d0;--st-svg-dashed: #999}[data-theme=dark]{--st-svg-primary: #60a5fa;--st-svg-secondary: #f87171;--st-svg-accent: #34d399;--st-svg-text: #e0e0e0;--st-svg-fill: rgba(96, 165, 250, .12);--st-svg-grid: #555;--st-svg-dashed: #888}[data-theme=dark] .st-mafs-container{background:#1e2333}[data-theme=dark] .st-mafs-container .MafsView{--mafs-bg: #1e2333;--mafs-fg: #c9d1d9;--grid-color: rgba(255, 255, 255, .08)}[data-theme=dark] .st-player-content{color:var(--text-primary, #e6edf3)}[data-theme=dark] .st-render-box{color:var(--text-primary, #e6edf3)!important;background:var(--surface-color, #161b22)}[data-theme=dark] .st-render-box,[data-theme=dark] .st-render-box span,[data-theme=dark] .st-render-box .katex,[data-theme=dark] .st-render-box .katex *,[data-theme=dark] .st-render-box .katex .base,[data-theme=dark] .st-ws-formula-line .katex,[data-theme=dark] .st-ws-formula-line .katex *,[data-theme=dark] .st-ws-text-line{color:var(--text-primary, #e6edf3)!important}[data-theme=dark] .st-ws-formula-block{color:var(--text-primary, #e6edf3)}[data-theme=dark] .st-workspace-panel h3,[data-theme=dark] .st-ws-label{color:var(--text-secondary, #a0adb8)!important}[data-theme=dark] .st-step-label{color:var(--text-muted, #8b949e)!important}[data-theme=dark] .st-mermaid-container .label,[data-theme=dark] .st-mermaid-container .nodeLabel,[data-theme=dark] .st-mermaid-container .edgeLabel,[data-theme=dark] .st-mermaid-container .cluster-label,[data-theme=dark] .st-mermaid-container text,[data-theme=dark] .st-mermaid-container p,[data-theme=dark] .st-mermaid-container foreignObject p,[data-theme=dark] .st-mermaid-container foreignObject div,[data-theme=dark] .st-mermaid-container foreignObject span{fill:#e0e0e0!important;color:#e0e0e0!important}[data-theme=dark] .st-mermaid-container .node rect,[data-theme=dark] .st-mermaid-container .node circle,[data-theme=dark] .st-mermaid-container .node polygon{fill:#3a4154!important;stroke:#6272a4!important}[data-theme=dark] .st-mermaid-container .edgePath .path{stroke:#888!important}[data-theme=dark] .st-mermaid-container .arrowheadPath{fill:#888!important}[data-theme=dark] .st-diagram-container{background:#1a1f2e}[data-theme=dark] .st-message-bubble .katex,[data-theme=dark] .st-message-bubble .katex *{color:var(--text-primary, #e6edf3)!important}[data-theme=dark] .st-explanation-block,[data-theme=dark] .st-next-prompt-block,[data-theme=dark] .hybrid-text-part{color:var(--text-primary, #e6edf3)}.st-mafs-container{width:100%;height:350px;border:1px solid var(--border-color-medium, #444);border-radius:8px;overflow:hidden;position:relative}.st-mafs-container.st-mafs-theme-light{background:#f8fafc}.st-mafs-container.st-mafs-theme-light .MafsView{--mafs-bg: #f8fafc;--mafs-fg: #1f2937;--grid-color: rgba(15, 23, 42, .14)}.st-mafs-container.st-mafs-theme-dark{background:#1e2333}.st-mafs-container.st-mafs-theme-dark .MafsView{--mafs-bg: #1e2333;--mafs-fg: #e5edf5;--grid-color: rgba(255, 255, 255, .09)}.st-molecule-container{width:100%;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:8px}.st-molecule-frame-wrapper{display:flex;flex-direction:column;align-items:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;padding:8px}.st-molecule-viewport{width:100%;height:350px;border-radius:6px;overflow:hidden;background:#0f172a;position:relative}.st-molecule-viewport-host{position:absolute;top:0;right:0;bottom:0;left:0}.st-molecule-viewport canvas,.st-molecule-viewport>div{position:absolute!important;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important}.st-molecule-fallback-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#fff}.st-molecule-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.88rem;color:#dbeafe;background:#0f172a73;pointer-events:none}.st-molecule-error-row{width:100%;margin-top:8px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.78rem;color:var(--text-secondary)}.st-molecule-fallback-link{color:var(--info-color);text-decoration:none;white-space:nowrap}.st-molecule-fallback-link:hover{text-decoration:underline}.st-molecule-canvas{display:block;max-width:100%;border-radius:4px}.st-molecule-label{font-size:.82rem;color:var(--text-secondary);margin-top:6px;text-align:center}.st-diagram-loading{display:flex;align-items:center;justify-content:center;min-height:120px;color:var(--text-muted);font-size:.9rem}.st-diagram-error{padding:12px;background:var(--error-bg-light, #fff3f3);border:1px solid var(--error-border, #f0c0c0);border-radius:6px;color:var(--error-text-color, #a03030);font-size:.85rem}.st-diagram-error-code{margin-top:6px;font-size:.75rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;max-height:60px;white-space:pre-wrap}.st-diagram-placeholder-badge{font-size:1.1rem;font-weight:600;color:var(--text-secondary);margin-bottom:4px}.st-diagram-placeholder-text{font-size:.8rem;color:var(--text-muted)}.st-diagram-placeholder{font-size:.85rem;color:var(--text-muted)}.st-diagram-placeholder pre{font-size:.75rem;overflow:hidden;text-overflow:ellipsis;max-height:80px}.st-loading-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--text-muted)}.st-loading-bubble{display:flex;align-items:center;gap:10px}.st-dot-flashing{display:inline-flex;gap:4px}.st-dot-flashing:before,.st-dot-flashing:after,.st-dot-flashing{position:relative}.st-dot-flashing:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--text-muted);animation:st-dot-pulse 1.2s ease-in-out infinite}.st-dot-flashing:after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--text-muted);animation:st-dot-pulse 1.2s ease-in-out .4s infinite}@keyframes st-dot-pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.st-input-form{display:flex;flex-direction:column;gap:8px;padding:12px 16px;border-top:1px solid var(--border-color);background:var(--surface-alt);flex-shrink:0}.st-input-top-row{display:flex;gap:8px}.st-input-form textarea{flex:1 1 auto;padding:10px;border:1px solid var(--border-color);border-radius:8px;font-size:.9rem;font-family:inherit;resize:none;background-color:var(--surface-color);color:var(--text-primary);height:56px;min-height:56px;max-height:56px;overflow-y:hidden}.st-input-form textarea:focus{outline:none;border-color:var(--info-color);box-shadow:0 0 0 2px var(--focus-ring-color, rgba(59, 130, 246, .2))}.st-send-btn{padding:8px 20px;border:none;border-radius:8px;background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:var(--text-inverse, #fff);font-size:.9rem;font-weight:600;cursor:pointer;align-self:center;display:inline-flex;align-items:center;gap:.4rem;min-height:36px;transition:all .2s}.st-send-btn:disabled{opacity:.5;cursor:not-allowed}.st-send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--button-accent-shadow, 0 4px 12px rgba(102, 126, 234, .4))}.st-input-bottom-row{display:flex;justify-content:space-between;align-items:center;min-height:36px}.st-bottom-left-controls{display:flex;align-items:center;gap:12px}.st-tool-buttons-group{display:flex;align-items:center;gap:.5rem}.st-player-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;border-top:1px solid var(--border-color);background:var(--surface-alt)}.st-footer-right{display:flex;gap:8px}.st-audio-controls{display:flex;align-items:center;gap:6px}.st-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}.st-waveform{display:flex;align-items:center;gap:4px;height:32px}.st-waveform-bar{width:4px;border-radius:2px;background:linear-gradient(180deg,#818cf8,#a855f7);animation:st-waveform 1.2s ease-in-out infinite;transform-origin:center bottom}.st-waveform-bar:nth-child(1){height:10px;animation-delay:0s}.st-waveform-bar:nth-child(2){height:20px;animation-delay:.1s}.st-waveform-bar:nth-child(3){height:28px;animation-delay:.2s}.st-waveform-bar:nth-child(4){height:14px;animation-delay:.3s}.st-waveform-bar:nth-child(5){height:24px;animation-delay:.15s}.st-waveform-bar:nth-child(6){height:18px;animation-delay:.35s}.st-waveform-bar:nth-child(7){height:10px;animation-delay:.25s}@keyframes st-waveform{0%,to{transform:scaleY(.25);opacity:.45}50%{transform:scaleY(1);opacity:1}}.st-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}.st-tutor-status-bar{margin-top:.25rem;padding:.65rem .85rem;background:color-mix(in srgb,var(--brand-primary, #667eea) 8%,transparent);border:1px solid color-mix(in srgb,var(--brand-primary, #667eea) 24%,transparent);border-radius:10px}.st-tutor-status-text{font-size:.85rem;font-weight:600;color:var(--brand-primary, #667eea)}.st-tutor-status-question{margin-top:.5rem;padding:.6rem .8rem;background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;font-size:.9rem;color:var(--text-primary);line-height:1.5}.st-tutor-status-question strong{color:var(--text-secondary);font-size:.85rem;font-style:italic;margin-right:.25rem}.st-mic-permission-error{background-color:color-mix(in srgb,#f59e0b 15%,var(--surface-color));border:1px solid #f59e0b;border-radius:8px;padding:8px 12px;font-size:.85rem;color:var(--text-primary);line-height:1.45}.st-listening-hint{font-size:.72em;color:var(--text-muted, #9ca3af);margin-top:2px;opacity:.85}.st-audio-status{font-size:12px;color:var(--text-muted);white-space:nowrap}.st-audio-status.listening{color:var(--error-color, #dc2626);font-weight:600;animation:st-pulse 1s infinite}@keyframes st-pulse{0%,to{opacity:1}50%{opacity:.4}}.st-speech-controls-group,.st-speech-controls-group-with-mic{display:flex;align-items:center;gap:.5rem}.st-speech-controls-group.speech-controls-disabled{opacity:.5}.st-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}.st-speech-action-btn.st-mic-pill{width:auto;min-width:172px;border-radius:999px;padding:.45rem .9rem;gap:.45rem}.st-speech-action-btn.st-mic-pill svg{width:18px;height:18px;flex-shrink:0}.st-mic-btn-label{display:inline;font-size:.85rem;font-weight:600;line-height:1;white-space:nowrap}.st-speech-action-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--button-accent-shadow, 0 4px 12px rgba(102, 126, 234, .4))}.st-speech-action-btn:disabled{opacity:.35;cursor:not-allowed}.st-speech-action-btn.st-mic-circle.mic-perm-denied{opacity:.45;cursor:not-allowed;background-color:var(--muted-bg, #e5e7eb);border-color:var(--muted-border, #9ca3af);color:var(--text-muted, #6b7280)}.st-speech-action-btn.st-mic-circle.recording{background-color:var(--error-color, #dc2626);border-color:var(--error-color, #dc2626);color:var(--text-inverse, #ffffff);animation:st-mic-pulse 1.5s infinite}@keyframes st-mic-pulse{0%{box-shadow:0 0 #dc3545b3}70%{box-shadow:0 0 0 10px #dc354500}to{box-shadow:0 0 #dc354500}}.st-policy-audio-section{background:var(--info-bg-subtle, #eff6ff);border:1px solid var(--info-border, #bfdbfe)}.st-policy-audio-label{font-weight:600;font-size:14px;color:var(--brand-primary, #1e40af);margin-bottom:4px}@media (max-width: 768px){.st-player-body{flex-direction:column}.st-workspace-panel{width:100%;min-width:0;border-right:none;border-bottom:1px solid var(--border-color);max-height:200px}.st-config-grid{grid-template-columns:1fr}.st-subject-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.st-footer-right{flex-wrap:wrap}}.st-area-picker{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;width:100%;max-width:480px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-xl, 0 8px 40px rgba(0,0,0,.6))}.st-area-picker-header{padding:20px 20px 14px;border-bottom:1px solid var(--border-color);position:relative}.st-area-picker-header h3{margin:0 0 4px;font-size:1.2rem;color:var(--text-primary)}.st-area-picker-subtitle{margin:0;font-size:.9rem;color:var(--text-secondary);line-height:1.45}.st-area-picker-note{margin:0 20px 14px;padding:10px 12px;border:1px solid rgba(79,70,229,.2);border-radius:10px;background:#4f46e50f;color:var(--text-primary);font-size:.88rem;line-height:1.45}.st-area-picker-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:1.1rem;cursor:pointer;color:var(--text-secondary);line-height:1;padding:4px 6px;border-radius:4px}.st-area-picker-close:hover{background:var(--surface-alt);color:var(--text-primary)}.st-area-picker-list{overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.st-area-picker-item{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:14px 16px;background:var(--surface-alt);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:background .15s,border-color .15s;width:100%}.st-area-picker-item:hover{background:var(--surface-hover);border-color:var(--brand-primary)}.st-area-picker-name{font-weight:600;font-size:.98rem;color:var(--text-primary)}.st-area-picker-desc{font-size:.83rem;color:var(--text-secondary);margin-top:4px;line-height:1.4}.st-area-picker-footer{padding:12px 16px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-start}.st-area-picker-cancel{padding:8px 20px;background:var(--button-reset-bg, #b95700);border:1px solid var(--button-reset-bg, #b95700);border-radius:6px;color:var(--text-inverse, #fff);font-size:.9rem;font-weight:500;cursor:pointer;transition:background .15s,box-shadow .15s}.st-area-picker-cancel:hover{background:var(--button-reset-hover-bg, #a04d00);box-shadow:0 4px 12px #b9570059}.st-policy-manager{max-width:900px;margin:0 auto;padding:20px}.st-policy-manager h3{font-size:1.3rem;margin-bottom:4px}.st-policy-desc{color:var(--text-primary);margin-bottom:20px;font-size:.9rem}.st-policy-error{background:var(--error-bg-light, #fff5f5);border:1px solid var(--error-border, #fc8181);color:var(--error-text-color, #c53030);padding:10px 16px;border-radius:8px;margin-bottom:16px;font-size:.9rem}.st-policy-loading{text-align:center;padding:40px 20px;color:var(--text-muted);font-size:1rem}.st-policy-section{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:16px 20px;margin-bottom:16px}.st-policy-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.st-policy-section-header h4{margin:0;font-size:1.05rem}.st-policy-summary{display:flex;flex-wrap:wrap;gap:8px}.st-policy-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.st-policy-badge.enabled{background:var(--correct-feedback-bg, #c6f6d5);color:var(--status-success-text, #276749)}.st-policy-badge.disabled{background:var(--error-bg-light, #fed7d7);color:var(--error-text-color, #9b2c2c)}.st-policy-badge.info{background:var(--surface-alt);color:var(--text-secondary)}.st-policy-empty{color:var(--text-secondary);font-size:.9rem;margin:0;font-style:italic;text-align:left}.st-policy-list{display:flex;flex-direction:column;gap:8px}.st-policy-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--surface-alt);border-radius:8px}.st-policy-item-name{flex:1;font-weight:500;padding-left:10px}.st-policy-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 14px;border:none;border-radius:8px;background:var(--button-accent-gradient, var(--brand-gradient, linear-gradient(135deg, #667eea, #764ba2)));color:var(--text-inverse, white);font-weight:600;font-size:.85rem;cursor:pointer;transition:transform .2s,box-shadow .2s}.st-policy-btn:hover{transform:translateY(-1px);box-shadow:var(--button-accent-shadow, 0 4px 12px rgba(102, 126, 234, .4))}.st-policy-btn.save{background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:#fff;border-color:#667eea}.st-policy-btn.save:hover{transform:translateY(-1px);box-shadow:var(--button-accent-shadow, 0 4px 12px rgba(102, 126, 234, .4))}.st-policy-btn.save:disabled{opacity:.5;cursor:not-allowed}.st-policy-btn.cancel{background:var(--button-reset-bg, #b95700);color:var(--text-inverse, #fff);border-color:var(--button-reset-bg, #b95700)}.st-policy-btn.cancel:hover{background:var(--button-reset-hover-bg, #a04d00);border-color:var(--button-reset-hover-bg, #a04d00);box-shadow:0 4px 12px #b957004d}.st-policy-btn-sm{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px 10px;border:1px solid var(--border-color);border-radius:6px;background:var(--surface-color);font-size:.8rem;cursor:pointer}.st-policy-btn-sm.danger{color:var(--error-color, #e53e3e);border-color:var(--error-border, #feb2b2)}.st-policy-btn-sm.danger:hover{background:var(--error-bg-light, #fff5f5)}.st-policy-btn-purple{background:linear-gradient(135deg,#7c3aed,#5b21b6)!important;color:#fff!important;border:none}.st-policy-btn-purple:hover{box-shadow:0 4px 14px #7c3aed73!important}.st-policy-btn-sm-purple{display:inline-flex;align-items:center;justify-content:center;gap:4px;background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;border:none;padding:4px 12px;border-radius:6px;font-size:.8rem;cursor:pointer;transition:box-shadow .2s,transform .15s}.st-policy-btn-sm-purple:hover{box-shadow:0 3px 10px #7c3aed66;transform:translateY(-1px)}.st-policy-btn-sm-danger{display:inline-flex;align-items:center;justify-content:center;gap:4px;background:linear-gradient(135deg,#e53e3e,#c53030);color:#fff;border:none;padding:4px 12px;border-radius:6px;font-size:.8rem;cursor:pointer;transition:box-shadow .2s,transform .15s}.st-policy-btn-sm-danger:hover{box-shadow:0 3px 10px #e53e3e66;transform:translateY(-1px)}.st-policy-editor-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg, rgba(0, 0, 0, .5));display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.st-policy-editor{background:var(--surface-color);border-radius:16px;width:100%;max-width:860px;max-height:85vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl, 0 20px 60px rgba(0, 0, 0, .2))}.st-policy-editor-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--border-color)}.st-policy-editor-header h4{margin:0;font-size:1.1rem}.st-policy-close{background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--text-muted);padding:4px 8px}.st-policy-editor-body{padding:20px 24px;overflow-y:auto;flex:1}.st-policy-editor-footer{display:flex;justify-content:space-between;gap:10px;padding:16px 24px;border-top:1px solid var(--border-color)}.st-policy-field{margin-bottom:14px}.st-policy-field label{display:block;text-align:left;font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:6px}.st-policy-field select{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:.9rem}.st-policy-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.st-policy-toggles{display:flex;flex-direction:column;gap:10px;margin-bottom:18px;padding:14px;background:var(--surface-alt);border-radius:10px}.st-policy-toggle{display:flex;align-items:flex-start;gap:8px;cursor:pointer;font-weight:500}.st-policy-toggle input[type=checkbox]{margin-top:2px;width:16px;height:16px;min-width:16px;min-height:16px;max-width:16px;max-height:16px;flex:0 0 16px;box-sizing:border-box;accent-color:var(--info-color)}.st-policy-inline-toggle input[type=checkbox]{width:16px;height:16px;flex-shrink:0;accent-color:var(--info-color)}.st-policy-audio-section{background:var(--info-bg-subtle, #f0f9ff);border:1px solid var(--info-border, #bae6fd)}.st-policy-audio-label{font-size:13px;font-weight:600;color:var(--info-color, #0369a1);margin-bottom:2px}.st-music-notation-wrapper{padding:8px 4px 4px;width:100%}.st-music-notation-title{font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:6px;text-align:center;letter-spacing:.02em}.st-music-notation-staff{width:100%;overflow:hidden}.st-music-notation-staff svg{width:100%!important;height:auto!important;display:block}.st-music-audio-controls{margin-top:8px;padding:4px 8px;border-top:1px solid var(--border-color)}.st-music-audio-controls .abcjs-inline-audio{border-radius:8px!important;height:auto!important;min-height:34px;padding:4px 10px!important;flex-wrap:wrap;gap:2px}.st-music-audio-controls .abcjs-inline-audio .abcjs-btn:hover g{fill:#fff!important;stroke:#fff!important}.abcjs-cursor{stroke:var(--info-color, #0369a1)!important;stroke-width:1.5px}[data-theme=dark] .st-music-notation-staff svg{filter:invert(1) hue-rotate(180deg)}.st-art-svg-wrapper{padding:8px 4px 4px;width:100%}.st-art-svg-title{font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:8px;text-align:center;letter-spacing:.02em}.st-art-svg-canvas{width:100%;display:flex;justify-content:center;align-items:flex-start}.st-art-svg-canvas svg{width:100%!important;height:auto!important;max-width:520px;display:block;margin:0 auto}.st-art-svg-error{padding:10px;font-size:.85rem;color:var(--text-muted);text-align:center}.st-art-image-wrapper{padding:8px 4px 4px;width:100%}.st-art-image-caption{font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:8px;text-align:center;letter-spacing:.02em;font-style:italic}.st-art-image-frame{border-radius:6px;overflow:hidden;background:var(--surface-alt, #f5f5f5);display:flex;justify-content:center;align-items:center;max-height:400px}.st-art-image-img{width:100%;height:auto;max-height:400px;object-fit:contain;display:block}.st-art-image-attribution{font-size:.78rem;color:var(--text-muted);margin-top:6px;text-align:center;line-height:1.5}.st-art-image-title-link{color:var(--info-color, #0369a1);text-decoration:none}.st-art-image-title-link:hover{text-decoration:underline}.st-art-image-source{display:block;font-size:.73rem;opacity:.75;margin-top:2px}.st-art-image-loading,.st-art-image-error{padding:20px 10px;font-size:.85rem;color:var(--text-muted);text-align:center;background:var(--surface-alt, #f5f5f5);border-radius:6px}[data-theme=dark] .st-art-image-frame{background:#1e1e2e}.st-policy-subjects{margin-top:16px}.st-policy-subjects h5{margin:0 0 12px;font-size:.95rem;color:var(--text-secondary)}.st-policy-subject{border:1px solid var(--border-color);border-radius:10px;padding:12px 16px;margin-bottom:10px;transition:border-color .2s,background .2s}.st-policy-subject.enabled{border-color:var(--info-color);background:var(--info-bg-subtle, #eff6ff)}.st-policy-subject-header{display:flex;justify-content:space-between;align-items:center}.st-policy-subject-options{margin-top:8px;padding:8px 0 0;border-top:1px dashed var(--border-color, #ddd)}.st-policy-subject-name{font-size:.95rem;font-weight:600}.st-policy-difficulty{padding:4px 10px;border:1px solid var(--border-color);border-radius:6px;font-size:.85rem}.st-policy-areas{margin-top:10px}.st-policy-areas-label{display:block;font-size:.85rem;color:var(--text-primary);font-weight:600;margin-bottom:6px}.st-policy-area-chips{display:flex;flex-wrap:wrap;gap:6px}.st-policy-area-chip{padding:4px 12px;border:1px solid var(--border-color);border-radius:20px;background:var(--surface-color);font-size:.8rem;cursor:pointer;transition:all .2s}.st-policy-area-chip.selected{background:var(--info-color);color:var(--text-inverse, white);border-color:var(--info-color)}.st-policy-area-chip:hover{border-color:var(--info-color)}.st-tab-toggle{display:flex;gap:0;margin-bottom:20px;border:1px solid var(--border-color);border-radius:10px;overflow:hidden;width:fit-content}.st-tab-toggle button{padding:10px 24px;border:none;background:var(--surface-color);font-size:.9rem;font-weight:600;cursor:pointer;color:var(--text-muted);transition:background .2s,color .2s}.st-tab-toggle button.active{background:var(--button-accent-gradient, var(--brand-gradient, linear-gradient(135deg, #667eea, #764ba2)));color:var(--text-inverse, white)}.st-tab-toggle button:not(:last-child){border-right:1px solid var(--border-color)}@media (max-width: 640px){.st-policy-row{grid-template-columns:1fr}.st-policy-editor{max-height:95vh}.st-tab-toggle{width:100%}.st-tab-toggle button{flex:1;padding:10px 12px;font-size:.85rem}}.st-play-video-btn{display:inline-flex;align-items:center;gap:6px;margin-top:.6rem;padding:7px 16px;background:var(--brand-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:#fff;border:none;border-radius:8px;font-size:.9em;font-weight:600;cursor:pointer;transition:opacity .15s}.st-play-video-btn:hover{opacity:.85}.st-video-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;pointer-events:none;background:transparent;display:block}.st-video-container{position:absolute;top:60px;right:20px;width:40%;max-width:350px;aspect-ratio:16 / 9;background:#000;border-radius:8px;overflow:visible;border:2px solid rgba(255,255,255,.18);box-shadow:0 8px 24px #0009;pointer-events:auto;z-index:2000}.st-video-container iframe{width:100%;height:100%;border-radius:6px;border:none;display:block}.st-video-close-btn{position:absolute;top:-12px;right:-12px;width:30px;height:30px;background:#1e293b;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:50%;cursor:pointer;font-size:1rem;line-height:28px;padding:0;text-align:center;z-index:2147483648;box-shadow:0 2px 5px #0006;pointer-events:auto}.st-video-close-btn:hover{background:#374151}.sk-kit-form textarea{height:auto;min-height:96px;max-height:200px}.sk-kit-form .st-send-btn{height:36px;padding:0 16px;font-size:.875rem;align-self:center}.st-speech-controls-group.speech-controls-disabled .st-mic-circle{opacity:1}.spm-source-list{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto;padding-right:4px}.spm-source-card{background:var(--surface-alt);border:1px solid var(--border-color);border-radius:8px;padding:12px 14px}.spm-source-header{display:flex;align-items:center;gap:10px}.spm-source-num{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--info-color);color:#fff;font-size:.78rem;font-weight:600;display:flex;align-items:center;justify-content:center}.spm-source-info{flex:1;min-width:0}.spm-source-title{display:block;font-weight:600;font-size:.9rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spm-source-domain{display:block;font-size:.78rem;color:var(--text-secondary)}.spm-source-link{flex-shrink:0;font-size:.82rem;color:var(--info-color);text-decoration:none}.spm-source-link:hover{text-decoration:underline}.spm-source-snippet{margin:6px 0 0 36px;font-size:.82rem;color:var(--text-secondary);line-height:1.4}.spm-source-extracted{margin:4px 0 0 36px;font-size:.78rem;color:var(--success-color, #27ae60);font-weight:500}[data-theme=dark] .st-slp-strict-btn,[data-theme=dark] .st-slp-tier-btn{background:var(--surface-alt, #21262d);border-color:var(--border-color, #30363d);color:var(--text-primary, #e6edf3)}[data-theme=dark] .st-slp-strict-btn:hover,[data-theme=dark] .st-slp-tier-btn:hover{border-color:var(--brand-primary, #818cf8)}[data-theme=dark] .st-slp-strict-btn--active,[data-theme=dark] .st-slp-tier-btn--active{background:#1e2b52;border-color:var(--brand-primary, #818cf8)}[data-theme=dark] .st-slp-strict-btn strong,[data-theme=dark] .st-slp-tier-label strong{color:var(--text-primary, #e6edf3)}[data-theme=dark] .st-slp-tier-num{background:var(--border-color, #3d444d);color:var(--text-primary, #e6edf3)}[data-theme=dark] .st-slp-tier-btn--active .st-slp-tier-num{background:var(--brand-primary, #818cf8);color:#fff}.st-lesson-onboarding-card{text-align:left;line-height:1.6;padding:24px;border-radius:12px;border:1px dashed var(--border-color);background:var(--surface-alt);margin:12px 0 28px;box-shadow:0 4px 12px #00000005}.st-onboarding-header{display:flex;gap:16px;align-items:flex-start;margin-bottom:20px}.st-onboarding-wave{font-size:2.2rem;line-height:1;animation:wave-animation 2.5s infinite;transform-origin:70% 70%;display:inline-block}@keyframes wave-animation{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.st-onboarding-header-text h2{margin:0 0 6px!important;font-size:1.25rem!important;font-weight:700;color:var(--text-primary)}.st-onboarding-header-text p{margin:0;font-size:.95rem;color:var(--text-secondary)}.st-onboarding-steps-container{border-top:1px solid var(--border-color);padding-top:18px}.st-onboarding-steps-container h3{margin:0 0 16px!important;font-size:.88rem!important;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.st-onboarding-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.st-onboarding-step{display:flex;gap:12px;align-items:flex-start}.st-onboarding-step-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--brand-primary, #667eea);color:#fff;border-radius:50%;font-weight:700;font-size:.9rem;flex-shrink:0;box-shadow:0 2px 6px #667eea4d}.st-onboarding-step-content strong{display:block;font-size:.92rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.st-onboarding-step-content p{margin:0;font-size:.88rem;color:var(--text-secondary);line-height:1.4}@media (max-width: 768px){.st-onboarding-steps{grid-template-columns:1fr;gap:16px}}.print-preview-page{background:var(--surface-hover);min-height:100vh}.print-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;overflow-y:auto;background:var(--surface-hover)}.print-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px;color:var(--text-secondary);font-size:15px}.print-loading-spinner{width:36px;height:36px;border:3px solid var(--border-color);border-top-color:var(--brand-primary);border-radius:50%;animation:print-spin .8s linear infinite}@keyframes print-spin{to{transform:rotate(360deg)}}.print-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:12px;color:var(--error-color)}.print-error h2{margin:0}.print-error button{margin-top:12px;padding:8px 20px;border:1px solid var(--border-color-medium);border-radius:6px;background:var(--surface-color);cursor:pointer}.print-toolbar{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:10px 24px;background:var(--surface-color);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-xs)}.print-toolbar-left{display:flex;align-items:center;gap:16px}.print-toolbar-left h3{margin:0;font-size:16px;color:var(--text-primary)}.print-toolbar-info{font-size:13px;color:var(--text-secondary);max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.print-toolbar-right{display:flex;gap:10px}.print-toolbar-btn{padding:8px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.print-toolbar-btn-secondary{background:var(--button-reset-bg, #b95700);border:none;color:#fff}.print-toolbar-btn-secondary:hover{background:var(--button-reset-hover-bg, #d46c0b)}.print-toolbar-btn-primary{background:var(--brand-gradient);border:none;color:#fff}.print-toolbar-btn-primary:hover{opacity:.9}.print-toolbar-btn-pdf{background:var(--brand-gradient);border:none;color:#fff}.print-toolbar-btn-pdf:hover{opacity:.9}.print-toolbar-btn-pdf:disabled{opacity:.6;cursor:wait}.print-content{max-width:800px;margin:24px auto;padding:48px 56px;background:var(--surface-color);border-radius:8px;box-shadow:var(--shadow-sm);font-family:Nunito,Arial,sans-serif;color:#1a1a1a;line-height:1.6;font-size:14.5px;text-align:left}.print-header{margin-bottom:28px}.print-header-title{font-size:24px;font-weight:700;color:#1a1a2e;margin-bottom:6px;text-align:left}.print-header-meta{display:flex;gap:16px;font-size:13.5px;color:var(--text-secondary);margin-bottom:10px}.print-header-meta span:after{content:"•";margin-left:16px;color:var(--border-color-medium)}.print-header-meta span:last-child:after{display:none}.print-header-line{height:2px;background:#1a1a2e;margin-bottom:14px}.print-student-line{font-size:14.5px;color:var(--text-color);font-family:Nunito,Arial,sans-serif;margin-top:14px;line-height:2.4}.print-activity-section{margin-bottom:32px}.print-activity-title{font-size:19px;font-weight:700;color:#1a1a2e;margin:0 0 6px;padding-bottom:6px;border-bottom:2px solid var(--text-color);text-align:left}.print-answer-key-section .print-activity-title{border-bottom-color:var(--success-text)}.print-answer-key-section .print-activity-title:after{content:" ✓";color:var(--success-text)}.print-page-break,.print-section-break{page-break-before:always;break-before:page}.print-answer-key-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:4px 8px;margin-bottom:16px;padding:10px 12px;background:#f8fdf9;border:1px solid #d1fae5;border-radius:6px}.print-answer-key-cell{display:flex;gap:4px;font-size:13.5px;font-family:Nunito,Arial,sans-serif}.print-answer-key-num{font-weight:600;color:#374151}.print-answer-key-val{color:#059669;font-weight:700}.print-instructions{font-size:13.5px;color:var(--text-secondary);font-style:italic;margin:0 0 14px;font-family:Nunito,Arial,sans-serif;text-align:left}.print-questions{display:flex;flex-direction:column;gap:16px}.print-question{display:flex;gap:8px;page-break-inside:avoid;break-inside:avoid}.print-question-number{font-weight:700;font-size:14.5px;min-width:24px;color:var(--text-color)}.print-question-body{flex:1}.print-question-text{font-size:14.5px;font-weight:500;margin-bottom:8px;color:var(--text-primary);page-break-after:avoid;break-after:avoid-page}.print-question-type{font-weight:400;font-size:13.5px;color:var(--text-secondary);font-style:italic}.print-activity-title+*{page-break-before:avoid;break-before:avoid-page}.print-sample-answer{font-size:14px;color:var(--success-text);padding:8px 12px;background:#ecfdf5;border-left:3px solid var(--success-text);border-radius:4px;line-height:1.5}.print-choices{display:flex;flex-direction:column;gap:4px;margin-left:4px}.print-choice{display:flex;align-items:flex-start;gap:6px;font-size:14px;padding:2px 4px;border-radius:3px}.print-choice-letter{font-weight:600;min-width:18px;color:var(--text-secondary)}.print-choice-correct{background:#ecfdf5;font-weight:600}.print-correct-mark{color:var(--success-text);font-weight:700;margin-left:4px}.print-choice-checkbox{gap:8px}.print-choice-box{font-size:16px;line-height:1}.print-fill-blank{margin-top:4px}.print-answer-line{font-size:14.5px;color:var(--text-muted);padding:4px 0;letter-spacing:2px}.print-answer-filled{color:var(--success-text);font-weight:600;letter-spacing:0}.print-sequence-list{margin:8px 0 0 20px;padding:0}.print-sequence-list li{margin-bottom:4px;font-size:14px}.print-scrambled-items{display:flex;flex-wrap:wrap;gap:6px 16px;margin-bottom:12px;padding:8px 12px;background:var(--surface-alt);border:1px dashed var(--border-color-medium);border-radius:6px;font-size:14px}.print-sequence-blanks{display:flex;flex-direction:column;gap:6px}.print-sequence-blank{font-size:14px;color:var(--text-secondary)}.print-matching-table{width:100%;border-collapse:collapse;font-size:14px;margin-top:8px}.print-matching-table th,.print-matching-table td{border:1px solid var(--border-color-medium);padding:6px 10px;text-align:left}.print-matching-table th{background:var(--surface-hover);font-weight:600;font-size:13.5px}.print-matching-exercise{margin-top:8px}.print-matching-col{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.print-matching-prompt{font-size:14px}.print-matching-bank{padding:10px 14px;background:var(--surface-alt);border:1px solid var(--border-color);border-radius:6px;font-size:14px}.print-word-bank{display:grid;grid-template-columns:repeat(3,1fr);gap:6px 12px;margin-top:6px}.print-bank-word{display:block;font-size:14px;padding:5px 10px;background:var(--surface-hover);border:1.5px solid var(--border-color-medium);border-radius:6px;text-align:center;word-break:break-word}.print-vocab-table{width:100%;border-collapse:collapse;font-size:14px}.print-vocab-table th,.print-vocab-table td{border:1px solid var(--border-color-medium);padding:7px 10px;text-align:left;vertical-align:top}.print-vocab-table th{background:var(--surface-hover);font-weight:600;font-size:13.5px}.print-vocab-num{text-align:center;color:var(--text-secondary);font-weight:600}.print-vocab-term{font-weight:600;color:var(--text-primary)}.print-vocab-example{margin-top:4px;font-size:13px;color:var(--text-secondary)}.print-fill-blank-items{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.print-fill-blank-item{display:flex;gap:8px;page-break-inside:avoid}.print-fill-blank-num{font-weight:700;min-width:24px;font-size:14.5px;color:var(--text-color)}.print-fill-blank-content{flex:1}.print-fill-blank-line{font-size:14.5px;color:var(--text-muted);letter-spacing:1px;margin-bottom:4px}.print-fill-blank-def{font-size:14px;color:var(--text-color)}.print-matching-columns{display:flex;gap:24px;margin-top:8px}.print-matching-left,.print-matching-right{flex:1}.print-matching-space{width:60px}.print-matching-col-header{font-weight:600;font-size:13.5px;color:var(--text-secondary);text-transform:uppercase;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid var(--border-color)}.print-matching-entry{font-size:14px;padding:6px 0;border-bottom:1px dotted var(--border-color)}.print-matching-entry-term{font-weight:500}.print-word-bank-box{margin-top:20px;padding:12px 16px;border:2px solid var(--text-color);border-radius:8px;page-break-inside:avoid}.print-word-bank-title{font-weight:700;font-size:14.5px;margin-bottom:8px;color:var(--text-color)}.print-cat-items-box{margin-bottom:20px;padding:12px 16px;border:2px dashed var(--text-secondary);border-radius:8px;page-break-inside:avoid}.print-cat-items-title{font-weight:700;font-size:14.5px;margin-bottom:8px;color:var(--text-color)}.print-cat-items-list{display:grid;grid-template-columns:repeat(3,1fr);gap:6px 12px}.print-cat-item-chip{display:block;padding:5px 10px;border:1.5px solid #555;border-radius:6px;font-size:14px;background:#f3f4f6;text-align:center;word-break:break-word}.print-cat-table{width:100%;border-collapse:collapse;font-size:14px;margin-top:8px}.print-cat-table th,.print-cat-table td{border:1px solid var(--border-color-medium);padding:8px 10px;text-align:left;vertical-align:top;min-width:80px}.print-cat-table th{background:var(--surface-hover);font-weight:700;font-size:14.5px;text-align:center}.print-cat-desc{font-weight:400;font-size:12.5px;color:var(--text-secondary);margin-top:2px}.print-cat-blank-cell{height:32px;color:var(--text-muted);font-size:13.5px}.print-cat-filled-cell{background:#ecfdf5;font-weight:500}.print-cat-table-filled td{text-align:center}.print-summary-text{font-size:14.5px;line-height:1.7}.print-summary-text p{margin:0 0 8px}.print-summary-text p:last-child{margin-bottom:0}.print-summary-sections{display:flex;flex-direction:column;gap:16px}.print-summary-section-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.print-summary-section-content{font-size:14.5px;line-height:1.7}.print-summary-section-content p{margin:0 0 8px}.print-summary-section-content p:last-child{margin-bottom:0}.print-example{margin-top:4px;font-size:13.5px;color:var(--text-secondary)}.print-takeaways-list{margin:0;padding-left:24px}.print-takeaways-list li{margin-bottom:10px;line-height:1.6;font-size:14.5px}.print-takeaways-list li:last-child{margin-bottom:0}.print-faq-list{display:flex;flex-direction:column;gap:16px}.print-faq-item{page-break-inside:avoid;break-inside:avoid}.print-faq-question{font-weight:700;font-size:14.5px;color:#1a1a2e;margin-bottom:4px}.print-faq-answer{font-size:14.5px;line-height:1.6;color:var(--text-color);padding-left:18px}.print-glossary-list{margin:0}.print-glossary-item{margin-bottom:12px;page-break-inside:avoid;break-inside:avoid}.print-glossary-item dt{font-weight:700;font-size:14.5px;color:#1a1a2e}.print-glossary-item dd{margin:2px 0 0;font-size:14.5px;line-height:1.6;color:var(--text-color);padding-left:18px}.print-related-terms{margin-top:2px;font-size:12.5px;color:var(--text-secondary)}.print-footer{margin-top:40px;padding-top:12px;border-top:1px solid var(--border-color);text-align:center;font-size:11px;color:var(--text-muted);font-family:Nunito,Arial,sans-serif}@media print{.no-print{display:none!important}html,body{color-scheme:light!important;background:#fff!important;color:#000!important}.print-preview-page{background:#fff}.print-content{max-width:none;margin:0;padding:.5cm 1.5cm 0;background:#fff;box-shadow:none;border-radius:0;text-align:left;color:#000}@page{size:A4;margin:1.5cm 0}body{color:#000!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.print-activity-section{page-break-before:auto}.print-section-break{page-break-before:always!important;break-before:page!important}.print-answer-key-section{page-break-before:auto}.print-question,.print-fill-blank-item{page-break-inside:avoid}.print-cat-items-box{page-break-inside:avoid;border:2px dashed #333!important}.print-cat-items-title{color:#000!important}.print-cat-item-chip{border:1.5px solid #333!important;background:#f3f4f6!important;color:#000!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.print-cat-table th,.print-cat-table td,.print-cat-blank-cell{border:1px solid #333!important}.print-vocab-table tr,.print-cat-table tr,.print-matching-table tr{page-break-inside:avoid}.print-choice-correct,.print-cat-filled-cell{background:#ecfdf5!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.print-vocab-table th,.print-cat-table th,.print-matching-table th{background:#f3f4f6!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.print-footer{position:fixed;bottom:0;left:0;right:0;text-align:center}.print-header-line{background:#000!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}body.print-preview-active *{visibility:hidden}body.print-preview-active .print-preview-overlay,body.print-preview-active .print-preview-overlay *{visibility:visible}body.print-preview-active .print-preview-overlay{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:auto!important;height:auto!important;min-height:auto!important;max-height:none!important;z-index:auto!important;overflow:visible!important;overflow-y:visible!important}body.print-preview-active .print-preview-overlay .print-content{overflow:visible!important;max-height:none!important;box-shadow:none!important;border-radius:0!important;margin:0!important}}.print-footer{display:none}@media print{@page{margin:20mm 20mm 25mm}.print-footer{display:block!important;position:fixed;bottom:-15mm;left:0;right:0;text-align:center;font-size:8.5pt;color:#8c9ba5!important;border-top:1px solid #ccc;padding-top:5px;background:#fff!important}}.print-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-bg);display:flex;justify-content:center;align-items:center;z-index:1300;animation:print-fadeIn .15s ease-out}@keyframes print-fadeIn{0%{opacity:0}to{opacity:1}}.print-modal{background:var(--surface-color);width:100vw;height:100vh;max-width:100vw;max-height:100vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000040;animation:print-slideIn .2s ease-out;font-size:15px;border-radius:0}@keyframes print-slideIn{0%{transform:translateY(-12px);opacity:0}to{transform:translateY(0);opacity:1}}.print-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border-color)}.print-modal-title{display:flex;align-items:center;gap:10px;color:var(--text-primary);font-size:18px}.print-modal-title h2{margin:0;font-size:19px;font-weight:600}.print-modal-title svg{color:var(--brand-primary)}.print-modal-close{background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;color:var(--text-secondary);transition:background .15s,color .15s}.print-modal-close:hover{background:var(--surface-hover);color:var(--text-primary)}.print-modal-body{padding:16px 24px 24px;overflow-y:auto;flex:1}.print-kit-name{font-size:15px;font-weight:600;color:var(--brand-primary);margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--surface-hover)}.print-section{margin-bottom:16px}.print-section-tight{margin-bottom:8px}.print-section-tight .print-checkbox-item{padding:3px 8px}.print-subsection{margin-left:12px;padding-left:12px;border-left:3px solid var(--border-color)}.print-label{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--text-color);margin-bottom:8px}.print-content-mode-row{display:flex;gap:24px;margin-bottom:6px}.print-checkboxes-specify{margin-top:4px;padding:8px 10px;background:var(--surface-alt, #f8f9fa);border:1px solid var(--border-color);border-radius:6px}.print-select{width:100%;padding:10px 12px;border:1px solid var(--border-color-medium);border-radius:6px;font-size:14px;color:var(--text-primary);background:var(--surface-color);cursor:pointer;text-align:left}.print-select-language{display:block;max-width:260px;margin:0;text-align:left;text-align-last:left}.print-select:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px #667eea1a}.print-quiz-variations-section{background:var(--surface-alt);border:1px solid var(--border-color);border-radius:8px;padding:10px 12px;margin-bottom:14px}.print-quiz-variations-body{display:flex;flex-direction:column;gap:6px}.print-variation-version-row{display:flex;align-items:center;gap:10px;margin-bottom:4px}.print-variation-label-text{font-size:13px;font-weight:600;color:var(--text-secondary);white-space:nowrap}.print-version-input{flex:1;padding:4px 10px;border:1px solid var(--border-color-medium);border-radius:6px;font-size:14px;color:var(--text-primary);background:var(--surface-color)}body[data-theme=light] .print-version-input{color:#111827;background:#fff}.print-version-input::placeholder{color:#9ca3af;opacity:1}.print-version-input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 2px #667eea26}.print-reshuffle-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border:none;border-radius:6px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity .15s,box-shadow .15s}.print-reshuffle-btn:hover:not(:disabled){opacity:.9;box-shadow:0 2px 8px #667eea66}.print-reshuffle-btn:disabled{opacity:.35;cursor:not-allowed}.print-variation-checks{display:flex;gap:4px;flex-direction:column}.print-variation-checks-inline{flex-direction:row;gap:12px}.print-variation-checks-inline .print-checkbox-item{padding:3px 6px}.print-checkboxes{display:grid;grid-template-columns:repeat(3,1fr);gap:2px 4px}.print-checkbox-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-color);cursor:pointer;padding:6px 8px;border-radius:6px;transition:background .1s}.print-checkbox-item:hover{background:var(--surface-alt)}body[data-theme=light] .print-checkbox-item,body[data-theme=light] .print-radio-item{color:#1f2937}body[data-theme=light] .print-label{color:#111827}body[data-theme=light] .print-variation-label-text{color:#374151}body[data-theme=light] .print-checkbox-item svg,body[data-theme=light] .print-radio-item svg{color:#6b7280}.print-checkbox-item input[type=checkbox]{accent-color:var(--brand-primary);width:15px;height:15px;cursor:pointer}.print-checkbox-item svg{color:var(--text-secondary);flex-shrink:0}.print-radio-group{display:flex;flex-direction:column;gap:2px}.print-formats-row{display:flex;gap:10px;margin-bottom:14px}.print-format-col{flex:1;min-width:0;padding:8px 10px;background:var(--surface-alt);border-radius:8px;border:1px solid var(--border-color)}.print-format-col .print-label{margin-bottom:6px;font-size:13px}.print-format-col .print-radio-item{padding:5px 7px;font-size:13px}.print-format-hint{margin:6px 0 0;font-size:13px;color:#3b82f6;font-style:italic;font-weight:600;line-height:1.3}.print-radio-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-color);cursor:pointer;padding:5px 8px;border-radius:6px;transition:background .1s}.print-radio-item:hover{background:var(--surface-alt)}.print-radio-item input[type=radio]{accent-color:var(--brand-primary);width:14px;height:14px;cursor:pointer}.print-radio-item svg{color:var(--text-muted);flex-shrink:0}.print-modal-footer{display:flex;justify-content:space-between;gap:10px;padding:16px 24px;border-top:1px solid var(--border-color)}.print-cancel-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;border:none;border-radius:8px;background:var(--button-reset-bg, #b95700);color:var(--text-inverse);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.print-cancel-btn:hover{background:var(--button-reset-hover-bg, #d46c0b)}.print-submit-btn{display:flex;align-items:center;gap:8px;padding:10px 22px;border:none;border-radius:8px;background:var(--brand-gradient);color:var(--text-inverse);font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s,transform .1s}.print-submit-btn:hover{opacity:.92}.print-submit-btn:active{transform:scale(.98)}.print-submit-btn:disabled{opacity:.5;cursor:not-allowed}.skll-selector-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1200;animation:skll-fade-in .2s ease-out}@keyframes skll-fade-in{0%{opacity:0}to{opacity:1}}.skll-selector-card{background:var(--surface-color, #1e1e2e);border:1px solid var(--border-color, #3a3a5c);width:100vw;height:100vh;max-width:100vw;max-height:100vh;display:flex;flex-direction:column;box-shadow:0 24px 48px #00000080;animation:skll-slide-up .25s cubic-bezier(.16,1,.3,1);overflow:hidden;color:var(--text-primary, #fff);border-radius:0}@keyframes skll-slide-up{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.skll-selector-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border-color, #3a3a5c);background:var(--surface-alt, #151521)}.skll-selector-header h3{margin:0;font-size:1.2rem;font-weight:700;letter-spacing:-.01em}.skll-selector-close{background:transparent;border:none;color:var(--text-secondary, #94a3b8);font-size:1.2rem;cursor:pointer;padding:4px;line-height:1;transition:color .15s,transform .15s}.skll-selector-close:hover{color:var(--text-primary, #fff);transform:scale(1.1)}.skll-selector-search{display:flex;align-items:center;gap:12px;padding:16px 24px;border-bottom:1px solid var(--border-color, #3a3a5c);background:var(--surface-alt, #151521)}.skll-search-icon{color:var(--text-secondary, #94a3b8);font-size:1rem}.skll-selector-search input{flex:1;padding:10px 14px;border-radius:8px;border:1px solid var(--border-color, #3a3a5c);background:var(--surface-color, #1e1e2e);color:var(--text-primary, #fff);font-size:.95rem;outline:none;transition:border-color .2s,box-shadow .2s}.skll-selector-search input:focus{border-color:var(--brand-primary, #6366f1);box-shadow:0 0 0 3px #6366f126}.skll-search-clear{background:transparent;border:none;color:var(--text-secondary, #94a3b8);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .15s}.skll-search-clear:hover{color:var(--text-primary, #fff)}.skll-selector-list{flex:1;overflow-y:auto;padding:12px 16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:start}@media (max-width: 1024px){.skll-selector-list{grid-template-columns:1fr}}.skll-selector-loading{padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-secondary, #94a3b8)}.skll-selector-error{padding:30px;text-align:center;color:#ef4444}.skll-retry-btn{margin-top:12px;padding:8px 16px;border-radius:6px;background:#ef4444;color:#fff;border:none;font-weight:600;cursor:pointer}.skll-selector-empty{padding:40px;text-align:center;color:var(--text-secondary, #94a3b8);font-size:.95rem}.skll-selector-item{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:12px;border-radius:12px;border:1px solid var(--border-color, #3a3a5c);background:var(--surface-alt, #151521);transition:border-color .15s,box-shadow .15s,transform .15s}.skll-selector-item:hover{border-color:var(--brand-primary, #6366f1);box-shadow:0 4px 16px #0003;transform:translateY(-1px)}.skll-selector-item-top-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap}.skll-selector-item-actions{display:flex;align-items:center;gap:6px;flex-shrink:0;margin-top:2px}.skll-selector-item-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.skll-selector-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.skll-selector-title-row h4{margin:0;font-size:.95rem;font-weight:600;color:var(--text-primary, #fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.skll-badge-type{padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase}.skll-badge-type--kit{background:#2563eb26;color:#3b82f6;border:1px solid rgba(37,99,235,.3)}.skll-badge-type--lesson{background:#8b5cf626;color:#a78bfa;border:1px solid rgba(139,92,246,.3)}.skll-badge-type--audio{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.skll-selector-item-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.8rem;color:var(--text-secondary, #94a3b8)}.skll-badge{padding:1px 6px;border-radius:4px;font-size:.68rem;font-weight:700;text-transform:uppercase}.skll-badge--assigned{background:#f59e0b1f;color:#f59e0b}.skll-badge--unassigned{background:#10b9811f;color:#10b981}.skll-badge--diff{background:#6366f11f;color:#818cf8}.skll-select-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:6px;border:none;background:var(--brand-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:#fff;font-size:.75rem;font-weight:700;cursor:pointer;transition:opacity .15s,transform .15s}.skll-select-btn:hover{opacity:.9;transform:scale(1.02)}.skll-detail-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:6px;border:none;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .15s ease,transform .15s}.skll-detail-btn:hover{opacity:.9;color:#fff;transform:scale(1.02)}.skll-detail-btn.active{background:linear-gradient(135deg,#059669,#047857);color:#fff}.skll-selector-item .skc-btn{padding:5px 10px!important;font-size:.75rem!important;border-radius:6px!important;height:auto!important;min-height:28px!important;line-height:1.2!important;display:inline-flex!important;align-items:center!important;gap:4px!important}.skll-selector-filters{display:flex;align-items:center;gap:16px;padding:12px 24px;border-bottom:1px solid var(--border-color, #3a3a5c);background:var(--surface-alt, #151521);flex-wrap:wrap}.skll-filter-group{display:flex;flex-direction:column;gap:4px;flex:1;min-width:120px}.skll-filter-group label{font-size:.72rem;font-weight:700;text-transform:uppercase;color:var(--text-secondary, #94a3b8);letter-spacing:.05em}.skll-filter-group select{padding:8px 12px;border-radius:6px;border:1px solid var(--border-color, #3a3a5c);background:var(--surface-color, #1e1e2e);color:var(--text-primary, #fff);font-size:.85rem;outline:none;cursor:pointer;transition:border-color .15s}.skll-filter-group select:focus{border-color:var(--brand-primary, #6366f1)}.skll-expanded-details{margin-top:12px;padding-top:12px;border-top:1px dashed var(--border-color, #3a3a5c);display:flex;flex-direction:column;gap:10px;animation:skll-slide-down .2s ease-out}@keyframes skll-slide-down{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.skll-detail-section{display:flex;flex-direction:column;gap:4px}.skll-detail-section strong{font-size:.75rem;text-transform:uppercase;color:var(--text-secondary, #94a3b8);letter-spacing:.03em}.skll-detail-text{margin:0;font-size:.85rem;color:var(--text-primary, #fff);line-height:1.45;background:var(--surface-inset, rgba(255, 255, 255, .02));padding:8px 12px;border-radius:6px;border:1px solid var(--border-color-light, rgba(255, 255, 255, .05))}.skll-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;background:var(--surface-inset, rgba(255, 255, 255, .01));padding:10px 12px;border-radius:8px;border:1px solid var(--border-color-light, rgba(255, 255, 255, .03))}@media (max-width: 480px){.skll-detail-grid{grid-template-columns:1fr}}.skll-detail-grid-item{display:flex;flex-direction:column;gap:2px}.skll-detail-grid-item strong{font-size:.68rem;text-transform:uppercase;color:var(--text-secondary, #94a3b8)}.skll-detail-grid-item span{font-size:.82rem;color:var(--text-primary, #fff)}.skll-detail-standards{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.skll-detail-standard-badge{background:#10b9811f;color:#10b981;border:1px solid rgba(16,185,129,.2);padding:2px 8px;border-radius:4px;font-size:.72rem;font-weight:600;cursor:help}.skll-detail-activities{display:flex;flex-wrap:wrap;gap:6px}.skll-detail-activity-chip{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);padding:3px 10px;border-radius:6px;font-size:.76rem;color:var(--text-primary, #fff)}.skll-detail-beats{margin:0;padding-left:20px;font-size:.82rem;color:var(--text-primary, #fff);line-height:1.5}.skll-detail-beats li{margin-bottom:2px}.skll-activity-container{display:flex;flex-direction:column;flex:1;overflow-y:auto;padding:20px 24px 24px}.skll-back-btn{align-self:flex-start;background:transparent;border:none;color:var(--brand-primary, #6366f1);font-weight:600;font-size:.9rem;cursor:pointer;margin-bottom:20px;display:inline-flex;align-items:center;transition:color .15s}.skll-back-btn:hover{color:var(--text-primary, #fff)}.skll-activity-sections{display:flex;flex-direction:column;gap:24px}.skll-activity-section h4{margin:0 0 12px;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary, #94a3b8);border-bottom:1px solid var(--border-color, #3a3a5c);padding-bottom:6px}.skll-activity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (max-width: 580px){.skll-activity-grid{grid-template-columns:1fr}}.skll-activity-card{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);text-align:left;cursor:pointer;transition:transform .2s cubic-bezier(.4,0,.2,1),border-color .2s,box-shadow .2s,background-color .2s;width:100%}.skll-activity-card:hover{transform:translateY(-4px) scale(1.02);border-color:#6366f166;background:#ffffff12;box-shadow:0 12px 30px #00000080,0 0 15px #6366f133}.skll-activity-icon{flex-shrink:0;width:44px;height:44px;border-radius:50%!important;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;box-shadow:0 4px 10px #0000004d,inset 0 1px 1px #fff3}.skll-activity-text{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.skll-activity-text strong{font-size:.95rem;color:var(--text-primary, #fff);font-weight:700;letter-spacing:.02em}.skll-activity-text span{font-size:.78rem;color:var(--text-secondary, #94a3b8);white-space:normal;line-height:1.45;overflow:visible;text-overflow:clip}.skll-activity-container{position:relative;overflow:hidden}.skll-activity-sections,.skll-back-btn{position:relative;z-index:1}.skll-ambient-glow{position:absolute;border-radius:50%;filter:blur(100px);-webkit-filter:blur(100px);opacity:.08;pointer-events:none;z-index:0}.skll-glow-1{width:300px;height:300px;background:#4f46e5;top:-50px;left:-50px}.skll-glow-2{width:350px;height:350px;background:#7c3aed;bottom:-100px;right:-50px}.skll-activity-section h4{font-size:1.15rem;font-weight:700;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-top:1.5rem;margin-bottom:1rem;border-bottom:1px solid rgba(165,180,252,.15);padding-bottom:8px;display:flex;align-items:center;gap:10px}body[data-theme=light] .skll-badge-type--lesson{background:#8b5cf61a;color:#6d28d9;border:1px solid rgba(139,92,246,.2)}body[data-theme=light] .skll-badge-type--kit{background:#2563eb1a;color:#1e3a8a;border:1px solid rgba(37,99,235,.2)}body[data-theme=light] .skll-badge-type--audio{background:#d977061a;color:#b45309;border:1px solid rgba(217,119,6,.2)}body[data-theme=light] .skll-badge--assigned{background:#d977061a;color:#b45309}body[data-theme=light] .skll-badge--unassigned{background:#0596691a;color:#047857}body[data-theme=light] .skll-badge--diff{background:#4f46e51a;color:#3730a3}.ddp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1200;display:flex;align-items:center;justify-content:center;padding:16px}.ddp-panel{background:var(--surface-color, #fff);border-radius:14px;box-shadow:0 20px 60px #00000040;width:100%;max-width:640px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.ddp-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px 14px;border-bottom:1px solid var(--border-color, #e5e7eb);flex-shrink:0}.ddp-title{font-size:18px;font-weight:700;margin:0 0 2px;color:var(--text-primary, #111827)}.ddp-subtitle{font-size:13px;color:var(--text-secondary, #6b7280);margin:0;max-width:440px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ddp-close{background:none;border:none;font-size:18px;cursor:pointer;color:var(--text-secondary, #6b7280);padding:2px 6px;border-radius:6px;flex-shrink:0;margin-left:12px}.ddp-close:hover{background:var(--surface-hover, #f3f4f6)}.ddp-hint{font-size:13px;color:var(--text-secondary, #6b7280);padding:10px 24px 4px;margin:0;flex-shrink:0}.ddp-save-error{margin:4px 24px;padding:8px 12px;background:#dc262614;border:1px solid rgba(220,38,38,.25);border-radius:6px;font-size:12px;color:#dc2626;flex-shrink:0}.ddp-loading,.ddp-error,.ddp-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 24px;color:var(--text-secondary, #6b7280);font-size:14px;text-align:center}.ddp-empty-hint{font-size:12px;color:var(--text-tertiary, #9ca3af)}.ddp-error button{margin-top:8px;padding:6px 14px;border-radius:6px;border:1px solid var(--border-color, #d1d5db);background:var(--surface-color, #fff);cursor:pointer;font-size:13px}.ddp-table{width:100%;border-collapse:collapse;overflow-y:auto;flex:1;display:block}.ddp-table thead{display:table;width:100%;table-layout:fixed}.ddp-table tbody{display:block;overflow-y:auto;max-height:calc(80vh - 200px);padding-bottom:24px}.ddp-table tbody tr{display:table;width:100%;table-layout:fixed}.ddp-table th{padding:8px 12px;text-align:center;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary, #6b7280);background:var(--surface-hover, #f9fafb);border-bottom:1px solid var(--border-color, #e5e7eb)}.ddp-table td{padding:10px 12px;font-size:14px;border-bottom:1px solid var(--border-color, #f3f4f6);color:var(--text-primary, #111827);vertical-align:middle;text-align:center}.ddp-table tr:last-child td{border-bottom:none}.ddp-table tr.ddp-editing{background:#6366f10a}.ddp-table tr:hover:not(.ddp-editing){background:var(--surface-hover, #f9fafb)}.ddp-table th:nth-child(1),.ddp-table td.ddp-name{width:40%;text-align:left;padding-left:24px}.ddp-table th:nth-child(2),.ddp-table td.ddp-status{width:22%;font-size:12px}.ddp-table th:nth-child(3),.ddp-table td.ddp-date{width:26%}.ddp-table th:nth-child(4),.ddp-table td.ddp-actions{width:12%;text-align:right;padding-right:16px}.ddp-row-date-input{border:none;background:transparent;font-family:inherit;font-size:13px;color:var(--text-primary, #111827);cursor:pointer;padding:3px 4px;border-radius:4px;width:130px;transition:background .12s}.ddp-row-date-input:hover{background:var(--surface-hover, #f3f4f6)}.ddp-row-date-input:disabled{opacity:.5;cursor:default}.ddp-saving-indicator{font-size:13px;color:var(--text-tertiary, #9ca3af);padding-right:4px}.ddp-date-display{cursor:pointer;border-radius:4px;padding:2px 4px;transition:background .12s}.ddp-date-display:hover{background:var(--border-color, #e5e7eb)}.ddp-date-display.ddp-no-date{color:var(--text-tertiary, #9ca3af);font-style:italic}.ddp-date-input{width:100%;padding:4px 7px;border:1px solid var(--brand-primary, #667eea);border-radius:5px;font-size:13px;background:var(--bg-primary, #fff);color:var(--text-primary, #111827);outline:none}.ddp-actions{display:flex;gap:10px;justify-content:flex-end;align-items:center}.ddp-btn{background:none;border:none;cursor:pointer;padding:5px 8px;border-radius:5px;font-size:15px;line-height:1;transition:background .12s;min-width:28px;text-align:center}.ddp-btn:disabled{opacity:.5;cursor:default}.ddp-btn-save{color:#16a34a}.ddp-btn-save:hover:not(:disabled){background:#16a34a1a}.ddp-btn-cancel{color:#dc2626}.ddp-btn-cancel:hover:not(:disabled){background:#dc26261a}.ddp-btn-clear{color:var(--text-secondary, #6b7280);font-size:17px}.ddp-btn-clear:hover:not(:disabled){background:var(--border-color, #e5e7eb)}.ddp-btn-edit{opacity:1}.ddp-filter-bar{display:flex;gap:6px;padding:10px 24px 4px;flex-shrink:0;flex-wrap:wrap;border-bottom:1px solid var(--border-color, #e5e7eb)}.ddp-filter-btn{padding:5px 12px;border-radius:20px;border:1px solid var(--border-color, #d1d5db);background:none;font-size:12px;font-weight:500;cursor:pointer;color:var(--text-secondary, #6b7280);transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.ddp-filter-btn:hover{border-color:var(--brand-primary, #667eea);color:var(--brand-primary, #667eea)}.ddp-filter-btn.active{background:var(--brand-primary, #667eea);border-color:var(--brand-primary, #667eea);color:#fff}.ddp-bulk-bar{display:flex;align-items:center;gap:10px;padding:10px 24px 6px;flex-shrink:0}.ddp-bulk-label{font-size:13px;font-weight:600;color:var(--text-primary, #111827);white-space:nowrap}.ddp-bulk-input{width:160px;flex-shrink:0}.ddp-bulk-apply{padding:5px 14px;border-radius:6px;border:none;background:var(--brand-primary, #667eea);color:#fff;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity .15s}.ddp-bulk-apply:disabled{opacity:.5;cursor:default}.ddp-bulk-apply:not(:disabled):hover{opacity:.88}.ddp-row-apply{padding:3px 10px;font-size:12px}.ddp-row-input{width:130px}@media (prefers-color-scheme: dark){.ddp-panel{background:var(--surface-color, #1f2937)}.ddp-date-input{background:var(--surface-color, #1f2937);color:var(--text-primary, #f9fafb)}}.gcrm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:10001;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.gcrm-modal{background:var(--surface-color);border-radius:12px;width:90%;max-width:520px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #00000026;overflow:hidden}.gcrm-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color)}.gcrm-header h3{margin:0;font-size:17px;font-weight:600;color:var(--text-primary)}.gcrm-close{background:transparent;border:none;font-size:16px;color:var(--text-secondary, #6b7280);cursor:pointer;padding:6px;border-radius:50%;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.gcrm-close:hover{background:var(--surface-hover, rgba(0, 0, 0, .06));color:var(--text-primary, #1f2937)}.gcrm-body{padding:20px;overflow-y:auto;flex:1;text-align:left}.gcrm-status-text{font-size:14px;color:var(--text-secondary);margin:0}.gcrm-not-connected p{font-size:14px;color:var(--text-color);margin:0 0 10px}.gcrm-expired-msg{font-size:14px;color:#92400e;background:#fffbeb;border:1px solid #fcd34d;border-radius:6px;padding:10px 12px;margin:0 0 14px!important}.gcrm-empty p{font-size:14px;color:var(--text-color);margin:0 0 8px}.gcrm-error-block{text-align:center;padding:10px 0}.gcrm-error-block p{font-size:14px;color:#c53030;margin:0 0 14px}.gcrm-pick-course{display:flex;flex-direction:column;gap:10px}.gcrm-hint{font-size:13px;color:var(--text-secondary);margin:0}.gcrm-label{display:block;font-size:13px;font-weight:500;color:var(--text-color);margin-bottom:4px}.gcrm-select{width:100%;padding:8px 10px;border:1px solid var(--border-color-medium);border-radius:6px;font-size:14px;color:var(--text-color);background:var(--surface-color)}.gcrm-select:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 3px #4285f426}.gcrm-preview{display:flex;flex-direction:column;gap:14px}.gcrm-preview-summary{display:flex;gap:8px;flex-wrap:wrap}.gcrm-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:500}.gcrm-badge--total{background:var(--info-bg-subtle);color:var(--info-color-hover);border:1px solid #bfdbfe}.gcrm-badge--warn{background:#fffbeb;color:#92400e;border:1px solid #fcd34d}.gcrm-group-name-row{display:flex;flex-direction:column}.gcrm-input{padding:7px 10px;border:1px solid var(--border-color-medium);border-radius:6px;font-size:14px;color:var(--text-color)}.gcrm-input:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 3px #4285f426}.gcrm-student-list{border:1px solid var(--border-color);border-radius:8px;overflow-y:auto;max-height:240px}.gcrm-student-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid var(--surface-hover);gap:10px}.gcrm-student-row--select-all{background:var(--surface-alt, #f5f5f5);border-bottom:2px solid var(--border-color);padding:6px 12px;position:sticky;top:0;z-index:1}.gcrm-checkbox-label{display:flex;align-items:center;gap:6px;cursor:pointer;flex-shrink:0}.gcrm-checkbox-label input[type=checkbox]{width:15px;height:15px;cursor:pointer;accent-color:var(--button-primary, #6366f1);flex-shrink:0}.gcrm-checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.4}.gcrm-select-all-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.gcrm-student-row:last-child{border-bottom:none}.gcrm-student-row--skip{opacity:.5;background:var(--surface-alt)}.gcrm-student-name{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.gcrm-student-email{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.gcrm-no-email{font-style:italic;color:var(--warning-text)}.gcrm-done{text-align:center;padding:6px 0}.gcrm-check{font-size:36px;margin-bottom:12px}.gcrm-done-title{font-size:17px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.gcrm-done-group{font-size:14px;color:var(--text-secondary, #4b5563);margin:0 0 16px}.gcrm-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;margin:0 0 14px}.gcrm-summary-cell{display:flex;flex-direction:column;align-items:center;padding:12px 8px;border-radius:8px;background:var(--surface-alt);border:1px solid var(--border-color)}.gcrm-summary-cell--green{background:var(--success-bg-light, #f0fff4);border-color:var(--success-border, #9ae6b4)}.gcrm-summary-cell--warn{background:var(--warn-bg-light, #fffbeb);border-color:var(--warn-border, #fcd34d)}.gcrm-summary-num{font-size:22px;font-weight:700;color:var(--text-primary);line-height:1.2}.gcrm-summary-label{font-size:11px;color:var(--text-secondary);margin-top:4px;text-align:center}.gcrm-done-note{font-size:13px;color:var(--text-secondary, #4b5563);margin:0}.gcrm-footer{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:12px 20px;border-top:1px solid var(--border-color);background:var(--surface-alt)}.gcrm-footer--center{justify-content:center}.gcrm-btn{padding:8px 16px;border-radius:7px;font-size:14px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:background .15s,opacity .15s}.gcrm-btn:disabled{opacity:.5;cursor:not-allowed}.gcrm-btn--primary{background:var(--brand-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:#fff;border-color:transparent}.gcrm-btn--primary:hover:not(:disabled){filter:brightness(1.1)}.gcrm-btn--secondary{background:var(--button-reset-bg, #b95700);color:#fff;border:1px solid var(--button-reset-bg, #b95700)}.gcrm-btn--secondary:hover:not(:disabled){background:var(--button-reset-hover-bg, #d46c0b);border-color:var(--button-reset-hover-bg, #d46c0b)}.gcrm-btn--connect{background:linear-gradient(135deg,#4285f4,#34a853);color:var(--text-inverse);border-color:transparent;width:100%;margin-top:6px}.gcrm-btn--connect:hover:not(:disabled){opacity:.9}.gcrm-search-row{margin-bottom:14px}.gcrm-search-wrap{position:relative;margin-top:4px;margin-bottom:6px}.gcrm-search-input{width:100%;padding-right:28px!important;box-sizing:border-box}.gcrm-search-clear{position:absolute;right:7px;top:50%;background:none;border:none;outline:none;box-shadow:none;cursor:pointer;font-size:18px;line-height:1;color:var(--text-secondary, #6b7280);padding:0;margin:-12px 0 0;width:24px;height:24px;min-width:24px;min-height:24px;max-width:24px;max-height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;box-sizing:border-box}.gcrm-search-clear:hover,.gcrm-search-clear:focus{background:var(--border-color-light);color:var(--text-primary, #111827);border:none!important;border-color:transparent!important;outline:none;box-shadow:none;top:50%;margin-top:-12px}.gcrm-search-input::placeholder{color:var(--text-tertiary, #9ca3af);font-size:13px}.gcrm-filter-count{font-size:12px;color:var(--text-secondary, #6b7280);margin-top:4px;font-style:italic}.gcrm-archive-toggle{margin-bottom:10px;padding:8px 12px;background:var(--surface-alt);border:1px solid var(--border-color);border-radius:6px}.gcrm-archive-toggle label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:var(--text-secondary);margin:0}.gcrm-archive-toggle input[type=checkbox]{cursor:pointer}.gcrm-course-info{margin-top:10px;padding:10px 12px;background:var(--surface-alt);border:1px solid var(--border-color);border-radius:6px;display:flex;flex-direction:column;gap:6px}.gcrm-enroll-code{font-size:13px;color:var(--text-color)}.gcrm-enroll-code strong{font-weight:600;color:var(--text-primary)}.gcrm-import-status{font-size:12px;color:var(--success-text, #15803d);font-weight:500}body[data-theme=dark] .gcrm-archive-toggle,body[data-theme=dark] .gcrm-course-info{background:#ffffff0d}body[data-theme=dark] .gcrm-summary-cell--green{background:#052e16;border-color:#166534}body[data-theme=dark] .gcrm-summary-cell--green .gcrm-summary-num,body[data-theme=dark] .gcrm-summary-cell--green .gcrm-summary-label{color:#bbf7d0}body[data-theme=dark] .gcrm-summary-cell--warn{background:#2d1f00;border-color:#854d0e}body[data-theme=dark] .gcrm-summary-cell--warn .gcrm-summary-num,body[data-theme=dark] .gcrm-summary-cell--warn .gcrm-summary-label{color:#fde68a}.gcam-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:10001;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.gcam-modal{background:var(--surface-color);border-radius:12px;width:90%;max-width:460px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #00000026;overflow:hidden}.gcam-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color)}.gcam-header h3{margin:0;font-size:17px;font-weight:600;color:var(--text-primary)}.gcam-close{background:none;border:none;font-size:18px;color:var(--text-color);cursor:pointer;padding:2px 6px;border-radius:4px;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .2s}.gcam-close:hover{background:var(--surface-hover);color:var(--text-primary)}.gcam-kit-bar{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--surface-alt);border-bottom:1px solid var(--border-color)}.gcam-kit-icon{font-size:16px}.gcam-kit-title{font-size:14px;font-weight:500;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gcam-body{padding:20px;overflow-y:auto;flex:1;text-align:left}.gcam-status-text{font-size:14px;color:var(--text-secondary);margin:0}.gcam-not-connected{text-align:center}.gcam-not-connected p{font-size:14px;color:var(--text-color);margin:0 0 10px}.gcam-empty p{font-size:14px;color:var(--text-color);margin:0 0 8px}.gcam-error{background:var(--error-bg-light);border:1px solid var(--error-color);color:var(--error-color);border-radius:6px;padding:8px 12px;font-size:13px;margin-bottom:12px}.gcam-error-block p{font-size:14px;color:var(--error-color);margin:0 0 12px}.gcam-roster-needed{text-align:center;padding:8px 0}.gcam-roster-needed p{font-size:14px;color:var(--text-color);margin:0 0 10px;line-height:1.5}.gcam-btn--roster{background:var(--success-bg-light);color:var(--success-text);border:1px solid #9ae6b4}.gcam-no-roster-warn{margin-top:14px;padding:12px 14px;background:#fff8e1;border:1px solid #f0c040;border-radius:8px;font-size:14px;color:#5a4000}.gcam-no-roster-warn p{margin:0 0 8px;line-height:1.5}.gcam-no-roster-warn p:last-of-type{margin-bottom:10px}:root[data-theme=dark] .gcam-no-roster-warn{background:#3a2e00;border-color:#c09000;color:#f5d060}.gcam-btn--cancel-ml{margin-left:8px}.gcam-label{display:block;font-size:14px;font-weight:500;color:var(--text-color);margin-bottom:8px}.gcam-select{width:100%;padding:8px 12px;border:1px solid var(--border-color-medium);border-radius:6px;font-size:14px;color:var(--text-primary);background:var(--surface-color);cursor:pointer}.gcam-select:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 2px #4285f433}.gcam-optional-fields{margin-top:14px;display:flex;flex-direction:column;gap:12px}.gcam-field-row{display:flex;flex-direction:column}.gcam-field-row--half{flex-direction:row;gap:16px}.gcam-field-row--half>div{flex:1}.gcam-input{width:100%;padding:7px 10px;border:1px solid var(--border-color-medium);border-radius:6px;font-size:14px;color:var(--text-primary);background:var(--surface-color);box-sizing:border-box}.gcam-input:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 2px #4285f433}.gcam-optional{font-weight:400;font-size:12px;color:var(--text-secondary)}.gcam-success{text-align:center;padding:8px 0}.gcam-check{font-size:40px;margin-bottom:12px}.gcam-success-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.gcam-success-sub{font-size:14px;color:var(--text-secondary);margin:0 0 16px}.gcam-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--border-color)}.gcam-btn{padding:9px 18px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:opacity .15s}.gcam-btn:disabled{opacity:.5;cursor:not-allowed}.gcam-btn--primary{background:linear-gradient(135deg,#4285f4,#34a853);color:var(--text-inverse)}.gcam-btn--primary:hover:not(:disabled){opacity:.9}.gcam-btn--secondary{background:var(--button-reset-bg, #b95700);color:var(--text-inverse);border:1px solid var(--button-reset-bg, #b95700)}.gcam-btn--secondary:hover:not(:disabled){background:var(--button-reset-hover-bg, #d46c0b);border-color:var(--button-reset-hover-bg, #d46c0b)}.gcam-btn--connect{background:linear-gradient(135deg,#4285f4,#34a853);color:var(--text-inverse);margin-top:8px}.gcam-btn--link{background:#ebf8ff;color:#2b6cb0;border:1px solid #bee3f8;text-decoration:none;display:inline-block;margin-top:4px}.gcam-btn--link:hover{background:#bee3f8}.sal-card{background:var(--surface-color);border-radius:12px;padding:20px;border:1px solid var(--border-color);border-left:4px solid var(--brand-primary);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px;text-align:left}.sal-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-left-color:var(--brand-secondary)}.sal-card-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.sal-subject-badge{background:none;color:var(--text-primary);padding:0;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.sal-status-badge{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;background:var(--surface-hover);color:var(--text-secondary)}.sal-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary);line-height:1.3}.sal-meta-chips{display:flex;flex-wrap:wrap;gap:8px}.sal-meta-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--info-color, #2563eb) 14%,white 86%);color:var(--info-color, #2563eb);font-size:.76rem;font-weight:700}.sal-meta-chip-muted{background:var(--surface-hover);color:var(--text-secondary)}.sal-description{margin:0;font-size:.85rem;color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sal-teacher-note-wrap{background:color-mix(in srgb,var(--surface-hover) 62%,transparent 38%);border:1px solid color-mix(in srgb,var(--border-color) 72%,transparent 28%);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.sal-teacher-note-text{margin:0;color:var(--text-secondary);font-size:.84rem;line-height:1.4}.sal-teacher-audio-wrap{display:flex;flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap}.sal-teacher-audio-label{font-size:.76rem;font-weight:700;color:var(--text-muted)}.teacher-audio-play-btn{display:inline-flex;align-items:center;gap:8px;padding:7px 18px;border:none;border-radius:20px;background:var(--accent, #7c6af7);color:#fff;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .18s,transform .12s;width:fit-content}.teacher-audio-play-btn:hover{background:color-mix(in srgb,var(--accent, #7c6af7) 80%,white);transform:scale(1.03)}.teacher-audio-play-btn.playing{background:color-mix(in srgb,var(--accent, #7c6af7) 70%,black)}.tap-icon{font-size:.85rem}.sal-progress-section{display:flex;flex-direction:column;gap:6px}.sal-progress-bar-track{height:6px;background:var(--border-color);border-radius:3px;overflow:hidden}.sal-progress-bar-fill{height:100%;background:var(--brand-gradient);border-radius:3px}.sal-progress-text{font-size:.75rem;color:var(--text-muted);font-weight:500}.sal-action-row{padding-top:4px;display:flex;gap:8px;align-items:stretch}.sal-action-btn{border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px}.sal-action-btn:hover{transform:translateY(-1px)}.sal-action-open{flex:1 1 auto;background:var(--button-accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:var(--text-inverse)}.sal-card-footer{display:flex;justify-content:space-between;align-items:flex-end;padding-top:8px;border-top:1px solid var(--surface-hover);flex-wrap:wrap;gap:12px}.sal-teacher{font-size:.78rem;color:var(--text-muted)}.sal-dates{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.sal-assigned-date{font-size:.75rem;color:var(--text-muted)}.sal-due-date{font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:4px}.sal-due-normal,.sal-due-soon,.sal-due-urgent,.sal-due-overdue{color:var(--text-primary);background:none}.sal-due-today{color:var(--error-color)!important;font-weight:700}.sal-due-today-border{border:2px solid var(--error-color);border-left:4px solid var(--error-color)}.sal-card .st-assigned-details{margin-top:4px}@media (max-width: 720px){.sal-card{padding:16px}.sal-card-header,.sal-card-footer,.sal-dates{align-items:flex-start}.sal-action-row{flex-direction:column}.sal-action-open{width:100%}}.empty-state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem 2rem;text-align:center;border:2px dashed var(--border-color);border-radius:8px;margin-top:1.5rem;color:var(--text-color)}.empty-state-icon{width:48px;height:48px;color:var(--brand-primary);margin-bottom:.5rem;opacity:.8}.empty-state-container h2{color:var(--text-primary);margin:0 0 .25rem;font-size:1.25rem}.empty-state-container p{max-width:450px;line-height:1.6;margin:0}.link-style{color:var(--brand-primary);text-decoration:underline;cursor:pointer;font-weight:500}.link-style:hover{color:var(--brand-primary-hover)}.sqllm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:1200;display:flex;align-items:center;justify-content:center;padding:16px}.sqllm-modal{background:var(--bg-primary, #fff);border-radius:16px;width:100%;max-width:760px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 80px #0006}.sqllm-header{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--border-color, #e5e7eb);flex-shrink:0}.sqllm-header-title{flex:1}.sqllm-header-title h2{margin:0;font-size:1rem;font-weight:700}.sqllm-header-title span{font-size:.8rem;color:var(--text-secondary, #6b7280)}.sqllm-close-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--text-secondary, #6b7280);padding:4px 8px;border-radius:6px;transition:background .15s}.sqllm-close-btn:hover{background:var(--bg-secondary, #f3f4f6)}.sqllm-body{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:18px;min-height:0}.sqllm-warn{background:var(--sqllm-warn-bg, #fef3c7);border:1px solid var(--sqllm-warn-border, #fde68a);border-radius:8px;padding:10px 14px;font-size:.85rem;color:var(--sqllm-warn-text, #92400e)}.sqllm-presets-row{display:flex;flex-direction:column;gap:8px}.sqllm-presets-list{display:flex;flex-direction:column;gap:4px;background:var(--bg-secondary, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:10px;padding:6px}.sqllm-preset-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;background:none;border:none;cursor:pointer;text-align:left;font-size:.85rem;transition:background .15s;color:var(--text-primary, #111827)}.sqllm-preset-item:hover{background:var(--bg-primary, #fff)}.sqllm-preset-emoji{font-size:1.1rem;flex-shrink:0}.sqllm-preset-name{flex:1;font-weight:500}.sqllm-preset-meta{color:var(--text-secondary, #9ca3af);font-size:.75rem;flex-shrink:0}.sqllm-section{display:flex;flex-direction:column;gap:8px}.sqllm-section-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-secondary, #6b7280)}.sqllm-tier-group{display:flex;flex-direction:column;gap:6px;margin-bottom:4px}.sqllm-tier-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary, #6b7280);padding:0 2px}.sqllm-scenario-grid{display:flex;flex-wrap:wrap;gap:8px}.sqllm-scenario-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 12px;background:var(--bg-secondary, #f9fafb);border:2px solid var(--border-color, #e5e7eb);border-radius:10px;cursor:pointer;transition:border-color .15s,background .15s;min-width:76px}.sqllm-scenario-btn:hover{border-color:#a78bfa;background:var(--sqllm-hover-bg, rgba(167,139,250,.08))}.sqllm-scenario-btn.selected{border-color:var(--sqllm-accent, #7c3aed);background:var(--sqllm-selected-bg, rgba(124,58,237,.08))}.sqllm-sc-emoji{font-size:1.5rem;line-height:1}.sqllm-sc-label{font-size:.72rem;font-weight:600;color:var(--text-primary, #111827);text-align:center}.sqllm-settings-row{display:grid;grid-template-columns:1fr;gap:16px;align-items:start}.sqllm-field{display:flex;flex-direction:column;gap:6px}.sqllm-field-lang{min-width:130px;max-width:200px}.sqllm-field-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-secondary, #6b7280)}.sqllm-btn-group{display:flex;gap:4px;flex-wrap:wrap}.sqllm-opt-btn{padding:5px 12px;border:1.5px solid var(--border-color, #d1d5db);border-radius:7px;background:none;cursor:pointer;font-size:.82rem;font-weight:600;color:var(--text-secondary, #6b7280);transition:border-color .15s,color .15s,background .15s}.sqllm-opt-btn:hover{border-color:#a78bfa;color:var(--sqllm-accent, #7c3aed);background:var(--sqllm-hover-bg, rgba(167,139,250,.08))}.sqllm-opt-btn.selected{border-color:var(--sqllm-accent, #7c3aed);color:var(--sqllm-accent, #7c3aed);background:var(--sqllm-selected-bg, rgba(124,58,237,.08))}.sqllm-opt-btn-wide{flex:1;white-space:nowrap}.sqllm-diff-group{display:flex;flex-direction:row;align-items:center;gap:6px;flex-wrap:wrap}.sqllm-diff-btn{display:flex;flex-direction:column;align-items:center;padding:7px 18px;gap:2px;border:1.5px solid var(--border-color, #d1d5db);border-radius:7px;background:none;cursor:pointer;transition:border-color .15s,color .15s,background .15s;color:var(--text-secondary, #6b7280)}.sqllm-diff-btn:hover{border-color:#a78bfa;color:var(--sqllm-accent, #7c3aed);background:var(--sqllm-hover-bg, rgba(124,58,237,.08))}.sqllm-diff-btn.selected{border-color:var(--sqllm-accent, #7c3aed);color:var(--sqllm-accent, #7c3aed);background:var(--sqllm-selected-bg, rgba(124,58,237,.08))}.sqllm-diff-label{font-size:.82rem;font-weight:700}.sqllm-diff-desc{font-size:.68rem;font-weight:400;opacity:.75;white-space:nowrap}.sqllm-diff-detail{font-size:.76rem;color:var(--text-secondary, #6b7280);margin-left:6px;align-self:center}.sqllm-range-row{display:flex;align-items:center;gap:10px}.sqllm-range{flex:1;accent-color:#7c3aed;cursor:pointer}.sqllm-range:disabled{opacity:.4;cursor:not-allowed}.sqllm-select{padding:7px 10px;border:1.5px solid var(--border-color, #d1d5db);border-radius:8px;font-size:.85rem;background:var(--bg-primary, #fff);color:var(--text-primary, #111827);cursor:pointer;transition:border-color .15s}.sqllm-select option{background:var(--bg-primary, #fff);color:var(--text-primary, #111827)}.sqllm-select:focus{outline:none;border-color:var(--sqllm-accent, #7c3aed)}.sqllm-error{background:var(--sqllm-error-bg, #fee2e2);border:1px solid var(--sqllm-error-border, #fecaca);border-radius:8px;padding:9px 14px;font-size:.83rem;color:var(--sqllm-error-text, #991b1b)}.sqllm-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid var(--border-color, #e5e7eb);flex-shrink:0}.sqllm-btn-cancel{display:flex;align-items:center;gap:7px;padding:9px 18px;background:var(--button-reset-bg, #c27a2a);border:1px solid var(--button-reset-bg, #c27a2a);border-radius:9px;font-size:.88rem;font-weight:600;cursor:pointer;color:var(--text-inverse, #fff);transition:background .15s,border-color .15s}.sqllm-btn-cancel:hover{background:var(--button-reset-hover-bg, #d98a3a);border-color:var(--button-reset-hover-bg, #d98a3a)}.sqllm-btn-create{display:flex;align-items:center;gap:7px;padding:9px 20px;background:var(--brand-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:#fff;border:none;border-radius:9px;font-size:.88rem;font-weight:700;cursor:pointer;box-shadow:var(--brand-shadow, 0 4px 12px rgba(102,126,234,.35));transition:opacity .15s,box-shadow .15s}.sqllm-btn-create:hover:not(:disabled){opacity:.88;box-shadow:0 6px 18px #667eea73}.sqllm-btn-create:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.sqllm-btn-presets{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--bg-secondary, #f3f4f6);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;color:var(--sqllm-accent, #7c3aed);transition:background .15s;width:fit-content}.sqllm-btn-presets:hover{background:var(--sqllm-hover-bg, rgba(124,58,237,.08))}@media (max-width: 600px){.sqllm-field-lang{min-width:unset;max-width:unset}.sqllm-diff-detail{display:block;width:100%;margin-left:0;margin-top:4px}}body:not([data-theme=dark]){--sqllm-accent: #7c3aed;--sqllm-accent-hover: #6d28d9;--sqllm-hover-bg: rgba(124, 58, 237, .06);--sqllm-selected-bg: rgba(124, 58, 237, .07);--sqllm-warn-bg: #fef3c7;--sqllm-warn-border: #fde68a;--sqllm-warn-text: #92400e;--sqllm-error-bg: #fee2e2;--sqllm-error-border: #fecaca;--sqllm-error-text: #991b1b}body[data-theme=dark]{--sqllm-accent: #a78bfa;--sqllm-accent-hover: #7c3aed;--sqllm-hover-bg: rgba(167, 139, 250, .12);--sqllm-selected-bg: rgba(167, 139, 250, .14);--sqllm-warn-bg: rgba(253, 230, 138, .08);--sqllm-warn-border: rgba(253, 230, 138, .25);--sqllm-warn-text: #fde68a;--sqllm-error-bg: rgba(248, 81, 73, .08);--sqllm-error-border: rgba(248, 81, 73, .25);--sqllm-error-text: #f85149}body[data-theme=dark] .sqllm-close-btn:hover{background:var(--surface-hover, #1c2128);color:var(--text-primary, #e6edf3)}body[data-theme=dark] .sqllm-preset-item:hover{background:var(--surface-hover, #1c2128)}.sqllm-btn-edit-questions{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;flex-shrink:0;background:none;border:1px solid var(--sqllm-accent, #7c3aed);border-radius:7px;font-size:.78rem;font-weight:600;color:var(--sqllm-accent, #7c3aed);cursor:pointer;white-space:nowrap;transition:background .15s}.sqllm-btn-edit-questions:hover{background:var(--sqllm-hover-bg, rgba(124,58,237,.07))}.sqllm-ambient-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.sqllm-ambient-pills{display:flex;gap:4px}.sqllm-ambient-pill{padding:5px 14px;border-radius:20px;border:1.5px solid var(--border-color, #e5e7eb);background:none;font-size:.82rem;cursor:pointer;color:var(--text-secondary, #6b7280);transition:background .15s,border-color .15s,color .15s}.sqllm-ambient-pill:hover{background:var(--sqllm-hover-bg, rgba(124,58,237,.07))}.sqllm-ambient-pill-active{border-color:var(--sqllm-accent, #7c3aed);background:var(--sqllm-selected-bg, rgba(124,58,237,.08));color:var(--sqllm-accent, #7c3aed);font-weight:600}.sqllm-ambient-intensity{display:flex;align-items:center;gap:8px}.sqllm-ambient-intensity-label{font-size:.8rem;color:var(--text-secondary, #6b7280)}.sqlt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:12px}.sqlt-modal{background:var(--bg-primary, #fff);border-radius:16px;width:100%;max-width:1340px;height:calc(100vh - 24px);max-height:calc(100vh - 24px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 80px #000000b3}.sqlt-header{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--border-color, #e5e7eb);flex-shrink:0}.sqlt-header-title{flex:1;display:flex;flex-direction:column}.sqlt-header-title h2{margin:0;font-size:1rem;font-weight:700;color:var(--text-primary, #111827)}.sqlt-header-title span{font-size:.8rem;color:var(--text-secondary, #6b7280);margin-top:1px}.sqlt-status-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.sqlt-status-lobby{background:#f3f4f6;color:#374151}.sqlt-status-active{background:#dcfce7;color:#166534}.sqlt-status-ended{background:#fee2e2;color:#991b1b}.sqlt-close-btn{background:none;border:none;font-size:1.3rem;cursor:pointer;padding:4px 8px;border-radius:6px;color:var(--text-secondary, #6b7280);transition:background .15s;line-height:1}.sqlt-close-btn:hover{background:var(--bg-secondary, #f3f4f6)}.sqlt-header-code{font-size:.82rem;font-weight:700;letter-spacing:.08em;padding:3px 10px;border-radius:999px;background:var(--surface-alt, #f3f4f6);color:var(--text-primary, #111827);border:1px solid var(--border-color, #e5e7eb);white-space:nowrap;flex-shrink:0}.sqlt-tabs{display:flex;gap:0;border-bottom:1px solid var(--border-color, #e5e7eb);flex-shrink:0;padding:0 20px}.sqlt-tab{background:none;border:none;cursor:pointer;padding:10px 16px;font-size:.85rem;font-weight:600;color:var(--text-secondary, #6b7280);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s;display:flex;align-items:center;gap:6px}.sqlt-tab:hover{color:var(--text-primary, #111827)}.sqlt-tab.active{color:#a855f7;border-bottom-color:#a855f7}.sqlt-body{flex:1;overflow-y:auto;padding:0;min-height:0}.sqlt-lobby{display:grid;grid-template-columns:340px 1fr;gap:0;height:100%}.sqlt-lobby-left{padding:28px 24px;border-right:1px solid var(--border-color, #e5e7eb);display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}.sqlt-code-block{background:linear-gradient(135deg,#7c3aed,#4f46e5);border-radius:16px;padding:24px 28px;width:100%;color:#fff}.sqlt-code-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;opacity:.85;margin-bottom:6px}.sqlt-code-value{font-size:2.8rem;font-weight:800;letter-spacing:.18em;line-height:1;font-family:Courier New,Courier,monospace}.sqlt-code-sub{font-size:.78rem;opacity:.8;margin-top:8px;line-height:1.5}.sqlt-code-url{font-family:Courier New,Courier,monospace;font-size:.75rem;opacity:.9;word-break:break-all}.sqlt-code-copy-btn{margin-top:4px;background:#fff3;border:1px solid rgba(255,255,255,.4);color:#fff;border-radius:8px;padding:6px 16px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s}.sqlt-code-copy-btn:hover{background:#ffffff4d}.sqlt-settings-summary{width:100%;background:var(--bg-secondary, #f9fafb);border-radius:10px;padding:14px 16px;text-align:left;display:flex;flex-direction:column;gap:6px}.sqlt-settings-summary h4{margin:0 0 6px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary, #6b7280)}.sqlt-settings-row{display:flex;justify-content:space-between;font-size:.82rem;color:var(--text-primary, #111827)}.sqlt-settings-row span:first-child{color:var(--text-secondary, #6b7280)}.sqlt-lobby-actions{width:100%;display:flex;flex-direction:column;gap:10px}.sqlt-btn-launch{width:100%;padding:13px 0;background:#7c3aed;color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:background .15s,opacity .15s;display:flex;align-items:center;justify-content:center;gap:8px}.sqlt-btn-launch:hover:not(:disabled){background:#6d28d9}.sqlt-btn-launch:disabled{opacity:.45;cursor:not-allowed}.sqlt-btn-cancel{width:auto;display:flex;align-items:center;justify-content:center;gap:7px;padding:7px 14px;white-space:nowrap;background:var(--button-reset-bg, #c27a2a);color:var(--text-inverse, #fff);border:1px solid var(--button-reset-bg, #c27a2a);border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.sqlt-btn-cancel:hover{background:var(--button-reset-hover-bg, #d98a3a);border-color:var(--button-reset-hover-bg, #d98a3a)}.sqlt-lobby-right{padding:24px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.sqlt-roster-header{display:flex;align-items:center;justify-content:space-between}.sqlt-roster-header h3{margin:0;font-size:.95rem;font-weight:700}.sqlt-roster-count{background:#ede9fe;color:#6d28d9;border-radius:999px;padding:2px 10px;font-size:.78rem;font-weight:700}.sqlt-roster-empty{color:var(--text-secondary, #9ca3af);font-size:.9rem;text-align:center;padding:40px 0}.sqlt-roster-list{display:flex;flex-direction:column;gap:6px}.sqlt-roster-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-secondary, #f9fafb);border-radius:8px;font-size:.88rem}.sqlt-roster-avatar{font-size:1.2rem;line-height:1}.sqlt-roster-name{flex:1;font-weight:500;color:var(--text-primary, #111827)}.sqlt-roster-joined{font-size:.75rem;color:var(--text-secondary, #9ca3af)}.sqlt-monitor{display:flex;flex-direction:column;height:100%}.sqlt-stats-bar{display:flex;gap:24px;padding:14px 20px;border-bottom:1px solid var(--border-color, #e5e7eb);flex-shrink:0;flex-wrap:wrap;align-items:center}.sqlt-stat{display:flex;flex-direction:column;align-items:center}.sqlt-stat-val{font-size:1.3rem;font-weight:800;color:#7c3aed;line-height:1}.sqlt-stat-label{font-size:.7rem;color:var(--text-secondary, #9ca3af);text-transform:uppercase;letter-spacing:.06em;margin-top:2px}.sqlt-stats-bar-right{margin-left:auto;display:flex;gap:8px;align-items:center}.sqlt-btn-end{padding:7px 16px;white-space:nowrap;background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;border:none;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:filter .15s,box-shadow .15s;box-shadow:0 2px 8px #b91c1c59}.sqlt-btn-end:hover{filter:brightness(1.12);box-shadow:0 4px 14px #b91c1c80}.sqlt-btn-end:disabled{opacity:.6;cursor:not-allowed;filter:none}.sqlt-btn-return{padding:7px 14px;white-space:nowrap;background:var(--button-reset-bg, #b95700);color:var(--text-inverse, #fff);border:none;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:background .15s}.sqlt-btn-return:hover{background:var(--button-reset-hover-bg, #d46c0b)}.sqlt-grid-wrap{flex:1;overflow-y:auto;padding:0 16px 16px}.sqlt-grid{width:100%;border-collapse:collapse;margin-top:8px}.sqlt-grid th{text-align:left;padding:8px 12px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary, #6b7280);border-bottom:1px solid var(--border-color, #e5e7eb);white-space:nowrap}.sqlt-grid td{padding:9px 12px;font-size:.85rem;color:var(--text-primary, #111827);border-bottom:1px solid var(--border-color, #f3f4f6);white-space:nowrap}.sqlt-grid tr:last-child td{border-bottom:none}.sqlt-grid tr:hover td{background:var(--bg-secondary, #f9fafb)}.sqlt-grid td.num,.sqlt-grid th.num{text-align:right}.sqlt-late-badge{display:inline-flex;align-items:center;background:#fef3c7;color:#92400e;border-radius:4px;padding:1px 6px;font-size:.7rem;font-weight:600;margin-left:6px}.sqlt-player-status{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:999px}.sqlt-ps-lobby{background:#f3f4f6;color:#6b7280}.sqlt-ps-active{background:#dbeafe;color:#1d4ed8}.sqlt-ps-finished{background:#dcfce7;color:#166534}.sqlt-ps-late{background:#fef3c7;color:#92400e}.sqlt-ps-disconn{background:#fee2e2;color:#991b1b}.sqlt-questions{display:flex;flex-direction:column;height:100%}.sqlt-q-list{flex:1;overflow-y:auto;padding:12px 20px 20px;display:flex;flex-direction:column;gap:8px}.sqlt-q-item{display:flex;align-items:flex-start;gap:12px;background:var(--bg-secondary, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:10px;padding:10px 14px}.sqlt-q-num{font-size:.72rem;font-weight:800;color:#b87bff;text-transform:uppercase;min-width:28px;padding-top:2px}.sqlt-q-content{flex:1;display:flex;flex-direction:column;gap:4px}.sqlt-q-prompt{font-size:.88rem;font-weight:600;color:var(--text-primary, #111827);line-height:1.4}.sqlt-q-answer{font-size:.78rem;color:#16a34a;font-weight:600}.sqlt-q-badge{font-size:.7rem;font-weight:700;background:#7c3aed1f;color:#7c3aed;border-radius:20px;padding:2px 8px;white-space:nowrap;align-self:center;flex-shrink:0}body[data-theme=dark] .sqlt-q-item{background:#ffffff0d;border-color:#ffffff1a}body[data-theme=dark] .sqlt-q-answer{color:#4ade80}body[data-theme=dark] .sqlt-q-badge{background:#a78bfa26;color:#a78bfa}.sqlt-leaderboard{display:flex;flex-direction:column;height:100%}.sqlt-lb-toolbar{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--border-color, #e5e7eb);flex-shrink:0}.sqlt-lb-toolbar h3{margin:0;font-size:.9rem;font-weight:700;flex:1}.sqlt-visibility-toggle{display:flex;background:var(--bg-secondary, #f3f4f6);border-radius:8px;padding:3px;gap:2px}.sqlt-vis-btn{padding:5px 12px;font-size:.78rem;font-weight:600;border:none;border-radius:6px;cursor:pointer;background:none;color:var(--text-secondary, #6b7280);transition:background .15s,color .15s}.sqlt-vis-btn.active{background:#fff;color:#7c3aed;box-shadow:0 1px 3px #0000001a}.sqlt-lb-body{flex:1;overflow-y:auto;padding:16px 20px}.sqlt-lb-list{display:flex;flex-direction:column;gap:8px}.sqlt-lb-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;background:var(--bg-secondary, #f9fafb);transition:background .15s}.sqlt-lb-row.rank-1{background:linear-gradient(135deg,#fef9c3,#fde68a)}.sqlt-lb-row.rank-2{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.sqlt-lb-row.rank-3{background:linear-gradient(135deg,#fdf2e9,#f5cba7)}body[data-theme=dark] .sqlt-lb-row{background:var(--bg-secondary, rgba(255,255,255,.05))}body[data-theme=dark] .sqlt-lb-row.rank-1{background:linear-gradient(135deg,#fde68a2e,#fbbf2438)}body[data-theme=dark] .sqlt-lb-row.rank-2{background:linear-gradient(135deg,#94a3b81f,#94a3b82e)}body[data-theme=dark] .sqlt-lb-row.rank-3{background:linear-gradient(135deg,#d9770624,#b453092e)}.sqlt-lb-rank{font-size:1.4rem;font-weight:800;min-width:36px;color:var(--text-primary, #111827);text-align:center}.sqlt-lb-avatar{font-size:1.6rem;line-height:1}.sqlt-lb-name{flex:1;font-size:1.05rem;font-weight:600;color:var(--text-primary, #111827)}.sqlt-lb-score{font-size:1.3rem;font-weight:800;color:#7c3aed}.sqlt-lb-pts{font-size:.75rem;color:var(--text-secondary, #6b7280);margin-left:2px}.sqlt-lb-done{font-size:.75rem;color:#16a34a;font-weight:600}.sqlt-lb-hidden{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--text-secondary, #9ca3af)}.sqlt-lb-hidden .icon{font-size:2.5rem}.sqlt-lb-hidden p{margin:0;font-size:.9rem;text-align:center}.sqlt-error-bar{background:#fee2e2;color:#991b1b;padding:8px 20px;font-size:.82rem;font-weight:600;flex-shrink:0;border-top:1px solid #fecaca}.sqlt-lb-hidden-notice{background:#f59e0b1a;border:1px solid rgba(245,158,11,.4);border-radius:8px;padding:8px 14px;font-size:.82rem;font-weight:600;color:#92400e;margin-bottom:12px}body[data-theme=dark] .sqlt-lb-hidden-notice{background:#f59e0b26;color:#fcd34d;border-color:#f59e0b4d}@media (max-width: 700px){.sqlt-lobby{grid-template-columns:1fr}.sqlt-lobby-left{border-right:none;border-bottom:1px solid var(--border-color, #e5e7eb)}.sqlt-grid th:nth-child(n+4),.sqlt-grid td:nth-child(n+4){display:none}}.sqlrs-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-primary, #f9fafb);z-index:1200;display:flex;flex-direction:column;overflow:hidden}body[data-theme=dark] .sqlrs-overlay{background:var(--bg-primary, #0d1117)}.sqlrs-modal{flex:1;background:var(--bg-primary, #f9fafb);border-radius:0;width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;overflow:hidden;min-height:0;box-shadow:none}body[data-theme=dark] .sqlrs-modal{background:var(--bg-primary, #0d1117)}.sqlrs-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border-color, #e5e7eb);flex-shrink:0}.sqlrs-header h2{flex:1;margin:0;font-size:1rem;font-weight:700}.sqlrs-header-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sqlrs-close-btn{background:none;border:none;font-size:1.3rem;cursor:pointer;padding:4px 8px;border-radius:6px;color:var(--text-secondary, #6b7280);transition:background .15s;line-height:1;margin-left:4px}.sqlrs-close-btn:hover{background:var(--bg-secondary, #f3f4f6)}.sqlrs-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;border:none;transition:background .15s}.sqlrs-btn-primary{background:#7c3aed;color:#fff}.sqlrs-btn-primary:hover{background:#6d28d9}.sqlrs-btn-blue{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;box-shadow:0 2px 8px #2563eb59}.sqlrs-btn-blue:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 12px #2563eb73}.sqlrs-btn-blue:disabled{opacity:.5;cursor:not-allowed}.sqlrs-btn-cancel{background-color:var(--button-reset-bg, #b95700);color:#fff;border:none}.sqlrs-btn-cancel:hover{background-color:var(--button-reset-hover-bg, #d46c0b);color:#fff}body[data-theme=dark] .sqlrs-btn-cancel{background-color:var(--button-reset-bg, #b95700);color:#fff}body[data-theme=dark] .sqlrs-btn-cancel:hover{background-color:var(--button-reset-hover-bg, #d46c0b);color:#fff}.sqlrs-btn-purple{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border:none;box-shadow:0 2px 8px #7c3aed59}.sqlrs-btn-purple:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#5b21b6);box-shadow:0 4px 12px #7c3aed73}.sqlrs-btn-purple:disabled{opacity:.5;cursor:not-allowed}.sqlrs-btn-secondary{background:var(--bg-secondary, #f3f4f6);color:var(--text-primary, #111827);border:1px solid var(--border-color, #e5e7eb)}.sqlrs-btn-secondary:hover{background:var(--surface-hover, #e5e7eb)}body[data-theme=dark] .sqlrs-btn-secondary{background:var(--surface-alt, #21262d);color:var(--text-primary, #e6edf3);border-color:var(--border-color-medium, #3d444d)}body[data-theme=dark] .sqlrs-btn-secondary:hover{background:var(--surface-hover, #1c2128)}.sqlrs-tabs{display:flex;gap:0;padding:0 20px;border-bottom:1px solid var(--border-color, #e5e7eb);flex-shrink:0}.sqlrs-tab{background:none;border:none;cursor:pointer;padding:10px 16px;font-size:.85rem;font-weight:600;color:var(--text-secondary, #6b7280);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s}.sqlrs-tab:hover{color:var(--text-primary, #111827)}.sqlrs-tab.active{color:#7c3aed;border-bottom-color:#7c3aed}.sqlrs-body{flex:1;overflow-y:auto;padding:20px;min-height:0}.sqlrs-summary-strip{display:flex;gap:20px;background:linear-gradient(135deg,#7c3aed18,#4f46e510);border:1px solid #7c3aed30;border-radius:12px;padding:16px 20px;margin-bottom:20px;flex-wrap:wrap}.sqlrs-summary-stat{display:flex;flex-direction:column;align-items:center;min-width:64px}.sqlrs-summary-stat .val{font-size:1.5rem;font-weight:800;color:#7c3aed;line-height:1}.sqlrs-summary-stat .lbl{font-size:.7rem;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.06em;margin-top:3px;text-align:center}.sqlrs-lb-table{width:100%;border-collapse:collapse}.sqlrs-lb-table th{text-align:left;padding:8px 12px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary, #6b7280);border-bottom:1px solid var(--border-color, #e5e7eb);white-space:nowrap}.sqlrs-lb-table th.num,.sqlrs-lb-table td.num{text-align:right}.sqlrs-lb-table td{padding:9px 12px;font-size:.87rem;border-bottom:1px solid var(--border-color, #f3f4f6);color:var(--text-primary, #111827)}.sqlrs-lb-table tr:last-child td{border-bottom:none}.sqlrs-lb-table tr:hover td{background:var(--bg-secondary, #f9fafb)}.sqlrs-rank-medal{font-size:1.1rem}.sqlrs-player-name{display:flex;align-items:center;gap:8px}.sqlrs-player-name .avatar{font-size:1.1rem}.sqlrs-finished-at,.sqlrs-time-label{font-size:.75rem;color:var(--text-secondary, #9ca3af)}.sqlrs-elapsed{font-size:.78rem;font-weight:600;color:var(--text-primary, #111827);white-space:nowrap}.sqlrs-accuracy-list{display:flex;flex-direction:column;gap:10px}.sqlrs-accuracy-row{background:var(--bg-secondary, #f9fafb);border-radius:10px;padding:12px 16px;display:flex;flex-direction:column;gap:6px}.sqlrs-accuracy-row-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.sqlrs-acc-q-num{font-size:.72rem;font-weight:700;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;padding-top:1px}.sqlrs-acc-q-text{flex:1;font-size:.87rem;font-weight:600;color:var(--text-primary, #111827);line-height:1.35}.sqlrs-acc-pct{font-size:1rem;font-weight:800;flex-shrink:0}.sqlrs-acc-pct.low{color:#dc2626}.sqlrs-acc-pct.medium{color:#d97706}.sqlrs-acc-pct.high{color:#16a34a}.sqlrs-acc-bar-bg{height:6px;background:var(--border-color, #e5e7eb);border-radius:3px;overflow:hidden}.sqlrs-acc-bar-fill{height:100%;border-radius:3px;transition:width .6s ease}.sqlrs-acc-bar-fill.low{background:#dc2626}.sqlrs-acc-bar-fill.medium{background:#d97706}.sqlrs-acc-bar-fill.high{background:#16a34a}.sqlrs-acc-counts{font-size:.75rem;color:var(--text-secondary, #9ca3af)}.sqlrs-acc-avg-time{font-style:italic}.sqlrs-preset-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1300;display:flex;align-items:center;justify-content:center;padding:16px}.sqlrs-preset-modal{background:var(--bg-primary, #fff);border-radius:14px;padding:24px;width:100%;max-width:420px;box-shadow:0 12px 40px #0000004d}.sqlrs-preset-modal h3{margin:0 0 4px;font-size:1rem;font-weight:700}.sqlrs-preset-modal p{margin:0 0 14px;font-size:.83rem;color:var(--text-secondary, #6b7280)}.sqlrs-preset-input{width:100%;padding:9px 12px;border:1px solid var(--border-color, #d1d5db);border-radius:8px;font-size:.9rem;margin-bottom:14px;box-sizing:border-box;background:var(--bg-primary, #fff);color:var(--text-primary, #111827)}.sqlrs-preset-input:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed22}.sqlrs-preset-actions{display:flex;gap:8px;justify-content:flex-end}.la-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.la-modal{background:var(--card-bg, #fff);border-radius:12px;box-shadow:0 8px 40px #00000040;width:100%;max-width:860px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.la-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color, #e2e8f0);flex-shrink:0}.la-header-left{display:flex;align-items:center;gap:.75rem}.la-icon{font-size:1.5rem;line-height:1}.la-modal-title{font-size:1.05rem;font-weight:700;color:var(--text-primary, #1a202c)}.la-modal-subtitle{font-size:.8rem;color:var(--text-muted, #718096);margin-top:2px;max-width:460px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.la-header-actions{display:flex;gap:.5rem;align-items:center}.la-btn-icon{background:none;border:none;cursor:pointer;padding:.4rem;border-radius:6px;color:var(--text-muted, #718096);font-size:.9rem;transition:background .15s,color .15s;display:flex;align-items:center;justify-content:center}.la-btn-icon:hover{background:var(--hover-bg, #f1f5f9);color:var(--text-primary, #1a202c)}.la-body{flex:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.la-center{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;gap:.75rem;color:var(--text-muted, #718096)}.la-error{color:var(--danger, #e53e3e)}.la-empty{color:var(--text-muted, #718096)}.la-spinner{width:36px;height:36px;border:3px solid var(--border-color, #e2e8f0);border-top-color:var(--accent, #4f46e5);border-radius:50%;animation:la-spin .7s linear infinite}@keyframes la-spin{to{transform:rotate(360deg)}}.la-btn-retry{padding:.4rem 1rem;background:var(--accent, #4f46e5);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.85rem}.la-summary{display:flex;gap:.75rem;flex-wrap:wrap;background:var(--surface-alt, #f7fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;padding:.9rem 1rem}.la-summary-item{display:flex;flex-direction:column;align-items:center;min-width:80px;flex:1}.la-summary-item--highlight .la-summary-value{color:var(--success, #38a169)}.la-summary-value{font-size:1.45rem;font-weight:700;color:var(--text-primary, #1a202c);line-height:1}.la-summary-label{font-size:.7rem;color:var(--text-muted, #718096);text-transform:uppercase;letter-spacing:.04em;margin-top:4px}.la-table-wrap{overflow-x:auto}.la-table{width:100%;border-collapse:collapse;font-size:.85rem}.la-table th{text-align:left;padding:.5rem .75rem;border-bottom:2px solid var(--border-color, #e2e8f0);color:var(--text-muted, #718096);font-weight:600;text-transform:uppercase;font-size:.72rem;letter-spacing:.04em;white-space:nowrap}.la-table td{padding:.55rem .75rem;border-bottom:1px solid var(--border-color, #e2e8f0);color:var(--text-primary, #1a202c);vertical-align:middle}.la-table tr:last-child td{border-bottom:none}.la-table tr:hover td{background:var(--hover-bg, #f7fafc)}.la-row--dim td{opacity:.55}.la-td-name{font-weight:500;min-width:120px}.la-td-num{text-align:center}.la-td-date{white-space:nowrap;font-size:.78rem;color:var(--text-muted, #718096)}.la-badge{display:inline-block;padding:.2rem .55rem;border-radius:12px;font-size:.72rem;font-weight:600;white-space:nowrap}.la-badge--complete{background:#c6f6d5;color:#276749}.la-badge--opened{background:#bee3f8;color:#2b6cb0}.la-badge--not-opened{background:#e2e8f0;color:#718096}[data-theme=dark] .la-modal{background:var(--card-bg, #1e2533)}[data-theme=dark] .la-badge--complete{background:#22543d;color:#9ae6b4}[data-theme=dark] .la-badge--opened{background:#2a4365;color:#90cdf4}[data-theme=dark] .la-badge--not-opened{background:#2d3748;color:#a0aec0}.calculator-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:100001}.calculator-content{pointer-events:auto;position:absolute;background-color:var(--card-bg-color);border:1px solid var(--card-border-color);border-radius:12px;width:380px;box-shadow:0 8px 24px #0000004d;display:flex;flex-direction:column;overflow:hidden}.calculator-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background-color:var(--button-secondary-bg, #f3f4f6);border-bottom:1px solid var(--card-border-color);cursor:grab;-webkit-user-select:none;user-select:none}.calculator-header:active{cursor:grabbing}.calculator-header h3{margin:0;font-size:1rem;color:var(--text-color);pointer-events:none}.calc-close-btn{background:none;border:none;color:var(--text-color);font-size:1.5rem;cursor:pointer;line-height:1}.calculator-body{padding:15px}.calc-display{background-color:var(--input-bg-color);color:var(--input-text-color, var(--text-color));font-size:1.8rem;text-align:right;padding:15px;border-radius:8px;margin-bottom:15px;min-height:60px;word-wrap:break-word;border:1px solid var(--input-border-color, var(--card-border-color));font-family:monospace}.calc-keypad{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.calc-btn{background-color:var(--button-secondary-bg, #f3f4f6);color:var(--text-color);border:1px solid var(--card-border-color);border-radius:6px;font-size:1.1rem;padding:12px 0;cursor:pointer;transition:background-color .2s;-webkit-user-select:none;user-select:none}.calc-btn:hover{background-color:var(--button-secondary-hover-bg, #e5e7eb)}.calc-btn.scientific{background-color:var(--button-secondary-bg, #f3f4f6);color:var(--filename-text-color, #6b7280);font-size:.9rem;font-weight:700}.calc-btn.operator{color:var(--button-accent-bg, #667eea);font-weight:700;font-size:1.2rem}.calc-btn.equals{background-color:var(--button-accent-bg, #667eea);color:var(--button-accent-text, #fff);grid-column:span 2}.calc-btn.equals:hover{background-color:var(--button-accent-hover-bg, #5568d3)}.calc-btn.clear{color:var(--error-text-color, #ff4d4d)}.periodic-table-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100001;display:flex;justify-content:center;align-items:center}.periodic-table-content{background-color:var(--card-bg-color);border:1px solid var(--card-border-color);border-radius:12px;padding:0;width:95vw;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 30px #00000080}.periodic-table-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border-bottom:1px solid var(--card-border-color)}.periodic-table-header h2{margin:0;font-size:1.1rem;color:var(--header-color, var(--text-color))}.pt-close-button{background:none;border:none;color:var(--text-color);font-size:1.8rem;cursor:pointer;line-height:1;padding:0 4px}.pt-close-button:hover{color:var(--error-text-color, #dc3545)}.periodic-table-body{flex-grow:1;overflow:auto;padding:.75rem;background-color:var(--bg-color, #f6f8fa)}.periodic-grid{display:grid;grid-template-columns:repeat(18,minmax(0,1fr));grid-template-rows:repeat(9,auto);gap:2px;justify-content:center}.element-card{background-color:#2c3e50;border:1px solid rgba(255,255,255,.1);border-radius:3px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:transform .1s;color:#fff;position:relative;-webkit-user-select:none;user-select:none;aspect-ratio:1;padding:2px}.element-card:hover{transform:scale(1.2);z-index:10;border-color:#fff;box-shadow:0 4px 10px #0000004d}.element-number{font-size:.55em;position:absolute;top:1px;left:3px;opacity:.8}.element-symbol{font-size:.9em;font-weight:700}.element-mass{font-size:.5em;margin-top:1px;opacity:.8}.cat-nonmetal{background-color:#a9dfbf;color:#145a32}.cat-noble{background-color:#e6b0aa;color:#641e16}.cat-alkali{background-color:#f9e79f;color:#7d6608}.cat-alkaline{background-color:#f5b7b1;color:#78281f}.cat-metalloid{background-color:#d2b4de;color:#5b2c6f}.cat-halogen{background-color:#aed6f1;color:#1b4f72}.cat-transition{background-color:#fad7a0;color:#935116}.cat-post-transition{background-color:#d7dbdd;color:#212f3d}.cat-lanthanide{background-color:#a3e4d7;color:#0e6655}.cat-actinide{background-color:#edbb99;color:#873600}.periodic-table-footer{padding:.5rem .75rem;border-top:1px solid var(--card-border-color);text-align:right}.pt-legend{display:flex;flex-wrap:wrap;gap:6px 12px;justify-content:center;padding:0 0 8px;font-size:.65em;color:var(--text-color)}.pt-legend-item{display:flex;align-items:center;gap:5px;white-space:nowrap}.pt-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.element-card.element-selected{transform:scale(1.2);z-index:10;outline:2px solid #fff;outline-offset:1px;box-shadow:0 0 12px #3b82f6b3}.pt-detail-panel{margin-top:20px;padding:16px 20px;background-color:var(--card-bg-color, #fff);border:1px solid var(--card-border-color, #ddd);border-radius:10px;animation:pt-slide-up .2s ease-out}@keyframes pt-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.pt-detail-hero{display:flex;align-items:center;gap:14px;margin-bottom:12px}.pt-detail-symbol{font-size:2.8rem;font-weight:800;line-height:1;padding:8px 14px;border-radius:8px}.pt-detail-name-block{display:flex;flex-direction:column}.pt-detail-name{font-size:1.4rem;font-weight:700;color:var(--text-color)}.pt-detail-number{font-size:.95rem;color:var(--muted-text-color, #888)}.pt-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px 16px}.pt-detail-cell{display:flex;flex-direction:column}.pt-detail-label{font-size:.72em;text-transform:uppercase;letter-spacing:.04em;color:var(--muted-text-color, #888);font-weight:600;margin-bottom:1px}.pt-detail-value{font-size:.92em;font-weight:600;color:var(--text-color)}.pt-detail-appearance{margin-top:8px;font-size:.88em;color:var(--text-color)}.pt-detail-appearance .pt-detail-label{margin-right:6px}.tsv-container{padding:0 0 24px}.tsv-loading,.tsv-error{text-align:center;padding:48px 24px;color:var(--text-secondary);font-size:15px}.tsv-error{color:var(--error-color)}.tsv-error button{margin-left:12px;padding:4px 14px;border:1px solid var(--error-color);background:transparent;color:var(--error-color);border-radius:6px;cursor:pointer}.tsv-empty{color:var(--text-secondary);text-align:center;padding:32px 0}.tsv-breadcrumb{display:flex;align-items:center;gap:6px;padding:8px 0 12px;font-size:14px;color:var(--text-secondary)}.tsv-crumb{cursor:pointer;transition:color .15s}.tsv-crumb:hover{color:var(--brand-primary);text-decoration:underline}.tsv-crumb.active{color:var(--text-primary);font-weight:600;cursor:default;text-decoration:none}.tsv-crumb-sep{color:var(--text-secondary);font-size:15px}.tsv-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.tsv-filters select{padding:6px 10px;border:1px solid var(--border-color);border-radius:6px;font-size:13px;background:var(--surface-color);color:var(--text-primary);max-width:250px}.tsv-btn-export{display:inline-flex;align-items:center;padding:0 12px;height:30px;border:1.5px solid var(--brand-primary);background:var(--brand-primary);color:var(--text-inverse);border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s,opacity .15s}.tsv-btn-export:hover:not(:disabled){opacity:.85}.tsv-btn-export:disabled{opacity:.45;cursor:default}.tsv-transcript-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;flex:1 1 100%}.tsv-btn-delete{display:inline-flex;align-items:center;padding:0 12px;height:30px;border:1.5px solid #e53e3e;background:#e53e3e;color:#fff;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;transition:opacity .15s}.tsv-btn-delete:hover:not(:disabled){opacity:.85}.tsv-btn-delete:disabled{opacity:.45;cursor:default}.tsv-icon-action{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--border-color);background:var(--surface-color);color:var(--text-secondary);border-radius:6px;cursor:pointer;transition:background .15s,border-color .15s,color .15s,opacity .15s}.tsv-icon-action:hover:not(:disabled){background:var(--surface-hover-color, rgba(0, 0, 0, .04));color:var(--text-primary)}.tsv-icon-action:disabled{opacity:.45;cursor:default}.tsv-icon-action--danger{border-color:#e53e3e59;color:#c53030}.tsv-icon-action--danger:hover:not(:disabled){background:#e53e3e14;border-color:#e53e3e8c;color:#9b2c2c}.tsv-alert-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;white-space:nowrap}.tsv-alert-action-btn{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 9px;border:1px solid transparent;background:var(--button-accent-gradient, linear-gradient(135deg, #667eea, #764ba2));color:#fff;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s,opacity .15s}.tsv-alert-action-btn svg{flex:0 0 auto;font-size:11px}.tsv-alert-action-btn:hover:not(:disabled){box-shadow:var(--button-accent-shadow, 0 4px 12px rgba(102, 126, 234, .35));color:#fff}.tsv-alert-action-btn:disabled{opacity:.45;cursor:default}.tsv-alert-action-btn--danger{border-color:transparent;background:linear-gradient(135deg,#e53e3e,#c53030);color:#fff}.tsv-alert-action-btn--danger:hover:not(:disabled){box-shadow:0 4px 12px #e53e3e59;color:#fff}.tsv-btn-cancel{display:inline-flex;align-items:center;padding:0 12px;height:30px;border:none;background:var(--button-reset-bg, #b95700);color:#fff;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;transition:opacity .15s}.tsv-btn-cancel:hover{background:var(--button-reset-hover-bg, #d46c0b)}.tsv-transcript-expire-note{flex:1 1 100%;font-size:12px;color:var(--text-secondary);margin-top:2px;text-align:left}.tsv-transcript-expire-note .tsv-expire-date{font-weight:600;color:var(--text-primary)}.tsv-transcript-cleared{text-align:center;padding:32px 16px;color:var(--text-secondary);font-size:14px;font-style:italic}.tsv-btn-back{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border:1px solid var(--brand-primary);background:transparent;border-radius:6px;font-size:13px;cursor:pointer;color:var(--brand-primary);font-weight:500;margin-bottom:12px;transition:background .15s,color .15s}.tsv-btn-back:hover{background:var(--brand-primary);color:var(--text-inverse)}.tsv-btn-view{display:inline-flex;align-items:center;padding:0 12px;height:30px;border:1.5px solid var(--brand-primary);background:var(--brand-primary);color:var(--text-inverse);border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;transition:opacity .15s}.tsv-btn-view:hover{opacity:.85}.tsv-stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:20px}.tsv-stat-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:10px;padding:16px 14px;text-align:center}.tsv-stat-value{font-size:22px;font-weight:700;color:var(--brand-primary);line-height:1.2}.tsv-stat-label{font-size:12px;color:var(--text-secondary);margin-top:4px;text-transform:uppercase;letter-spacing:.3px}.tsv-charts-row{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap}.tsv-chart-card{flex:1 1 280px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:10px;padding:14px 10px 6px}.tsv-chart-card h4{margin:0 0 8px 8px;font-size:14px;font-weight:600;color:var(--text-primary)}.tsv-chart-wide{flex:2 1 400px}.tsv-section{margin-top:4px}.tsv-section h4{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 10px}.tsv-section-heading-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.tsv-section-heading-row h4{margin:0}.tsv-table{width:100%;border-collapse:collapse;font-size:13px}.tsv-table thead th{text-align:left;font-weight:600;font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;padding:8px 10px;border-bottom:2px solid var(--border-color)}.tsv-table tbody td{padding:10px;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.tsv-row-clickable{cursor:pointer;transition:background .12s}.tsv-row-clickable:hover{background:var(--surface-hover)}.tsv-student-name{font-weight:500}.tsv-student-heading{margin:0 0 14px;font-size:17px;font-weight:600;color:var(--text-primary)}.tsv-student-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}.tsv-table-note{flex:1;font-size:12px;color:var(--text-secondary);margin:0;font-style:italic;text-align:left}.tsv-confirm-inline{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#e53e3e}.tsv-row-actions{display:flex;align-items:center;gap:5px;justify-content:flex-end;flex-wrap:nowrap}.tsv-alert-pill,.tsv-alert-status{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.tsv-alert-pill--hate{background:#ffe3e3;color:#9b1c1c}.tsv-alert-pill--harassment{background:#ede9fe;color:#5b21b6}.tsv-alert-pill--sexual{background:#ffe8f3;color:#97266d}.tsv-alert-pill--violence{background:#fff5e6;color:#9c4221}.tsv-alert-status--open{background:#fff8db;color:#744210}.tsv-alert-status--resolved{background:#def7ec;color:#03543f}.tsv-alert-preview{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tsv-subject-badge{display:inline-block;padding:2px 9px;border-radius:10px;color:var(--text-inverse);font-size:11px;font-weight:600;white-space:nowrap}.tsv-transcript-header{display:flex;flex-wrap:wrap;align-items:flex-start;gap:14px;margin-bottom:18px}.tsv-transcript-header h3{margin:0;font-size:17px;font-weight:600;flex:1 1 100%;color:var(--text-primary)}.tsv-transcript-meta{display:flex;flex-wrap:wrap;gap:14px 24px;font-size:13px;color:var(--text-secondary);flex:1 1 100%}.tsv-transcript-meta strong{color:var(--text-primary)}.tsv-transcript-body{display:flex;flex-direction:column;gap:10px;max-height:600px;overflow-y:auto;padding:12px 0}.tsv-turn{display:flex;flex-direction:column;max-width:80%}.tsv-turn.user{align-self:flex-end;align-items:flex-end}.tsv-turn.model{align-self:flex-start;align-items:flex-start}.tsv-turn-label{font-size:11px;font-weight:600;margin-bottom:3px;color:var(--text-secondary)}.tsv-turn-bubble{padding:10px 14px;border-radius:12px;font-size:13px;line-height:1.5;word-break:break-word;text-align:left}.tsv-turn.user .tsv-turn-bubble{background:var(--brand-primary);color:var(--text-inverse);border-bottom-right-radius:4px}.tsv-turn.model .tsv-turn-bubble{background:var(--surface-alt);color:var(--text-primary);border:1px solid var(--border-color);border-bottom-left-radius:4px}.tsv-turn-bubble p{margin:0;white-space:pre-wrap}.tsv-turn-time{display:block;font-size:10px;margin-top:4px;opacity:.6}@media (max-width: 640px){.tsv-stat-cards{grid-template-columns:repeat(2,1fr)}.tsv-charts-row{flex-direction:column}.tsv-turn{max-width:95%}.tsv-table{font-size:12px}}