.school-mark{background:var(--ball);width:52px;height:52px;color:var(--on-ball);border-radius:18px;place-items:center;display:grid}.school-count{color:var(--grass);align-items:center;gap:12px;font-size:.95rem;font-weight:700;display:flex}.school-count-bar,.lesson-bar{background:var(--sunken);border-radius:999px;flex:1;height:10px;overflow:hidden}.school-count-bar>span,.lesson-bar>span{border-radius:inherit;background:var(--grass);transform-origin:0;height:100%;transition:transform var(--motion-scherm) var(--ease-scherm);display:block}.school-count>span{white-space:nowrap}.school-path-wrap{position:relative}.school-trail{pointer-events:none;animation:fade-in var(--motion-scherm) ease-out backwards;position:absolute;inset:0 auto auto 0}.school-trail path{fill:none;stroke:var(--line);stroke-width:5px;stroke-linecap:round;stroke-dasharray:8 12}.school-path{justify-items:center;gap:28px;margin:0;padding:8px 0 16px;list-style:none;display:grid;position:relative}.school-stop{transform:translateX(var(--x,0));position:relative}.school-stop-link{color:var(--ink);border-radius:20px;justify-items:center;gap:8px;text-decoration:none;display:grid}.school-stop-ball{background:var(--surface);border:1.5px solid var(--line);width:78px;height:78px;color:var(--muted);transition:transform var(--motion-tik) var(--ease-tik);border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 3px 6px #0000000d}.school-stop-link:active .school-stop-ball{transform:scale(.94)}.school-stop.is-done .school-stop-ball{background:var(--grass);border-color:var(--grass);color:var(--on-grass);box-shadow:0 3px 6px #0000001a}.school-stop.is-next .school-stop-ball{background:var(--ball);border-color:var(--ball);color:var(--on-ball);box-shadow:0 3px 6px #0000001a}.school-stop.is-next .school-stop-ball:after{content:"";border:5px solid var(--ball);pointer-events:none;border-radius:50%;animation:1.6s ease-out infinite school-pulse;position:absolute;inset:-2px}@keyframes school-pulse{0%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(1.38)}}.school-stop-title{background:var(--paper);text-align:center;text-wrap:balance;border-radius:10px;max-width:190px;padding:2px 8px;font-size:.92rem;font-weight:650;line-height:1.25;display:grid}.school-stop.is-open .school-stop-title{color:var(--muted)}.school-stop-title small{color:var(--grass);font-size:.8rem;font-weight:700}.school-here{background:var(--grass-soft);color:var(--grass);white-space:nowrap;pointer-events:none;border-radius:999px;padding:5px 10px;font-size:.8rem;font-weight:700;position:absolute;top:26px}.school-here.right{left:calc(50% + 51px)}.school-here.left{right:calc(50% + 51px)}.school-teaser{grid-template-columns:auto 1fr;align-items:start;gap:14px;display:grid}.main:has(.lesson){padding-bottom:16px}.has-tabbar .main:has(.lesson){padding-bottom:16px}.lesson{min-height:calc(100dvh - var(--header-h) - 36px - env(safe-area-inset-bottom,0px));flex-direction:column;gap:12px;display:flex}.lesson-top{align-items:center;gap:12px;display:flex}.lesson-close{min-height:44px;color:var(--muted);white-space:nowrap;align-items:center;gap:6px;padding:0 8px 0 0;font-weight:650;text-decoration:none;display:inline-flex}.lesson-bar{height:14px}.lesson-name{font-family:var(--font-body);letter-spacing:0;color:var(--muted);text-align:center;font-size:.95rem;font-weight:700}.lesson-card{min-height:calc(100dvh - var(--header-h) - 290px - env(safe-area-inset-bottom,0px));text-align:center;animation:moment-rise var(--motion-scherm) var(--ease-scherm) backwards;--rise:12px;justify-content:center;align-items:center;gap:22px;padding-block:8px}.lesson-sentence{outline:none;max-width:30ch;font-size:1.5rem;font-weight:700;line-height:1.25}.lesson-art{border-radius:40px;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.lesson-art.dog{background:color-mix(in oklab, var(--tile,#f6ebcf) var(--tile-mix), var(--surface))}.lesson-art.icon{background:var(--ball);color:var(--on-ball)}.lesson-art.icon.sos{color:#fff;background:#b3261e}.lesson-options{gap:12px;width:100%;display:grid}.lesson-option{border:2px solid var(--line);background:var(--surface);width:100%;min-height:56px;color:var(--ink);text-align:left;transition:transform var(--motion-tik) var(--ease-tik);border-radius:20px;align-items:center;gap:12px;padding:14px 52px 14px 18px;font-weight:650;line-height:1.3;display:flex;position:relative}.lesson-option:not(:disabled):active{transform:scale(.98)}.lesson-option:disabled{cursor:default}.lesson-option>span:not(.lesson-art):not(.lesson-mark){flex:1}.lesson-option.is-right{border-color:var(--grass);background:var(--grass-soft)}.lesson-option.is-wrong{border-color:var(--warn);background:var(--warn-soft)}.lesson-mark{background:var(--surface);width:28px;height:28px;animation:fade-in var(--motion-klein) ease-out backwards;border-radius:50%;place-items:center;display:grid;position:absolute;top:calc(50% - 14px);right:14px}.is-right>.lesson-mark{color:var(--grass)}.is-wrong>.lesson-mark{color:var(--warn)}.lesson-options.pictures{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.lesson-options.pictures .lesson-option{text-align:center;overflow-wrap:anywhere;flex-direction:column;gap:8px;padding:8px 4px 10px;font-size:.86rem}.lesson-options.pictures .lesson-art{aspect-ratio:1;border-radius:20px;width:min(88px,100%)!important;height:auto!important}.lesson-options.pictures .lesson-art svg{width:90%;height:auto}.lesson-options.pictures .lesson-mark{top:4px;right:4px}.lesson-foot{z-index:5;padding:12px 0 calc(8px + env(safe-area-inset-bottom,0px));background:linear-gradient(to top, var(--paper) 80%, transparent);margin-top:auto;position:sticky;bottom:0}.lesson-button{min-height:56px}.lesson-strip{background:var(--grass-soft);animation:fade-in var(--motion-klein) ease-out backwards;border-radius:20px;outline:none;gap:14px;padding:16px;display:grid}.lesson-strip.wrong{background:var(--warn-soft)}.lesson-strip-text{align-items:flex-start;gap:12px;display:flex}.lesson-strip-text p:first-child{font-weight:650}.lesson-strip-guus{background:color-mix(in oklab, #f6ebcf var(--tile-mix), var(--surface));border-radius:14px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.hold{align-items:center}.hold-button{background:var(--surface);width:190px;height:190px;color:var(--grass);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.hold-button:disabled{cursor:default}.hold-ring{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.hold-track,.hold-fill{fill:none;stroke-width:12px}.hold-track{stroke:var(--sunken)}.hold-fill{stroke:var(--grass);stroke-linecap:round}.hold-label{color:var(--grass);justify-items:center;gap:4px;display:grid;position:relative}.hold-label strong{color:var(--ink)}.hold-count{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:3rem;font-weight:800;line-height:1}.lesson-done{text-align:center;animation:fade-in var(--motion-scherm) ease-out backwards;flex:1;justify-content:center;align-items:center}.lesson-done>h2{outline:none;font-size:2rem}.lesson-done>.stack-s,.lesson-done>.school-wall{width:100%}.lesson-done-art{animation:moment-pop var(--motion-pop) var(--ease-pop) backwards}.school-wall{text-align:left}@media (prefers-reduced-motion:reduce){.lesson-card,.lesson-done-art,.school-trail{animation:fade-in var(--motion-klein) ease-out backwards!important}.school-stop.is-next .school-stop-ball:after{opacity:.6;inset:-8px;animation:none!important}.school-stop-link:active .school-stop-ball,.lesson-option:not(:disabled):active{transform:none}}