:root{--color-primary:#4f46e5;--color-primary-light:#818cf8;--color-primary-dark:#4338ca;--color-secondary:#7c3aed;--color-secondary-light:#a78bfa;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--background-primary:#fff;--background-secondary:#f9fafb;--background-tertiary:#f3f4f6;--text-primary:#111827;--text-secondary:#374151;--text-tertiary:#6b7280;--text-disabled:#9ca3af;--border-primary:#e5e7eb;--border-secondary:#d1d5db;--background:#fff;--foreground:#111827;--color-info-dark:#1e40af;--color-success-bg:#10b9811f;--color-error-bg:#ef44441f;--badge-beginner-bg:linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);--badge-beginner-text:#065f46;--badge-intermediate-bg:linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);--badge-intermediate-text:#92400e;--badge-advanced-bg:linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);--badge-advanced-text:#991b1b;--color-warning-bg:#f59e0b1f;--color-warning-text:#92400e;--tense-present:#059669;--tense-present-bg:#0596691a;--tense-past:#b45309;--tense-past-bg:#b453091a;--tense-future:#2563eb;--tense-future-bg:#2563eb1a;--tense-perfect:#7c3aed;--tense-perfect-bg:#7c3aed1a}:root.dark{--background-primary:#111827;--background-secondary:#1f2937;--background-tertiary:#374151;--text-primary:#f9fafb;--text-secondary:#e5e7eb;--text-tertiary:#d1d5db;--text-disabled:#6b7280;--border-primary:#374151;--border-secondary:#4b5563;--background:#0a0a0a;--foreground:#ededed;--color-success-bg:#10b98133;--color-error-bg:#ef444433;--badge-beginner-bg:#10b9812e;--badge-beginner-text:#6ee7b7;--badge-intermediate-bg:#f59e0b2e;--badge-intermediate-text:#fcd34d;--badge-advanced-bg:#ef44442e;--badge-advanced-text:#fca5a5;--color-warning-bg:#f59e0b33;--color-warning-text:#fcd34d;--tense-present:#34d399;--tense-present-bg:#34d39929;--tense-past:#fbbf24;--tense-past-bg:#fbbf2429;--tense-future:#60a5fa;--tense-future-bg:#60a5fa29;--tense-perfect:#a78bfa;--tense-perfect-bg:#a78bfa2e}body{background:var(--background-secondary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;transition:background .3s,color .3s}*{box-sizing:border-box}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:var(--color-primary);color:#fff}html{scroll-behavior:smooth;overflow-x:hidden}body{max-width:100vw;overflow-x:hidden}