.lrn-page-title{margin-block-end:.25rem}.lrn-lead{color:var(--ink-muted);margin-block-end:1.25rem}.lrn-stack{gap:1rem;display:grid}.lrn-card{border:1px solid var(--line);border-radius:var(--radius-tile);background:var(--surface);box-shadow:var(--shadow-tile);padding:1.25rem;position:relative}.lrn-card--accent{border-color:var(--ink);background:var(--tile)}.lrn-card__eyebrow{font-size:var(--text-small);color:var(--ink-muted);align-items:center;gap:.5rem;margin-block-end:.375rem;font-weight:600;display:flex}.lrn-card__title{font-size:var(--text-h3);margin-block-end:.25rem}.lrn-card__meta{color:var(--ink-muted);font-size:var(--text-small);flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex}.lrn-card__actions{flex-wrap:wrap;gap:.75rem;margin-block-start:1rem;display:flex}.lrn-count{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:700}.lrn-section-title{font-size:var(--text-h3);margin-block:1.75rem .75rem}.lrn-field{gap:.375rem;margin-block-end:1rem;display:grid}.lrn-field label,.lrn-field legend{font-weight:600}.lrn-field__hint{color:var(--ink-muted);font-size:var(--text-small)}.lrn-input,.lrn-select{border:1.5px solid var(--ink-muted);border-radius:var(--radius-tile);background:var(--surface);width:100%;min-height:2.75rem;color:var(--ink);font:inherit;padding:.5rem .75rem}.lrn-input:focus-visible,.lrn-select:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.lrn-error{color:var(--error);font-weight:600;font-size:var(--text-small)}.lrn-notice{border-radius:var(--radius-tile);border-inline-start:4px solid var(--info);background:var(--tile);font-size:var(--text-small);padding:.75rem 1rem}.lrn-notice[role=alert]{border-inline-start-color:var(--error)}.lrn-visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.lrn-choices{border:0;gap:.75rem;margin:0 0 1.25rem;padding:0;display:grid}.lrn-choice{border:1.5px solid var(--line);border-radius:var(--radius-tile);background:var(--surface);cursor:pointer;align-items:center;gap:.75rem;min-height:3.5rem;padding:.75rem 1rem;display:flex;position:relative}.lrn-choice:hover{border-color:var(--ink-muted)}.lrn-choice:has(input:checked){border-color:var(--ink);background:var(--tile);box-shadow:inset 4px 0 0 var(--action)}.lrn-choice:has(input:focus-visible){outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.lrn-choice input{width:1.25rem;height:1.25rem;accent-color:var(--ink);flex:none}.lrn-choice__label{gap:.125rem;display:grid}.lrn-choice__hint{color:var(--ink-muted);font-size:var(--text-small)}.lrn-today{gap:1rem;display:grid}.lrn-tilecard{grid-template-columns:auto 1fr;align-items:start;gap:.25rem 1rem;display:grid}.lrn-tilecard__icon{border:1.5px solid var(--ink);border-radius:var(--radius-tile);background:var(--tile);grid-row:span 3;place-items:center;width:3rem;height:3rem;display:grid}.lrn-tilecard>:not(.lrn-tilecard__icon){grid-column:2}.lrn-path{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.lrn-path__item{border:1px solid var(--line);border-radius:var(--radius-tile);background:var(--surface);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.25rem .875rem;padding:.875rem 1rem;display:grid}.lrn-path__item[data-status=next],.lrn-path__item[data-status=in_progress]{border-color:var(--ink);box-shadow:inset 4px 0 0 var(--action);background:var(--tile)}.lrn-path__item[data-status=skipped] .lrn-path__title,.lrn-path__item[data-status=locked] .lrn-path__title{color:var(--ink-muted)}.lrn-path__item[data-status=skipped] .lrn-path__title a,.lrn-path__item[data-status=locked] .lrn-path__title a{color:inherit}@media (max-width:479px){.lrn-path__item{grid-template-columns:auto minmax(0,1fr)}.lrn-path__item>.button{grid-column:1/-1;justify-self:start}}.lrn-path__mark{border-radius:var(--radius-tile);border:1.5px solid var(--ink-muted);width:2.25rem;height:2.25rem;color:var(--ink-muted);place-items:center;display:grid}.lrn-path__item[data-status=completed] .lrn-path__mark{border-color:var(--success);color:var(--success)}.lrn-path__title{font-size:1.0625rem;font-weight:600}.lrn-path__title a{text-decoration:none}.lrn-path__title a:hover{text-decoration:underline}.lrn-path__status{font-size:var(--text-small);color:var(--ink-muted)}.lrn-progress{border-radius:var(--radius-pill);background:var(--line);height:.5rem;overflow:hidden}.lrn-progress>span{background:var(--action);height:100%;display:block}.lrn-onboarding{align-content:start;justify-items:center;min-height:100dvh;padding:1.5rem 1rem 3rem;display:grid}.lrn-onboarding__panel{border:1px solid var(--line);border-radius:var(--radius-tile);background:var(--surface);width:100%;max-width:36rem;box-shadow:var(--shadow-tile);padding:1.5rem}.lrn-onboarding__actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.lrn-link-button{border-radius:var(--radius-tile);min-height:2.75rem;color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--delft);text-decoration-color:var(--delft);text-underline-offset:.2em;font:inherit;cursor:pointer;background:0 0;border:0;padding:.5rem}.lrn-link-button:hover{background:color-mix(in oklab, var(--tile) 60%, transparent)}.button.lrn-raised{border:1.5px solid var(--action-edge);border-radius:var(--radius-tile);min-height:3rem;box-shadow:0 3px 0 var(--action-depth), 0 10px 18px -12px color-mix(in oklab, var(--night) 60%, transparent);transition:transform var(--duration-fast) var(--ease-tegel), box-shadow var(--duration-fast) var(--ease-tegel), background-color var(--duration-normal) var(--ease-tegel);padding-inline:1.5rem}.button.lrn-raised:hover:not(:disabled){box-shadow:0 5px 0 var(--action-depth), 0 16px 24px -14px color-mix(in oklab, var(--night) 65%, transparent);transform:translateY(-2px)}.button.lrn-raised:active:not(:disabled){box-shadow:0 1px 0 var(--action-depth);transform:translateY(2px)}.button.lrn-raised:focus-visible{box-shadow:0 0 0 var(--focus-ring-offset) var(--focus-gap)}.lrn-raised--go:after{content:"";width:.45rem;height:.45rem;transition:translate var(--duration-fast) var(--ease-tegel);border-top:2px solid;border-right:2px solid;transform:rotate(45deg)}:where([dir=rtl]) .lrn-raised--go:after{transform:rotate(-135deg)}.lrn-raised--go:hover:after{translate:2px}:where([dir=rtl]) .lrn-raised--go:hover:after{translate:-2px}.lrn-timer{font-variant-numeric:tabular-nums;align-items:center;gap:.75rem;margin-block-end:1rem;font-weight:600;display:flex}.lrn-question{border:1px solid var(--line);border-radius:var(--radius-tile);background:var(--surface);gap:.75rem;margin-block-end:1.5rem;padding:1rem;display:grid}.lrn-question__text{font-size:1.1875rem;font-weight:600}.lrn-result{text-align:center;gap:1rem;display:grid}.lrn-result__level{font-family:var(--font-display);font-size:clamp(3rem,2rem + 6vw,5rem);font-weight:700;line-height:1}@media (prefers-reduced-motion:no-preference){.lrn-card,.lrn-path__item,.lrn-choice{transition:border-color var(--duration-normal) var(--ease-tegel), background-color var(--duration-normal) var(--ease-tegel)}}
.lrn-player{background:var(--canvas);flex-direction:column;min-height:100dvh;display:flex}.lrn-player__bar{z-index:30;border-block-end:1px solid var(--line);background:var(--surface);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.25rem .5rem;padding:.5rem .75rem;display:grid;position:sticky;inset-block-start:0}.lrn-player__title{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:1.0625rem;font-weight:650;overflow:hidden}.lrn-player__close{grid-row:1}.lrn-stagebar{grid-column:1/-1;min-width:0;position:relative;overflow-x:auto}.lrn-stagebar ol{grid-template-columns:repeat(6,minmax(0,1fr));gap:.375rem;min-width:21rem;display:grid}.lrn-stagetile{border:1.5px solid var(--line);border-radius:var(--radius-tile);background:var(--surface);width:100%;min-height:3rem;color:var(--ink);font:inherit;cursor:pointer;justify-items:center;gap:.125rem;padding:.25rem .125rem;font-size:.75rem;line-height:1.15;display:grid}.lrn-stagetile:disabled{cursor:not-allowed;color:var(--ink-muted);background:var(--tile);border-style:dashed}.lrn-stagetile[data-state=done]{border-color:var(--success)}.lrn-stagetile[data-state=done] .lrn-stagetile__mark{color:var(--success)}.lrn-stagetile[data-state=current]{border-color:var(--ink);background:var(--tile);box-shadow:inset 0 -3px 0 var(--action);font-weight:700}.lrn-stagetile:hover:not(:disabled){border-color:var(--ink)}.lrn-stagetile__label{overflow-wrap:normal;word-break:keep-all;max-width:100%}@media (max-width:479px){.lrn-stagetile{letter-spacing:-.01em;padding-inline:0;font-size:.6875rem}}.lrn-player__body{flex:1;grid-template-columns:minmax(0,1fr);width:100%;max-width:70rem;margin-inline:auto;display:grid}.lrn-player__main{width:100%;max-width:45rem;margin-inline:auto;padding:1.25rem 1rem 11rem}.lrn-player__main:focus-visible{outline-offset:-4px}.lrn-stage{align-content:start;gap:1rem;display:grid}.lrn-stage__title{font-size:var(--text-h2)}.lrn-stage__footer{justify-items:start;gap:.75rem;margin-block-start:.5rem;display:grid}.lrn-start{border:1px solid var(--line);border-radius:var(--radius-tile);background:var(--surface);box-shadow:var(--shadow-tile);padding:1.25rem}.lrn-objectives{gap:.375rem;padding-inline-start:1.25rem;list-style:outside;display:grid}.lrn-scene{border:1.5px solid var(--ink);border-radius:var(--radius-tile);background:var(--tile);margin:0;overflow:hidden}.lrn-scene img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto;max-height:min(38vh,22rem);display:block}.lrn-scene__label{color:var(--ink-muted);border-block-start:1px solid var(--line);background:var(--surface);padding:.25rem .75rem;font-size:.8125rem}.lrn-badge{border:1px solid var(--ink-muted);border-radius:var(--radius-pill);color:var(--ink);background:var(--surface);align-items:center;padding:.0625rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.lrn-lines__tools{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-block-end:.75rem;display:flex}.lrn-lines__toggle{min-height:2.75rem;font-size:var(--text-small);padding-block:.375rem}.lrn-lines__list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.lrn-line{border-radius:var(--radius-tile);border:1px solid #0000;grid-template-columns:minmax(0,1fr) auto;gap:.25rem .5rem;padding:.625rem .75rem;scroll-margin-block:8rem;display:grid;position:relative}.lrn-line[data-active]{background:color-mix(in oklab, var(--action) 14%, var(--surface));border-color:var(--action);box-shadow:inset 4px 0 0 var(--action)}.lrn-line__who{font-size:var(--text-small);color:var(--ink-muted);grid-column:1/-1;align-items:center;gap:.5rem;font-weight:600;display:flex}.lrn-avatar{border:1.5px solid var(--ink);border-radius:var(--radius-tile);background:var(--tile);width:1.75rem;height:1.75rem;color:var(--ink);place-items:center;font-size:.875rem;font-weight:700;display:inline-grid}.lrn-line__text{font-size:var(--text-body);margin:0;line-height:1.5}.lrn-line--big .lrn-line__text{font-size:var(--text-story);line-height:1.35;font-family:var(--font-ui)}.lrn-line__tr{color:var(--ink-muted);font-size:var(--text-small);margin:.25rem 0 0}.lrn-line__tools{align-items:flex-start;gap:.125rem;display:flex}.lrn-line__extra{grid-column:1/-1}.lrn-line--bubble{border:1.5px solid var(--line);background:var(--surface);border-radius:1rem;max-width:92%}.lrn-line--bubble.lrn-line--start{border-start-start-radius:.25rem;margin-inline-end:auto}.lrn-line--bubble.lrn-line--end{background:var(--tile);border-start-end-radius:.25rem;margin-inline-start:auto}.lrn-line--bubble[data-active]{background:color-mix(in oklab, var(--action) 14%, var(--surface));border-color:var(--action)}.lrn-tok{border:0;border-block-end:2px dotted color-mix(in oklab, var(--ink) 40%, transparent);color:inherit;font:inherit;line-height:inherit;cursor:pointer;background:0 0;padding:0}.lrn-tok:hover{background:color-mix(in oklab, var(--info) 14%, transparent)}.lrn-tok[aria-pressed=true]{background:color-mix(in oklab, var(--info) 22%, transparent);border-block-end-style:solid}.lrn-tok.is-target{border-block-end-color:var(--action-ink);font-weight:600}.is-word{background:color-mix(in oklab, var(--warning) 45%, transparent);border-radius:2px}.lrn-icon-button{border-radius:var(--radius-tile);width:2.75rem;height:2.75rem;color:var(--ink);cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid}.lrn-icon-button:hover{background:var(--tile)}.lrn-icon-button[aria-pressed=true]{background:var(--tile);box-shadow:inset 0 0 0 1.5px var(--ink)}.lrn-report{border:1.5px solid var(--ink-muted);border-radius:var(--radius-tile);background:var(--surface);gap:.5rem;padding:.75rem;display:grid}.lrn-dock{z-index:25;padding:.5rem .75rem calc(.5rem + env(safe-area-inset-bottom,0));border-block-start:1.5px solid var(--ink);background:var(--surface);box-shadow:0 -8px 24px -12px color-mix(in oklab, var(--night) 25%, transparent);gap:.25rem;display:grid;position:fixed;inset-block-end:0;inset-inline:0}.lrn-dock__row{justify-content:center;align-items:center;gap:.5rem;display:flex}.lrn-dock__button{border:1.5px solid var(--ink);border-radius:var(--radius-pill);background:var(--surface);min-width:2.75rem;height:2.75rem;color:var(--ink);font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:.25rem;padding:0 .5rem;display:inline-flex}.lrn-dock__button:hover{background:var(--tile)}.lrn-dock__button[aria-pressed=true]:not(.lrn-dock__button--main){background:var(--tile);box-shadow:inset 0 0 0 1.5px var(--ink)}.lrn-dock__button--main{border-color:var(--ink);background:var(--action);width:3.5rem;height:3.5rem;color:var(--on-action)}.lrn-dock__button--main:hover{background:var(--action-hover)}.lrn-dock__rate{font-variant-numeric:tabular-nums;font-size:.8125rem;font-weight:700}.lrn-dock__meta{font-size:var(--text-small);color:var(--ink-muted);justify-content:center;align-items:center;gap:.75rem;display:flex}.lrn-dock__error,.lrn-dock__note{text-align:center;font-size:var(--text-small);color:var(--ink)}.lrn-dock__error{color:var(--error);font-weight:600}.lrn-spin{animation:.9s linear infinite lrn-spin}@keyframes lrn-spin{to{transform:rotate(360deg)}}.lrn-gloss{z-index:24;border:1.5px solid var(--ink);border-radius:var(--radius-tile);background:var(--surface);box-shadow:var(--shadow-sheet);padding:.75rem 1rem;position:fixed;inset-block-end:9.5rem;inset-inline:.75rem}.lrn-gloss--empty{display:none}.lrn-gloss__head{align-items:center;gap:.5rem;display:flex}.lrn-gloss__lemma{font-family:var(--font-display);flex:1;margin:0;font-size:1.5rem;font-weight:700}.lrn-gloss__pos{font-size:var(--text-small);color:var(--ink-muted);margin:0}.lrn-gloss__gloss{margin:.25rem 0;font-size:1.125rem;font-weight:600}.lrn-gloss__example{font-size:var(--text-small);margin:.5rem 0 0}.lrn-gloss__example .lrn-card__eyebrow{display:block}@media (min-width:1024px){.lrn-player__body{grid-template-columns:minmax(0,45rem) 18rem;justify-content:center;gap:1.5rem}.lrn-player__main{margin-inline:0}.lrn-gloss,.lrn-gloss--empty{box-shadow:var(--shadow-tile);align-self:start;margin-block-start:1.25rem;display:block;position:sticky;inset-block:6.5rem auto;inset-inline:auto}.lrn-gloss--empty{border-style:dashed;border-color:var(--line);box-shadow:none}.lrn-dock{border:1.5px solid var(--ink);border-end-start-radius:0;width:min(45rem,100%);inset-inline:50% auto;transform:translate(-50%)}[dir=rtl] .lrn-dock{transform:translate(50%)}.lrn-player__main{padding-block-end:9rem}}.lrn-question--card{background:var(--surface);border:1.5px solid var(--ink);padding:1rem}.lrn-feedback{min-height:1.5rem}.lrn-feedback__good{color:var(--success);margin:0;font-weight:700}.lrn-feedback__bad{color:var(--error);margin:0;font-weight:700}.lrn-source{border-radius:var(--radius-tile);background:var(--tile);gap:.375rem;padding:.75rem;display:grid}.lrn-matching{gap:.5rem;display:grid}.lrn-matching__row{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:center;gap:.5rem;display:grid}.lrn-results{gap:.375rem;padding:0;list-style:none;display:grid}.lrn-results li[data-correct=true]>span:first-child{color:var(--success);font-weight:700}.lrn-results li[data-correct=false]>span:first-child{color:var(--error);font-weight:700}@media (prefers-reduced-motion:no-preference){.lrn-question--card.is-correct{animation:lrn-flip var(--duration-fast) var(--ease-tegel);border-color:var(--success)}.lrn-question--card.is-wrong{animation:lrn-nudge var(--duration-fast) var(--ease-tegel);border-color:var(--error)}}@keyframes lrn-flip{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes lrn-nudge{25%{transform:translate(-2px)}75%{transform:translate(2px)}}@media (prefers-reduced-motion:reduce){.lrn-question--card.is-correct{border-color:var(--success)}.lrn-question--card.is-wrong{border-color:var(--error)}.lrn-spin{animation:none}}.lrn-phrases{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.lrn-phrase__text{align-items:center;gap:.5rem;margin:0 0 .25rem;font-size:1.125rem;font-weight:600;display:flex}.lrn-grammar p,.lrn-grammar ul{margin-block:.375rem}.lrn-vocab{gap:.375rem;padding:0;list-style:none;display:grid}.lrn-vocab__item{border-block-end:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.25rem .5rem;display:grid}.lrn-vocab__word{font-weight:600}.lrn-vocab__gloss{color:var(--ink-muted)}.lrn-choicecard{color:inherit;align-items:center;gap:1rem;text-decoration:none;display:flex}.lrn-choicecard:hover{border-color:var(--ink);background:var(--tile)}.lrn-choicecard strong{display:block}.lrn-xp{gap:.25rem;margin:.5rem 0;padding:0;list-style:none;display:grid}.lrn-xp li{border-block-end:1px dotted var(--line);justify-content:space-between;gap:1rem;padding-block:.125rem;display:flex}.lrn-rating{border:0;flex-wrap:wrap;align-items:center;gap:.25rem;margin:0;padding:0;display:flex}.lrn-rating legend{flex-basis:100%;margin-block-end:.25rem;font-weight:600}.lrn-star{border-radius:var(--radius-tile);width:2.75rem;height:2.75rem;color:var(--ink-muted);cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid}.lrn-star[aria-pressed=true]{color:var(--action-ink)}.lrn-star:hover{background:var(--tile)}.lrn-guest{gap:1rem;padding-block-end:7rem;display:grid}.lrn-guest__body{gap:1.5rem;display:grid}@media (min-width:1024px){.lrn-guest__body{grid-template-columns:minmax(0,1fr) 18rem;align-items:start}}.lrn-offline-tool{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.lrn-player__bar>.lrn-offline-tool{grid-column:1/-1}