@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600&display=swap";:root{--primary: #667eea;--primary-hover: #764ba2;--primary-light: rgba(102, 126, 234, .12);--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--accent: #00d4ff;--secondary: #6b7280;--success: #34d399;--success-bright: #00ff88;--warning: #fbbf24;--danger: #f87171;--bg: #0a0e27;--bg-secondary: #111631;--bg-card: rgba(26, 31, 58, .6);--bg-card-solid: #1a1f3a;--bg-elevated: rgba(26, 31, 58, .8);--bg-input: rgba(255, 255, 255, .06);--bg-hover: rgba(102, 126, 234, .12);--text: #e8e8e8;--text-secondary: rgba(255, 255, 255, .5);--text-tertiary: rgba(255, 255, 255, .35);--text-on-primary: #ffffff;--border: rgba(255, 255, 255, .06);--border-light: rgba(255, 255, 255, .03);--border-hover: rgba(102, 126, 234, .3);--border-accent: rgba(102, 126, 234, .12);--sidebar-bg: #0a0e27;--sidebar-inner-bg: #1a1f3a;--sidebar-text: #c7d2fe;--sidebar-active: #667eea;--sidebar-active-bg: rgba(102, 126, 234, .22);--sidebar-active-border: var(--accent);--success-bg: rgba(16, 185, 129, .12);--success-text: #34d399;--warning-bg: rgba(245, 158, 11, .1);--warning-text: #fbbf24;--danger-bg: rgba(239, 68, 68, .1);--danger-text: #fca5a5;--info-bg: rgba(102, 126, 234, .1);--info-text: #a5b4fc;--badge-admin-bg: rgba(251, 191, 36, .15);--badge-admin-text: #fbbf24;--badge-instructor-bg: rgba(96, 165, 250, .15);--badge-instructor-text: #93c5fd;--badge-student-bg: rgba(52, 211, 153, .15);--badge-student-text: #6ee7b7;--radius: 8px;--radius-lg: 12px;--shadow: 0 2px 8px rgba(0, 0, 0, .25);--shadow-lg: 0 4px 20px rgba(102, 126, 234, .15);--shadow-glow: 0 0 20px rgba(102, 126, 234, .25);--focus-ring: 0 0 0 3px rgba(102, 126, 234, .3)}[data-theme=light]{--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--bg: #f4f5f9;--bg-secondary: #eef0f5;--bg-card: #ffffff;--bg-card-solid: #ffffff;--bg-elevated: #ffffff;--bg-input: #ffffff;--bg-hover: rgba(102, 126, 234, .06);--text: #111827;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--border: #e5e7eb;--border-light: #f0f1f3;--border-hover: rgba(102, 126, 234, .28);--border-accent: rgba(102, 126, 234, .15);--sidebar-active-bg: rgba(102, 126, 234, .22);--sidebar-active-border: var(--accent);--success-bg: #f0fdf4;--success-text: #166534;--warning-bg: #fffbeb;--warning-text: #92400e;--danger-bg: #fef2f2;--danger-text: #991b1b;--info-bg: #eef2ff;--info-text: #3730a3;--badge-admin-bg: #fef3c7;--badge-admin-text: #92400e;--badge-instructor-bg: #dbeafe;--badge-instructor-text: #1e40af;--badge-student-bg: #d1fae5;--badge-student-text: #065f46;--badge-female-bg: #fce7f3;--badge-female-text: #9d174d;--shadow: 0 1px 3px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 16px rgba(102, 126, 234, .14);--focus-ring: 0 0 0 3px rgba(102, 126, 234, .15)}[data-theme=high-contrast]{--primary: #6ea8fe;--primary-hover: #9ec5fe;--primary-light: rgba(110, 168, 254, .22);--primary-gradient: linear-gradient(135deg, #6ea8fe 0%, #9ec5fe 100%);--accent: #00e5ff;--secondary: #adb5bd;--success: #4ade80;--success-bright: #22ff77;--warning: #fde047;--danger: #ff6b6b;--bg: #000000;--bg-secondary: #0a0a0a;--bg-card: #0d0d0d;--bg-card-solid: #111111;--bg-elevated: #141414;--bg-input: #0d0d0d;--bg-hover: rgba(110, 168, 254, .18);--text: #ffffff;--text-secondary: #d4d4d4;--text-tertiary: #a3a3a3;--text-on-primary: #000000;--border: #525252;--border-light: #333333;--border-hover: #6ea8fe;--border-accent: rgba(110, 168, 254, .45);--sidebar-bg: #000000;--sidebar-inner-bg: #111111;--sidebar-text: #e5e5e5;--sidebar-active: #6ea8fe;--sidebar-active-bg: #2a2a2a;--sidebar-active-border: #6ea8fe;--success-bg: rgba(74, 222, 128, .2);--success-text: #4ade80;--warning-bg: rgba(253, 224, 71, .18);--warning-text: #fde047;--danger-bg: rgba(255, 107, 107, .18);--danger-text: #ff6b6b;--info-bg: rgba(110, 168, 254, .18);--info-text: #93bbfd;--badge-admin-bg: rgba(253, 224, 71, .22);--badge-admin-text: #fde047;--badge-instructor-bg: rgba(110, 168, 254, .22);--badge-instructor-text: #93bbfd;--badge-student-bg: rgba(74, 222, 128, .22);--badge-student-text: #4ade80;--badge-female-bg: rgba(244, 114, 182, .2);--badge-female-text: #f9a8d4;--radius: 8px;--radius-lg: 12px;--shadow: 0 2px 8px rgba(0, 0, 0, .6);--shadow-lg: 0 4px 20px rgba(110, 168, 254, .25);--shadow-glow: 0 0 20px rgba(110, 168, 254, .4);--focus-ring: 0 0 0 3px #6ea8fe, 0 0 0 5px rgba(110, 168, 254, .35)}[data-theme=high-contrast] body{font-size:16px;letter-spacing:.01em}[data-theme=high-contrast] .card,[data-theme=high-contrast] .settings-card{border-width:2px}[data-theme=high-contrast] .btn{border:2px solid transparent;font-weight:600}[data-theme=high-contrast] .btn-primary{border-color:var(--primary)}[data-theme=high-contrast] a:focus-visible,[data-theme=high-contrast] button:focus-visible,[data-theme=high-contrast] input:focus-visible,[data-theme=high-contrast] select:focus-visible,[data-theme=high-contrast] textarea:focus-visible{outline:3px solid #6ea8fe;outline-offset:2px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}.input{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius);font-size:14px;font-family:inherit;transition:border-color .2s;outline:none;background:var(--bg-input);color:var(--text)}.input:focus{border-color:var(--primary);box-shadow:var(--focus-ring)}.input::placeholder{color:var(--text-tertiary)}select,textarea{background:var(--bg-input);color:var(--text);border:1px solid var(--border)}select option{background:var(--bg-card-solid);color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:var(--radius);font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s;text-decoration:none}.btn-primary{background:var(--primary-gradient);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-hover) 0%,var(--primary) 100%);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);box-shadow:none}.btn-primary:disabled{background:var(--primary-light);cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-hover)}.btn-danger{background:var(--danger);color:var(--text-on-primary)}.btn-danger:hover{background:var(--danger);box-shadow:0 4px 14px #ef44444d;filter:brightness(1.1)}.btn-accent{background:#0891b2;color:#fff}.btn-accent:hover{background:#0e7490}.btn-accent:disabled{background:#67e8f9;cursor:not-allowed}.btn-sm{padding:6px 12px;font-size:13px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);transition:border-color .2s,box-shadow .2s}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg)}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:var(--text)}.badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:9999px;font-size:12px;font-weight:500}.badge-admin{background:var(--badge-admin-bg);color:var(--badge-admin-text)}.badge-instructor{background:var(--badge-instructor-bg);color:var(--badge-instructor-text)}.badge-student{background:var(--badge-student-bg);color:var(--badge-student-text)}.alert{padding:12px 16px;border-radius:var(--radius);font-size:14px;margin-bottom:16px}.alert-error{background:var(--danger-bg);color:var(--danger-text);border:1px solid var(--danger)}.alert-success{background:var(--success-bg);color:var(--success-text);border:1px solid var(--success)}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--border)}th{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background:var(--bg-secondary)}tr:hover td{background:var(--bg-hover)}code{font-family:JetBrains Mono,Fira Code,monospace;font-size:.875em;color:var(--accent);background:#00d4ff1a;padding:.15em .45em;border-radius:4px}pre{background:var(--bg-card-solid);border-left:4px solid var(--accent);border-radius:var(--radius);padding:16px 20px;overflow-x:auto;color:var(--text);font-family:JetBrains Mono,Fira Code,monospace;font-size:14px;box-shadow:var(--shadow);margin:12px 0}pre code{background:transparent;color:inherit;padding:0}.btn-accent{background:linear-gradient(135deg,#00d4ff,#0891b2);color:#0a0e27;font-weight:600}.btn-accent:hover{background:linear-gradient(135deg,#0891b2,#00d4ff);box-shadow:0 4px 14px #00d4ff59;transform:translateY(-1px)}.btn-accent:disabled{background:#00d4ff4d;cursor:not-allowed;transform:none;box-shadow:none}.text-gradient{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.neural-box{background:linear-gradient(135deg,#667eea1a,#00d4ff0d);border:1px solid rgba(102,126,234,.35);border-radius:10px;padding:16px 20px;box-shadow:0 4px 16px #667eea1f}.highlight-box{background:#10b98114;border-left:4px solid var(--success-bright);padding:12px 16px;border-radius:0 var(--radius) var(--radius) 0}.warning-box{background:#f59e0b14;border-left:4px solid var(--warning);padding:12px 16px;border-radius:0 var(--radius) var(--radius) 0}.cc-chat{display:flex;flex-direction:column;height:100%;background:var(--bg-card-solid);border-radius:8px;overflow:hidden;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.cc-messages{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.cc-messages::-webkit-scrollbar{width:6px}.cc-messages::-webkit-scrollbar-track{background:transparent}.cc-messages::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:3px}.cc-messages::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.cc-msg{display:flex;gap:8px;max-width:88%}.cc-msg--user{align-self:flex-end;flex-direction:row-reverse}.cc-msg--ai{align-self:flex-start}.cc-msg--system{align-self:center;max-width:100%}.cc-msg--other,.cc-msg--instructor{align-self:flex-start}.cc-msg__avatar{font-size:18px;flex-shrink:0;margin-top:2px;line-height:1}.cc-msg__body{display:flex;flex-direction:column;gap:2px;min-width:0}.cc-msg__meta{display:flex;align-items:baseline;gap:6px;padding:0 2px}.cc-msg--user .cc-msg__meta{flex-direction:row-reverse}.cc-msg__sender{font-size:11px;font-weight:600;color:var(--text-tertiary);letter-spacing:.02em}.cc-msg--ai .cc-msg__sender{color:#a78bfa}.cc-msg--instructor .cc-msg__sender{color:#60a5fa}.cc-msg__time{font-size:10px;color:var(--text-tertiary)}.cc-msg__bubble{background:var(--bg-hover);border-radius:12px;padding:8px 12px;font-size:13.5px;line-height:1.6;color:var(--text);word-break:break-word;min-width:0}.cc-msg--user .cc-msg__bubble{background:#5a7cf7;color:#fff;border-top-right-radius:3px}.cc-msg--ai .cc-msg__bubble{border-top-left-radius:3px}.cc-msg--other .cc-msg__bubble{background:#6366f126;border-top-left-radius:3px}.cc-msg--instructor .cc-msg__bubble{background:#3b82f626;border-left:2px solid #3b82f6;border-top-left-radius:3px}.cc-msg--system .cc-msg__bubble{background:var(--bg-input);text-align:center;font-style:italic;font-size:12px;color:var(--text-tertiary)}.cc-msg__bubble strong{font-weight:700}.cc-msg__bubble em{font-style:italic}.cc-msg__bubble code{background:var(--bg-input);padding:1px 5px;border-radius:3px;font-family:Fira Code,Courier New,monospace;font-size:.88em}.cc-msg__bubble pre{background:var(--bg);color:var(--text);padding:10px 14px;border-radius:6px;margin:6px 0;overflow-x:auto;font-size:.85em;line-height:1.4}.cc-msg__bubble pre code{background:none;padding:0;font-family:Fira Code,monospace;white-space:pre}.cc-msg__bubble .latex-block{margin:8px 0;overflow-x:auto}.cc-msg__bubble .latex-raw{font-family:Courier New,monospace;background:var(--bg-input);padding:2px 4px;border-radius:3px}.cc-msg__bubble .katex,.cc-msg__bubble .katex .mord,.cc-msg__bubble .katex .mrel,.cc-msg__bubble .katex .mbin,.cc-msg__bubble .katex .mopen,.cc-msg__bubble .katex .mclose{color:var(--text)}.cc-msg__bubble .katex .mpunct{color:var(--text-secondary)}.cc-msg__bubble .katex .sqrt-sign{color:var(--text)}.cc-msg__bubble .katex .sqrt-sign svg path{stroke:var(--text)}.cc-msg__bubble .katex .sqrt-line{border-top-color:var(--text)!important}.cc-msg__bubble .katex .overline-line,.cc-msg__bubble .katex .underline-line,.cc-msg__bubble .katex .frac-line{border-bottom-color:var(--text)!important}.cc-msg__bubble .katex .frac-line:after{border-bottom-color:var(--text)!important}.cc-msg__bubble .katex .rule{border-color:var(--text)}.cc-msg__bubble .katex svg{fill:var(--text);stroke:var(--text)}.cc-msg__bubble .katex svg path{fill:var(--text);stroke:var(--text)}.cc-msg__bubble .katex svg line{stroke:var(--text)}.cc-msg__bubble .katex .vlist-s,.cc-msg__bubble .katex .accent-body{color:var(--text)}.cc-typing-dots{display:flex;gap:4px;align-items:center;padding:4px 0}.cc-typing-dots span{width:6px;height:6px;background:var(--text-tertiary);border-radius:50%;animation:cc-bounce 1.3s infinite}.cc-typing-dots span:nth-child(2){animation-delay:.2s}.cc-typing-dots span:nth-child(3){animation-delay:.4s}@keyframes cc-bounce{0%,80%,to{transform:scale(1);opacity:.4}40%{transform:scale(1.3);opacity:1}}.cc-thinking-hint{font-size:12px;color:var(--text-tertiary);font-style:italic;padding-top:4px}.cc-typing-cursor{display:inline-block;animation:cc-blink .7s infinite;color:#a78bfa;font-weight:700}@keyframes cc-blink{0%,50%{opacity:1}51%,to{opacity:0}}.cc-msg__image{margin:6px 0;cursor:pointer}.cc-msg__image img{max-width:100%;max-height:400px;border-radius:8px;border:1px solid var(--border);display:block;transition:transform .2s ease}.cc-msg__image img:hover{transform:scale(1.02);border-color:var(--border-hover)}.cc-msg__image.cc-lightbox-active{position:fixed;inset:0;z-index:9999;background:#000000d9;display:flex;align-items:center;justify-content:center;margin:0;padding:24px;cursor:zoom-out}.cc-msg__image.cc-lightbox-active img{max-height:90vh;max-width:90vw;border-radius:12px;border-color:var(--border-hover);box-shadow:0 8px 40px #00000080}.cc-voice-badge{font-size:11px;opacity:.6}.cc-speaking-icon{animation:cc-pulse-speaker 1s infinite;font-size:12px;margin-left:4px}@keyframes cc-pulse-speaker{0%,to{opacity:1}50%{opacity:.4}}.cc-retry-banner{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;margin:4px 0;background:var(--warning-bg);border:1px solid rgba(251,191,36,.25);border-left:3px solid var(--warning);border-radius:8px}.cc-retry-banner__icon{font-size:22px;line-height:1;flex-shrink:0}.cc-retry-banner__info{flex:1;min-width:0}.cc-retry-banner__message{margin:0 0 6px;font-size:12px;color:var(--warning-text);line-height:1.4}.cc-retry-banner__row{display:flex;align-items:center;gap:8px}.cc-retry-banner__countdown{font-size:14px;font-weight:700;color:var(--warning);min-width:28px}.cc-retry-banner__progress{flex:1;height:5px;background:var(--warning-bg);border-radius:3px;overflow:hidden}.cc-retry-banner__bar{height:100%;background:var(--warning);border-radius:3px;transition:width 1s linear}.cc-error-bar{padding:8px 14px;background:var(--danger-bg);border-top:1px solid var(--danger);color:var(--danger-text);font-size:12px;display:flex;align-items:center;justify-content:space-between}.cc-error-bar__dismiss{background:none;border:none;color:var(--danger-text);cursor:pointer;font-size:14px;padding:2px 6px;opacity:.7}.cc-error-bar__dismiss:hover{opacity:1}.cc-disclaimer{font-size:12px;color:var(--warning);background:var(--warning-bg);padding:8px 10px;border-radius:8px;line-height:1.5;text-align:center}.cc-input-area{display:flex;flex-direction:column;gap:0;padding:0 12px 10px;border-top:1px solid var(--border);background:var(--bg-input)}.cc-input-row{display:flex;align-items:flex-end;gap:8px;padding-top:8px}.cc-input-row textarea{flex:1;border:1px solid var(--border);border-radius:20px;padding:8px 14px;font-size:13px;font-family:inherit;resize:none;outline:none;max-height:120px;line-height:1.4;background:var(--bg-input);color:var(--text);transition:border-color .2s}.cc-input-row textarea::placeholder{color:var(--text-tertiary)}.cc-input-row textarea:focus{border-color:var(--primary)}.cc-input-row textarea:disabled{opacity:.5}.cc-send-btn{width:36px;height:36px;border:none;border-radius:50%;background:var(--primary);color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0}.cc-send-btn:hover:not(:disabled){background:var(--primary-hover)}.cc-send-btn:disabled{background:var(--bg-hover);color:var(--text-tertiary);cursor:not-allowed}.cc-mic-btn{width:36px;height:36px;border:none;border-radius:50%;background:var(--bg-hover);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.cc-mic-btn:hover:not(:disabled){background:var(--bg-elevated);color:var(--text)}.cc-mic-btn:disabled{opacity:.4;cursor:not-allowed}.cc-mic-btn.recording{background:var(--danger-bg);color:var(--danger);animation:cc-mic-pulse 1.2s infinite}.cc-mic-btn.processing{background:var(--warning-bg);color:var(--warning)}@keyframes cc-mic-pulse{0%,to{box-shadow:0 0 #dc26264d}50%{box-shadow:0 0 0 6px #dc262600}}.cc-recording-indicator{font-size:11px;color:var(--danger);padding:4px 4px 0;animation:cc-blink 1s infinite}.cc-recording-indicator.processing{color:var(--warning);animation:none}.cc-voice-error{font-size:11px;color:var(--danger-text);padding:4px 4px 0}.cc-pending-image-bar{display:flex;align-items:center;gap:8px;padding:8px 4px 6px;border-bottom:1px solid var(--border)}.cc-pending-image-bar img{width:52px;height:40px;object-fit:cover;border-radius:6px;border:1px solid var(--border)}.cc-pending-image-bar .label{font-size:12px;color:var(--text-secondary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-pending-image-bar .remove{width:22px;height:22px;border:none;border-radius:50%;background:var(--bg-hover);color:var(--text-secondary);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.cc-pending-image-bar .remove:hover{background:var(--danger-bg);color:var(--danger-text)}.cc-input-area.cc-drag-over{outline:2px dashed var(--primary);outline-offset:-2px;background:var(--primary-light)}.cc-exercise-card{background:var(--info-bg);border:1px solid var(--border-accent);border-left:3px solid var(--primary);border-radius:8px;padding:10px 14px}.cc-exercise-card__header{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-size:12px;font-weight:600;color:var(--text-secondary)}.cc-exercise-card__body{font-size:13px;line-height:1.6;color:var(--text)}.cc-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:24px;text-align:center}.cc-empty-state__title{font-size:15px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.cc-empty-state__hint{font-size:13px;color:var(--text-tertiary);max-width:340px;line-height:1.5}.cc-topic-suggestions{padding:14px 16px;background:var(--primary-light);border-bottom:1px solid var(--border)}.cc-topic-suggestions h4{margin:0 0 10px;font-size:13px;font-weight:600;color:var(--text-secondary)}.cc-topic-cards{display:flex;flex-direction:column;gap:6px}.cc-topic-card{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;background:var(--bg-hover);border:1px solid var(--border);border-radius:8px;cursor:pointer;text-align:left;font-size:12.5px;line-height:1.4;color:var(--text-secondary);transition:border-color .2s,background .2s}.cc-topic-card:hover{border-color:var(--border-hover);background:var(--primary-light)}.cc-topic-number{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:50%;background:var(--primary);color:#fff;font-weight:600;font-size:11px;flex-shrink:0}.cc-summary-banner{display:flex;align-items:flex-start;gap:6px;padding:8px 10px;background:var(--success-bg);border-left:3px solid var(--success);border-radius:0 8px 8px 0;font-size:12px;color:var(--text-secondary);line-height:1.5}.cc-no-session{padding:16px;text-align:center;color:var(--text-tertiary);font-style:italic;font-size:13px;border-top:1px solid var(--border)}