.slide-letter{position:relative}.slide-word{--thumb-w:84px;padding:0 calc(var(--thumb-w) / 2);flex-direction:column;flex:none;transition:opacity .2s;display:flex}.slide-letters{grid-template-columns:repeat(var(--spelling-count),1fr);display:grid}.slide-letter{min-width:clamp(52px,7vw,104px);color:var(--lesson-ink);letter-spacing:-.02em;cursor:pointer;background:0 0;border:0;border-radius:18px;padding:0 2px;font-size:clamp(72px,min(17vh,11vw),170px);font-weight:650;line-height:1.05;transition:color .16s,transform .16s}.slide-letter:disabled{cursor:default}.slide-letter.is-pointed{color:var(--lesson-accent);transform:translateY(-4px)}.slide-word.is-reached .slide-letter{color:#10847f}.slide-word.is-waiting{opacity:.4}.slide-control{-webkit-user-select:none;user-select:none;cursor:grab;align-items:center;height:84px;display:flex}.slide-control:active{cursor:grabbing}.slide-word.is-waiting .slide-control{cursor:default}.slide-rail{width:100%;height:30px;position:relative}.slide-track{background:#fff;border-radius:999px;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 2px #3c308c14}.slide-mark{position:absolute;top:50%;transform:translateY(-50%)}.slide-mark.is-line{background:#16a8a24d;border-radius:999px;height:12px;overflow:hidden}.slide-mark.is-line>span{border-radius:inherit;background:#16a8a2;height:100%;display:block}.slide-mark.is-dot{background:#ff9a1f73;border-radius:50%;width:16px;height:16px;margin-left:-8px;transition:background .15s,transform .15s}.slide-mark.is-dot.is-passed{background:#ff9a1f;transform:translateY(-50%)scale(1.2)}.slide-range{border-radius:inherit;background:var(--lesson-accent);position:absolute;top:0;bottom:0;left:0}.slide-thumb{width:var(--thumb-w);border:4px solid var(--lesson-ink);background:#fff;border-radius:22px 22px 20px 20px;place-items:center;height:64px;display:grid;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 5px #1e184740}.slide-thumb:before{content:"";position:absolute;inset:-12px}.slide-thumb:after{content:"";background:linear-gradient(90deg,#dcdcfa 0 6px,#0000 6px 13px,#dcdcfa 13px 19px,#0000 19px 26px,#dcdcfa 26px 32px);border-radius:3px;width:32px;height:22px}.slide-thumb:focus-visible{outline:3px solid var(--lesson-accent);outline-offset:4px}.slide-control,.slide-control *{touch-action:none}@media (max-width:700px){.slide-word{--thumb-w:70px}.slide-thumb{height:56px}.slide-control{height:76px}.slide-letter{min-width:48px;font-size:clamp(56px,17vw,96px)}}@media (max-height:560px) and (min-width:701px){.slide-word{--thumb-w:68px}.slide-thumb{height:50px}.slide-control{height:66px}.slide-letter{min-width:44px;font-size:clamp(52px,16vh,90px)}}