:root{color-scheme:light;--color-primary:#4f46e5;--color-primary-light:#818cf8;--color-primary-dark:#4338ca;--font-mono:var(--font-geist-mono),ui-monospace,"SFMono-Regular",Consolas,monospace;--color-accent-text:#4f46e5;--color-secondary:#7c3aed;--color-secondary-light:#a78bfa;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--background-primary:#ffffff;--background-secondary:#f9fafb;--background-tertiary:#f3f4f6;--text-primary:#111827;--text-secondary:#374151;--text-tertiary:#6b7280;--text-disabled:#9ca3af;--border-primary:#e5e7eb;--border-secondary:#d1d5db;--color-on-accent:#ffffff;--error-background:#fee2e2;--error-border:#fecaca;--error-text:#991b1b;--color-success-text:#047857;--color-warning-text:#b45309;--control-height-sm:32px;--control-height-md:40px;--control-height-lg:48px;--control-padding-sm:6px 10px;--control-padding-md:9px 14px;--control-padding-lg:12px 20px;--control-font-sm:12px;--control-font-md:14px;--control-font-lg:16px;--control-weight:700;--control-radius:8px;--control-radius-sm:6px;--z-sticky:50;--app-navbar-height:73px;--z-nav:100;--z-dropdown:200;--z-overlay:800;--z-modal:1000;--z-toast:1100;--z-tooltip:1200;--background:#ffffff;--foreground:#111827;--color-info-dark:#1e40af;--color-success-bg:rgba(16,185,129,0.12);--color-error-bg:rgba(239,68,68,0.12);--color-info-bg:rgba(59,130,246,0.12);--badge-beginner-bg:linear-gradient(135deg,#d1fae5,#a7f3d0);--badge-beginner-text:#065f46;--badge-intermediate-bg:linear-gradient(135deg,#fef3c7,#fde68a);--badge-intermediate-text:#92400e;--badge-advanced-bg:linear-gradient(135deg,#fee2e2,#fecaca);--badge-advanced-text:#991b1b;--color-warning-bg:rgba(245,158,11,0.12);--color-warning-text:#92400e;--warning-background:#fef3c7;--skeleton-base:rgba(127,127,127,0.14);--skeleton-shimmer:rgba(255,255,255,0.1);--scrollbar-thumb:rgba(107,114,128,0.5);--scrollbar-thumb-hover:rgba(75,85,99,0.75);--chevron-down:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%236b7280' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--tense-present:#059669;--tense-present-bg:rgba(5,150,105,0.1);--tense-past:#b45309;--tense-past-bg:rgba(180,83,9,0.1);--tense-future:#2563eb;--tense-future-bg:rgba(37,99,235,0.1);--tense-perfect:#7c3aed;--tense-perfect-bg:rgba(124,58,237,0.1)}:root.dark{color-scheme:dark;--color-accent-text:#818cf8;--background-primary:#111827;--background-secondary:#1f2937;--background-tertiary:#374151;--text-primary:#f9fafb;--text-secondary:#e5e7eb;--text-tertiary:#9ca3af;--text-disabled:#6b7280;--border-primary:#374151;--border-secondary:#4b5563;--error-background:rgba(239,68,68,0.18);--error-border:rgba(239,68,68,0.35);--error-text:#fca5a5;--color-success-text:#6ee7b7;--background:#0a0a0a;--foreground:#ededed;--color-success-bg:rgba(16,185,129,0.2);--color-error-bg:rgba(239,68,68,0.2);--color-info-bg:rgba(59,130,246,0.2);--badge-beginner-bg:rgba(16,185,129,0.18);--badge-beginner-text:#6ee7b7;--badge-intermediate-bg:rgba(245,158,11,0.18);--badge-intermediate-text:#fcd34d;--badge-advanced-bg:rgba(239,68,68,0.18);--badge-advanced-text:#fca5a5;--color-warning-bg:rgba(245,158,11,0.2);--color-warning-text:#fcd34d;--warning-background:rgba(245,158,11,0.18);--tense-present:#34d399;--tense-present-bg:rgba(52,211,153,0.16);--tense-past:#fbbf24;--tense-past-bg:rgba(251,191,36,0.16);--tense-future:#60a5fa;--tense-future-bg:rgba(96,165,250,0.16);--tense-perfect:#a78bfa;--tense-perfect-bg:rgba(167,139,250,0.18);--scrollbar-thumb:rgba(156,163,175,0.35);--scrollbar-thumb-hover:rgba(209,213,219,0.55);--chevron-down:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%23d1d5db' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}:root{--bottom-nav-offset:0px}@media (max-width:768px){:root:has([data-bottom-nav]){--bottom-nav-offset:calc(60px + env(safe-area-inset-bottom))}body:has([data-bottom-nav]){padding-bottom:var(--bottom-nav-offset)}}body{margin:0;padding:0;background:var(--background-secondary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html.theme-animating body{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:var(--color-on-accent)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-corner{background:transparent}input[type=checkbox],input[type=radio],progress{accent-color:var(--color-primary)}select:not([multiple]):not([size]){background-image:var(--chevron-down);background-repeat:no-repeat;background-position:right 12px center;background-size:16px 16px;padding-right:36px}@supports not (appearance:base-select){select:not([multiple]):not([size]){appearance:none}}select option{background-color:var(--background-primary);color:var(--text-primary)}select option:disabled{color:var(--text-disabled)}@supports (appearance:base-select){select:not([multiple]):not([size]){appearance:base-select}::picker(select){appearance:base-select;margin-block:6px;padding:6px;border:1px solid var(--border-primary);border-radius:10px;background:var(--background-primary);color:var(--text-primary);box-shadow:0 8px 24px rgba(0,0,0,.14)}select::picker-icon{display:none}select:not([multiple]):not([size]) option{padding:9px 12px;border-radius:8px;background:transparent;cursor:pointer;transition:background .15s,color .15s}select:not([multiple]):not([size]) option:focus-visible,select:not([multiple]):not([size]) option:hover{background:var(--background-secondary)}select:not([multiple]):not([size]) option:checked{background:var(--color-primary);color:var(--color-on-accent)}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body,html{overflow-x:clip}body{max-width:100vw}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}