:root{--t-color-primary:#1e40af;--t-color-primary-light:#3b82f6;--t-color-primary-dark:#1d4ed8;--t-color-primary-hover:#2563eb;--t-color-primary-light-rgb:59,130,246;--t-color-secondary-rgb:99,102,241;--t-color-secondary:#8b5cf6;--t-color-secondary-light:#a78bfa;--t-color-secondary-dark:#7c3aed;--t-color-secondary-dark-rgb:139,92,246;--t-color-accent:#f5d547;--t-color-accent-light:#fbbf24;--t-color-accent-dark:#d97706;--t-color-tertiary:#8bc8e1;--t-color-tertiary-light:#a0d4f0;--t-color-tertiary-dark:#0ea5e9;--t-color-success:#059669;--t-color-success-light:#10b981;--t-color-success-dark:#047857;--t-color-success-bg:#f0fdf4;--t-color-success-border:#dcfce7;--t-color-success-text:#166534;--t-color-danger:#dc2626;--t-color-danger-light:#ef4444;--t-color-danger-dark:#b91c1c;--t-color-danger-bg:#fef2f2;--t-color-danger-border:#fecaca;--t-color-danger-text:#991b1b;--t-color-warning:#f59e0b;--t-color-warning-light:#fbbf24;--t-color-warning-dark:#d97706;--t-color-warning-bg:#fef3c7;--t-color-warning-border:#fde68a;--t-color-warning-text:#92400e;--t-color-warning-rgb:245,158,11;--t-color-info:#0ea5e9;--t-color-info-light:#38bdf8;--t-color-info-dark:#0284c7;--t-color-info-bg:#e0f2fe;--t-color-info-border:#bae6fd;--t-color-info-text:#075985;--t-color-text-primary:#1f2937;--t-color-text-secondary:#374151;--t-color-text-muted:#6b7280;--t-color-text-light:#9ca3af;--t-color-text-placeholder:#94a3b8;--t-color-text-on-primary:#ffffff;--t-color-slate-50:#f8fafc;--t-color-slate-100:#f1f5f9;--t-color-slate-200:#e2e8f0;--t-color-slate-300:#cbd5e1;--t-color-slate-400:#94a3b8;--t-color-slate-500:#64748b;--t-color-slate-600:#475569;--t-color-slate-700:#334155;--t-color-slate-800:#1e293b;--t-color-slate-900:#0f172a;--t-color-gray-50:#f9fafb;--t-color-gray-100:#f3f4f6;--t-color-gray-600:#4b5563;--t-color-gray-900:#111827;--t-color-border:#e5e7eb;--t-color-border-light:#f3f4f6;--t-color-border-dark:#d1d5db;--t-color-bg-page:#f8fafc;--t-color-bg-page-alt:#f1f5f9;--t-color-bg-card:rgba(255,255,255,0.95);--t-color-bg-card-solid:#ffffff;--t-color-bg-hover:rgba(0,0,0,0.04);--t-color-bg-active:rgba(0,0,0,0.08);--t-color-indigo-50:#eef2ff;--t-color-indigo-100:#e0e7ff;--t-color-indigo-200:#c7d2fe;--t-color-indigo-300:#a5b4fc;--t-color-indigo-400:#818cf8;--t-color-indigo-500:#6366f1;--t-color-indigo-600:#4f46e5;--t-color-indigo-700:#4338ca;--t-color-indigo-800:#3730a3;--t-color-indigo-900:#312e81;--t-color-violet-50:#f5f3ff;--t-color-violet-100:#ede9fe;--t-color-violet-200:#ddd6fe;--t-color-violet-300:#c4b5fd;--t-color-violet-700:#6d28d9;--t-color-violet-800:#5b21b6;--t-color-violet-900:#4c1d95;--t-color-fuchsia-50:#faf5ff;--t-color-fuchsia-100:#fce7f3;--t-color-fuchsia-500:#ec4899;--t-color-fuchsia-600:#db2777;--t-color-fuchsia-700:#be185d;--t-color-fuchsia-800:#9d174d;--t-color-rose-100:#ffe4e6;--t-color-rose-200:#fecaca;--t-color-rose-300:#fca5a5;--t-color-rose-400:#f87171;--t-color-rose-900:#7f1d1d;--t-color-amber-50:#fffbeb;--t-color-amber-100:#fef3c7;--t-color-amber-200:#fde68a;--t-color-amber-300:#fcd34d;--t-color-amber-700:#b45309;--t-color-amber-800:#92400e;--t-color-amber-900:#78350f;--t-color-amber-950:#451a03;--t-color-emerald-50:#ecfdf5;--t-color-emerald-100:#d1fae5;--t-color-emerald-200:#bbf7d0;--t-color-emerald-300:#86efac;--t-color-emerald-400:#34d399;--t-color-emerald-800:#065f46;--t-color-emerald-900:#064e3b;--t-color-emerald-leaf:#15803d;--t-color-emerald-text:#166534;--t-color-teal-50:#f0fdfa;--t-color-teal-100:#ccfbf1;--t-color-teal-200:#99f6e4;--t-color-teal-500:#14b8a6;--t-color-teal-600:#0d9488;--t-color-blue-50:#eff6ff;--t-color-blue-100:#dbeafe;--t-color-blue-200:#bfdbfe;--t-color-blue-300:#93c5fd;--t-color-blue-400:#60a5fa;--t-color-blue-900:#1e3a8a;--t-color-sky-100:#e0f2fe;--t-color-sky-200:#bae6fd;--t-color-sky-500:#0ea5e9;--t-color-sky-700:#0369a1;--t-color-sky-800:#075985;--t-color-cyan-500:#06b6d4;--t-color-cyan-600:#0891b2;--t-color-cyan-700:#0e7490;--t-color-cyan-900:#0c4a6e;--t-color-green-400:#4ade80;--t-color-green-500:#22c55e;--t-color-green-600:#16a34a;--t-color-green-800:#155724;--t-color-green-light:#6ee7b7;--t-color-green-muted:#a7f3d0;--t-color-orange-500:#ea580c;--t-color-orange-600:#c2410c;--t-color-orange-700:#7c2d12;--t-color-purple-300:#e9d5ff;--t-color-purple-400:#a855f7;--t-color-purple-500:#9333ea;--t-color-purple-deep:#764ba2;--t-color-purple-muted:#e1d5ff;--t-color-bs-gray-100:#f8f9fa;--t-color-bs-gray-200:#e9ecef;--t-color-bs-gray-300:#dee2e6;--t-color-bs-gray-400:#adb5bd;--t-color-bs-gray-500:#6c757d;--t-color-bs-gray-600:#495057;--t-color-bs-gray-800:#212529;--t-color-bs-success:#28a745;--t-color-bs-danger:#dc3545;--t-color-bs-warning:#ffc107;--t-color-bs-primary:#0d6efd;--t-color-material-blue-50:#e3f2fd;--t-color-material-blue-100:#bbdefb;--t-color-material-blue-800:#0288d1;--t-color-material-blue-900:#01579b;--t-color-material-teal-800:#00695c;--t-color-material-light-blue:#0277bd;--t-color-whatsapp:#128c7e;--t-color-whatsapp-alt:#25d366;--t-color-bg-subtle:#f0f9ff;--t-color-bg-muted:#fafafa;--t-color-bg-warm:#faf9f8;--t-color-bg-light-blue:#e1e8f0;--t-color-bg-light-purple:#e8eeff;--t-color-bg-card-alt-solid:#f8faff;--t-color-bg-cream:#fefbf0;--t-color-dark-navy:#1e3a5f;--t-color-dark-charcoal:#2c3e50;--t-color-black:#000;--t-color-text-dark:#333;--t-color-orange-300:#fdba74;--t-color-orange-400:#f97316;--t-color-orange-800:#9a3412;--t-color-red-100:#fee2e2;--t-color-purple-lavender:#d4c4f0;--t-color-purple-gradient:#667eea;--t-color-blue-link:#0066cc;--t-color-blue-dark:#004080;--t-color-blue-light-400:#63b3ed;--t-color-blue-light-300:#29b6f6;--t-color-blue-material-600:#1565c0;--t-color-green-bg:#e8f5e8;--t-color-green-bg-alt:#d4edda;--t-color-green-border:#c3e6cb;--t-color-amber-yellow:#ffeaa7;--t-color-red-bg-light:#fff5f5;--t-color-peach-300:#fcb69f;--t-color-pink-muted:#fecfef;--t-color-dark-red:#721c24;--t-color-orange-warm:#e67e22;--t-color-orange-deep:#f57c00;--t-color-orange-alt:#f39c12;--t-color-orange-bright:#FFA500;--t-color-orange-material:#e65100;--t-color-orange-bs:#fd7e14;--t-color-orange-gold:#c66e16;--t-color-orange-toffee:#d88a40;--t-color-red-bright:#E30613;--t-color-red-crimson:#B30510;--t-color-red-flat:#e74c3c;--t-color-red-coral:#f5576c;--t-color-red-warm:#ff6b6b;--t-color-red-material:#c62828;--t-color-red-cherry:#c23321;--t-color-red-brick:#a42834;--t-color-red-hover:#c82333;--t-color-red-deep:#be123c;--t-color-red-cdm:#ffcdd2;--t-color-green-material:#2d7d32;--t-color-green-fresh:#7BC043;--t-color-green-session:#23903c;--t-color-green-lime:#d4f4b8;--t-color-blue-google:#4285F4;--t-color-blue-fb:#3742fa;--t-color-blue-accent:#45b7d1;--t-color-blue-electric:#6414e9;--t-color-blue-standard:#007bff;--t-color-blue-link-dark:#0056b3;--t-color-blue-sky-light:#7dd3fc;--t-color-blue-sky-100:#b3e5fc;--t-color-blue-sky-soft:#84c5fe;--t-color-blue-tint:#e6f3ff;--t-color-blue-info-bg:#cce5ff;--t-color-blue-info-bg-alt:#cce7ff;--t-color-blue-info-border:#b8daff;--t-color-blue-soft:#b8d4f0;--t-color-purple-vivid:#b163da;--t-color-purple-orchid:#b490ca;--t-color-purple-dark:#553c9a;--t-color-purple-900:#512da8;--t-color-purple-material:#7b1fa2;--t-color-purple-fuchsia-deep:#86198f;--t-color-purple-fuchsia-900:#a21caf;--t-color-purple-wine:#7c2d92;--t-color-purple-midnight:#1e1b4b;--t-color-purple-deep-alt:#6b46c1;--t-color-teal-ocean:#44A08D;--t-color-teal-gradient:#19547b;--t-color-teal-whatsapp-dark:#075e54;--t-color-teal-info:#0c5460;--t-color-gray-charcoal:#343a40;--t-color-gray-mid:#455a64;--t-color-gray-dark-alt:#1a202c;--t-color-gray-dim:#2d3436;--t-color-gray-stone:#1c1917;--t-color-gray-brown:#5d4037;--t-color-gray-brown-alt:#8b4513;--t-color-gray-input-border:#ced4da;--t-color-gray-light-border:#ddd;--t-color-pink-soft:#fed6e3;--t-color-pink-rose-hot:#FF8E53;--t-color-pink-fuchsia-bg:#fae8ff;--t-color-pink-hot:#f3cf47;--t-color-amber-caution:#856404;--t-color-amber-olive:#a16207;--t-color-amber-citrine:#ca8a04;--t-color-amber-gold:#eab308;--t-color-amber-pale:#fef9c3;--t-color-amber-cream:#fefce8;--t-color-amber-light:#facc15;--t-color-gradient-blue:#c3cfe2;--t-color-bg-alice:#f0f8ff;--t-color-bg-muted-alt:#f0f0f0;--t-color-bg-soft-purple:#faf8ff;--t-color-bg-card-shimmer:#f8f9ff;--t-color-bg-blue-tint:#e8f4ff;--t-color-bg-indigo-tint:#e0e7ff;--t-color-bg-shimmer-light:#f5f7ff;--t-color-bg-light-green:#d1ecf1;--t-color-bg-warm-rose:#e1e8ff;--t-color-bg-warm-alt:#e4e8ed;--t-color-bg-danger-light:#f8d7da;--t-color-bg-danger-border:#f5c6cb;--t-color-bg-warning-bs:#fff3cd;--t-color-bg-warning-light:#fff1f1;--t-color-bg-info-border:#bee5eb;--t-color-google-red:#EA4335;--t-color-google-yellow:#FBBC05;--t-color-google-green:#34A853;--t-color-fed7aa:#fed7aa;--t-color-fde047:#fde047;--t-color-1557b0:#1557b0;--t-color-004085:#004085;--t-color-brand-blue:#5372F0;--t-color-ui-muted:var(--t-color-slate-500);--t-color-ui-muted-strong:var(--t-color-slate-600);--t-color-ui-divider:var(--t-color-slate-200);--t-color-ui-divider-strong:var(--t-color-slate-300);--t-color-ui-surface:var(--t-color-slate-50);--t-color-ui-surface-alt:var(--t-color-slate-100);--t-color-ui-surface-raised:var(--t-color-gray-100);--t-color-ui-surface-sunken:var(--t-color-gray-50);--t-color-ui-heading:var(--t-color-slate-800);--t-color-ui-body:var(--t-color-slate-700);--t-color-ui-darkest:var(--t-color-slate-900);--t-color-ui-icon:var(--t-color-gray-600);--t-color-interactive:var(--t-color-indigo-500);--t-color-interactive-hover:var(--t-color-indigo-600);--t-color-interactive-bg:var(--t-color-indigo-100);--t-color-interactive-ring:var(--t-color-indigo-200);--t-color-interactive-subtle:var(--t-color-indigo-50);--t-color-role-teacher:var(--t-color-orange-600);--t-color-role-teacher-light:var(--t-color-orange-500);--t-color-role-teacher-dark:var(--t-color-orange-700);--t-color-role-teacher-bg:var(--t-color-amber-50);--t-color-role-teacher-text:var(--t-color-amber-800);--t-color-role-parent:var(--t-color-emerald-leaf);--t-color-role-parent-dark:var(--t-color-emerald-800);--t-color-role-parent-bg:var(--t-color-emerald-50);--t-color-role-parent-text:var(--t-color-emerald-text);--t-color-role-parent-muted:var(--t-color-emerald-200);--t-color-role-student:var(--t-color-brand-blue);--t-color-subject-default:var(--t-color-cyan-500);--t-color-subject-default-dark:var(--t-color-cyan-600);--t-color-subject-science:var(--t-color-green-600);--t-color-subject-math:var(--t-color-indigo-500);--t-color-subject-language:var(--t-color-violet-700);--t-color-subject-history:var(--t-color-amber-700);--t-color-subject-essay:var(--t-color-fuchsia-500);--t-color-data-primary:var(--t-color-cyan-500);--t-color-data-primary-dark:var(--t-color-cyan-900);--t-color-data-secondary:var(--t-color-sky-700);--t-color-data-highlight:var(--t-color-amber-300);--t-color-data-muted:var(--t-color-sky-100);--t-color-feature-purple:var(--t-color-purple-gradient);--t-color-feature-purple-deep:var(--t-color-purple-deep);--t-color-feature-violet:var(--t-color-violet-700);--t-color-feature-violet-bg:var(--t-color-violet-50);--t-color-feature-violet-light:var(--t-color-violet-100);--t-color-feature-fuchsia:var(--t-color-fuchsia-500);--t-color-messaging:var(--t-color-whatsapp);--t-color-messaging-alt:var(--t-color-whatsapp-alt);--t-color-messaging-dark:var(--t-color-teal-whatsapp-dark);--t-color-link:var(--t-color-blue-link);--t-color-link-dark:var(--t-color-blue-dark);--t-color-nav-dark:var(--t-color-dark-navy);--t-color-material-surface:var(--t-color-material-blue-50);--t-color-material-text:var(--t-color-material-light-blue);--t-color-status-positive:var(--t-color-green-500);--t-color-status-positive-light:var(--t-color-green-400);--t-color-success-muted:var(--t-color-green-muted);--t-color-success-tint:var(--t-color-green-light);--t-color-surface-footer:var(--t-color-bs-gray-100);--t-color-surface-stripe:var(--t-color-bs-gray-200);--t-color-divider-soft:var(--t-color-bs-gray-300);--t-color-surface-muted:var(--t-color-bg-muted);--t-color-surface-warm:var(--t-color-bg-warm);--t-color-surface-light-blue:var(--t-color-bg-light-blue);--t-color-highlight-blue:var(--t-color-blue-400);--t-color-highlight-blue-soft:var(--t-color-blue-300);--t-color-highlight-blue-light:var(--t-color-blue-100);--t-color-highlight-blue-subtle:var(--t-color-blue-50);--t-color-highlight-blue-medium:var(--t-color-blue-200);--t-color-highlight-blue-sky:var(--t-color-blue-sky-100);--t-color-danger-tint:var(--t-color-red-100);--t-color-danger-surface:var(--t-color-rose-100);--t-color-danger-accent:var(--t-color-rose-300);--t-color-danger-accent-strong:var(--t-color-rose-400);--t-color-teacher-tint:var(--t-color-amber-100);--t-color-teacher-accent:var(--t-color-orange-400);--t-color-teacher-peach:var(--t-color-fed7aa);--t-color-parent-tint:var(--t-color-emerald-100);--t-color-parent-accent:var(--t-color-emerald-300);--t-color-parent-accent-strong:var(--t-color-emerald-400);--t-color-essay-surface:var(--t-color-fuchsia-50);--t-color-feature-purple-medium:var(--t-color-purple-400);--t-color-feature-purple-soft:var(--t-color-purple-muted);--t-color-feature-purple-light:var(--t-color-purple-300);--t-color-feature-violet-medium:var(--t-color-violet-300);--t-color-teal-accent:var(--t-color-teal-500);--t-color-compat-danger:var(--t-color-bs-danger);--t-color-compat-success:var(--t-color-bs-success);--t-color-compat-warning:var(--t-color-bs-warning);--t-color-compat-muted:var(--t-color-bs-gray-500);--t-color-compat-gray-600:var(--t-color-bs-gray-600);--t-gradient-page:linear-gradient(180deg,#e0f2fe,#f0fdf4 50%,#fef3c7);--t-gradient-page-alt:linear-gradient(135deg,#f0f9ff,#e0f2fe);--t-gradient-navbar:linear-gradient(140deg,var(--t-color-tertiary),var(--t-color-tertiary-light));--t-gradient-primary:linear-gradient(135deg,var(--t-color-primary-light),var(--t-color-primary));--t-gradient-primary-hover:linear-gradient(135deg,var(--t-color-primary-hover),var(--t-color-primary-dark));--t-gradient-secondary:linear-gradient(135deg,var(--t-color-secondary) 0%,#6366f1 50%,#4f46e5 100%);--t-gradient-accent:linear-gradient(135deg,var(--t-color-accent),var(--t-color-accent-light));--t-gradient-card-stripe:linear-gradient(90deg,var(--t-color-accent),var(--t-color-tertiary));--t-gradient-card-stripe-alt:linear-gradient(90deg,var(--t-color-accent),var(--t-color-tertiary),var(--t-color-accent),var(--t-color-tertiary));--t-gradient-success:linear-gradient(135deg,var(--t-color-success),var(--t-color-success-light));--t-gradient-danger:linear-gradient(135deg,var(--t-color-danger),var(--t-color-danger-light));--t-gradient-warning:linear-gradient(135deg,var(--t-color-warning),var(--t-color-warning-light));--t-gradient-info:linear-gradient(135deg,var(--t-color-info),var(--t-color-info-light));--t-gradient-divider:linear-gradient(90deg,transparent,var(--t-color-primary-light),transparent);--t-gradient-login:linear-gradient(135deg,var(--t-color-primary-light),var(--t-color-primary));--t-gradient-signup:linear-gradient(135deg,#f64e3b,#af5d1e);--t-gradient-card-bg:linear-gradient(135deg,#ffffff,#f8f9ff);--t-gradient-card-bg-alt:linear-gradient(135deg,rgba(255,255,255,0.95),rgba(248,249,255,0.95));--t-font-primary:var(--font-comfortaa),"Comfortaa",cursive;--t-font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--t-font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;--t-font-display:"Titan",var(--t-font-primary);--t-text-2xs:0.6875rem;--t-text-xs:0.75rem;--t-text-xs-plus:0.8125rem;--t-text-sm:0.875rem;--t-text-sm-plus:0.9375rem;--t-text-base:1rem;--t-text-lg:1.125rem;--t-text-xl:1.25rem;--t-text-2xl:1.5rem;--t-text-3xl:1.75rem;--t-text-4xl:2rem;--t-text-5xl:2.5rem;--t-text-6xl:3rem;--t-text-7xl:4rem;--t-weight-light:300;--t-weight-normal:400;--t-weight-medium:500;--t-weight-semibold:600;--t-weight-bold:700;--t-weight-extrabold:800;--t-leading-none:1;--t-leading-tight:1.25;--t-leading-snug:1.375;--t-leading-normal:1.5;--t-leading-relaxed:1.625;--t-leading-loose:1.75;--t-tracking-tighter:-0.02em;--t-tracking-tight:-0.01em;--t-tracking-normal:0;--t-tracking-wide:0.02em;--t-tracking-wider:0.05em;--t-tracking-widest:0.1em;--t-radius-xs:4px;--t-radius-sm:6px;--t-radius-md:8px;--t-radius-lg:12px;--t-radius-xl:16px;--t-radius-2xl:20px;--t-radius-3xl:25px;--t-radius-pill:50px;--t-radius-circle:50%;--t-shadow-xs:0 1px 2px rgba(0,0,0,0.05);--t-shadow-sm:0 2px 6px rgba(0,0,0,0.1);--t-shadow-md:0 4px 15px rgba(0,0,0,0.1);--t-shadow-lg:0 8px 25px rgba(0,0,0,0.12);--t-shadow-xl:0 12px 40px rgba(0,0,0,0.15);--t-shadow-2xl:0 25px 60px rgba(0,0,0,0.25);--t-shadow-card:0 4px 15px rgba(0,0,0,0.08);--t-shadow-card-hover:0 8px 25px rgba(0,0,0,0.15);--t-shadow-blue-sm:0 2px 8px rgba(59,130,246,0.15);--t-shadow-blue-md:0 4px 15px rgba(59,130,246,0.25);--t-shadow-blue-lg:0 8px 25px rgba(59,130,246,0.3);--t-shadow-blue-xl:0 12px 40px rgba(59,130,246,0.4);--t-shadow-blue-2xl:0 20px 60px rgba(59,130,246,0.35);--t-shadow-purple-sm:0 2px 8px rgba(139,92,246,0.15);--t-shadow-purple-md:0 4px 15px rgba(139,92,246,0.25);--t-shadow-purple-lg:0 8px 25px rgba(139,92,246,0.3);--t-shadow-purple-xl:0 12px 40px rgba(139,92,246,0.4);--t-shadow-purple-2xl:0 20px 60px rgba(139,92,246,0.3);--t-shadow-green-sm:0 2px 8px rgba(16,185,129,0.15);--t-shadow-green-md:0 4px 15px rgba(16,185,129,0.3);--t-shadow-green-lg:0 8px 25px rgba(34,197,94,0.3);--t-shadow-green-xl:0 12px 40px rgba(34,197,94,0.4);--t-shadow-green-2xl:0 20px 60px rgba(21,128,61,0.3);--t-shadow-red-sm:0 2px 8px rgba(220,38,38,0.15);--t-shadow-red-md:0 4px 15px rgba(220,38,38,0.3);--t-shadow-red-lg:0 8px 25px rgba(220,38,38,0.3);--t-shadow-red-xl:0 12px 40px rgba(220,38,38,0.4);--t-shadow-amber-sm:0 2px 8px rgba(245,158,11,0.15);--t-shadow-amber-md:0 4px 15px rgba(245,158,11,0.25);--t-shadow-amber-lg:0 8px 25px rgba(245,158,11,0.3);--t-shadow-amber-xl:0 12px 40px rgba(245,158,11,0.4);--t-shadow-amber-2xl:0 20px 40px rgba(245,158,11,0.25);--t-shadow-indigo-sm:0 2px 8px rgba(79,70,229,0.15);--t-shadow-indigo-md:0 4px 15px rgba(79,70,229,0.3);--t-shadow-indigo-lg:0 8px 25px rgba(99,102,241,0.3);--t-shadow-indigo-xl:0 12px 40px rgba(99,102,241,0.4);--t-shadow-orange-sm:0 2px 8px rgba(194,65,12,0.15);--t-shadow-orange-md:0 4px 15px rgba(194,65,12,0.25);--t-shadow-orange-lg:0 8px 25px rgba(194,65,12,0.3);--t-shadow-orange-xl:0 12px 40px rgba(194,65,12,0.4);--t-shadow-orange-2xl:0 20px 50px rgba(194,65,12,0.25);--t-shadow-sky-sm:0 2px 8px rgba(14,165,233,0.15);--t-shadow-sky-md:0 4px 15px rgba(14,165,233,0.3);--t-shadow-sky-lg:0 8px 25px rgba(14,165,233,0.3);--t-shadow-sky-xl:0 12px 40px rgba(14,165,233,0.4);--t-shadow-primary-sm:var(--t-shadow-blue-sm);--t-shadow-primary-md:var(--t-shadow-blue-md);--t-shadow-primary-lg:var(--t-shadow-blue-lg);--t-shadow-primary-xl:var(--t-shadow-blue-xl);--t-shadow-primary-2xl:var(--t-shadow-blue-2xl);--t-shadow-secondary-sm:var(--t-shadow-purple-sm);--t-shadow-secondary-md:var(--t-shadow-purple-md);--t-shadow-secondary-lg:var(--t-shadow-purple-lg);--t-shadow-secondary-xl:var(--t-shadow-purple-xl);--t-shadow-secondary-2xl:var(--t-shadow-purple-2xl);--t-shadow-success-sm:var(--t-shadow-green-sm);--t-shadow-success-md:var(--t-shadow-green-md);--t-shadow-success-lg:var(--t-shadow-green-lg);--t-shadow-success-xl:var(--t-shadow-green-xl);--t-shadow-success-2xl:var(--t-shadow-green-2xl);--t-shadow-danger-sm:var(--t-shadow-red-sm);--t-shadow-danger-md:var(--t-shadow-red-md);--t-shadow-danger-lg:var(--t-shadow-red-lg);--t-shadow-danger-xl:var(--t-shadow-red-xl);--t-shadow-warning-sm:var(--t-shadow-amber-sm);--t-shadow-warning-md:var(--t-shadow-amber-md);--t-shadow-warning-lg:var(--t-shadow-amber-lg);--t-shadow-warning-xl:var(--t-shadow-amber-xl);--t-shadow-warning-2xl:var(--t-shadow-amber-2xl);--t-shadow-interactive-sm:var(--t-shadow-indigo-sm);--t-shadow-interactive-md:var(--t-shadow-indigo-md);--t-shadow-interactive-lg:var(--t-shadow-indigo-lg);--t-shadow-interactive-xl:var(--t-shadow-indigo-xl);--t-shadow-teacher-sm:var(--t-shadow-orange-sm);--t-shadow-teacher-md:var(--t-shadow-orange-md);--t-shadow-teacher-lg:var(--t-shadow-orange-lg);--t-shadow-teacher-xl:var(--t-shadow-orange-xl);--t-shadow-teacher-2xl:var(--t-shadow-orange-2xl);--t-shadow-info-sm:var(--t-shadow-sky-sm);--t-shadow-info-md:var(--t-shadow-sky-md);--t-shadow-info-lg:var(--t-shadow-sky-lg);--t-shadow-info-xl:var(--t-shadow-sky-xl);--t-shadow-primary:var(--t-shadow-primary-md);--t-shadow-primary-hover:var(--t-shadow-primary-lg);--t-shadow-accent:0 4px 15px rgba(245,213,71,0.3);--t-shadow-accent-hover:0 6px 20px rgba(245,213,71,0.4);--t-shadow-secondary:var(--t-shadow-secondary-lg);--t-shadow-tertiary:0 4px 15px rgba(139,200,225,0.4);--t-shadow-success:var(--t-shadow-success-md);--t-shadow-danger:var(--t-shadow-danger-md);--t-shadow-focus-accent:0 0 0 3px rgba(139,200,225,0.2);--t-shadow-focus-primary:0 0 0 3px rgba(59,130,246,0.3);--t-shadow-input:0 4px 15px rgba(245,213,71,0.3);--t-shadow-input-focus:0 4px 15px rgba(245,213,71,0.5),0 0 0 2px rgba(245,213,71,0.2);--t-shadow-button-press:0 2px 6px rgba(0,0,0,0.2),inset 0 4px 12px rgba(0,0,0,0.35);--t-space-1:0.25rem;--t-space-2:0.5rem;--t-space-3:0.75rem;--t-space-4:1rem;--t-space-5:1.25rem;--t-space-6:1.5rem;--t-space-8:2rem;--t-space-10:2.5rem;--t-space-12:3rem;--t-space-16:4rem;--t-size-icon-xs:12px;--t-size-icon-sm:16px;--t-size-icon-md:20px;--t-size-icon-lg:24px;--t-size-icon-xl:32px;--t-size-btn-xs:28px;--t-size-btn-sm:32px;--t-size-btn-md:40px;--t-size-btn-lg:48px;--t-size-btn-xl:56px;--t-size-input-sm:32px;--t-size-input-md:40px;--t-size-input-lg:48px;--t-size-avatar-xs:24px;--t-size-avatar-sm:32px;--t-size-avatar-md:40px;--t-size-avatar-lg:56px;--t-size-avatar-xl:72px;--t-size-avatar-2xl:96px;--t-size-sidebar:280px;--t-size-content-max:800px;--t-size-page-max:1200px;--t-size-progress-sm:4px;--t-size-progress-md:8px;--t-size-progress-lg:16px;--t-transition-fast:0.1s ease-in-out;--t-transition-base:0.2s ease-in-out;--t-transition-slow:0.3s ease;--t-z-dropdown:100;--t-z-sticky:200;--t-z-navbar:1030;--t-z-modal-backdrop:1050;--t-z-modal:1055;--t-z-tooltip:1080;--t-z-toast:1090;--t-navbar-bg:var(--t-gradient-navbar);--t-navbar-border:2px solid var(--t-color-accent);--t-navbar-text:var(--t-color-primary);--t-navbar-shadow:var(--t-shadow-tertiary);--t-card-bg:var(--t-color-bg-card);--t-card-border:1px solid rgba(255,255,255,0.3);--t-card-radius:var(--t-radius-2xl);--t-card-shadow:var(--t-shadow-xl);--t-card-shadow-hover:var(--t-shadow-2xl);--t-card-stripe:var(--t-gradient-card-stripe);--t-card-stripe-height:4px;--t-btn-radius:var(--t-radius-lg);--t-btn-pill-radius:var(--t-radius-pill);--t-btn-font:var(--t-font-primary);--t-btn-shadow:var(--t-shadow-primary);--t-btn-shadow-hover:var(--t-shadow-primary-hover);--t-input-bg:var(--t-gradient-card-bg);--t-input-border:3px solid var(--t-color-accent);--t-input-radius:var(--t-radius-3xl);--t-input-shadow:var(--t-shadow-input);--t-input-shadow-focus:var(--t-shadow-input-focus);--t-input-font:var(--t-font-primary);--t-page-bg-default:var(--t-color-tertiary);--t-page-bg-teacher:var(--t-gradient-page-alt);--t-page-bg-student:var(--t-gradient-page);--t-page-bg-parent:var(--t-gradient-page-alt);--t-chat-user-bg:var(--t-gradient-primary);--t-chat-agent-bg:var(--t-color-bg-card);--t-chat-agent-border:var(--t-color-border);--t-badge-active-bg:var(--t-color-success-bg);--t-badge-active-text:var(--t-color-success-text);--t-badge-pending-bg:var(--t-color-warning-bg);--t-badge-pending-text:var(--t-color-warning-text);--t-badge-inactive-bg:var(--t-color-danger-bg);--t-badge-inactive-text:var(--t-color-danger-text);--colors-primary:var(--t-color-accent);--colors-secondary:#db3069;--colors-error:var(--t-color-danger);--colors-border:#3c3c3b;--colors-navBar:#233236;--colors-light:rgb(212,212,212);--colors-dark:#0e0e0e;--colors-answers:#007bff}.ProseMirror{outline:none!important;min-height:200px;padding:16px;border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.ProseMirror h1{font-size:2rem;font-weight:700;margin-bottom:1rem;margin-top:1.5rem;color:var(--t-color-ui-heading)}.ProseMirror h2{font-size:1.5rem;margin-bottom:.75rem;margin-top:1.25rem}.ProseMirror h2,.ProseMirror h3{font-weight:600;color:var(--t-color-text-secondary)}.ProseMirror h3{font-size:1.25rem;margin-bottom:.5rem;margin-top:1rem}.ProseMirror p{margin-bottom:1rem;color:var(--t-color-text-muted)}.ProseMirror ol,.ProseMirror ul{margin-bottom:1rem;padding-left:1.5rem}.ProseMirror li{margin-bottom:.25rem;color:var(--t-color-text-muted)}.ProseMirror strong{font-weight:600}.ProseMirror em{font-style:italic}.ProseMirror blockquote{border-left:4px solid var(--t-color-slate-200);margin-left:0;margin-right:0;padding-left:1rem;color:var(--t-color-ui-muted);font-style:italic}.ProseMirror:focus{box-shadow:0 0 0 2px rgba(var(--t-color-primary-light-rgb),.5)}.ProseMirror p.is-editor-empty:first-child:before{content:"Εισάγετε το περιεχόμενό σας...";float:left;color:var(--t-color-text-light);pointer-events:none;height:0;font-style:italic}.ProseMirror *{box-sizing:border-box}.rich-text-toolbar button:focus{outline:2px solid var(--t-color-primary);outline-offset:2px}.ancient-greek,.greek-polytonic{font-family:Noto Sans,Comfortaa,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.editable-text-container:hover .edit-button{opacity:1!important}.editable-text.hover-highlight:hover{background-color:rgba(59,130,246,.1)!important;border-radius:4px;padding:4px;margin:-4px;outline:2px dashed rgba(59,130,246,.3);position:relative}.editable-text.hover-highlight:hover:after{content:"Κάντε κλικ για επεξεργασία";position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.8);color:white;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:100;pointer-events:none}.bgWhite{background:white!important}@font-face{font-family:Titan;src:local("title-font"),url(/fonts/title-font.ttf) format("truetype");font-weight:var(--t-weight-normal)}*,:after,:before{box-sizing:border-box}body,h1,h2,h3,html,p{margin:0;padding:0}a,p{font-size:var(--t-text-base)}a{color:blue;text-decoration:none}button{cursor:pointer;border:none;background:none;font:inherit;outline:none}button:disabled{cursor:not-allowed}.minimal-speaker-icon,.unstyled-speaker,button.minimal-speaker-icon,button.unstyled-speaker{all:unset!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;background:none!important;background-color:transparent!important;background-image:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:0!important;font-family:inherit!important;font-size:inherit!important;font-weight:inherit!important;color:inherit!important;text-shadow:none!important;text-decoration:none!important;transform:none!important;transition:none!important;animation:none!important;position:static!important;overflow:visible!important;min-height:auto!important;text-align:left!important;outline:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;-webkit-tap-highlight-color:transparent!important}.minimal-speaker-icon:disabled,.unstyled-speaker:disabled,button.minimal-speaker-icon:disabled,button.unstyled-speaker:disabled{cursor:not-allowed!important;opacity:.5!important}.minimal-speaker-icon:active,.minimal-speaker-icon:focus,.minimal-speaker-icon:hover,.unstyled-speaker:active,.unstyled-speaker:focus,.unstyled-speaker:hover,button.minimal-speaker-icon:active,button.minimal-speaker-icon:focus,button.minimal-speaker-icon:hover,button.unstyled-speaker:active,button.unstyled-speaker:focus,button.unstyled-speaker:hover{background:none!important;background-color:transparent!important;background-image:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;transform:none!important;animation:none!important;color:inherit!important;text-shadow:none!important}.chat-message-wrapper{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;width:100%}.user-message-container{display:flex;justify-content:flex-end;width:100%}.playful-user-bubble{background:var(--t-color-primary);color:white;padding:.75rem 1rem;border-radius:18px 18px 6px 18px;max-width:70%;font-size:var(--t-text-sm-plus);line-height:var(--t-leading-snug);box-shadow:0 1px 2px rgba(0,0,0,.1)}.border-gradient{border-image-slice:1;border:5px solid}.border-gradient-purple{border-image-source:linear-gradient(to left,var(--t-color-secondary),var(--t-color-accent))}.agent-message-container{display:flex;justify-content:flex-start;width:100%}.playful-agent-bubble{background:var(--t-color-bg-subtle);color:var(--t-color-text-primary);padding:1rem;border-radius:18px 18px 18px 6px;max-width:80%;border:1px solid var(--t-color-border);box-shadow:var(--t-shadow-primary-sm);position:relative;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}@media screen and (max-width:990px){.playful-agent-bubble{max-width:90%}}.playful-agent-bubble.playing-audio{background:linear-gradient(135deg,var(--t-color-warning-bg) 0,var(--t-color-warning-border) 100%);border-color:var(--t-color-warning);box-shadow:var(--t-shadow-card)}@keyframes gentle-pulse{0%,to{box-shadow:0 2px 16px rgba(var(--t-color-warning-rgb),.2),0 0 0 2px rgba(var(--t-color-warning-rgb),.1)}50%{box-shadow:0 4px 20px rgba(var(--t-color-warning-rgb),.3),0 0 0 3px rgba(var(--t-color-warning-rgb),.15)}}.playful-agent-bubble.new-message-shine{animation:messageShine 1.5s ease-out forwards}@keyframes messageShine{0%{box-shadow:0 2px 8px rgba(var(--t-color-primary-light-rgb),.08);background:linear-gradient(135deg,var(--t-color-bg-card-alt-solid) 0,var(--t-color-bg-page-alt) 100%)}15%{box-shadow:0 4px 24px rgba(var(--t-color-primary-light-rgb),.35),0 0 40px rgba(var(--t-color-secondary-rgb),.25),inset 0 0 20px rgba(255,255,255,.5);background:linear-gradient(135deg,#ffffff 0,var(--t-color-bg-subtle) 50%,var(--t-color-bg-blue-tint) 100%)}30%{box-shadow:0 6px 32px rgba(var(--t-color-secondary-rgb),.4),0 0 60px rgba(var(--t-color-secondary-dark-rgb),.3),inset 0 0 30px rgba(255,255,255,.6);background:linear-gradient(135deg,#ffffff 0,var(--t-color-bg-light-purple) 50%,var(--t-color-bg-indigo-tint) 100%)}50%{box-shadow:0 4px 20px rgba(var(--t-color-primary-light-rgb),.25),0 0 30px rgba(var(--t-color-secondary-rgb),.15);background:linear-gradient(135deg,var(--t-color-bg-card-shimmer) 0,var(--t-color-bg-shimmer-light) 100%)}to{box-shadow:0 2px 8px rgba(var(--t-color-primary-light-rgb),.08);background:linear-gradient(135deg,var(--t-color-bg-card-alt-solid) 0,var(--t-color-bg-page-alt) 100%)}}@keyframes shimmerOverlay{0%{background-position:-200% 0}to{background-position:200% 0}}.playful-agent-bubble.new-message-shine:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4) 25%,rgba(255,255,255,.8) 50%,rgba(255,255,255,.4) 75%,transparent);background-size:200% 100%;animation:shimmerOverlay 1s ease-out forwards;pointer-events:none;z-index:1}.chat-bubble-content{margin-bottom:.5rem}.speaker-button-container{display:flex;justify-content:flex-end;padding-top:.5rem;border-top:1px solid var(--t-color-border)}.playful-chat-section{margin-bottom:.75rem}.playful-chat-section:last-child{margin-bottom:0}.playful-section-title{font-weight:var(--t-weight-bold);margin-bottom:.25rem;color:var(--t-color-text-secondary);font-size:var(--t-text-sm);text-transform:uppercase;letter-spacing:var(--t-tracking-wider)}.playful-example-box{background:var(--t-color-bg-muted);padding:.5rem;border-radius:8px;margin-bottom:.75rem;border-left:3px solid var(--t-color-primary)}.playful-example-box .playful-section-title{color:var(--t-color-text-secondary)}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.7}to{transform:scale(1.1);opacity:0}}.playful-modal .btn-lg.rounded-circle{transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;touch-action:none!important}.playful-modal .btn-lg.rounded-circle:hover:not(:disabled){transform:scale(1.05)!important;box-shadow:0 8px 25px rgba(0,0,0,.15)!important}.playful-modal .btn-lg.rounded-circle:active:not(:disabled){transform:scale(.95)!important}.audio-level-bar{background:rgba(220,53,69,.2);border-radius:2px;transition:height .1s ease,opacity .1s ease}.chat-loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:currentcolor;border-radius:50%;animation:spin 1s linear infinite;display:inline-block}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner-sm{width:14px;height:14px;border-width:1.5px}.spinner-lg{width:24px;height:24px;border-width:3px}.dot-spinner{display:inline-flex;gap:2px;align-items:center}.dot-spinner:after,.dot-spinner:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor;animation:dot-pulse 1.4s ease-in-out infinite both}.dot-spinner:before{animation-delay:-.32s}.dot-spinner:after{animation-delay:.32s}@keyframes dot-pulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.coming-soon-card{position:relative;filter:grayscale(20%);transition:filter .3s ease,opacity .3s ease,transform .3s ease,box-shadow .3s ease}.coming-soon-card:hover{filter:grayscale(10%);opacity:.8!important;transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1)!important}.coming-soon-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(245,213,71,.1),rgba(217,119,6,.1));border-radius:inherit;pointer-events:none;z-index:0}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:none}.w-4{width:1rem}.h-4{height:1rem}.w-5{width:1.25rem}.h-5{height:1.25rem}.w-6{width:1.5rem}.h-6{height:1.5rem}.w-8{width:2rem}.h-8{height:2rem}.w-12{width:3rem}.h-12{height:3rem}.me-1{margin-right:.25rem}.me-2{margin-right:.5rem}.ms-2{margin-left:.5rem}.rounded-circle{width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content}.nav-link{margin:.4rem;gap:.55rem!important;position:relative;transition:color .3s ease}.nav-link:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background-color:var(--colors-primary);transition:width .3s cubic-bezier(.25,.46,.45,.94);transform:translateX(-50%)}.nav-link:hover{text-decoration:none;color:var(--colors-primary)}.nav-link:hover:after{width:100%}@media (max-width:990px){.navItemContainer{margin:0 auto;display:flex;align-items:center;justify-content:center}.navbar-brand{font-size:var(--t-text-xl)!important;padding-top:0!important;padding-bottom:0!important}.navbar-brand img{height:30px!important;width:30px!important}.navbar-toggler{padding:.1rem .2rem!important;font-size:var(--t-text-base)!important}}.markdown-content{line-height:var(--t-leading-relaxed);color:var(--t-color-text-primary)}.markdown-content h1{color:var(--t-color-secondary)!important;font-size:var(--t-text-xl)!important;font-weight:var(--t-weight-bold)!important;margin-bottom:.75rem!important;margin-top:.5rem!important}.markdown-content h2{color:var(--t-color-secondary-light)!important;font-size:var(--t-text-lg)!important}.markdown-content h2,.markdown-content h3{font-weight:var(--t-weight-bold)!important;margin-bottom:.5rem!important;margin-top:.5rem!important}.markdown-content h3{color:var(--t-color-secondary-lighter)!important;font-size:var(--t-text-base)!important}.markdown-content p{margin-bottom:.75rem!important;line-height:var(--t-leading-relaxed)!important;color:inherit}.markdown-content ol,.markdown-content ul{margin-bottom:.75rem!important;margin-left:1rem!important;padding-left:.5rem!important}.markdown-content li{margin-bottom:.25rem!important;line-height:var(--t-leading-relaxed)!important}.markdown-content ul li{list-style-type:disc!important}.markdown-content ol li{list-style-type:decimal!important}.markdown-content strong{font-weight:var(--t-weight-semibold)!important;color:var(--t-color-secondary)!important}.markdown-content em{font-style:italic!important;color:var(--t-color-text-muted)!important}.markdown-content code{background-color:var(--t-color-primary-dark)!important;padding:.125rem .25rem!important;border-radius:.25rem!important;font-size:var(--t-text-sm)!important;font-family:Monaco,Consolas,monospace!important;color:white}.markdown-content blockquote{border-left:4px solid var(--t-color-secondary-lighter)!important;padding-left:1rem!important;font-style:italic!important;background-color:var(--t-color-feature-purple-bg)!important;padding-top:.5rem!important;padding-bottom:.5rem!important;margin-bottom:.75rem!important;border-radius:0 .25rem .25rem 0!important}.markdown-content>:first-child{margin-top:0!important}.markdown-content>:last-child{margin-bottom:0!important}.markdown-content table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-collapse:collapse;margin:8px 0;font-size:var(--t-text-sm)}.markdown-content table td,.markdown-content table th{padding:8px 12px;border:1px solid var(--t-color-border);text-align:left;white-space:nowrap}.markdown-content table th{background:var(--t-color-bg-subtle);font-weight:var(--t-weight-semibold);color:var(--t-color-primary-dark)}.markdown-content table tr:nth-child(2n){background:var(--t-color-bg-card-solid)}.chat-bubble-content svg,.markdown-content svg{display:block;margin:12px auto;max-width:100%;height:auto}.chat-bubble-content .katex svg,.markdown-content .katex svg{display:block;fill:currentColor;stroke:currentColor;margin:0;max-width:none;height:inherit;position:absolute;width:100%}.inline-svg-block{max-width:100%}.inline-svg-block svg,.svg-container svg{display:block;max-width:100%;max-height:500px;height:auto;margin:0 auto}.chat-bubble-content .latex-renderer-content,.markdown-content .mermaid,.visual-enrichment-content,.visual-enrichment-content .mermaid{overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown-content .mermaid svg,.visual-enrichment-content .mermaid svg{display:block}.markdown-content svg foreignObject,.visual-enrichment-content svg foreignObject{overflow:visible}.markdown-content .nodeLabel,.visual-enrichment-content .nodeLabel{white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.visual-enrichment-content svg{display:block}.modal-content{overflow-y:auto}textarea.form-control{min-height:calc(2em + 3.75rem + calc(var(--bs-border-width) * 2))}.modal-titlte{font-size:clamp(1.2rem,3vw,2rem)}@media (max-width:990px){.modal-dialog{width:90%!important;max-width:none!important;margin:0 auto!important}.fullscreen-modal.modal-dialog{width:100%!important;max-width:none!important;margin:0!important;height:100%!important}.modal-content{height:100%!important;border-radius:12px!important;border:none!important}}@media (min-width:991px){.modal-dialog{max-width:70%!important;margin-right:auto!important;margin-left:auto!important}}.exercise-chat{position:relative;z-index:10}.exercise-chat-minimized{position:fixed;bottom:20px;right:50%;z-index:1000}.exercise-chat .messages-container{scrollbar-width:thin;scrollbar-color:var(--t-color-slate-300) transparent}.exercise-chat .messages-container::-webkit-scrollbar{width:6px}.exercise-chat .messages-container::-webkit-scrollbar-track{background:transparent}.exercise-chat .messages-container::-webkit-scrollbar-thumb{background-color:var(--t-color-slate-300);border-radius:3px}.exercise-chat .messages-container::-webkit-scrollbar-thumb:hover{background-color:var(--t-color-slate-400)}.exercise-chat .message .teacher-message{animation:slideInLeft .3s ease-out}.exercise-chat .message .student-message{animation:slideInRight .3s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@media (max-width:990px){.exercise-chat{border-radius:10px!important;margin-top:15px!important}.exercise-chat .messages-container{height:160px!important;padding:8px!important}.exercise-chat-minimized{bottom:15px!important;right:40%!important}}.video-thumbnail-container{display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(30,64,175,.1);background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(248,249,255,.95));border:1px solid rgba(30,64,175,.1);transition:box-shadow .3s ease,transform .3s ease}.video-thumbnail-xs{max-width:80px}.video-thumbnail-sm{max-width:120px}.video-thumbnail-lg,.video-thumbnail-md{max-width:500px}@media (max-width:768px){.video-thumbnail-lg,.video-thumbnail-md{max-width:90vw}}.video-thumbnail-container:hover .play-button-overlay{background:linear-gradient(135deg,rgba(16,185,129,.9),rgba(5,150,105,.9))!important;transform:translate(-50%,-50%) scale(1.1)!important;box-shadow:0 6px 20px rgba(16,185,129,.4)!important}.video-thumbnail-xs.video-thumbnail-container{border-radius:12px}@keyframes correctionShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes postCompleteFlash{0%{opacity:0;background-color:rgba(34,197,94,.25);transform:scale(.95)}40%{opacity:1;background-color:rgba(34,197,94,.2);transform:scale(1.02)}to{opacity:1;background-color:rgba(34,197,94,.12);transform:scale(1)}}.btn-press{transition:transform .15s ease,box-shadow .15s ease}.btn-press:hover:not(:disabled){transform:translateY(-2px) scale(1.02)}.btn-press:active:not(:disabled){transform:translateY(2px) scale(.96);transition:transform .08s ease-out}.btn-press-circle{transition:transform .15s ease,box-shadow .15s ease}.btn-press-circle:hover:not(:disabled){transform:translateY(-2px) scale(1.08);box-shadow:0 6px 18px rgba(0,0,0,.2),0 2px 6px rgba(0,0,0,.12)}.btn-press-circle:active:not(:disabled){transform:translateY(2px) scale(.92);box-shadow:0 1px 4px rgba(0,0,0,.15),inset 0 2px 4px rgba(0,0,0,.15);transition:transform .08s ease-out,box-shadow .08s ease-out}.voice-record-btn{transition:transform .15s ease,box-shadow .15s ease}.voice-record-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.08);box-shadow:0 8px 22px rgba(22,163,74,.4)}.voice-record-btn:active:not(:disabled){transform:translateY(2px) scale(.92);box-shadow:0 2px 6px rgba(22,163,74,.3),inset 0 2px 4px rgba(0,0,0,.2);transition:transform .08s ease-out,box-shadow .08s ease-out}.camera-capture-btn{transition:transform .15s ease,box-shadow .15s ease}.camera-capture-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.08);box-shadow:0 8px 22px rgba(59,130,246,.4)}.camera-capture-btn:active:not(:disabled){transform:translateY(2px) scale(.92);box-shadow:0 2px 6px rgba(59,130,246,.3),inset 0 2px 4px rgba(0,0,0,.2);transition:transform .08s ease-out,box-shadow .08s ease-out}.chat-submit{transition:transform .15s ease,box-shadow .15s ease}.chat-submit:active:not(:disabled){transform:translateY(2px) scale(.94)!important;box-shadow:0 2px 8px rgba(0,0,0,.25),inset 0 3px 6px rgba(0,0,0,.2)!important;transition:transform .08s ease-out,box-shadow .08s ease-out!important}.new-chat{transition:transform .15s ease,box-shadow .15s ease}.new-chat:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.18),0 2px 4px rgba(0,0,0,.1)}.new-chat:active:not(:disabled){transform:translateY(1px) scale(.98);box-shadow:0 1px 4px rgba(0,0,0,.15),inset 0 2px 4px rgba(0,0,0,.1);transition:transform .08s ease-out,box-shadow .08s ease-out}.btn-press:active:not(:disabled){transform:translateY(3px) scale(.94)!important;box-shadow:0 1px 4px rgba(0,0,0,.2),inset 0 3px 8px rgba(0,0,0,.25)!important;filter:brightness(.88)!important;transition:transform .05s ease-out,box-shadow .05s ease-out,filter .05s ease-out!important}