@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2212}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2212}@font-face{font-family:Kalam;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/kalam-latin-400-normal-BthBl_aR.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2000-206F,U+20AC,U+2122,U+2212}:root{--paper:#fbf8f1;--ink:#2b2521;--harbour:#2f6076;--park:#517a37;--wash:#e4eadf;--brick:#b4453a;--balloon:#f8e5bb;--balloon-text:#7d5717;--card:#fff;--border-soft:#e8e1d3;--sky:#bfd9e6;--stone:#e6d8bc;--terracotta:#cd6b41;--indigo:#4a4a86;--gorge:#8aa37e;--amber:#f0b62c;--plum:#6b3f7a;--teal:#3f7d72;--rose:#d4646d;--leaf:#4e8c46;--ink-soft:color-mix(in srgb, var(--ink) 78%, var(--paper));--ink-faint:color-mix(in srgb, var(--ink) 68%, var(--paper));--harbour-soft:color-mix(in srgb, var(--harbour) 12%, var(--paper));--park-soft:color-mix(in srgb, var(--park) 12%, var(--paper));--brick-soft:color-mix(in srgb, var(--brick) 10%, var(--paper));--font-display:"Bricolage Grotesque Variable", "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--font-body:"Inter Variable", "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-hand:"Kalam", ui-rounded, cursive;--text-xs:.8125rem;--text-sm:.9375rem;--text-base:1.0625rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:1.875rem;--text-3xl:2.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--radius-card:16px;--radius-control:12px;--radius-pill:999px;--shadow-card:0 1px 2px color-mix(in srgb, var(--ink) 6%, transparent);--ease:cubic-bezier(.2, 0, .2, 1);--ease-wash:cubic-bezier(.16, .8, .3, 1);--dur-fast:.15s;--dur:.2s;--dur-wash:.62s;--dur-drift:26s;--grain-opacity:.5}@media (prefers-reduced-motion:reduce){:root{--dur-fast:0s;--dur:0s;--dur-wash:0s;--dur-drift:0s}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);min-height:100dvh;color:var(--ink);font-family:var(--font-body);font-size:var(--text-base);-webkit-font-smoothing:antialiased;margin:0;line-height:1.55}#app{max-width:34rem;padding:var(--space-5) var(--space-4) calc(var(--space-7) + env(safe-area-inset-bottom));gap:var(--space-5);flex-direction:column;margin:0 auto;display:flex}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.015em;margin:0;font-weight:600;line-height:1.2}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-lg)}p{margin:0}.btn{font:inherit;border-radius:var(--radius-control);padding:var(--space-3) var(--space-5);cursor:pointer;transition:background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);border:1px solid #0000;font-weight:500}.btn:focus-visible{outline:2px solid var(--harbour);outline-offset:2px}.btn--primary{background:var(--harbour);color:var(--card)}.btn--primary:hover{background:color-mix(in srgb, var(--harbour) 88%, var(--ink))}.btn--quiet{color:var(--ink-soft);border-color:var(--border-soft);background:0 0}.btn--quiet:hover{background:var(--card);color:var(--ink)}.btn--link{min-height:44px;color:var(--harbour);font-size:var(--text-sm);text-underline-offset:3px;background:0 0;border:none;align-items:center;padding:0;text-decoration:underline;display:inline-flex}.btn:disabled{opacity:.45;cursor:default}.card{background:var(--card);border:1px solid var(--border-soft);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.masthead{gap:var(--space-2);flex-direction:column;display:flex}.masthead .sub{color:var(--ink-soft);font-size:var(--text-sm)}.stats{gap:var(--space-4);flex-wrap:wrap;display:flex}.stat{gap:var(--space-1);flex-direction:column;display:flex}.stat b{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;line-height:1}.stat span{font-size:var(--text-xs);color:var(--ink-soft)}.time-choice{gap:var(--space-3);display:flex}.time-choice .btn{flex:1}.toggle{gap:var(--space-3);padding:var(--space-3) 0 0;border-top:1px solid var(--border-soft);cursor:pointer;align-items:start;display:flex}.toggle__box{accent-color:var(--harbour);flex:none;width:1.15rem;height:1.15rem;margin:.15rem 0 0}.toggle__text{gap:var(--space-1);flex-direction:column;display:flex}.toggle__text b{font-weight:500}.toggle__text small{font-size:var(--text-xs);color:var(--ink-soft);line-height:1.45}.how{font-size:var(--text-sm);color:var(--ink-soft)}.how summary{cursor:pointer;color:var(--harbour);padding:var(--space-3) 0;list-style-position:outside}.how ul{padding-left:var(--space-5);gap:var(--space-3);flex-direction:column;margin:0;line-height:1.5;display:flex}.pwa-note{border:1px dashed var(--border-soft);border-radius:var(--radius-card);padding:var(--space-4) var(--space-5);gap:var(--space-3);font-size:var(--text-sm);color:var(--ink-soft);flex-direction:column;display:flex}.pwa-note__steps{padding-left:var(--space-5);gap:var(--space-1);flex-direction:column;margin:0;display:flex}.pwa-note__actions{gap:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.session-bar{align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--ink-soft);display:flex}.progress{background:var(--border-soft);border-radius:var(--radius-pill);flex:1;height:3px;overflow:hidden}.progress i{background:var(--harbour);height:100%;transition:width var(--dur) var(--ease);display:block}.topic-label{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.slot:empty{display:none}.ex-body{gap:var(--space-3);flex-direction:column;display:flex}.ex-prompt{font-size:var(--text-lg);line-height:1.45}.ex-prompt--inline{line-height:2.7}.ex-field{font:inherit;font-family:var(--font-body);color:var(--ink);background:var(--paper);border:1px solid var(--border-soft);border-radius:var(--radius-control);padding:var(--space-3);resize:vertical;width:100%;transition:border-color var(--dur-fast) var(--ease)}.ex-field:focus{border-color:var(--harbour);box-shadow:0 0 0 3px var(--harbour-soft);outline:none}.ex-field--inline{width:auto;max-width:100%;min-height:44px;padding:var(--space-2);margin:0 var(--space-1);vertical-align:baseline;line-height:1.2}.ex-field[aria-readonly=true]{background:color-mix(in srgb, var(--ink) 3%, var(--paper));color:var(--ink-soft)}.ex-source{border-radius:var(--radius-control);padding:var(--space-3) var(--space-4);background:color-mix(in srgb, var(--ink) 3%, var(--paper));gap:var(--space-1);flex-direction:column;display:flex}.ex-source--flag{background:var(--brick-soft)}.ex-source__label{font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint)}.ex-source--flag .ex-source__label{color:color-mix(in srgb, var(--brick) 70%, var(--ink))}.ex-source p{font-size:var(--text-lg);line-height:1.4}.rescue-note{font-size:var(--text-sm);color:var(--balloon-text);background:var(--balloon);border-radius:var(--radius-control);padding:var(--space-2) var(--space-4)}.mcq{gap:var(--space-2);flex-direction:column;display:flex}.mcq__option{font:inherit;text-align:left;background:var(--paper);color:var(--ink);border:1px solid var(--border-soft);border-radius:var(--radius-control);padding:var(--space-3) var(--space-4);cursor:pointer;transition:border-color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease)}.mcq__option:hover:not(:disabled){border-color:var(--harbour)}.mcq__option[aria-pressed=true]{border-color:var(--harbour);background:var(--harbour-soft)}.mcq__option:focus-visible{outline:2px solid var(--harbour);outline-offset:2px}.mcq__option:disabled{cursor:default;opacity:.6}.mcq__option[aria-pressed=true]:disabled{opacity:1}.card--paper{border-left:2px solid color-mix(in srgb, var(--brick) 35%, var(--card))}.ex-blank{width:5.5rem;margin:0 var(--space-1);border-bottom:2px solid var(--ink-faint);vertical-align:baseline;display:inline-block}.choices{padding-left:var(--space-5);gap:var(--space-2);flex-direction:column;margin:0;display:flex}.paper-cue{font-size:var(--text-sm);color:var(--ink-soft);background:var(--wash);border-radius:var(--radius-control);padding:var(--space-3) var(--space-4)}.reveal{border-radius:var(--radius-control);padding:var(--space-4);background:color-mix(in srgb, var(--ink) 3%, var(--paper));gap:var(--space-2);flex-direction:column;display:flex}.reveal__label{font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint)}.reveal__answer{font-size:var(--text-lg);line-height:1.4}.reveal .alt{font-size:var(--text-xs);color:var(--ink-soft)}.judge{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.judge__question{font-size:var(--text-sm);color:var(--ink-soft)}.judge__row{gap:var(--space-2);display:flex}.judge__btn{font-size:var(--text-sm);padding:var(--space-3) var(--space-2);background:var(--paper);color:var(--ink);border-color:var(--border-soft);flex:1}.judge__btn--easy:hover{border-color:var(--park);background:var(--park-soft)}.judge__btn--ok:hover{border-color:var(--harbour);background:var(--harbour-soft)}.judge__btn--ko:hover{border-color:var(--brick);background:var(--brick-soft)}.listen{align-self:start}.hint{font-size:var(--text-sm);color:var(--balloon-text);background:var(--balloon);border-radius:var(--radius-control);padding:var(--space-3) var(--space-4)}.verdict{border-radius:var(--radius-control);padding:var(--space-4);gap:var(--space-2);font-size:var(--text-sm);flex-direction:column;display:flex}.verdict--ok{background:var(--park-soft);color:color-mix(in srgb, var(--park) 75%, var(--ink))}.verdict--ko{background:var(--brick-soft);color:color-mix(in srgb, var(--brick) 65%, var(--ink))}.verdict strong{font-weight:600}.verdict .alt{color:var(--ink-soft);font-size:var(--text-xs)}.diff{gap:var(--space-2);background:var(--card);border-radius:var(--radius-control);padding:var(--space-3) var(--space-4);color:var(--ink);flex-direction:column;display:flex}.diff__line{flex-direction:column;gap:2px;line-height:1.5;display:flex}.diff__label{font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint)}.diff mark{background:0 0;padding:0 1px;font-weight:600}.diff--wrong{color:var(--brick);text-decoration:line-through;text-decoration-thickness:1px}.diff--missing{color:var(--park);border-bottom:2px solid}.why{background:var(--card);border-left:3px solid var(--harbour);border-radius:0 var(--radius-control) var(--radius-control) 0;padding:var(--space-3) var(--space-4);color:var(--ink);font-size:var(--text-sm);line-height:1.5}.actions{gap:var(--space-3);align-items:center;display:flex}.actions .btn--primary{flex:1}.dots{gap:var(--space-2);flex-wrap:wrap;display:flex}.dot{background:var(--border-soft);border-radius:50%;width:10px;height:10px}.dot--on{background:var(--park)}.notice{font-size:var(--text-sm);color:var(--ink-soft)}.error{border-left:3px solid var(--brick);padding-left:var(--space-4);white-space:pre-wrap;font-size:var(--text-sm)}body:before{content:"";z-index:-1;pointer-events:none;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.86' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23g)' opacity='0.05'/%3E%3C/svg%3E");position:fixed;inset:0}.gtb-defs{width:0;height:0;position:absolute;overflow:hidden}.masthead--hero{gap:var(--space-3)}.gtb-banner{margin:calc(var(--space-5) * -1) calc(var(--space-4) * -1) var(--space-2);border-bottom:1px solid var(--border-soft);background:var(--paper)}.gtb-banner__svg{width:100%;height:clamp(152px,38vw,222px);display:block}.masthead--hero h1{font-size:var(--text-3xl);letter-spacing:-.03em}.masthead--hero .sub{font-family:var(--font-hand);font-size:var(--text-base);color:var(--ink-soft)}.carnet__head{align-items:start;gap:var(--space-3);display:flex}.carnet__head .sub{color:var(--ink-soft);font-size:var(--text-sm);margin-top:var(--space-1)}.gtb-glyph{flex:none;width:2.5rem;height:2.5rem}.gtb-glyph svg{width:100%;height:100%;display:block}.carnet__links{gap:var(--space-4);padding-top:var(--space-2);border-top:1px solid var(--border-soft);flex-wrap:wrap;align-items:center;display:flex}.card>.toggle:only-child{border-top:none;padding-top:0}.crumb{margin-bottom:calc(var(--space-3) * -1)}.footer-actions{padding-top:var(--space-2);justify-content:center;display:flex}.field{gap:var(--space-2);flex-direction:column;display:flex}.field__label{font-size:var(--text-sm);font-weight:500}.field__required{color:var(--ink-faint);font-weight:400}.field__hint{font-size:var(--text-xs);color:var(--ink-soft);line-height:1.45}.field__error{font-size:var(--text-sm);color:var(--brick);background:var(--brick-soft);border-radius:var(--radius-control);padding:var(--space-3) var(--space-4)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn--danger{color:var(--brick)}.btn--danger-solid{background:var(--brick);color:var(--card)}.btn--danger-solid:hover{background:color-mix(in srgb, var(--brick) 88%, var(--ink))}.vocab-search{margin-bottom:calc(var(--space-2) * -1)}.vocab-list{gap:var(--space-3);flex-direction:column;display:flex}.vocab-item{background:var(--card);border:1px solid var(--border-soft);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-4) var(--space-5);gap:var(--space-2);flex-direction:column;display:flex}.vocab-item[hidden]{display:none}.vocab-item__head{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.vocab-item__term{font-family:var(--font-hand);font-size:var(--text-lg);line-height:1.3}.vocab-item__meaning{color:var(--ink-soft);font-size:var(--text-sm)}.vocab-item__example{font-size:var(--text-sm);border-left:2px solid var(--wash);padding-left:var(--space-3);color:var(--ink)}.vocab-item__note{font-size:var(--text-xs);color:var(--ink-faint)}.vocab-item__actions{gap:var(--space-4);padding-top:var(--space-1);flex-wrap:wrap;align-items:center;display:flex}.chip{font-size:var(--text-xs);border-radius:var(--radius-pill);padding:2px var(--space-3);white-space:nowrap;flex:none}.chip--fresh{background:var(--harbour-soft);color:color-mix(in srgb, var(--harbour) 80%, var(--ink))}.chip--due{background:var(--balloon);color:var(--balloon-text)}.chip--kept{background:var(--park-soft);color:color-mix(in srgb, var(--park) 75%, var(--ink))}.chip--tag{background:var(--wash);color:var(--ink-soft)}.passage{margin-top:var(--space-3);border-radius:var(--radius-control);padding:var(--space-4);background:color-mix(in srgb, var(--sky) 18%, var(--paper));gap:var(--space-2);font-size:var(--text-sm);flex-direction:column;line-height:1.6;display:flex}.passage__label{font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint)}@keyframes gtb-wash-in{0%{opacity:0;clip-path:inset(0 0 12% 0 round var(--radius-card))}to{opacity:1;clip-path:inset(0 0 0 0 round var(--radius-card))}}.card,.vocab-item{animation:gtb-wash-in var(--dur-wash) var(--ease-wash) both}@keyframes gtb-draw{to{stroke-dashoffset:0}}.gtb-draw{stroke-dasharray:460;stroke-dashoffset:460px;animation:gtb-draw calc(var(--dur-wash) * 2.4) var(--ease-wash) forwards}@keyframes gtb-drift{0%{transform:translate(0)rotate(-.7deg)}to{transform:translate(11px,-10px)rotate(.9deg)}}.gtb-balloon{animation:gtb-drift var(--dur-drift) ease-in-out infinite alternate}.gtb-balloon--2{animation-duration:calc(var(--dur-drift) * 1.4);animation-delay:-7s}.gtb-balloon--3{animation-duration:calc(var(--dur-drift) * .78);animation-delay:-3s}.time-choice .btn{padding-inline:var(--space-2);white-space:nowrap}.insight-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.insight{flex-direction:column;gap:2px;display:flex}.insight__title{font-size:var(--text-sm)}.insight__meta{font-size:var(--text-xs);color:var(--ink-soft)}.footer-actions{gap:var(--space-5)}.carnet--quiet{gap:var(--space-3);padding:var(--space-4) var(--space-5)}.carnet--quiet .gtb-glyph{opacity:.65;width:2rem;height:2rem}.carnet--quiet h2{font-size:var(--text-base)}.carnet--quiet .sub{display:none}.card>.toggle:first-child{border-top:none;padding-top:0}.countdown{background:var(--wash);border:1px solid color-mix(in srgb, var(--park) 22%, var(--wash));border-radius:var(--radius-card);padding:var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.countdown__head{align-items:baseline;gap:var(--space-3);display:flex}.countdown__days{font-family:var(--font-display);font-size:var(--text-3xl);letter-spacing:-.03em;color:var(--ink);font-weight:600;line-height:.95}.countdown__label{font-family:var(--font-hand);font-size:var(--text-lg);color:var(--ink-soft);line-height:1.15}.countdown__bar{background:color-mix(in srgb, var(--ink) 10%, var(--wash));border-radius:var(--radius-pill);height:6px;overflow:hidden}.countdown__bar i{background:var(--park);border-radius:var(--radius-pill);height:100%;transition:width var(--dur-wash) var(--ease-wash);display:block}.countdown__line{font-size:var(--text-sm);color:var(--ink);line-height:1.5}.countdown__meta{align-items:center;gap:var(--space-4);font-size:var(--text-xs);color:var(--ink-soft);flex-wrap:wrap;display:flex}.countdown--arrived{background:var(--balloon);border-color:color-mix(in srgb, var(--balloon-text) 25%, var(--balloon))}.countdown--arrived .countdown__label,.countdown--arrived .countdown__line,.countdown--arrived .countdown__meta{color:var(--balloon-text)}.countdown__form{align-items:center;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid color-mix(in srgb, var(--ink) 12%, transparent);flex-wrap:wrap;display:flex}.countdown__form[hidden]{display:none}.countdown__date{font:inherit;font-family:var(--font-body);font-size:var(--text-sm);color:var(--ink);background:var(--paper);border:1px solid var(--border-soft);border-radius:var(--radius-control);padding:var(--space-2) var(--space-3);min-height:44px}.countdown__date:focus{border-color:var(--harbour);box-shadow:0 0 0 3px var(--harbour-soft);outline:none}.fig{background:var(--card);border:1px solid var(--border-soft);border-radius:var(--radius-control);padding:var(--space-4) var(--space-4) var(--space-5)}.fig--empty{display:none}.fig__stack{gap:var(--space-3);flex-direction:column;display:flex;position:relative}.fig__label{font-size:var(--text-xs);color:var(--ink-soft);margin-bottom:2px;display:block}.fig__track{height:10px;position:relative}.fig__rule{background:var(--border-soft);height:1px;position:absolute;inset-block:50%;inset-inline:0}.fig__bar{border-radius:var(--radius-pill);background:var(--harbour);position:absolute;inset-block:0}.fig__bar--quiet{background:color-mix(in srgb, var(--harbour) 28%, var(--paper))}.fig__bar--open-left{-webkit-mask-image:linear-gradient(90deg,#0000,#000 16%);mask-image:linear-gradient(90deg,#0000,#000 16%)}.fig__bar--open-right{-webkit-mask-image:linear-gradient(270deg,#0000,#000 16%);mask-image:linear-gradient(270deg,#0000,#000 16%)}.fig__bar--open-both{-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.fig__dot{background:var(--brick);border-radius:50%;width:10px;height:10px;margin-top:-5px;margin-left:-5px;position:absolute;top:50%}.fig__now{top:0;left:50%;bottom:calc(-1 * var(--space-4));pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%)}.fig__now i{border-left:1px dashed color-mix(in srgb, var(--ink) 35%, var(--paper));flex:1;width:0}.fig__now span{font-size:var(--text-xs);color:var(--ink-faint);background:var(--card);padding:0 var(--space-1);white-space:nowrap}.lesson{gap:var(--space-4);flex-direction:column;display:flex}.lesson-tag{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.lesson-image{gap:var(--space-3);flex-direction:column;display:flex}.lesson-image__line{font-family:var(--font-hand);font-size:var(--text-lg);color:var(--ink);line-height:1.4}.lesson-rule p{font-size:var(--text-base);line-height:1.5}.lesson-contrast{background:var(--harbour-soft);border-radius:var(--radius-control);padding:var(--space-3) var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.lesson-contrast__pair{align-items:baseline;gap:var(--space-3);flex-wrap:wrap;font-weight:600;display:flex}.lesson-contrast__vs{color:var(--ink-faint);font-weight:400}.lesson-contrast__note{font-size:var(--text-sm);color:var(--ink-soft)}.lesson-trap{background:var(--brick-soft);border-radius:var(--radius-control);padding:var(--space-3) var(--space-4);gap:var(--space-1);flex-direction:column;display:flex}.lesson-trap__wrong{color:var(--brick);text-decoration:line-through;text-decoration-thickness:1px}.lesson-trap__wrong:before{content:"✗";margin-right:.35em;text-decoration:none;display:inline-block}.lesson-trap__right{color:color-mix(in srgb, var(--park) 78%, var(--ink));font-weight:600}.lesson-trap__right:before{content:"✓";margin-right:.35em}.lesson-trap__why{font-size:var(--text-sm);color:var(--ink-soft);margin-top:var(--space-1)}.lesson-egs{gap:var(--space-3);flex-direction:column;display:flex}.lesson-eg{border-left:3px solid var(--border-soft);padding-left:var(--space-3);flex-direction:column;gap:2px;display:flex}.lesson-eg--bristol{border-left-color:var(--terracotta)}.lesson-eg--work{border-left-color:var(--teal)}.lesson-eg__tag{font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint)}.lesson-eg__en{font-weight:600;line-height:1.45}.lesson-eg__fr{font-size:var(--text-sm);color:var(--ink-soft)}.lesson-see__row{gap:var(--space-2) var(--space-4);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.lesson-link{text-align:left}.lesson-dialog{width:min(34rem, calc(100vw - 2 * var(--space-4)));border-radius:var(--radius-card);background:var(--paper);max-height:86vh;color:var(--ink);padding:var(--space-5);box-shadow:0 12px 40px color-mix(in srgb, var(--ink) 24%, transparent);border:none;overflow-y:auto}.lesson-dialog::backdrop{background:color-mix(in srgb, var(--ink) 45%, transparent)}.lesson-dialog__head{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.lesson-dialog__close{flex:none}.verdict__actions{gap:var(--space-2) var(--space-4);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.btn--why{font-weight:600}.course-search{width:100%;font:inherit;font-size:var(--text-base);padding:var(--space-3) var(--space-4);border:1px solid var(--border-soft);border-radius:var(--radius-control);background:var(--card);color:var(--ink)}.course-index{gap:var(--space-5);flex-direction:column;display:flex}.course-group{gap:var(--space-2);flex-direction:column;display:flex}.course-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.course-row{text-align:left;width:100%;font:inherit;cursor:pointer;background:var(--card);border:1px solid var(--border-soft);border-radius:var(--radius-control);padding:var(--space-3) var(--space-4);transition:border-color var(--dur) var(--ease);flex-direction:column;gap:2px;display:flex}.course-row:hover{border-color:var(--harbour)}.course-row__title{color:var(--ink);font-weight:600}.course-row__rule{font-size:var(--text-sm);color:var(--ink-soft)}.course-steps{justify-content:space-between;gap:var(--space-3);margin-top:var(--space-4);display:flex}.ex-art{padding:var(--space-4);background:color-mix(in srgb, var(--ink) 2.5%, var(--paper));border-radius:var(--radius-control);justify-content:center;display:flex}.vocab-art svg{aspect-ratio:1;width:100%;max-width:200px;height:auto;display:block}.ex-art__missing{font-size:var(--text-sm);color:var(--ink-faint)}.match__cue{font-size:var(--text-sm);color:var(--ink-soft)}.match{gap:var(--space-2);grid-template-columns:1fr 1fr;align-items:start;display:grid}.match__col{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.match__head{font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint)}.match__chip{font:inherit;font-size:var(--text-sm);text-align:left;background:var(--paper);min-height:52px;color:var(--ink);border:1px solid var(--border-soft);border-radius:var(--radius-control);padding:var(--space-2) var(--space-3);cursor:pointer;align-items:center;gap:var(--space-2);transition:border-color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);display:flex}.match__word{overflow-wrap:anywhere;flex:1;min-width:0}.match__chip--armed{border-color:var(--harbour);background:var(--harbour-soft)}.match__chip--linked{border-color:color-mix(in srgb, var(--park) 55%, var(--border-soft));background:var(--park-soft)}.match__badge{font-style:normal;font-size:var(--text-xs);border-radius:var(--radius-pill);min-width:22px;height:22px;color:var(--paper);background:0 0;flex:none;place-items:center;font-weight:700;display:grid}.match__chip--linked .match__badge{background:var(--park)}.match__chip:focus-visible{outline:2px solid var(--harbour);outline-offset:2px}.match__chip:disabled{cursor:default}.match__list{padding-left:var(--space-5);gap:var(--space-2);font-size:var(--text-sm);flex-direction:column;margin:0;display:flex}.match__list--letters{list-style:upper-alpha}.lesson-scene{border-radius:var(--radius-control);padding:var(--space-4);background:color-mix(in srgb, var(--harbour) 6%, var(--paper));gap:var(--space-3);flex-direction:column;display:flex}.lesson-scene__where{font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint)}.lesson-scene__text{font-size:var(--text-base);line-height:1.6}.lesson-gloss{gap:var(--space-1) var(--space-3);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.lesson-gloss__row{gap:var(--space-2);display:flex}.lesson-gloss__en{font-weight:600}.lesson-gloss__fr{color:var(--ink-soft)}.lesson-scale{gap:var(--space-2);flex-direction:column;display:flex}.lesson-scale__label{font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint)}.lesson-scale__steps{gap:var(--space-2);grid-auto-columns:1fr;grid-auto-flow:column;align-items:end;display:grid}.lesson-scale__step{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.lesson-scale__bar{border-radius:var(--radius-pill);background:var(--harbour);height:8px}.lesson-scale__en{font-size:var(--text-sm);overflow-wrap:anywhere;font-weight:600}.lesson-scale__fr{font-size:var(--text-xs);color:var(--ink-soft);overflow-wrap:anywhere}.course-picker{gap:var(--space-2);flex-wrap:wrap;display:flex}.course-picker__tab{font:inherit;font-size:var(--text-sm);cursor:pointer;background:var(--paper);color:var(--ink-soft);border:1px solid var(--border-soft);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);min-height:44px;transition:border-color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease)}.course-picker__tab[aria-current=true]{border-color:var(--harbour);background:var(--harbour-soft);color:var(--ink);font-weight:600}.course-picker__tab:focus-visible{outline:2px solid var(--harbour);outline-offset:2px}.chapter-group__summary{justify-content:space-between;align-items:baseline;gap:var(--space-3);cursor:pointer;padding:var(--space-2) 0;border-bottom:1px solid var(--border-soft);list-style:none;display:flex}.chapter-group__summary::-webkit-details-marker{display:none}.chapter-group__summary small:after{content:"›";margin-left:var(--space-2);transition:transform var(--dur) var(--ease);display:inline-block}.chapter-group[open] .chapter-group__summary small:after{transform:rotate(90deg)}.chapter-group__summary small{color:var(--ink-soft);font-size:var(--text-sm);white-space:nowrap}.course-index:has(>.chapter-group){gap:var(--space-2)}.chapter-row__due{color:var(--harbour);font-weight:500}.sync-toast{left:50%;bottom:calc(var(--space-4) + env(safe-area-inset-bottom));z-index:50;width:max-content;max-width:calc(100vw - 2 * var(--space-4));align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--border-soft);background:var(--card);color:var(--ink);font:inherit;font-size:var(--text-sm);text-align:left;box-shadow:0 6px 24px color-mix(in srgb, var(--ink) 14%, transparent);opacity:0;transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease);border-radius:999px;display:flex;position:fixed;transform:translate(-50%,8px)}.sync-toast--in{opacity:1;transform:translate(-50%)}button.sync-toast{cursor:pointer}.sync-toast__dot{background:var(--harbour);border-radius:50%;flex:none;width:8px;height:8px}.sync-toast--warn .sync-toast__dot{background:var(--terracotta)}