*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-serif: "Space Grotesk", system-ui, sans-serif;--font-ui: "Space Grotesk", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;color-scheme:light;--bg: #FDF6F8;--surface: #FFFFFF;--surface-2: #F8D7E4;--surface-3: #F3DEE5;--border: #F3DEE5;--border-light: #DDBBC9;--text-1: #33202A;--text-2: #82626E;--text-3: #82626E;--accent: #CE4379;--accent-hover: #A83263;--accent-light: #F8D7E4;--accent-foreground: #FFFFFF;--accent-text: #A83263;--error-foreground: #FFFFFF;--error-hover: #8D2852;--level-a1-bg: #FBE4EC;--level-a1-text: #A83263;--course-a1: var(--level-a1-bg);--level-a2-bg: #F5C7D9;--level-a2-text: #8F2E58;--course-a2: var(--level-a2-bg);--level-b1-bg: #E896B4;--level-b1-text: #5C1B39;--course-b1: var(--level-b1-bg);--level-b2-bg: #D9548A;--level-b2-text: #FFEFF5;--course-b2: var(--level-b2-bg);--level-c1-bg: #A83263;--level-c1-text: #FBE4EC;--course-c1: var(--level-c1-bg);--level-c2-bg: #6E2148;--level-c2-text: #F5C7D9;--course-c2: var(--level-c2-bg);--tag-vocabulary-bg: #F8D7E4;--tag-vocabulary-text: #A83263;--tag-vocabulary-bg-dark: #4E2C3C;--tag-vocabulary-text-dark: #F4C2D6;--tag-grammar-bg: #F6E2C8;--tag-grammar-text: #AA7A52;--tag-grammar-bg-dark: #3D2E23;--tag-grammar-text-dark: #E6BC97;--tag-phrases-bg: #FFF3C4;--tag-phrases-text: #8A7A2E;--tag-phrases-bg-dark: #4A4222;--tag-phrases-text-dark: #F0E0A0;--tag-lectures-bg: #F2E6BC;--tag-lectures-text: #8F7638;--tag-lectures-bg-dark: #3A3320;--tag-lectures-text-dark: #E8D89A;--tag-reading-bg: #F8F0CE;--tag-reading-text: #A08E4E;--tag-reading-bg-dark: #3A3422;--tag-reading-text-dark: #E6D99C;--tag-verbs-bg: #D0E8E4;--tag-verbs-text: #2E7A6C;--tag-verbs-bg-dark: #1F3A36;--tag-verbs-text-dark: #8AD4C4;--success: #2E7A52;--success-light: #E2F0E7;--verb: var(--tag-verbs-text);--verb-soft: var(--tag-verbs-bg);--error: #A83263;--error-light: #FBE8EF;--notyet: #A83263;--notyet-soft: #FBE8EF;--almost: #91602F;--almost-soft: #FDEBDC;--masc: #2F6E8E;--masc-soft: #E2EEF3;--fem: #A83263;--fem-soft: #FBE8EF;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-6:24px;--s-8:32px;--s-12:48px;--s-16:64px;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(51,32,42,.05);--shadow-md: 0 6px 20px -10px rgba(206,67,121,.14);--shadow-lg: 0 20px 48px -20px rgba(206,67,121,.2);--ease: cubic-bezier(.2,.7,.2,1);--t-fast: .12s;--t-base: .18s;--t-slow: .28s;--focus: 0 0 0 3px var(--accent-light), 0 0 0 1.5px var(--accent);--nav-h: 60px;--bottom-nav-h: 64px}[data-theme=dark]{color-scheme:dark;--accent-foreground: #271B21;--accent-text: #F387B0;--error-foreground: #271B21;--error-hover: #F9CDDD;--tag-reading-bg: var(--tag-reading-bg-dark);--tag-reading-text: var(--tag-reading-text-dark);--tag-verbs-bg: var(--tag-verbs-bg-dark);--tag-verbs-text: var(--tag-verbs-text-dark);--tag-vocabulary-bg: var(--tag-vocabulary-bg-dark);--tag-vocabulary-text: var(--tag-vocabulary-text-dark);--tag-grammar-bg: var(--tag-grammar-bg-dark);--tag-grammar-text: var(--tag-grammar-text-dark);--tag-phrases-bg: var(--tag-phrases-bg-dark);--tag-phrases-text: var(--tag-phrases-text-dark);--tag-lectures-bg: var(--tag-lectures-bg-dark);--tag-lectures-text: var(--tag-lectures-text-dark);--bg: #271B21;--surface: #332430;--surface-2: #4E2C3C;--surface-3: #46303D;--border: #4A3542;--border-light: #705064;--text-1: #F9EDF2;--text-2: #C09FAD;--text-3: #C09FAD;--accent: #F387B0;--accent-hover: #F7B3CC;--accent-light: #4E2C3C;--success: #5AA67E;--success-light: #16271E;--verb: var(--tag-verbs-text);--verb-soft: var(--tag-verbs-bg);--error: #F7B3CC;--error-light: #4E2C3C;--notyet: #F7B3CC;--notyet-soft: #4E2C3C;--almost: #F0B47F;--almost-soft: #463527;--masc: #6FA5BE;--masc-soft: #0E2230;--fem: #F387B0;--fem-soft: #4E2C3C;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 6px 20px -10px rgba(0,0,0,.55);--shadow-lg: 0 20px 48px -20px rgba(0,0,0,.7)}html{font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{min-height:100vh;background:var(--bg);color:var(--text-1);line-height:1.5}a{color:inherit;text-decoration:none}button{font-family:var(--font-ui);cursor:pointer}h1,h2,h3{font-family:var(--font-serif);line-height:1.2;font-weight:600;letter-spacing:-.03em}h4{font-family:var(--font-ui);line-height:1.2;font-weight:700}::selection{background:var(--accent);color:var(--accent-foreground)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input,select,textarea{font-family:var(--font-ui)}input::placeholder,textarea::placeholder{color:var(--text-3);opacity:1}#root,.App{min-height:100vh}.page{max-width:1100px;margin:0 auto;padding:calc(var(--nav-h) + 2.5rem) 1.5rem 3rem}.page-header{margin-bottom:2.5rem}.page-header h1{font-size:2rem;font-weight:600;color:var(--text-1);margin-bottom:.35rem}.page-header .subtitle{font-size:1rem;color:var(--text-2)}.section-label{font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-bottom:1rem}.card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-md);border:1px solid var(--border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem 1.4rem;border-radius:var(--r-md);font-size:.93rem;font-weight:600;border:none;transition:opacity .18s ease,transform .15s ease}.btn:hover{opacity:.88}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:var(--accent-foreground)}.btn-primary:hover{background:var(--accent-hover);opacity:1}.btn-secondary{background:var(--surface);color:var(--text-2);border:1.5px solid var(--border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{border-color:var(--text-3);opacity:1}.btn-ghost{background:transparent;color:var(--text-2);padding:.5rem .75rem}.back-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1rem;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-md);font-size:.88rem;font-weight:500;color:var(--text-2);margin-bottom:2rem;transition:border-color .18s ease}.back-btn:hover{border-color:var(--text-3)}.progress-track{height:3px;background:var(--surface-2);border-radius:var(--r-pill);overflow:hidden}.progress-fill{height:100%;background:var(--accent);opacity:.65;border-radius:var(--r-pill);transition:width .3s ease}.level-badge{display:inline-block;padding:.18rem .55rem;border-radius:var(--r-pill);font-size:.68rem;font-weight:700;letter-spacing:.08em;color:#fff}.field-input{width:100%;padding:.85rem 1rem;font-size:1.1rem;font-family:var(--font-ui);border:1.5px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text-1);text-align:center;transition:border-color .2s ease;outline:none}.field-input:focus{border-color:var(--accent)}@media(max-width:768px){.page{padding:calc(var(--nav-h) + 1.25rem) 1rem calc(var(--bottom-nav-h) + 1.5rem)}.page-header h1{font-size:1.6rem}}.top-nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);background:var(--surface);border-bottom:1px solid var(--border);z-index:100;box-shadow:var(--shadow-sm)}.top-nav-inner{max-width:1100px;margin:0 auto;height:100%;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center;gap:.65rem;background:none;border:none;padding:0;cursor:pointer;color:var(--text-1)}.nav-logo{width:32px;height:32px;object-fit:contain}.nav-brand-name{font-size:1rem;font-weight:700;color:var(--text-1);letter-spacing:-.01em}.top-nav-links{display:flex;align-items:center;gap:.25rem}.top-nav-right{display:flex;align-items:center;gap:.5rem}.top-nav-link{background:none;border:none;padding:.45rem .9rem;border-radius:var(--r-md);font-size:.9rem;font-weight:500;color:var(--text-2);cursor:pointer;transition:background .15s ease,color .15s ease}.top-nav-link:hover{background:var(--surface-2);color:var(--text-1)}.top-nav-link.active{background:var(--accent-light);color:var(--accent-text);font-weight:600}.theme-toggle{display:flex;align-items:center;justify-content:center;background:none;border:1.5px solid var(--border);border-radius:var(--r-md);padding:.35rem .55rem;line-height:1;cursor:pointer;color:var(--text-2);transition:border-color .15s ease,color .15s ease;flex-shrink:0}.top-nav-icon-btn{display:flex;align-items:center;justify-content:center}.theme-toggle:hover{border-color:var(--accent);color:var(--accent-text)}.level-indicator{position:relative}.level-indicator-btn{display:flex;align-items:center;gap:.35rem;border:1.5px solid;border-radius:var(--r-pill);padding:.3rem .65rem .3rem .5rem;font-size:.82rem;font-weight:700;cursor:pointer;transition:opacity .15s ease;white-space:nowrap}.level-indicator-btn:hover{opacity:.85}.level-indicator-badge{font-size:.78rem;font-weight:800;letter-spacing:.03em}.level-indicator-chevron{font-size:.6rem;line-height:1;opacity:.7}.level-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:220px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);z-index:200;overflow:hidden}.level-dropdown-heading{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);padding:.75rem 1rem .4rem;margin:0}.level-dropdown-list{list-style:none;margin:0;padding:0 .4rem}.level-dropdown-item{display:flex;align-items:center;gap:.65rem;width:100%;background:none;border:none;border-radius:var(--r-md);padding:.5rem .6rem;cursor:pointer;text-align:left;transition:background .12s ease}.level-dropdown-item:hover,.level-dropdown-item--active{background:var(--surface-2)}.level-dropdown-badge{display:inline-flex;align-items:center;justify-content:center;min-width:32px;padding:.15rem .4rem;border-radius:var(--r-sm);font-size:.72rem;font-weight:800;color:var(--text-1);letter-spacing:.03em;flex-shrink:0}.level-dropdown-title{font-size:.88rem;font-weight:500;color:var(--text-1);flex:1}.level-dropdown-check{font-size:.82rem;font-weight:700;flex-shrink:0}.level-dropdown-footer{border-top:1px solid var(--border);padding:.5rem .4rem;margin-top:.25rem}.level-dropdown-browse{display:block;width:100%;background:none;border:none;border-radius:var(--r-md);padding:.5rem .6rem;text-align:left;font-size:.85rem;font-weight:500;color:var(--accent-text);cursor:pointer;transition:background .12s ease}.level-dropdown-browse:hover{background:var(--accent-light)}.bottom-nav{display:none}@media(max-width:768px){.top-nav-links,.nav-brand-name,.top-nav-right .top-nav-link{display:none}.top-nav-right{gap:.25rem}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-h);background:var(--surface);border-top:1px solid var(--border);z-index:100;box-shadow:0 -2px 12px #33202a0f}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;background:none;border:none;padding:.35rem .15rem;color:var(--text-3);transition:color .15s ease;min-width:0}.bottom-nav-item.active{color:var(--accent-text)}.bottom-nav-icon{display:flex;align-items:center;justify-content:center;line-height:1}.bottom-nav-label{font-size:.58rem;font-weight:600;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.top-nav-right .level-dropdown{top:calc(100% + .5rem);right:0}}.home-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:0;margin-bottom:2.5rem}.home-logo{height:96px;width:auto;margin-bottom:1.25rem}.home-hero h1{font-size:2.4rem;font-weight:800;color:var(--text-1);margin-bottom:.4rem}.home-subtitle{font-size:1.05rem;color:var(--text-2);margin-bottom:1.25rem}.home-review-banner{display:flex;align-items:center;gap:1rem;width:100%;background:var(--accent-light);border:1.5px solid var(--accent);border-radius:var(--r-lg);padding:1rem 1.25rem;margin-bottom:1.75rem;cursor:pointer;text-align:left;transition:background .18s ease,box-shadow .18s ease}.home-review-banner:hover{background:var(--accent-light);box-shadow:var(--shadow-md)}.home-review-icon{display:flex;align-items:center;flex-shrink:0;line-height:1;color:var(--accent-text)}.home-review-text{display:flex;flex-direction:column;flex:1;gap:.15rem}.home-review-text strong{font-size:.95rem;font-weight:700;color:var(--accent-text)}.home-review-text span{font-size:.82rem;color:var(--text-2)}.home-review-badge{flex-shrink:0;background:var(--accent);color:var(--accent-foreground);font-size:.78rem;font-weight:700;border-radius:var(--r-pill);padding:.2rem .6rem;min-width:1.6rem;text-align:center}.home-course-banner{display:flex;align-items:center;gap:1rem;width:100%;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-lg);padding:1rem 1.25rem;margin-bottom:1.75rem;cursor:pointer;text-align:left;transition:border-color .18s ease,box-shadow .18s ease,transform .13s ease}.home-course-banner:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-1px)}.home-course-badge{display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:var(--r-md);color:var(--text-1);font-size:.8rem;font-weight:800;flex-shrink:0}.home-course-text{flex:1;display:flex;flex-direction:column;gap:.15rem}.home-course-text strong{font-size:.88rem;font-weight:700;color:var(--text-1)}.home-course-text span{font-size:.8rem;color:var(--text-2)}.home-course-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.home-course-pct{font-size:.78rem;font-weight:700;color:var(--text-3)}.home-course-arrow{font-size:1.3rem;color:var(--text-3);font-weight:300}.home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.home-section-card{display:flex;flex-direction:column;background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-md);border:none;padding:0;cursor:pointer;text-align:left;transition:transform .18s ease,box-shadow .18s ease;overflow:hidden}.home-section-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.home-section-card:active{transform:translateY(-1px)}.home-card-accent-bar{display:block;height:4px;width:100%;border-radius:var(--r-xl) var(--r-xl) 0 0;flex-shrink:0}.home-card-body{display:flex;flex-direction:column;padding:1.75rem;flex:1}.home-card-icon{display:flex;align-items:center;line-height:1;margin-bottom:.1rem}.home-card-title{font-size:1.2rem;font-weight:700;color:var(--text-1);margin-top:.75rem;margin-bottom:0}.home-card-desc{font-size:.88rem;color:var(--text-2);line-height:1.6;margin:.4rem 0 .75rem}@media(max-width:640px){.home-grid{grid-template-columns:1fr}.home-hero h1{font-size:1.9rem}}.guest-banner{display:flex;align-items:center;justify-content:flex-end;gap:.4rem;margin-bottom:1rem;color:var(--text-2);font-size:.75rem}.guest-banner-dismiss{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--r-sm);background:transparent;color:inherit;cursor:pointer}.guest-banner-dismiss:hover{background:var(--surface-2)}.guest-banner-dismiss:focus-visible{outline:2px solid var(--accent)}.auth-page{display:flex;flex-direction:column;align-items:center;max-width:100%}.auth-card{width:100%;max-width:420px;padding:2.5rem 2rem}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{font-size:1.8rem;margin-bottom:.4rem}.auth-subtitle{font-size:.9rem;color:var(--text-2)}.auth-form{display:flex;flex-direction:column;gap:1.2rem}.auth-field{display:flex;flex-direction:column;gap:.4rem}.auth-field label{font-size:.88rem;font-weight:600;color:var(--text-2)}.auth-input{text-align:left}.auth-error{font-size:.88rem;color:var(--error);background:var(--error-light);border-radius:var(--r-md);padding:.6rem .9rem;text-align:center}.auth-submit{width:100%;padding:.8rem;margin-top:.4rem}.auth-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0;color:var(--text-3);font-size:.85rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-guest{width:100%;padding:.8rem}.auth-footer{text-align:center;margin-top:1.5rem;font-size:.88rem;color:var(--text-2)}.auth-footer a{color:var(--accent-text);font-weight:600}@media(max-width:768px){.auth-card{padding:2rem 1.25rem}}.welcome-page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem;padding:2rem 1.25rem;background:var(--bg)}.welcome-logo{display:flex;align-items:center;gap:.65rem}.welcome-logo-img{width:40px;height:40px}.welcome-brand{font-size:1.25rem;font-weight:800;color:var(--text-1);letter-spacing:-.01em}.welcome-heading{text-align:center}.welcome-title{font-size:1.75rem;font-weight:800;color:var(--text-1);margin-bottom:.4rem;line-height:1.2}.welcome-subtitle{font-size:1rem;color:var(--text-3);font-style:italic;margin:0}.welcome-cards{display:flex;gap:1.25rem;flex-wrap:wrap;justify-content:center;width:100%;max-width:600px}.welcome-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;flex:1;min-width:210px;max-width:260px;padding:2.25rem 1.5rem;background:var(--surface);border:2px solid var(--border);border-radius:var(--r-xl);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .13s ease;box-shadow:var(--shadow-md)}.welcome-card:hover{border-color:var(--accent);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.welcome-flag{font-size:3rem;line-height:1}.welcome-card-primary{font-size:1.15rem;font-weight:700;color:var(--text-1)}.welcome-card-secondary{font-size:.85rem;color:var(--text-3);font-style:italic}@media(max-width:480px){.welcome-title{font-size:1.4rem}.welcome-cards{flex-direction:column;align-items:center}.welcome-card{width:100%;max-width:100%;padding:1.75rem 1.25rem}}.progress-flower{display:inline-flex;width:24px;height:24px;flex:0 0 24px;vertical-align:middle}.progress-flower svg{width:100%;height:100%;overflow:visible}.learning-completion{display:flex;align-items:center;justify-content:flex-end;gap:.6rem;margin:2rem 0 1.25rem}.learning-completion button{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--accent-text);font:inherit;font-size:.9rem;font-weight:600;min-height:44px;cursor:pointer;padding:.7rem 1.25rem;transition:background var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.learning-completion button[aria-pressed=false]{background:var(--accent);border-color:var(--accent);color:var(--accent-foreground);box-shadow:var(--shadow-sm)}.learning-completion button[aria-pressed=false]:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:var(--shadow-md)}.learning-completion button[aria-pressed=true]:hover{background:var(--surface-2)}.learning-completion button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.learning-completion--bloom .progress-flower__bloom{transform-origin:15px 15px;animation:flower-bloom .35s ease-out}@keyframes flower-bloom{0%{transform:scale(.6)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.learning-completion--bloom .progress-flower__bloom{animation:none}}.verb-card-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.verbs-helper-card{position:relative}.verbs-helper-card>.progress-flower{position:absolute;top:.6rem;right:.6rem}.speaker-btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:50%;border:none;background:transparent;color:var(--text-3);cursor:pointer;padding:0;transition:color .15s,background .15s;flex-shrink:0}.speaker-btn svg{width:1.1rem;height:1.1rem}.speaker-btn:hover{background:var(--surface-2, var(--surface));color:var(--accent-text)}.speaker-btn--active{color:var(--accent-text)}.lesson-loading{text-align:center;padding:4rem;font-size:1.1rem;color:var(--text-3)}.lesson-header{display:flex;flex-direction:row;align-items:flex-start;gap:1.25rem;padding:1.75rem;margin-bottom:1.75rem}.lesson-icon-circle{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;flex-shrink:0}.lesson-icon-emoji{font-size:2.2rem;line-height:1}.lesson-header-text{display:flex;flex-direction:column;gap:.3rem;padding-top:.1rem}.lesson-header-text h1{font-size:1.75rem;font-weight:700;margin:0}.lesson-description{font-size:.95rem;color:var(--text-2);line-height:1.55;margin:0}.lesson-sections{display:flex;flex-direction:column;gap:1.5rem}.lesson-section{padding:1.75rem}.lesson-section-title{font-size:1.15rem;font-weight:700;color:var(--text-1);padding-bottom:.75rem;border-bottom:2px solid;margin-bottom:1rem}.lesson-explanation{background:var(--surface-2);border-radius:var(--r-md);padding:.9rem 1.1rem;border-left:3px solid;font-size:.9rem;color:var(--text-2);line-height:1.65;margin-bottom:1.25rem}.lesson-examples{display:flex;flex-direction:column;gap:0}.ex-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.6rem 0;border-bottom:1px solid var(--border-light)}.ex-fr-wrap{display:flex;align-items:center;gap:.25rem}.ex-row:last-child{border-bottom:none}.ex-fr{font-weight:600;font-size:.93rem;color:var(--text-1)}.ex-arrow{font-size:.85rem;color:var(--text-3);flex-shrink:0}.ex-en{font-style:italic;font-size:.9rem;color:var(--text-2)}.ex-note{display:inline-block;font-size:.75rem;color:var(--text-3);background:var(--surface-2);padding:.15rem .5rem;border-radius:var(--r-pill);font-style:normal}.ex-panel{margin-top:2rem;padding:1.75rem}.ex-panel-heading{margin-bottom:1.25rem}.ex-score{font-size:1rem;font-weight:700;color:var(--text-1);margin-bottom:1.25rem}.ex-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.ex-item{background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--r-md);padding:1rem 1.15rem;transition:border-color .2s ease}.ex-item--correct{border-color:var(--success);background:var(--success-light)}.ex-item--wrong{border-color:var(--error);background:var(--error-light)}.ex-sentence{font-size:.95rem;font-weight:600;color:var(--text-1);margin-bottom:.65rem;line-height:1.5}.ex-input-row{display:flex;gap:.6rem;align-items:center}.ex-input{font-size:.95rem;padding:.6rem .85rem;text-align:left;flex:1;min-width:0}.ex-item--correct .ex-input{border-color:var(--success);color:var(--success)}.ex-item--wrong .ex-input{border-color:var(--error);color:var(--error)}.ex-hint-btn{flex-shrink:0;padding:.5rem .85rem;font-size:.82rem;font-weight:600;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-md);color:var(--text-2);transition:border-color .18s ease;font-family:var(--font-ui)}.ex-hint-btn:hover{border-color:var(--text-3)}.ex-hint-text{margin-top:.5rem;font-size:.82rem;color:var(--text-2);font-style:italic}.ex-correct-reveal{margin-top:.5rem;font-size:.88rem;color:var(--error)}.ex-correct-reveal strong{font-weight:700}.ex-actions{display:flex;justify-content:flex-end}@media(max-width:640px){.lesson-header{flex-direction:column;align-items:flex-start}.lesson-header-text h1{font-size:1.4rem}.ex-row{flex-direction:column;gap:.15rem}.ex-arrow{display:none}}.vocab-grid{display:flex;flex-direction:column;gap:.5rem;max-width:680px}.vocab-card{display:flex;align-items:center;gap:.9rem;width:100%;padding:.85rem 1rem;background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--tag-vocabulary-text);border-radius:var(--r-lg);text-align:left;cursor:pointer;transition:box-shadow var(--t-base) var(--ease),transform var(--t-fast) var(--ease)}.vocab-card:hover{box-shadow:var(--shadow-md);transform:translate(2px)}.vocab-card:active{transform:translate(0)}.vocab-card:focus-visible,.vocab-card-action-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.vocab-card-icon-circle{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:50%;background:var(--tag-vocabulary-bg)}.vocab-card-icon{font-size:1.35rem;line-height:1}.vocab-card-body{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.vocab-card-title{font-size:.97rem;font-weight:600;color:var(--text-1);line-height:1.4;overflow-wrap:anywhere}.vocab-card-badge{font-size:.75rem;color:var(--text-3)}.vocab-card-arrow{font-size:1.3rem;color:var(--text-3)}.vocab-card--reading{flex-wrap:wrap;cursor:default}.vocab-card--reading:hover{transform:none}.vocab-card-actions{display:flex;gap:.5rem;width:100%;padding-left:calc(40px + .9rem)}.vocab-card-action-btn{padding:.45rem .9rem;min-height:36px;font-size:.78rem;font-weight:600;border-radius:var(--r-md);border:1px solid var(--border);background:var(--tag-vocabulary-bg);color:var(--tag-vocabulary-text);cursor:pointer}.vocab-card-action-btn:hover{background:var(--surface-2)}.vocab-card-action-btn--read{background:transparent}@media(max-width:480px){.vocab-card{gap:.65rem;padding:.75rem .85rem}.vocab-card-actions{padding-left:0}}@media(prefers-reduced-motion:reduce){.vocab-card{transition:none}.vocab-card:hover{transform:none}}.vocq-loading{text-align:center;padding:4rem;color:var(--text-2);font-size:1.1rem}.vocq-top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}.vocq-exit-btn{flex-shrink:0;font-size:.82rem;padding:.45rem .9rem}.vocq-counter{font-size:.82rem;color:var(--text-3);text-align:center;flex:1}.vocq-shuffle-btn{flex-shrink:0;font-size:.82rem;padding:.45rem .9rem}.vocq-progress{margin-bottom:1.5rem}.vocq-card{padding:2.5rem;text-align:center;margin-bottom:1.5rem;border-radius:var(--r-xl)}.vocq-question-top{margin-bottom:1.25rem}.vocq-word-label{margin-bottom:.5rem}.vocq-word-row{display:inline-flex;align-items:center;gap:.5rem;margin:.75rem 0 0}.vocq-word-english{font-size:2rem;font-weight:500;font-family:var(--font-serif);color:var(--text-1);margin:0}.vocq-divider{border:none;border-top:1px solid var(--border-light);margin:1.25rem 0}.vocq-answer-section{display:flex;flex-direction:column;gap:1.25rem}.vocq-input:focus{border-color:var(--accent)}.vocq-btn-row{display:flex;gap:.75rem;justify-content:center}.vocq-reveal-section{display:flex;flex-direction:column;align-items:center;gap:1rem}.vocq-correct-answer{font-size:1.8rem;font-weight:500;font-family:var(--font-serif);color:var(--success);margin:0}.vocq-wrong-answer{font-size:1.1rem;font-family:var(--font-serif);color:var(--error);text-decoration:line-through;margin:0}.vocq-stats-bar{display:flex;justify-content:center;gap:1rem}.vocq-stat-pill{display:flex;align-items:center;gap:.4rem;background:var(--surface);box-shadow:var(--shadow-sm);border-radius:var(--r-pill);padding:.65rem 1.25rem;font-size:.88rem;font-weight:600}.vocq-stat-correct{color:var(--success)}.vocq-stat-wrong{color:var(--error)}.vocq-complete{max-width:500px;margin:2rem auto;padding:3rem;text-align:center;border-radius:var(--r-xl)}.vocq-complete-emoji{display:flex;justify-content:center;margin-bottom:1rem}.vocq-complete-title{font-size:2rem;font-weight:800;color:var(--text-1);margin-bottom:.5rem}.vocq-complete-subtitle{font-size:.95rem;color:var(--text-2);margin-bottom:1.5rem}.vocq-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1.5rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:1.75rem}.vocq-stat{display:flex;flex-direction:column;align-items:center;gap:.35rem}.vocq-stat-value{font-size:2.2rem;font-weight:700;color:var(--accent-text)}.vocq-stat-label{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.vocq-complete-actions{display:flex;gap:.75rem;justify-content:center}@media(max-width:640px){.vocq-top-bar{flex-wrap:wrap;gap:.5rem}.vocq-counter{order:3;flex:0 0 100%;text-align:center}.vocq-card{padding:1.5rem}.vocq-word-english{font-size:1.5rem}.vocq-btn-row{flex-direction:column}.vocq-btn-row .btn{width:100%}.vocq-complete-actions{flex-direction:column}.vocq-complete-actions .btn{width:100%}}.vocq-partial-answer{color:var(--warning, #986000)}.vc-loading{text-align:center;padding:4rem;color:var(--text-2);font-size:1.1rem}.vc-header{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:2rem;text-align:center}.vc-icon{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;margin-bottom:.25rem}.vc-title-row{display:flex;align-items:center;gap:.5rem}.vc-title{font-size:2rem;font-weight:500;font-family:var(--font-serif);margin:0}.vc-translation{font-size:1rem;font-style:italic;font-family:var(--font-serif);color:var(--text-2)}.vc-table-card{overflow:hidden;padding:0}@media(max-width:640px){.vc-title{font-size:1.6rem}.conj-table th,.conj-table td{padding:.65rem .75rem;font-size:.82rem}.scroll-hint{display:block}}.vc-speaker-cell{padding:0 .25rem;vertical-align:middle;white-space:nowrap}.vgl-loading{text-align:center;padding:4rem;color:var(--text-2);font-size:1.1rem}.vgl-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;margin-bottom:2.5rem}.vgl-icon{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:.25rem}.vgl-header h1{font-size:2rem;font-weight:700;margin:0}.vgl-subtitle{font-size:1rem;color:var(--text-2);margin:0}.vgl-search-row{margin-bottom:1.5rem}.vgl-search{width:100%;max-width:360px}.vgl-no-results{text-align:center;color:var(--text-3);padding:2rem 0;font-size:.95rem}.vgl-type-section{margin-bottom:2rem}.vgl-type-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.vgl-type-badge{font-size:.78rem}.vgl-type-count{font-size:.82rem;color:var(--text-3)}.verb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.verb-card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:1.25rem;text-align:center;display:flex;flex-direction:column;align-items:center;transition:box-shadow .2s ease,transform .2s ease}.verb-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.verb-infinitive{font-size:1.4rem;font-weight:500;font-family:var(--font-serif);color:var(--text-1);margin:.5rem 0 0}.verb-translation{font-size:.88rem;font-style:italic;font-family:var(--font-serif);color:var(--text-2);margin:0 0 .75rem}.verb-actions{display:flex;gap:.5rem;justify-content:center;margin-top:auto}@media(max-width:640px){.verb-grid{grid-template-columns:1fr}}.vl-loading{text-align:center;padding:4rem;color:var(--text-2);font-size:1.1rem}.vl-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.vl-badges{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.4rem}.vl-nav .back-btn{margin-bottom:0}.vl-quiz-btn{border:none}.vl-infinitive-row{display:inline-flex;align-items:center;gap:.5rem}.vl-header{text-align:center;margin-bottom:2rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.vl-header h1{font-size:2.5rem;font-weight:500;font-family:var(--font-serif);margin:0}.vl-translation{font-size:1.1rem;font-style:italic;font-family:var(--font-serif);color:var(--text-2)}.vl-table-card{overflow:hidden;padding:0}.table-scroll{overflow-x:auto}.conj-table{width:100%;border-collapse:collapse;font-size:.93rem;background:var(--surface)}.conj-table thead tr{color:#fff}.conj-table th{padding:.9rem 1rem;text-align:left;font-size:.88rem;font-weight:600;white-space:nowrap}.conj-table td{padding:.8rem 1rem;color:var(--text-1);font-size:1rem;font-family:var(--font-serif)}.row-even{background-color:var(--surface)}.row-odd{background-color:var(--surface-2)}.conj-table tbody tr{transition:background-color .15s ease}.conj-table tbody tr:hover{background-color:var(--accent-light)}.sujet-cell{font-weight:700;min-width:90px}.scroll-hint{display:none;font-size:.78rem;color:var(--text-3);text-align:center;padding:.6rem 1rem;border-top:1px solid var(--border-light)}@media(max-width:640px){.vl-nav{flex-wrap:wrap;gap:.75rem}.vl-nav .back-btn{margin-bottom:0}.vl-header h1{font-size:2rem}.conj-table th,.conj-table td{padding:.65rem .75rem;font-size:.82rem}.scroll-hint{display:block}}.vl-speaker-cell{padding:0 .25rem;vertical-align:middle;white-space:nowrap}.vq-loading{text-align:center;padding:4rem;color:var(--text-2);font-size:1.1rem}.vq-top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}.vq-exit-btn{flex-shrink:0;font-size:.82rem;padding:.45rem .9rem}.vq-center-info{display:flex;flex-direction:column;align-items:center;gap:.15rem;text-align:center}.vq-verb-name-row{display:flex;align-items:center;gap:.25rem}.vq-verb-name{font-size:1.1rem;font-family:var(--font-serif);font-weight:500}.vq-verb-hint{font-size:.82rem;font-style:italic;font-family:var(--font-serif);color:var(--text-2)}.vq-counter{font-size:.82rem;color:var(--text-3);flex-shrink:0;text-align:right}.vq-progress{margin-bottom:1.5rem}.vq-card{padding:2rem;margin-bottom:1.5rem;border-radius:var(--r-xl)}.vq-tense-header{text-align:center;margin-bottom:1.5rem}.vq-tense-title{font-size:1.6rem;font-weight:500;font-family:var(--font-serif);margin:0}.vq-review-badge{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--surface-2);color:var(--text-2);border-radius:var(--r-pill);padding:.2rem .7rem;margin-bottom:.5rem}.vq-review-hint{font-size:.85rem;color:var(--text-3);margin:.4rem 0 0}.vq-table{width:100%;border-collapse:collapse;margin-bottom:1.5rem}.vq-row{border-bottom:1px solid var(--border-light, var(--border));transition:background .15s ease}.vq-row:last-child{border-bottom:none}.vq-row--correct{background:color-mix(in srgb,var(--success) 8%,transparent)}.vq-row--wrong{background:color-mix(in srgb,var(--error) 8%,transparent)}.vq-sujet{font-size:.92rem;font-weight:600;width:110px;padding:.65rem .75rem .65rem 0;vertical-align:middle;white-space:nowrap}.vq-answer-cell{padding:.5rem 0;vertical-align:middle}.vq-cell-input{width:100%;background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--r-md);padding:.55rem .75rem;font-size:.92rem;color:var(--text-1);font-family:inherit;transition:border-color .15s ease;outline:none}.vq-cell-input:focus{border-color:var(--focus-color, var(--accent));background:var(--surface)}.vq-prefill{display:block;font-size:.92rem;color:var(--text-3);font-style:italic;padding:.55rem .75rem}.vq-submitted-cell{display:flex;flex-direction:column;gap:.15rem;padding:.35rem .75rem}.vq-user-val{font-size:.92rem;font-weight:600}.vq-user-val--correct{color:var(--success)}.vq-user-val--wrong{color:var(--error);text-decoration:line-through}.vq-correct-reveal{font-size:.92rem;font-weight:600;color:var(--success)}.vq-card-actions{display:flex;justify-content:center}.vq-submit-btn{min-width:160px;padding:.65rem 2rem;font-size:.95rem}.vq-stats-bar{display:flex;justify-content:center;gap:1rem}.vq-stat-pill{display:flex;align-items:center;gap:.4rem;background:var(--surface);box-shadow:var(--shadow-sm);border-radius:var(--r-pill);padding:.65rem 1.25rem;font-size:.88rem;font-weight:600}.vq-stat-correct{color:var(--success)}.vq-stat-wrong{color:var(--error)}.vq-complete{max-width:500px;margin:2rem auto;padding:3rem;text-align:center;border-radius:var(--r-xl)}.vq-complete-emoji{display:flex;justify-content:center;margin-bottom:1rem}.vq-complete-title{font-size:2rem;font-weight:800;color:var(--text-1);margin-bottom:.5rem}.vq-complete-verb{font-size:1.05rem;margin-bottom:1.75rem}.vq-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1.5rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:1.75rem}.vq-stat{display:flex;flex-direction:column;align-items:center;gap:.35rem}.vq-stat-value{font-size:2.2rem;font-weight:700}.vq-stat-label{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.vq-complete-actions{display:flex;gap:.75rem;justify-content:center}@media(max-width:640px){.vq-top-bar{flex-wrap:wrap;gap:.5rem}.vq-center-info{order:-1;width:100%}.vq-card{padding:1.25rem}.vq-tense-title{font-size:1.3rem}.vq-sujet{width:90px;font-size:.85rem}.vq-cell-input{font-size:.85rem;padding:.45rem .6rem}.vq-complete-actions{flex-direction:column}.vq-complete-actions .btn{width:100%}}.vq-row--partial{background:color-mix(in srgb,var(--warning, #986000) 8%,transparent)}.vq-user-val--partial,.vq-partial-warning{color:var(--warning, #986000)}.vq-partial-warning{font-size:.85rem}.phrase-detail-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.phrase-detail-loading{text-align:center;padding:4rem;font-size:1.1rem;color:var(--text-3)}.phrase-detail-header{display:flex;flex-direction:row;align-items:center;gap:1rem;padding:1.5rem;margin-bottom:1.75rem}.phrase-detail-icon-circle{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;flex-shrink:0}.phrase-detail-icon{font-size:2rem;line-height:1}.phrase-detail-header-text h1{font-size:1.6rem;font-weight:700;margin-bottom:.25rem}.phrase-detail-description{font-size:.87rem;color:var(--text-2);line-height:1.5;margin:0}.phrase-list{display:flex;flex-direction:column;gap:.75rem}.phrase-item{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-md);padding:1.25rem 1.5rem;border-left:3px solid;transition:transform .18s ease}.phrase-item:hover{transform:translate(3px)}.phrase-fr-row{display:flex;align-items:center;gap:.25rem;margin:0 0 .2rem}.phrase-fr{font-size:1rem;font-weight:600;color:var(--text-1);margin:0}.phrase-en{font-size:.9rem;color:var(--text-2);font-style:italic;margin:0}.phrase-note{display:inline-block;font-size:.78rem;color:var(--text-3);background:var(--surface-2);padding:.18rem .5rem;border-radius:var(--r-sm);margin-top:.4rem}@media(max-width:640px){.phrase-detail-header{flex-direction:column;align-items:flex-start}.phrase-detail-header-text h1{font-size:1.35rem}}.rq-header{margin-bottom:1.75rem}.rq-start-btn{display:block;width:100%;max-width:400px;padding:.9rem 1.4rem;font-size:1rem;margin:0 auto 2rem}.rq-module-card{padding:1.5rem;margin-bottom:1.25rem;border-radius:var(--r-lg)}.rq-module-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.rq-module-count{font-size:.88rem;color:var(--text-2);margin-top:.2rem}.rq-clear-btn{flex-shrink:0;font-size:.82rem;padding:.4rem .85rem}.rq-word-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.rq-word-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .75rem;background:var(--surface-2);border-radius:var(--r-md);font-size:.9rem}.rq-word-english{color:var(--text-1);font-weight:500}.rq-word-french{color:var(--accent-text);font-weight:600}.rq-back-btn{display:block;margin:2rem auto 0}@media(max-width:640px){.rq-word-item{flex-direction:column;align-items:flex-start;gap:.25rem}}.rp-loading{color:var(--text-2);margin-top:2rem}.rp-header{padding:1.5rem 1.75rem;margin-bottom:2rem}.rp-title{font-size:1.5rem;font-weight:500;font-family:var(--font-serif);color:var(--text-1);margin-bottom:.3rem}.rp-source{font-size:.85rem;color:var(--text-2);font-style:italic;margin-bottom:.9rem}.rp-hint{font-size:.83rem;color:var(--text-3)}.rp-hint-sample{display:inline;background:var(--accent-light);border-bottom:2px solid var(--accent);border-radius:3px;padding:0 3px;color:var(--accent-text);font-weight:600}.rp-passage-wrap{max-width:680px;margin-bottom:2.5rem}.rp-paragraph{font-size:1.1rem;font-family:var(--font-serif);line-height:1.85;color:var(--text-1);margin-bottom:1.4em}.rp-word-wrap{display:inline;position:relative}.rp-vocab-word{display:inline;background:var(--accent-light);border:none;border-bottom:2px solid var(--accent);border-radius:3px;padding:0 2px;font-size:inherit;font-family:inherit;line-height:inherit;color:var(--text-1);cursor:pointer;transition:background-color .15s ease}.rp-vocab-word:hover,.rp-vocab-word--active{background:var(--accent);color:var(--surface)}.rp-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);padding:.6rem .9rem;white-space:nowrap;display:flex;flex-direction:column;gap:.2rem;z-index:200;pointer-events:auto;max-width:min(240px,80vw);white-space:normal;min-width:120px;text-align:center}.rp-tooltip-fr-row{display:flex;align-items:center;gap:.35rem}.rp-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--border)}.rp-tooltip-fr{font-size:.95rem;font-family:var(--font-serif);font-weight:600;color:var(--accent-text)}.rp-tooltip-en{font-size:.8rem;color:var(--text-2)}.rp-vocab-list{max-width:680px;padding:1.5rem 1.75rem}.rp-vocab-items{list-style:none;display:flex;flex-direction:column;gap:.6rem;margin-top:.5rem}.rp-vocab-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;padding-bottom:.6rem;border-bottom:1px solid var(--border-light)}.rp-vocab-item:last-child{border-bottom:none;padding-bottom:0}.rp-vocab-item-fr{font-family:var(--font-serif);font-weight:600;color:var(--text-1);min-width:160px}.rp-vocab-item-en{color:var(--text-2)}@media(max-width:768px){.rp-paragraph{font-size:1rem}.rp-vocab-item-fr{min-width:120px}}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.courses-card{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;padding:1.5rem;text-align:left;cursor:pointer;border:2px solid transparent;transition:border-color .18s ease,transform .15s ease,box-shadow .18s ease;width:100%}.courses-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.courses-card--active{border-color:var(--accent)}.courses-card-top{display:flex;align-items:center;gap:.6rem}.courses-level-badge{display:inline-flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;border-radius:var(--r-md);color:var(--text-1);font-size:.85rem;font-weight:800;letter-spacing:.03em;flex-shrink:0}.courses-active-tag{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text);background:var(--accent-light);padding:.2rem .6rem;border-radius:var(--r-pill)}.courses-card-title{font-size:1.15rem;font-weight:700;color:var(--text-1);margin:0}.courses-card-desc{font-size:.88rem;color:var(--text-2);line-height:1.5;flex:1}.courses-card-footer{width:100%;display:flex;flex-direction:column;gap:.4rem}.courses-step-count{font-size:.78rem;color:var(--text-3);font-weight:500}.courses-bar{height:3px;width:100%}.courses-cta{width:100%;justify-content:center;margin-top:.25rem}.module-tags{display:flex;flex-wrap:wrap;gap:.35rem .6rem;align-items:center}.module-tag{display:inline-block;font:600 .65rem / 1.6 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--r-pill);padding:.15rem .55rem}.module-tag--vocabulary{background:var(--tag-vocabulary-bg);color:var(--tag-vocabulary-text)}.module-tag--verbs{background:var(--tag-verbs-bg);color:var(--tag-verbs-text)}.module-tag--lectures{background:var(--tag-lectures-bg);color:var(--tag-lectures-text)}.module-subtype{display:inline-flex;align-items:center;gap:.3rem;color:var(--text-2);font:400 .75rem / 1.6 var(--font-ui)}.module-subtype svg{flex-shrink:0}.cr-back-btn{margin-bottom:1.5rem}.cr-continue{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-3) var(--s-4);width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:1rem;margin-bottom:var(--s-8);cursor:pointer;text-align:left;font-family:var(--font-ui);transition:border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.cr-continue:hover{border-color:var(--accent);background:var(--surface-2)}.cr-continue:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.cr-continue__body{flex:1 1 200px;display:flex;flex-direction:column;gap:.4rem;min-width:0}.cr-continue__label{font-size:.65rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2)}.cr-continue__step{font-size:.95rem;line-height:1.5;color:var(--text-1);overflow-wrap:anywhere}.cr-continue__step strong{font-weight:600}.cr-continue__type{font-size:.82rem;color:var(--text-2)}.cr-continue__action{margin-left:auto;font-size:.85rem;font-weight:600;color:var(--accent-text);white-space:nowrap}.cr-header{display:flex;align-items:flex-start;gap:1.1rem;margin-bottom:1.5rem}.cr-level-badge{display:inline-flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;border-radius:var(--r-md);color:var(--text-1);font-size:.9rem;font-weight:800;letter-spacing:.03em;flex-shrink:0;margin-top:.15rem}.cr-header-text h1{font-size:1.7rem;color:var(--text-1);margin-bottom:.25rem}.cr-progress-line{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.65rem 1rem;max-width:680px;margin-bottom:2rem}.cr-progress-label{font-size:.75rem;font-weight:400;color:var(--text-2)}.cr-progress-line .cr-progress-bar{grid-column:1 / -1;grid-row:2;height:3px;margin-bottom:0}.cr-set-active-btn{grid-column:2;grid-row:1;border:none;background:none;font:inherit;font-size:.75rem;padding:.35rem 0;color:var(--accent-text);cursor:pointer}.cr-set-active-btn:hover{text-decoration:underline}.cr-set-active-btn:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.cr-content{max-width:680px}.cr-steps{list-style:none;position:relative;display:flex;flex-direction:column;gap:0}.cr-step{position:relative;display:flex;flex-direction:column}.cr-connector{position:absolute;left:1.1rem;top:3rem;bottom:0;width:2px;background:var(--border);z-index:0}.cr-step--complete .cr-connector{background:var(--verb-soft)}.cr-step--visited .cr-connector{background:var(--border)}.cr-step-btn{display:flex;align-items:center;gap:.9rem;width:100%;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:.85rem 1rem;margin-bottom:.5rem;cursor:pointer;position:relative;z-index:1;transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-base) var(--ease),transform var(--t-fast) var(--ease)}.cr-step-btn:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translate(2px)}.cr-step--complete .cr-step-btn{background:var(--verb-soft);border-color:var(--verb)}.cr-node{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;font-size:.78rem;font-weight:700;font-family:var(--font-ui);flex-shrink:0;border:2px solid currentColor}.cr-node--todo{color:var(--text-3);background:var(--surface-2);border-color:var(--border)}.cr-step-body{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.cr-step-title{font-size:.95rem;font-weight:600;color:var(--text-1);line-height:1.3}.cr-step-arrow{font-size:1.3rem;color:var(--text-3);font-weight:300;flex-shrink:0}.cr-unit{margin-bottom:2rem}.cr-unit-title{font-size:.7rem;font-weight:700;font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);padding:0 .25rem;margin-bottom:.75rem}@media(max-width:480px){.cr-header{gap:.8rem}.cr-header-text h1{font-size:1.4rem}.cr-step-btn{gap:.65rem;padding:.75rem .85rem}}.verbs-type-block{margin-bottom:1.25rem}.verbs-type-block .level-badge{display:inline-block;margin-bottom:.6rem}.verbs-review-block{margin-bottom:1.5rem}.verbs-review-group-title{font-size:.82rem;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .6rem}.verbs-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem}.verbs-page-intro{min-width:0}.verbs-search-row{position:relative;display:flex;align-items:center;flex:0 1 310px;min-width:230px;height:46px;margin-bottom:.15rem;padding:0 .9rem;border:1.5px solid var(--border);border-radius:var(--r-pill);background:var(--verb-soft);box-shadow:var(--shadow-sm);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.verbs-search-row:focus-within{border-color:var(--verb);background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--verb) 16%,transparent),var(--shadow-sm)}.verbs-search-icon{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:var(--verb);stroke-width:1.8;stroke-linecap:round}.verbs-search{width:100%;min-width:0;padding:0 .55rem;border:0;outline:0;background:transparent;color:var(--text-1);font:inherit;font-size:.9rem}.verbs-search::placeholder{color:var(--text-3);opacity:1}.verbs-search::-webkit-search-cancel-button{display:none}.verbs-search-clear{display:grid;place-items:center;flex:0 0 auto;width:26px;height:26px;border:0;border-radius:50%;background:color-mix(in srgb,var(--verb) 12%,transparent);color:var(--verb);font-size:1.2rem;line-height:1;cursor:pointer}.verbs-search-clear:hover{background:color-mix(in srgb,var(--verb) 20%,transparent)}.verbs-loading,.verbs-empty{color:var(--text-3);margin-top:1rem}.verbs-section{margin-bottom:2.5rem}.verbs-group-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.verbs-group-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.verbs-section-title{font-size:1.2rem;font-weight:700;color:var(--text-1);margin:0 0 .2rem;line-height:1.2}.verbs-section-desc{font-size:.85rem;color:var(--text-3);margin:0}.verbs-helper-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem;margin-top:.75rem}.verbs-helper-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-md);border:none;border-top:3px solid transparent;padding:1rem .75rem;cursor:pointer;text-align:center;transition:transform .18s ease,box-shadow .18s ease}.verbs-helper-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.verbs-helper-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem}.verbs-helper-title{font-size:1.1rem;font-family:var(--font-serif);font-weight:500;line-height:1.2}.verbs-helper-translation{font-size:.78rem;font-style:italic;color:var(--text-3)}.verbs-section .verb-grid{margin-top:.75rem}.verbs-section .verb-card--new-tenses{position:relative;padding-top:2.6rem}.verb-new-tenses{position:absolute;top:.6rem;right:.65rem;display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .55rem;border-radius:var(--r-pill);background:var(--tag-verbs-bg);color:var(--tag-verbs-text);font-size:.68rem;font-weight:600;line-height:1.2}@media(max-width:800px){.verbs-page-header{align-items:flex-start}.verbs-helper-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:500px){.verbs-page-header{flex-direction:column;gap:1rem}.verbs-search-row{width:100%;min-width:0;flex-basis:auto}.verbs-helper-grid{grid-template-columns:repeat(2,1fr)}.verb-grid{grid-template-columns:1fr 1fr}}.verbs-page .verbs-section{margin-bottom:2rem}.verbs-page .verbs-section-title{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-bottom:.75rem}.verbs-page .verb-grid,.verbs-page .verbs-helper-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));gap:.65rem;margin-top:.65rem}.verbs-page .verb-card,.verbs-page .verbs-helper-card{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:.6rem;padding:.85rem;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--tag-verbs-text);border-radius:var(--r-lg);box-shadow:none;text-align:left;min-width:0}.verbs-page .verb-card:hover,.verbs-page .verbs-helper-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.verbs-page .verb-row-body{display:flex;flex-direction:column;min-width:0;gap:.2rem}.verbs-page .verb-infinitive,.verbs-page .verbs-helper-title{margin:0;padding-right:1.7rem;font-size:1.1rem;overflow-wrap:anywhere}.verbs-page .verb-translation,.verbs-page .verbs-helper-translation{margin:0;font-size:.8rem;color:var(--text-3);overflow-wrap:anywhere}.verbs-page .verb-actions{margin-top:auto;padding-top:.25rem;gap:.4rem;justify-content:flex-start;flex-wrap:wrap}.verbs-page .verb-card>.progress-flower,.verbs-page .verbs-helper-card>.progress-flower{position:absolute;top:.85rem;right:.7rem}.verbs-page .verb-card--new-tenses{padding-top:2.3rem}.verbs-page .verb-card--new-tenses>.progress-flower{top:2.3rem}.verbs-page .verbs-helper-icon{width:32px;height:32px}.verbs-page button:focus-visible{outline:2px solid var(--verb);outline-offset:3px}@media(prefers-reduced-motion:reduce){.verbs-page .verb-card,.verbs-page .verbs-helper-card{transition:none}.verbs-page .verb-card:hover,.verbs-page .verbs-helper-card:hover{transform:none}}.lectures-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.lectures-filter-pill{display:flex;align-items:center;gap:.35rem;padding:.35rem .85rem;border-radius:999px;border:1.5px solid var(--border);background:var(--surface);color:var(--text-2);font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.lectures-filter-pill:hover{border-color:var(--text-2);color:var(--text-1)}.lectures-filter-pill--active{background:var(--accent);border-color:var(--accent);color:var(--accent-foreground)}.lectures-empty{color:var(--text-3);margin-top:1rem}.lectures-list{display:flex;flex-direction:column;gap:.5rem;max-width:680px}.lecture-card{display:flex;align-items:center;gap:.9rem;background:var(--surface);border-radius:var(--r-lg);border:1px solid var(--border);border-left:4px solid;padding:.85rem 1rem;cursor:pointer;text-align:left;transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-base) var(--ease),transform var(--t-fast) var(--ease)}.lecture-card:hover{box-shadow:var(--shadow-md);transform:translate(2px)}.lecture-card:active{transform:translate(0)}.lecture-card--complete{background:var(--verb-soft)}.lecture-body{flex:1;display:flex;flex-direction:column;gap:.2rem;min-width:0}.lecture-title{font-size:.97rem;font-weight:600;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lecture-arrow{font-size:1.3rem;color:var(--text-3);flex-shrink:0}.import-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;margin-bottom:1.5rem;border:1.5px solid var(--accent);background:var(--accent-light)}.import-banner-text{font-size:.9rem;color:var(--text-1);flex:1}.import-banner-actions{display:flex;gap:.5rem;flex-shrink:0}.import-banner-btn{padding:.5rem 1rem;font-size:.88rem}@media(max-width:600px){.import-banner{flex-direction:column;align-items:flex-start}}.settings-section{margin-bottom:1.5rem;padding:1.5rem}.settings-section-title{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-bottom:1.25rem}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0;border-bottom:1px solid var(--border)}.settings-row:last-child{border-bottom:none;padding-bottom:0}.settings-row:first-of-type{padding-top:0}.settings-row--col{flex-direction:column;align-items:flex-start}.settings-row--danger{flex-direction:column;align-items:flex-start;gap:.75rem}.settings-row-label{display:flex;flex-direction:column;gap:.2rem;flex:1;min-width:0}.settings-label{font-size:.92rem;font-weight:600;color:var(--text-1)}.settings-label--danger{color:var(--error)}.settings-hint{font-size:.8rem;color:var(--text-3)}.settings-success{font-size:.8rem;color:var(--success);font-weight:600}.settings-error{font-size:.82rem;color:var(--error);margin:0 0 .75rem}.settings-toggle-group{display:flex;gap:0;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--border);margin-top:.5rem}.settings-toggle-btn{padding:.5rem 1rem;font-size:.82rem;font-weight:600;background:var(--surface);color:var(--text-2);border:none;cursor:pointer;transition:background .15s,color .15s}.settings-toggle-btn:not(:last-child){border-right:1px solid var(--border)}.settings-toggle-btn.active{background:var(--accent);color:var(--accent-foreground)}.settings-pw-form{display:flex;flex-direction:column;gap:.65rem;padding:.85rem 0;border-bottom:1px solid var(--border)}.settings-pw-form-title{font-size:.85rem;font-weight:700;color:var(--text-1);margin:0 0 .2rem}.settings-pw-actions{display:flex;gap:.75rem;margin-top:.25rem}.settings-danger-btn{background:var(--error);color:var(--error-foreground);border:none}.settings-danger-btn:hover{background:var(--error-hover)}.settings-confirm-delete{width:100%}.settings-confirm-msg{font-size:.85rem;color:var(--error);margin:0 0 .75rem;font-weight:600}.settings-confirm-actions,.settings-guest-actions{display:flex;gap:.75rem}@media(max-width:480px){.settings-section{padding:1.25rem}.settings-pw-actions,.settings-confirm-actions,.settings-guest-actions{flex-direction:column}}