:root{color-scheme:light;--ink: #1a1a1a;--accent: #2740b8;--muted: #6b7280;--rule: #e5e7eb;--bg: #fdfcf9;--panel: #ffffff;--btn: #fafafa;--hover: #f0f4ff;--key-bg: #fef9c3;--key-icon: #a16207;--formula-bg: #eff6ff;--input-border: #cbd5e1;--ok: #15803d;--ok-bg: #dcfce7;--ok-soft: #f0fdf4;--bad: #b91c1c;--bad-bg: #fee2e2;--bad-soft: #fef2f2;--xp-bg: #dbeafe;--flame: #ea580c;--blue: #2740b8;--coral: #ff6b57;--lime: #e8f25a;--lime-shade: #b8c23a;--ink-deep: #14172b;--on-lime: #4a4f1a;--on-blue: #ffffff;--display: "Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--ink: #e8e6e1;--accent: #8ab0f8;--muted: #98a0ab;--rule: #33363d;--bg: #16171b;--panel: #1f2126;--btn: #24262c;--hover: #262b36;--key-bg: #38321a;--key-icon: #d4b84a;--formula-bg: #1c2637;--input-border: #3f434b;--ok: #4ade80;--ok-bg: #163a24;--ok-soft: #14291b;--bad: #f87171;--bad-bg: #43191c;--bad-soft: #2e1517;--xp-bg: #1c2637;--flame: #fb923c;--blue: #1f3399}}:root[data-theme=dark]{color-scheme:dark;--ink: #e8e6e1;--accent: #8ab0f8;--muted: #98a0ab;--rule: #33363d;--bg: #16171b;--panel: #1f2126;--btn: #24262c;--hover: #262b36;--key-bg: #38321a;--key-icon: #d4b84a;--formula-bg: #1c2637;--input-border: #3f434b;--ok: #4ade80;--ok-bg: #163a24;--ok-soft: #14291b;--bad: #f87171;--bad-bg: #43191c;--bad-soft: #2e1517;--xp-bg: #1c2637;--flame: #fb923c;--blue: #1f3399}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Georgia,Times New Roman,serif;color:var(--ink);background:var(--bg);line-height:1.6}main{max-width:44rem;margin:0 auto;padding:2.5rem 1.5rem 6rem}nav.site{border-bottom:1px solid var(--rule);background:var(--panel)}nav.site .inner{max-width:44rem;margin:0 auto;padding:.55rem 1.5rem;display:flex;gap:1.2rem;align-items:center}nav.site .brand{font:700 1rem var(--display);color:var(--ink);text-decoration:none;margin-right:.3rem;white-space:nowrap}nav.site .site-links{display:flex;gap:1.1rem;flex:1;min-width:0}nav.site .site-links a{display:inline-flex;align-items:center;gap:.3rem;color:var(--muted);text-decoration:none;font-size:.95rem;padding:.3rem 0;white-space:nowrap}nav.site .site-links a:hover{color:var(--accent)}nav.site .site-links a.active{color:var(--accent);border-bottom:2px solid var(--accent)}nav.site .site-links svg.icon{display:none}@media(max-width:700px){nav.site .site-links{position:fixed;left:0;right:0;bottom:0;z-index:9;display:grid;grid-template-columns:repeat(5,1fr);gap:0;background:var(--panel);border-top:1px solid var(--rule);padding:.3rem 0 calc(.3rem + env(safe-area-inset-bottom))}nav.site .site-links a{flex-direction:column;justify-content:center;gap:.1rem;min-height:44px;padding:.15rem 0;font:600 .68rem var(--display);border-bottom:0}nav.site .site-links a.active{border-bottom:0}nav.site .site-links svg.icon{display:block}main{padding-bottom:calc(5.5rem + env(safe-area-inset-bottom))}.toast{bottom:calc(5.5rem + env(safe-area-inset-bottom))}}@media print{nav.site .site-links{display:none}}.kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;color:var(--muted);margin-bottom:.5rem}.lesson-nav{font-size:.9rem}.lesson-nav.prev{margin-bottom:1.2rem}h1{font:800 1.9rem/1.2 var(--display);letter-spacing:-.02em;margin-bottom:.6rem}.lede{font-size:1.05rem;color:var(--muted);font-style:italic;margin-bottom:2.2rem}h2{font:700 1.2rem/1.3 var(--display);margin:2.4rem 0 .9rem}h2 .n{color:var(--accent);font-style:italic;margin-right:.4rem}p{margin-bottom:.9rem}a{color:var(--accent)}table{border-collapse:collapse;width:100%;margin:.8rem 0 1.2rem}td,th{text-align:left;padding:.4rem .7rem;border-bottom:1px solid var(--rule)}th{font-weight:400;font-style:italic;color:var(--muted);font-size:.9rem}.fr{font-weight:700}.snd{color:var(--muted)}.silent{color:var(--bad)}.liaison{color:var(--ok);text-decoration:underline dotted;text-underline-offset:2px}.key{background:var(--key-bg);padding:1rem 1.2rem;border-radius:6px;margin:1.2rem 0}.formula{font-size:1.2rem;text-align:center;padding:.9rem;background:var(--formula-bg);border-radius:6px;margin:1rem 0}.quiz,.trainer{border:1px solid var(--rule);border-radius:8px;padding:1.3rem 1.4rem;margin:1.2rem 0;background:var(--panel)}.q{margin-bottom:1.4rem}.q>p{font-weight:700;margin-bottom:.5rem}.opts button{display:block;width:100%;text-align:left;font:inherit;color:var(--ink);padding:.5rem .8rem;margin:.3rem 0;background:var(--btn);border:1px solid var(--rule);border-radius:6px;cursor:pointer}.opts button:hover{background:var(--hover)}.opts button.ok{background:var(--ok-bg);border-color:var(--ok)}.opts button.bad{background:var(--bad-bg);border-color:var(--bad)}.row{display:flex;align-items:center;gap:.7rem;margin:.45rem 0;flex-wrap:wrap}.row .answer{flex-basis:100%;color:var(--ok);font-size:.92rem}.row label{width:6.5rem;font-weight:700}.row.wide{flex-wrap:wrap}.row.wide label{width:100%}.row input{font:inherit;padding:.4rem .6rem;border:1px solid var(--input-border);border-radius:6px;flex:1;background:var(--btn);color:var(--ink)}.row input.ok{border-color:var(--ok);background:var(--ok-soft)}.row input.bad{border-color:var(--bad);background:var(--bad-soft)}.row .mark{width:1.4rem}.btns{display:flex;gap:.6rem;flex-wrap:wrap}button.check{font:inherit;margin-top:.8rem;padding:.5rem 1.2rem;background:var(--accent);color:var(--bg);border:none;border-radius:6px;cursor:pointer}button.regen{font:inherit;margin-top:.8rem;padding:.5rem 1.2rem;background:var(--panel);color:var(--accent);border:1px solid var(--accent);border-radius:6px;cursor:pointer}button.regen:hover{background:var(--hover)}button.reveal-one{background:none;border:none;cursor:pointer;padding:.25rem;color:var(--muted);line-height:0}button.reveal-one:hover{color:var(--accent)}a.wikt{color:var(--muted);line-height:0}a.wikt:hover{color:var(--accent)}button.snd2{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer;border-bottom:1px dotted var(--muted)}button.snd2:hover{border-bottom-color:var(--accent)}.t-ipa{font-family:Charis SIL,Times New Roman,Georgia,serif}.t-ipa{display:none}:root[data-snd=ipa] .t-ipa{display:inline}:root[data-snd=ipa] .t-ru{display:none}.snd-toggle .s-ipa{display:none}:root[data-snd=ipa] .snd-toggle .s-ru{display:none}:root[data-snd=ipa] .snd-toggle .s-ipa{display:inline-flex}.hint{color:var(--muted);font-size:.9rem;margin-top:.5rem}.score{font-weight:700;margin-top:.8rem}.score.good{color:var(--ok)}svg.icon{vertical-align:-.18em;display:inline-block;flex-shrink:0}.key svg.icon{color:var(--key-icon);margin-right:.15rem}nav.site .brand svg.icon{color:var(--accent)}button.regen svg.icon{vertical-align:-.14em}.theme-toggle .t-light,.theme-toggle .t-dark{display:none}:root[data-theme=light] .theme-toggle .t-auto{display:none}:root[data-theme=light] .theme-toggle .t-light{display:inline-flex}:root[data-theme=dark] .theme-toggle .t-auto{display:none}:root[data-theme=dark] .theme-toggle .t-dark{display:inline-flex}.verb-cards{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:1rem 0}@media(max-width:640px){.verb-cards{grid-template-columns:1fr}}.verb-card{border:1px solid var(--rule);border-radius:8px;background:var(--panel);padding:.7rem .95rem}.verb-card .vc-ex{margin-top:.3rem}.card-list{list-style:none}.card-list li{border:1px solid var(--rule);border-radius:8px;background:var(--panel);margin:.7rem 0}.card-list li a{display:block;padding:1rem 1.2rem;text-decoration:none;color:var(--ink)}.card-list li a:hover{background:var(--hover)}.card-list .meta{color:var(--muted);font-size:.88rem}footer.lesson{margin-top:3.5rem;border-top:1px solid var(--rule);padding-top:1.2rem;color:var(--muted);font-size:.92rem}@media print{.quiz,.trainer,nav.site{display:none}body{background:#fff}}[hidden]{display:none!important}.xp-gain{color:var(--ok);font-weight:700;margin-top:.5rem}button.hud{margin-left:auto;display:inline-flex;align-items:center;gap:.45rem;min-height:44px;padding:0 .3rem;background:none;border:0;cursor:pointer;font:700 .9rem var(--display);color:var(--ink);border-radius:999px}button.hud:hover{background:var(--hover)}button.hud:focus-visible{outline:3px solid var(--accent);outline-offset:2px}button.hud.pending{visibility:hidden}.hud-track{stroke:var(--xp-bg)}.hud-arc{stroke:var(--coral);transition:stroke-dashoffset .8s ease}button.hud text{fill:var(--ink);font-family:var(--display)}.hud-streak{display:inline-flex;align-items:center;gap:.15rem}.hud-streak svg.icon{color:var(--flame)}.hud-streak.cold svg.icon{color:var(--muted)}.hud-login{display:none;color:var(--accent)}.hud-offline{line-height:0;color:var(--muted)}button.hud.anon .hud-arc,button.hud.anon text,button.hud.anon .hud-streak b{display:none}button.hud.anon .hud-streak svg.icon{color:var(--muted)}button.hud.anon .hud-login{display:inline}dialog.profile{margin:3.4rem 1rem auto auto;padding:0;border:1px solid var(--rule);border-radius:1rem;width:min(24rem,calc(100vw - 2rem));max-height:calc(100dvh - 4.4rem);overflow:auto;background:var(--panel);color:var(--ink);font:inherit}dialog.profile::backdrop{background:#0006}.p-in{padding:1.1rem 1.3rem 1.3rem;display:flex;flex-direction:column;gap:1.1rem}.p-head{display:flex;align-items:center;justify-content:space-between}.p-head h2{margin:0;font-size:1.3rem}button.p-close{background:none;border:0;cursor:pointer;color:var(--muted);min-width:44px;min-height:44px;margin:-.6rem -.8rem -.6rem 0}button.p-close:hover{color:var(--ink)}.profile p{margin:0}.profile h3{font:700 .95rem var(--display);margin:0 0 .5rem;color:var(--muted)}.p-title{font:800 1.6rem/1.1 var(--display);letter-spacing:-.02em}.p-niv{color:var(--muted);margin-top:.15rem}.p-niv b{color:var(--ink)}.p-bar{display:block;height:.5rem;border-radius:.25rem;background:var(--xp-bg);overflow:hidden;margin:.5rem 0 .3rem}.p-bar i{display:block;height:100%;width:0;background:var(--blue);transition:width .4s ease}.p-note{font-size:.9rem;color:var(--muted)}.p-srow svg.icon{color:var(--flame)}.p-srow svg.icon.cold{color:var(--muted)}.p-week{list-style:none;margin:.6rem 0 0;padding:0;display:flex;gap:.5rem;font:600 .65rem var(--display);color:var(--muted)}.p-week li{display:flex;flex-direction:column;align-items:center;gap:.2rem}.p-week i{width:.7rem;height:.7rem;border-radius:50%;background:var(--xp-bg)}.p-week i.hit{background:var(--coral)}.p-week li.today i{outline:2px solid var(--blue);outline-offset:1px}.p-days{list-style:none;margin:.6rem 0 0;padding:0;display:flex;gap:.3rem;height:2.2rem;align-items:flex-end}.p-days li{flex:1;height:100%;display:flex;align-items:flex-end}.p-days i{display:block;width:100%;height:0;min-height:2px;border-radius:2px 2px 0 0;background:var(--blue);opacity:.85;transition:height .4s ease}.p-badges ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem}.p-badges li{aspect-ratio:1;border-radius:.8rem;background:var(--xp-bg);color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;text-align:center;padding:.2rem}.p-badges li span{font-size:.6rem;line-height:1.1}.p-badges li small{font-size:.55rem;opacity:.8;min-height:.7em}.p-badges li.earned{background:var(--coral);color:#fff}.p-anon p{color:var(--muted);font-size:.95rem;margin-bottom:.6rem}.p-pin{display:flex;flex-direction:column;gap:.6rem}.p-pin label{display:flex;flex-direction:column;gap:.3rem;font-weight:600}.p-pin input{font:inherit;padding:.55rem .6rem;border:1px solid var(--input-border);border-radius:6px;background:var(--btn);color:var(--ink);width:100%}.p-pin .err{color:var(--bad);font-size:.9rem}button.p-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:.4rem;min-height:44px;padding:0 1.1rem;font:700 1rem var(--display);color:var(--ink-deep);background:var(--lime);border:0;border-radius:999px;cursor:pointer}.p-settings{border-top:1px solid var(--rule);padding-top:.9rem}.profile button.p-row{display:flex;align-items:center;gap:.5rem;width:100%;min-height:44px;margin:0;padding:.3rem 0;background:none;border:0;cursor:pointer;font:inherit;color:var(--ink);text-align:left;line-height:1.3}.profile button.p-row:hover{color:var(--accent)}.p-row>span{display:inline-flex;align-items:center;gap:.5rem}.profile button.p-row svg.icon{color:var(--muted)}.toast{position:fixed;left:50%;bottom:calc(1.5rem + env(safe-area-inset-bottom));transform:translate(-50%);display:flex;align-items:center;gap:.5rem;padding:.7rem 1rem;background:var(--panel);border:1px solid var(--accent);border-radius:8px;color:var(--ink);box-shadow:0 4px 16px #00000026;z-index:10;max-width:90vw}.toast svg.icon{color:var(--accent)}@media(max-width:700px){dialog.profile{margin:auto 0 0;width:100%;max-width:none;border-radius:1rem 1rem 0 0;border-bottom:0;max-height:90dvh}}@media(prefers-reduced-motion:reduce){.hud-arc,.p-bar i,.p-days i{transition:none}}@media print{.toast,dialog.profile{display:none}}.home-cockpit{width:100vw;margin:-2.5rem 0 0 calc(50% - 50vw);padding:1.6rem 1.5rem 2.2rem;background:var(--blue);color:#fff}.home-in{max-width:40rem;margin:0 auto}.home-cockpit h1,.home-cockpit h2,.home-cockpit p{margin:0}.home-cockpit h1{font:800 clamp(2.2rem,6vw,3.1rem)/1 var(--display);letter-spacing:-.02em}.home-sub{font-size:1.1rem;margin-top:.55rem;opacity:.92;max-width:34rem}.home-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.8rem;flex-wrap:wrap}.home-streak{display:flex;align-items:center;gap:.4rem;font:800 1.5rem/1 var(--display)}.home-streak svg.icon{color:var(--coral)}.home-streak.cold svg.icon{color:#fff6}.home-week{list-style:none;margin:0 0 0 .6rem;padding:0;display:flex;gap:.35rem;font-size:.6rem;font-weight:600;opacity:.85}.home-week li{display:flex;flex-direction:column;align-items:center;gap:.15rem}.home-week i{width:.6rem;height:.6rem;border-radius:50%;background:#ffffff40}.home-week i.hit{background:var(--coral)}.home-week li.today i{outline:2px solid var(--lime);outline-offset:1px}.home-level{display:flex;align-items:center;gap:.6rem}.home-level circle[data-h-ring]{transition:stroke-dashoffset .8s ease}.home-level circle[data-h-ring]{stroke:var(--lime)}.home-level text{font-family:var(--display)}.home-level>span{display:flex;flex-direction:column;line-height:1.15}.home-level b{font-size:1.05rem}.home-level small{font-size:.78rem;opacity:.85;white-space:nowrap}.home-deck{position:relative;margin-top:1.6rem}.home-deck:before,.home-deck:after{content:"";position:absolute;left:.9rem;right:.9rem;bottom:-.7rem;height:2rem;border-radius:1rem;background:var(--panel);opacity:.8;z-index:0;display:none}.home-deck:after{left:1.8rem;right:1.8rem;bottom:-1.3rem;opacity:.55}.home-deck[data-behind="1"]:before,.home-deck[data-behind="2"]:before,.home-deck[data-behind="2"]:after{display:block}.home-card{position:relative;z-index:1;background:var(--panel);color:var(--ink);border-radius:1rem;padding:1.1rem 1.3rem 1.2rem;box-shadow:0 14px 30px #00000040;transition:transform .38s cubic-bezier(.2,.8,.2,1),opacity .3s}.home-card.gone{transform:translate(110%) rotate(8deg);opacity:0;pointer-events:none}.card-meta{font-weight:600;color:var(--muted);font-size:.9rem}.home-card h2,.ls-task h2{font:800 1.35rem/1.2 var(--display);margin:.15rem 0 .3rem}.card-why{color:var(--muted)}.card-widget .quiz,.card-widget .trainer{border:0;padding:0;margin:.9rem 0 0;background:none}.card-widget .quiz>p:first-child,.card-widget .trainer>p:first-child{display:none}.home-card-actions{display:flex;gap:.6rem;align-items:center;margin-top:.9rem;flex-wrap:wrap}button.home-next,button.home-skip,.home-link,.ls-link{font:inherit;font-weight:700;border-radius:.6rem;padding:.55rem 1rem;cursor:pointer;text-decoration:none;border:0}button.home-next{background:var(--lime);color:var(--ink-deep)}button.home-skip{background:none;color:var(--muted)}button.home-skip:hover{color:var(--accent)}.home-link{display:inline-block}.home-link,.ls-link{background:var(--blue);color:var(--on-blue)}.home-final,.ls-card{background:var(--lime);color:var(--ink-deep)}.home-final .card-meta,.home-final .card-why,.ls-card .card-meta,.ls-card .card-why{color:var(--on-lime)}.home-actions{display:flex;align-items:center;gap:1rem;margin-top:1.6rem;min-height:3rem}button.home-start{font:800 1.15rem/1 var(--display);padding:.9rem 2rem;border-radius:999px;border:0;cursor:pointer;background:var(--lime);color:var(--ink-deep);box-shadow:0 6px 0 var(--lime-shade);transition:transform .1s,box-shadow .1s}button.home-start:active{transform:translateY(4px);box-shadow:0 2px 0 var(--lime-shade)}button.home-start:focus-visible{outline:3px solid var(--on-blue);outline-offset:3px}.home-count{font-weight:700;font-size:1.05rem}.home-below{margin-top:1.8rem}.home-lesson{display:flex;flex-direction:column;gap:.3rem;text-decoration:none;color:var(--ink);border:2px solid var(--ink);border-radius:1rem;padding:1rem 1.1rem}.home-lesson:hover{background:var(--hover)}.home-lesson small{font-weight:600;color:var(--muted)}.home-lesson b{font-size:1.1rem;line-height:1.25}.home-lprog{height:.5rem;border-radius:.25rem;background:var(--xp-bg);overflow:hidden;margin-top:.3rem}.home-lprog i{display:block;height:100%;width:0;background:var(--blue);transition:width .4s ease}.home-goal{color:var(--muted);font-style:italic;margin-top:2rem}@media(prefers-reduced-motion:reduce){.home-card,.home-level circle[data-h-ring],.home-lprog i{transition:none}}@media print{.home-cockpit{display:none}}.ls[data-mode=steps] [data-step]:not([data-on]){display:none}.ls[data-mode=full] .ls-bottom,.ls[data-mode=full] .ls-dots,.ls[data-mode=full] .ls-pos{display:none}.ls[data-mode=full] .ls-task{margin-top:2.4rem}.ls-step:focus{outline:none}.ls-step:focus-visible{outline:3px solid var(--accent);outline-offset:6px;border-radius:4px}.ls-bar{display:flex;align-items:center;gap:.8rem}.ls-top{margin:1.2rem 0 1.6rem;min-height:44px}.ls-dots{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.45rem;flex:1}.ls-dots li{width:.65rem;height:.65rem;border-radius:50%;border:2px solid var(--muted);box-sizing:border-box}.ls-dots li.task{border-radius:2px;transform:rotate(45deg)}.ls-dots li.seen{background:var(--muted)}.ls-dots li.task.done{border-color:var(--lime-shade);background:var(--lime)}.ls-dots li.on,.ls-dots li.task.on{border-color:var(--coral);background:var(--coral)}.ls-pos{font:700 .85rem var(--display);color:var(--muted);white-space:nowrap}button.ls-mode{font:600 .85rem var(--display);color:var(--muted);background:none;border:1px solid var(--rule);border-radius:999px;padding:.4rem .8rem;min-height:44px;cursor:pointer}button.ls-mode:hover{color:var(--accent)}button.ls-mode span{display:inline-flex;align-items:center;gap:.35rem}.ls[data-mode=steps] .m-steps,.ls[data-mode=full] .m-full{display:none}.ls[data-mode=steps] .ls-step>h2:first-child{margin-top:0}.ls-card{border-radius:1rem;padding:1.1rem 1.3rem 1.2rem}.ls-card h2{font:800 1.6rem/1.2 var(--display);margin:.15rem 0 .5rem}.ls-link{display:inline-flex;align-items:center;gap:.3rem;min-height:44px}.ls-finish footer.lesson{margin-top:2rem}.ls-bottom{margin-top:2rem}button.ls-prev,button.ls-next{display:inline-flex;align-items:center;gap:.3rem;font:700 1rem var(--display);border:0;border-radius:.6rem;padding:.65rem 1.1rem;min-height:44px;cursor:pointer}button.ls-prev{background:none;color:var(--muted)}button.ls-prev:hover{color:var(--accent)}button.ls-next{margin-left:auto;background:var(--lime);color:var(--ink-deep);box-shadow:0 4px 0 var(--lime-shade);transition:transform .1s,box-shadow .1s}button.ls-next:active{transform:translateY(3px);box-shadow:0 1px 0 var(--lime-shade)}button.ls-prev:focus-visible,button.ls-next:focus-visible,button.ls-mode:focus-visible,.ls-link:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@keyframes ls-fwd{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes ls-back{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:no-preference){.ls[data-mode=steps][data-dir=fwd] [data-on]{animation:ls-fwd .25s ease}.ls[data-mode=steps][data-dir=back] [data-on]{animation:ls-back .25s ease}}@media(max-width:700px){.ls-top{flex-wrap:wrap}.ls-dots{order:2;flex-basis:100%}}@media(prefers-reduced-motion:reduce){button.ls-next{transition:none}}@media print{.ls [data-step]:not(.ls-task):not(.ls-finish){display:block!important}.ls-task,.ls-finish,.ls-bar{display:none!important}}.path{list-style:none;margin:1.5rem 0 0;padding:0;position:relative}.path:before{content:"";position:absolute;left:calc(1.1rem - 2px);top:1rem;bottom:1rem;width:4px;background:var(--rule);border-radius:2px}.path-node{position:relative;padding-left:3.2rem;margin-bottom:1.4rem}.path-node[data-state=mastered]:after{content:"";position:absolute;left:calc(1.1rem - 2px);top:0;bottom:-1.4rem;width:4px;background:var(--lime);border-radius:2px}.path-node:last-child[data-state=mastered]:after{bottom:1rem}.path-main{display:block;text-decoration:none;color:var(--ink)}.path-n{position:absolute;left:0;top:.2rem;width:2.2rem;height:2.2rem;box-sizing:border-box;border-radius:50%;display:grid;place-items:center;font:800 1rem var(--display);background:var(--panel);border:3px solid var(--rule);color:var(--muted);z-index:1}.path-body{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;border:2px solid var(--rule);border-radius:1rem;padding:.9rem 1.1rem;background:var(--panel)}.path-body b{font:700 1.1rem/1.25 var(--display)}.path-meta{color:var(--muted);font-size:.9rem}.path-here{display:none;align-items:center;gap:.3rem;font:700 .75rem var(--display);color:var(--ink-deep);background:var(--coral);border-radius:999px;padding:.15rem .6rem}.path-node[data-state=current] .path-here{display:inline-flex}.path-node[data-state=current] .path-n{border-color:var(--coral);color:var(--coral)}.path-node[data-state=current] .path-body{border-color:var(--ink)}.path-node[data-state=mastered] .path-n{background:var(--lime);border-color:var(--lime);color:var(--ink-deep)}.path-node[data-state=ahead] .path-n{opacity:.6}.path-node[data-state=ahead] .path-body{border-style:dashed}.path-main:hover .path-body{background:var(--hover)}.path-main:focus-visible{outline:none}.path-main:focus-visible .path-body,.path-resume:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.path-resume{display:inline-flex;align-items:center;gap:.3rem;margin-top:.5rem;min-height:44px;padding:0 .9rem;border:1px solid var(--rule);border-radius:999px;font:700 .9rem var(--display);color:var(--accent);text-decoration:none}