@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color-scheme:light;--bg: radial-gradient(1200px 900px at 8% 14%, rgba(71,144,255,.18), transparent 60%), radial-gradient(1100px 900px at 86% 10%, rgba(14,165,233,.14), transparent 60%), #f5f7fb;--card: #ffffff;--card2: #f0f6ff;--text: #0f172a;--muted: #475569;--accent: #1d6bff;--accent-2: #0ea5e9;--danger: #e54848;--ok: #0b9e5a;--border: #d7deea;--shadow: 0 14px 40px rgba(15,23,42,.12);--glass: rgba(255,255,255,.92);font-family:Space Grotesk,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}a{color:inherit}.container{max-width:1320px;margin:0 auto;padding:28px 18px 72px}@media (max-width: 768px){.container{padding:16px 12px 48px}}.topbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap}@media (max-width: 768px){.topbar{gap:8px;margin-bottom:12px}}.brand{display:flex;gap:10px;align-items:center;font-weight:700;letter-spacing:.2px}.pill{font-size:13px;color:var(--muted);border:1px solid var(--border);background:linear-gradient(135deg,#fff,#f3f7ff);padding:8px 12px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;max-width:100%;white-space:normal;word-break:break-word;line-height:1.3}@media (max-width: 768px){.pill{font-size:12px;padding:6px 10px}}.grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:18px}@media (max-width: 960px){.grid{grid-template-columns:1fr}}.card{border:1px solid var(--border);background:linear-gradient(170deg,#fff,#f7faff);border-radius:18px;box-shadow:var(--shadow);padding:14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@media (max-width: 768px){.card{padding:12px;border-radius:14px}}.card h2{margin:0 0 10px;font-size:18px}@media (max-width: 768px){.card h2{font-size:16px;margin:0 0 8px}}.muted{color:var(--muted)}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row>*{flex:0 0 auto;min-width:0}.rowWrap{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center}@media (max-width: 768px){.row,.rowWrap{gap:8px}}input,select,button{border-radius:14px;border:1px solid var(--border);background:#f9fbff;color:var(--text);padding:11px 14px;font-size:15px;transition:box-shadow .16s ease,border-color .16s ease,background .16s ease}@media (max-width: 768px){input,select,button{padding:10px 12px;font-size:14px;border-radius:12px}}button{cursor:pointer;transition:transform .08s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}button:hover{background:linear-gradient(135deg,#f3f8ff,#e9f1ff);box-shadow:0 10px 30px #1d6bff26}button:active{transform:translateY(1px) scale(.99)}button.primary{border-color:#1d6bff80;background:linear-gradient(135deg,#1d6bff,#3b82f6);color:#fff;box-shadow:0 10px 30px #1d6bff33}button.danger{border-color:#e5484880;background:linear-gradient(135deg,#f87171,#ef4444);color:#fff;box-shadow:0 10px 30px #ef444433}.nav{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 18px}@media (max-width: 768px){.nav{gap:6px;margin:8px 0 12px}}.nav a{text-decoration:none;border:1px solid var(--border);padding:10px 14px;border-radius:999px;color:var(--muted);font-weight:600}@media (max-width: 768px){.nav a{padding:8px 12px;font-size:14px}}.nav a.active{color:var(--text);border-color:#1d6bff66;background:#1d6bff1f;box-shadow:0 10px 30px #1d6bff26}.videoWrap{position:relative;aspect-ratio:9/9;min-height:220px;max-height:420px;border-radius:16px;overflow:hidden;border:1px solid var(--border);background:radial-gradient(900px 600px at 30% 20%,rgba(71,144,255,.16),transparent),radial-gradient(700px 500px at 70% 70%,rgba(14,165,233,.12),transparent),#f1f5fb;box-shadow:inset 0 1px #ffffff80}@media (max-width: 768px){.videoWrap{aspect-ratio:16/9;min-height:160px;max-height:280px;border-radius:12px}}@media (max-width: 480px){.videoWrap{min-height:140px;max-height:220px}}.avatarLayout{display:grid;grid-template-columns:minmax(0,1.05fr) 320px;gap:12px;align-items:stretch;margin-top:12px}@media (max-width: 1024px){.avatarLayout{grid-template-columns:minmax(0,1fr) 280px}}@media (max-width: 768px){.avatarLayout{grid-template-columns:1fr;gap:10px}}.controlPanel{align-self:stretch;display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:12px;box-shadow:0 18px 40px #0f172a1f}@media (max-width: 768px){.controlPanel{border-radius:12px;box-shadow:0 12px 28px #0f172a1a}}video{width:100%;height:100%;object-fit:cover;will-change:transform;transform:translateZ(0)}.overlaySection{display:flex;flex-direction:column;gap:4px}.overlaySection:not(:last-child){padding-bottom:6px;border-bottom:1px solid rgba(0,0,0,.06)}@media (max-width: 768px){.overlaySection{gap:3px}.overlaySection:not(:last-child){padding-bottom:4px}}.overlayButtons{display:flex;gap:6px;flex-wrap:wrap;align-items:center}@media (max-width: 768px){.overlayButtons{gap:4px}}.overlayButtons button{padding:6px 10px;font-size:11px;font-weight:600;white-space:nowrap;flex:1 1 auto;min-width:fit-content;border-radius:8px;transition:all .2s ease}.overlayButtons button:not(.primary){background:#fffc}.overlayButtons button.primary{box-shadow:0 4px 12px #1d6bff40}@media (max-width: 768px){.overlayButtons button{padding:8px 10px;font-size:11px;flex:1 1 calc(50% - 2px);min-width:0}}.overlaySection .pill{font-size:10px;padding:4px 8px;background:#ffffff80;border:1px solid rgba(0,0,0,.08)}@media (max-width: 768px){.overlaySection .pill{font-size:9px;padding:3px 6px}}.overlayLabel{font-size:9px;color:var(--muted);letter-spacing:.4px;text-transform:uppercase;font-weight:700;margin-bottom:1px}@media (max-width: 768px){.overlayLabel{font-size:8px}}.heroGrid{display:grid;grid-template-columns:minmax(520px,1.05fr) minmax(0,1fr);gap:18px;align-items:start}@media (max-width: 1100px){.heroGrid{grid-template-columns:1fr}}.dashCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}@media (max-width: 768px){.dashCards{grid-template-columns:1fr;gap:10px}}.dashCard{border:1px solid var(--border);border-radius:14px;padding:12px;background:#f8fbff}@media (max-width: 768px){.dashCard{padding:10px;border-radius:12px}}.dashCardTitle{font-weight:700;margin-bottom:6px}.miniBar{width:100%;height:10px;border-radius:999px;background:#e9edf5;overflow:hidden;position:relative}.miniBarFill{position:absolute;top:0;right:0;bottom:0;left:0;width:0;border-radius:999px;background:linear-gradient(90deg,#1d6bffd9,#0ea5e9d9);transition:width .2s ease}.badgeOk{color:var(--ok)}.badgeBad{color:var(--danger)}hr.sep{border:none;border-top:1px solid var(--border);margin:14px 0}.controlsCompact{gap:8px}.controlsCompact button{padding:8px 10px;font-size:13px}.controlsCompact .pill{padding:6px 10px;font-size:12px}@media (max-width: 768px){.controlsCompact{gap:6px}.controlsCompact button{padding:7px 9px;font-size:12px}.controlsCompact .pill{padding:5px 8px;font-size:11px}}.stack{display:flex;flex-direction:column;gap:12px}.lessonSelector{display:flex;flex-direction:column;gap:10px}.selectorToggle{width:100%;display:flex;justify-content:space-between;align-items:flex-start;gap:10px;text-align:left;padding:12px;background:#f8fbff;border:1px solid var(--border);border-radius:14px}@media (max-width: 768px){.selectorToggle{padding:10px;border-radius:12px}}.selectorLabel{font-size:11px;color:var(--muted);letter-spacing:.3px;text-transform:uppercase}.selectorTitle{font-weight:800;font-size:17px;margin:4px 0}@media (max-width: 768px){.selectorTitle{font-size:15px}}.selectorMeta{display:flex;flex-wrap:wrap;gap:6px}.selectorToggle .pill{padding:6px 10px;font-size:12px}.lessonCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.lessonCards.compact{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width: 768px){.lessonCards{grid-template-columns:1fr;gap:8px}.lessonCards.compact{grid-template-columns:1fr}}.lessonCard{text-align:left;border:1px solid var(--border);border-radius:14px;padding:10px;background:#fff;color:var(--text);cursor:pointer;transition:transform .12s ease,border-color .16s ease,box-shadow .16s ease}@media (max-width: 768px){.lessonCard{padding:8px;border-radius:12px}}.lessonCard:hover{transform:translateY(-1px);border-color:#1d6bff59;box-shadow:0 10px 24px #1d6bff1f}.lessonCard.active{border-color:#1d6bff99;box-shadow:0 12px 30px #1d6bff29;background:linear-gradient(150deg,#e9f1ff,#f7fbff)}.lessonCards.compact .lessonCard{padding:10px}.lessonCardTitle{font-weight:700;margin-bottom:6px}.lessonCards.compact .lessonCardTitle{margin-bottom:8px;font-size:15px}.lessonCards.compact .pill{padding:6px 10px;font-size:12px}.lessonGroups{display:flex;flex-direction:column;gap:12px}.lessonGroupHeader{display:flex;align-items:center;margin-bottom:6px}.tagRow{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.lessonBlocks{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin-top:10px}@media (max-width: 768px){.lessonBlocks{grid-template-columns:1fr;gap:8px}}.dialogGrid{display:grid;grid-template-columns:1.5fr 1fr;gap:16px}@media (max-width: 960px){.dialogGrid{grid-template-columns:1fr}}.dialogLog{border:1px solid var(--border);border-radius:14px;padding:10px;min-height:220px;background:#f8fbff;display:flex;flex-direction:column;gap:8px}@media (max-width: 768px){.dialogLog{padding:8px;min-height:180px;border-radius:12px}}.bubble{padding:10px 12px;border-radius:12px;max-width:100%;background:#fff;border:1px solid var(--border);display:flex;flex-direction:column;gap:4px;box-shadow:0 6px 18px #0f172a14}@media (max-width: 768px){.bubble{padding:8px 10px;border-radius:10px}}.bubble.client{border-color:#0ea5e980;background:#e8f4ff}.bubble.user{border-color:#1d6bff80;background:#edf3ff}.bubbleLabel{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.3px}.feedbackList{display:flex;flex-direction:column;gap:6px}.pill-ok{border-color:#7ef7c999;color:var(--ok)}.pill-warn{border-color:#ffd47999;color:var(--accent-2)}.llmCard{border:1px solid var(--border);border-radius:12px;padding:10px;background:#fff;color:var(--text);font-size:14px;line-height:1.5;white-space:pre-wrap}.trainerLayout{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start;gap:20px}@media (max-width: 1200px){.trainerLayout,.dialogGrid{grid-template-columns:1fr}}.lessonBlock{border:1px solid var(--border);border-radius:12px;padding:10px;background:#fff}@media (max-width: 768px){.lessonBlock{padding:8px;border-radius:10px}}.lessonBlock.block-warning{border-color:#e5484859;background:#fff3f3}.lessonBlock .blockHeader{display:flex;gap:8px;align-items:center;margin-bottom:6px;flex-wrap:wrap}.lessonBlock .blockTitle{font-weight:700}.lessonBlock .blockBody{color:var(--text);line-height:1.5;font-size:14px}@media (hover: none) and (pointer: coarse){button,.lessonCard,.nav a{min-height:44px;min-width:44px}button{padding:12px 16px}.overlayToggle{min-height:40px;padding:8px 12px}.overlayButtons button{min-height:40px;padding:10px 12px}.overlayPanel{padding:8px}}html{scroll-behavior:smooth}button:focus-visible,input:focus-visible,select:focus-visible,.lessonCard:focus-visible,.nav a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width: 768px){body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}}@media (max-width: 960px){div[style*="grid-template-columns: 340px 1fr"]{display:flex!important;flex-direction:column!important;gap:14px!important}}.videoWrap{position:relative;width:100%;max-width:100%;aspect-ratio:16/9;min-height:180px;max-height:280px}