:root{--color-bg:#fff;--color-text:#111827;--color-text-muted:#4b5563;--color-border:#d1d5db;--color-border-focus:#2563eb;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-text:#fff;--color-error-bg:#fee2e2;--color-error-text:#b91c1c;--font-sans:"DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-weight-medium:500;--transition-speed:.2s;--color-deck-bg:#fafbfc}@media (prefers-color-scheme:dark){:root{--color-bg:#111827;--color-text:#f9fafb;--color-text-muted:#9ca3af;--color-border:#374151;--color-border-focus:#3b82f6;--color-primary:#3b82f6;--color-primary-hover:#60a5fa;--color-primary-text:#fff;--color-error-bg:#7f1d1d;--color-error-text:#fca5a5}}@media (prefers-reduced-motion:reduce){:root{--transition-speed:0s}}*,:before,:after{box-sizing:border-box}body{min-height:100vh;font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-bg);justify-content:center;align-items:center;margin:0;line-height:1.5;display:flex}.page{width:100%;max-width:28rem;padding:2rem}.page h1{letter-spacing:-.025em;margin:0 0 .5rem;font-size:2rem;font-weight:700}.supporting-message{color:var(--color-text-muted);margin:0 0 2rem;font-size:1.125rem}.unlock-form{flex-direction:column;gap:.5rem;display:flex}.unlock-form label{font-size:.875rem;font-weight:500}.input-group{gap:.5rem;display:flex}.input-group input{border:1px solid var(--color-border);color:inherit;transition:border-color var(--transition-speed);background-color:#0000;border-radius:.375rem;flex:1;padding:.75rem 1rem;font-family:inherit;font-size:1rem}.input-group input:focus{border-color:var(--color-border-focus);outline:none;box-shadow:0 0 0 2px #2563eb33}@media (prefers-color-scheme:dark){.input-group input:focus{box-shadow:0 0 0 2px #3b82f633}}.input-group button{background-color:var(--color-primary);color:var(--color-primary-text);cursor:pointer;transition:background-color var(--transition-speed);border:none;border-radius:.375rem;padding:.75rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:500}.input-group button:hover{background-color:var(--color-primary-hover)}.error-region{min-height:1.5rem;color:var(--color-error-text);margin-top:.25rem;font-size:.875rem}.error-region:not(:empty){background-color:var(--color-error-bg);border-radius:.375rem;padding:.5rem .75rem}.demo a,.lesson-stub a,.deck-resource{color:var(--color-primary);font-weight:var(--font-weight-medium);margin-top:.25rem;text-decoration:none;display:inline-block}.demo a:hover,.lesson-stub a:hover,.deck-resource:hover{text-decoration:underline}:is(html:has(.app-shell),html:has(.page.deck)){overscroll-behavior:none;height:100%;overflow:hidden}:is(body:has(.app-shell),body:has(.page.deck)){overscroll-behavior:none;justify-content:stretch;align-items:stretch;height:100dvh;min-height:100dvh;display:block;overflow:hidden}.page.coming-soon.app-shell{width:100%;max-width:28rem;height:100dvh;min-height:100dvh;padding:max(1.25rem, env(safe-area-inset-top,0px)) max(1.25rem, env(safe-area-inset-right,0px)) max(1.25rem, env(safe-area-inset-bottom,0px)) max(1.25rem, env(safe-area-inset-left,0px));box-sizing:border-box;flex-direction:column;justify-content:center;margin-inline:auto;display:flex;overflow:hidden}@media (width<=900px){.page.coming-soon.app-shell .input-group{flex-direction:column}.page.coming-soon.app-shell .input-group input,.page.coming-soon.app-shell .input-group button{width:100%;min-height:44px}}.page.deck{width:100%;max-width:72rem;height:100dvh;min-height:100dvh;max-height:100dvh;padding:max(.5rem, env(safe-area-inset-top,0px)) max(.75rem, env(safe-area-inset-right,0px)) 0 max(.75rem, env(safe-area-inset-left,0px));box-sizing:border-box;background:var(--color-deck-bg);font-weight:var(--font-weight-medium);grid-template-rows:auto minmax(0,1fr) auto;margin-inline:auto;display:grid;position:relative;overflow:hidden}.page.lesson-stub{background:var(--color-deck-bg);max-width:64rem;min-height:min(100vh,50rem);font-weight:var(--font-weight-medium);padding:2rem 2.5rem 1.5rem}@media (prefers-color-scheme:dark){.page.deck,.page.lesson-stub{background:var(--color-bg)}}.deck-brand{color:var(--color-text-muted);margin:0;font-size:clamp(.75rem,2.2vw + .4rem,1rem);font-weight:600}.deck-stage{height:100%;min-height:0;padding:clamp(.25rem,1.2vh,1rem) 0;display:block;position:relative;overflow:hidden}.deck-track{scroll-snap-type:x mandatory;scroll-behavior:auto;touch-action:pan-x;overscroll-behavior-x:contain;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;align-items:stretch;width:auto;height:auto;display:flex;position:absolute;inset:0;overflow:auto hidden}.deck-track::-webkit-scrollbar{display:none}.deck-slide{scroll-snap-align:start;scroll-snap-stop:always;box-sizing:border-box;flex:0 0 100%;justify-content:center;align-items:center;width:100%;min-width:100%;height:100%;padding-inline:clamp(.5rem,2.2vw,.875rem);display:flex}.deck-slide .deck-card{box-sizing:border-box;background:var(--color-bg);border:1px solid var(--color-border);border-radius:clamp(.625rem,1.5vw,1rem);justify-content:center;align-items:center;width:min(64rem,100%);height:100%;max-height:none;padding:clamp(.5rem,2vh,1.5rem) clamp(.75rem,2.5vw,2rem);display:flex;overflow:hidden}.deck-layout{grid-template-columns:1fr;align-items:center;gap:clamp(.5rem,1.8vh,1.25rem);width:100%;max-width:58rem;min-height:0;max-height:100%;margin:0 auto;display:grid}@media (width>=900px){.deck-layout{grid-template-columns:1.05fr .95fr;gap:2rem}}.deck-copy{min-width:0}.deck-copy h1{letter-spacing:-.03em;margin:0 0 clamp(.35rem,1.2vh,.75rem);font-size:clamp(1.05rem,2.8vw + .4rem,2.25rem);font-weight:600;line-height:1.15}.deck-body{color:var(--color-text-muted);font-size:clamp(.8125rem,1.6vw + .35rem,1.0625rem);font-weight:var(--font-weight-medium);max-width:36rem;margin:0;line-height:1.4}.deck-links{flex-direction:column;gap:clamp(.25rem,.8vh,.5rem);margin:clamp(.35rem,1vh,1rem) 0 0;padding:0;font-size:clamp(.75rem,1.4vw + .3rem,.9375rem);list-style:none;display:flex}.deck-diagram{color:var(--color-text);background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;min-height:0;padding:0;display:flex;overflow:hidden}.deck-diagram-svg{width:100%;max-width:min(26rem,100%);height:auto;max-height:clamp(6.5rem,28vh,22rem)}.deck-chrome{padding:.5rem 0 max(.75rem, env(safe-area-inset-bottom,0px));border-top:1px solid var(--color-border);background:var(--color-deck-bg);z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:clamp(.35rem,1.5vw,1rem);margin:0;display:flex;position:relative}@media (width<=430px){.page.deck .deck-chrome{flex-direction:column;align-items:stretch}.page.deck .deck-progress{justify-content:center;width:100%}.page.deck .deck-nav{justify-content:space-between;width:100%}.page.deck .deck-btn{flex:auto}}@media (prefers-color-scheme:dark){.deck-chrome{background:var(--color-bg)}}.deck-progress{flex-wrap:nowrap;align-items:center;gap:0;min-width:0;display:flex}.deck-dot{box-sizing:border-box;cursor:pointer;background:0 0;border:none;border-radius:999px;flex:none;justify-content:center;align-items:center;width:clamp(1.5rem,8vw,44px);height:44px;padding:0;display:inline-flex;position:relative}.deck-dot:after{content:"";background:var(--color-border);border-radius:999px;width:.5rem;height:.5rem}.deck-dot:hover:after{background:var(--color-text-muted)}.deck-dot.is-active:after{background:var(--color-primary);transform:scale(1.2)}.deck-hint{color:var(--color-text-muted);align-items:center;gap:.15rem;margin-left:.35rem;font-size:clamp(.75rem,1.5vw + .3rem,.875rem);display:inline-flex}.deck-hint-btn{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:.375rem;min-width:44px;min-height:44px;padding:.15rem .35rem;line-height:1}.deck-hint-btn:hover:not(:disabled){color:var(--color-text);background:var(--color-border)}.deck-hint-btn:disabled{opacity:.35;cursor:not-allowed}.deck-nav{gap:.5rem;display:flex}.deck-btn{box-sizing:border-box;border:1px solid var(--color-border);width:auto;min-width:5.5rem;min-height:44px;color:inherit;text-align:center;cursor:pointer;background:0 0;border-radius:.625rem;padding:.65rem .9rem;font-family:inherit;font-size:clamp(.875rem,1.5vw + .35rem,1rem);font-weight:600}.deck-btn:disabled{opacity:.4;cursor:not-allowed}.deck-btn.primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-text)}.deck-btn.primary:hover{background:var(--color-primary-hover)}.deck-swipe-edge{display:none}@media (width<=900px){.page.deck{grid-template:"brand""stage"minmax(0,1fr)"chrome"/1fr}.page.deck .deck-brand{grid-area:brand}.page.deck .deck-stage{touch-action:pan-x;grid-area:stage;padding-inline:0}.page.deck .deck-slide .deck-card{padding:clamp(1rem,2.8vh,1.5rem) clamp(2.75rem,9vw,3.5rem);position:relative}.page.deck .deck-chrome{border-top:none;flex-direction:column;grid-area:chrome;align-items:stretch;padding-top:.35rem}.page.deck .deck-hint,.page.deck .deck-nav{display:none!important}.page.deck .deck-progress{flex-wrap:nowrap;justify-content:center;gap:0;width:100%}.page.deck .deck-dot{width:clamp(1.15rem,7.2vw,2rem);height:40px}.page.deck .deck-swipe-edge{width:2.5rem;min-height:3rem;color:var(--color-text-muted);cursor:pointer;z-index:2;opacity:0;pointer-events:auto;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;margin:0;padding:0;font-size:1.75rem;line-height:1;transition:opacity .18s;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.page.deck .deck-swipe-prev{left:.35rem}.page.deck .deck-swipe-next,.page.deck .deck-swipe-exit{right:.35rem}.page.deck.is-swipe-cues .deck-swipe-edge{opacity:1}.page.deck .deck-swipe-edge:hover,.page.deck .deck-swipe-edge:focus-visible{color:var(--color-text);background:color-mix(in srgb, var(--color-border) 55%, transparent);outline:none}.page.deck .deck-swipe-exit.is-exit{background:var(--color-primary);width:2.75rem;min-height:2.75rem;color:var(--color-primary-text);letter-spacing:-.06em;border-radius:999px;font-size:1.15rem;font-weight:700;box-shadow:0 0 #2563eb59}.page.deck.is-idle.is-swipe-cues .deck-swipe-exit.is-exit{animation:2.2s ease-in-out infinite deck-idle-pulse}.page.deck .deck-swipe-exit.is-exit:hover,.page.deck .deck-swipe-exit.is-exit:focus-visible{background:var(--color-primary-hover);color:var(--color-primary-text)}}@media (orientation:landscape) and (height<=500px){.page.deck{padding-bottom:max(.35rem, env(safe-area-inset-bottom,0px));grid-template:"brand""stage"minmax(0,1fr)/1fr;row-gap:.25rem}.page.deck .deck-brand{grid-area:brand}.page.deck .deck-stage{touch-action:pan-x;grid-area:stage;min-height:0;padding:.15rem 0}.page.deck .deck-slide .deck-card{border-radius:.625rem;padding:clamp(.5rem,2vh,.85rem) clamp(2.5rem,7vw,3.25rem);position:relative}.page.deck .deck-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:.65rem}.page.deck .deck-copy h1{margin-bottom:.25rem;font-size:clamp(.95rem,2.2vw + .35rem,1.35rem)}.page.deck .deck-body{font-size:clamp(.7rem,1.2vw + .3rem,.875rem);line-height:1.3}.page.deck .deck-links{gap:.2rem;margin-top:.25rem;font-size:clamp(.65rem,1vw + .3rem,.8rem)}.page.deck .deck-diagram-svg{max-height:clamp(4.5rem,42vh,12rem)}.page.deck .deck-chrome{border-top:none;display:contents}.page.deck .deck-nav,.page.deck .deck-hint{display:none!important}.page.deck .deck-progress{left:50%;bottom:max(.2rem, env(safe-area-inset-bottom,0px));z-index:3;flex-wrap:nowrap;justify-content:center;gap:0;max-width:calc(100% - 3rem);position:absolute;transform:translate(-50%)}.page.deck .deck-dot{width:28px;height:36px}.page.deck .deck-swipe-edge{display:inline-flex}}@keyframes deck-idle-pulse{0%,to{transform:scale(1);box-shadow:0 0 #2563eb59}50%{transform:scale(1.03);box-shadow:0 0 0 10px #2563eb00}}@keyframes deck-idle-dot{0%,to{opacity:1;transform:scale(1.2)}50%{opacity:.75;transform:scale(1.55)}}@keyframes deck-idle-hint{0%,to{opacity:.55}50%{opacity:1}}@keyframes deck-breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.92;transform:scale(1.06)}}@keyframes insight-pulse{0%,to{filter:brightness();opacity:.35}12%,22%{filter:brightness(1.25);opacity:1}30%,to{filter:brightness();opacity:.35}}@keyframes label-word-pulse{0%,to{opacity:.35;fill:currentColor}12%,22%{opacity:1;fill:var(--color-primary)}30%,to{opacity:.35;fill:currentColor}}@keyframes shoulder-L-shrug{0%,12%{transform:translate(2px,2px)}28%,40%{transform:translate(10px,-18px)}58%,to{transform:translate(2px,2px)}}@keyframes shoulder-R-shrug{0%,12%{transform:translate(-2px,2px)}28%,40%{transform:translate(-10px,-18px)}58%,to{transform:translate(-2px,2px)}}@keyframes screen-height{0%,12%{transform:translateY(42px)}22%,38%{transform:translateY(-32px)}48%,78%{transform:translateY(0)}90%,to{transform:translateY(42px)}}@keyframes mark-bad-vis{0%,40%{opacity:1}46%,80%{opacity:0}88%,to{opacity:1}}@keyframes mark-good-vis{0%,44%{opacity:0}48%,78%{opacity:1}86%,to{opacity:0}}@keyframes status-low{0%,14%{opacity:1}20%,to{opacity:0}}@keyframes status-high{0%,18%{opacity:0}22%,38%{opacity:1}44%,to{opacity:0}}@keyframes status-ok{0%,46%{opacity:0}50%,78%{opacity:1}86%,to{opacity:0}}@keyframes slant-row{0%,18%{transform:translate(0)}40%,72%{transform:translateX(var(--slant-x,0px))}90%,to{transform:translate(0)}}@keyframes finger-settle{0%,14%{transform:translateY(-16px)}40%,70%{transform:translateY(0)}90%,to{transform:translateY(-16px)}}@keyframes hand-enter{0%,8%{opacity:0;transform:translate(72px,12px)}28%,to{opacity:1;transform:translate(0)}}@keyframes thumb-tap{0%,35%{transform:translateY(-10px)}48%{transform:translateY(0)}58%,to{transform:translateY(-10px)}}@keyframes space-press{0%,45%{transform:translateY(0)}50%{transform:translateY(4px)}58%,to{transform:translateY(0)}}@keyframes one-hand-left{0%,to{opacity:1;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@keyframes one-hand-right{0%,45%{opacity:.35}55%,75%{opacity:.85}85%,to{opacity:.35}}@keyframes assoc-story{0%,18%{opacity:1}24%,to{opacity:0}}@keyframes assoc-letter{0%,22%{opacity:0}26%,43%{opacity:1}49%,to{opacity:0}}@keyframes assoc-finger{0%,47%{opacity:0}51%,68%{opacity:1}74%,to{opacity:0}}@keyframes assoc-key{0%,72%{opacity:0}76%,94%{opacity:1}to{opacity:0}}@keyframes press-dip{0%,40%{transform:translateY(0)}55%{transform:translateY(10px)}70%,to{transform:translateY(0)}}.page.deck.is-idle .deck-btn.primary:not(:disabled){animation:2.2s ease-in-out infinite deck-idle-pulse}.page.deck.is-idle .deck-dot.is-active:after{animation:2.2s ease-in-out infinite deck-idle-dot}.page.deck.is-idle .deck-hint{animation:2.2s ease-in-out infinite deck-idle-hint}.deck-diagram-svg .finger,.deck-diagram-svg .thumb-space,.deck-diagram-svg .hand-right,.deck-diagram-svg .slant-row,.deck-diagram-svg .press-finger,.deck-diagram-svg .space-bar,.deck-diagram-svg .welcome-mark,.deck-diagram-svg .ready-mark,.deck-diagram-svg .hand-panel,.deck-diagram-svg .screen-lift,.deck-diagram-svg .keyboard-flat{transform-box:fill-box;transform-origin:50%}.deck-diagram-svg .finger{transform-origin:bottom}.diagram-home-row .finger-pinky,.diagram-home-row .finger-middle,.diagram-home-row .finger-index{transform-box:fill-box;transform-origin:50% 100%}.deck-diagram-svg .thumb-space{transform-box:fill-box;transform-origin:0}.diagram-thumbs .thumb-space{transform-box:fill-box;transform-origin:20% 80%}.diagram-thumbs .hand-right,.diagram-thumbs .space-bar{transform-box:fill-box;transform-origin:50%}.diagram-keys-slant .slant-row-1{--slant-x:14px;transform:translate(14px)}.diagram-keys-slant .slant-row-2{--slant-x:28px;transform:translate(28px)}.diagram-associative .assoc-beat{opacity:0}.diagram-associative .assoc-key{opacity:1}.page.deck.is-idle .deck-slide.is-active .diagram-welcome .welcome-mark,.page.deck.is-idle .deck-slide.is-active .diagram-links .ready-mark{animation:2.6s ease-in-out infinite deck-breathe}.diagram-sit .shoulder-L,.diagram-sit .shoulder-R{transform-box:fill-box;transform-origin:50%}.diagram-sit .shoulder-L{transform:translate(2px,2px)}.diagram-sit .shoulder-R{transform:translate(-2px,2px)}.diagram-sit .label-word{opacity:.35}.page.deck.is-idle[data-slide=sit] .deck-slide.is-active .insight-feet{animation:6s ease-in-out infinite insight-pulse}.page.deck.is-idle[data-slide=sit] .deck-slide.is-active .label-word.insight-feet{animation:6s ease-in-out infinite label-word-pulse}.page.deck.is-idle[data-slide=sit] .deck-slide.is-active .insight-shoulders{opacity:1;filter:none;animation:none}.page.deck.is-idle[data-slide=sit] .deck-slide.is-active .shoulder-L,.page.deck.is-idle[data-slide=sit] .deck-slide.is-active .shoulder-R{transform-box:fill-box;transform-origin:50%}.page.deck.is-idle[data-slide=sit] .deck-slide.is-active .shoulder-L{animation:6s ease-in-out -2s infinite shoulder-L-shrug}.page.deck.is-idle[data-slide=sit] .deck-slide.is-active .shoulder-R{animation:6s ease-in-out -2s infinite shoulder-R-shrug}.page.deck.is-idle[data-slide=sit] .deck-slide.is-active .label-word.insight-shoulders{animation:6s ease-in-out -2s infinite label-word-pulse}.page.deck.is-idle[data-slide=sit] .deck-slide.is-active .insight-spine{animation:6s ease-in-out -4s infinite insight-pulse}.page.deck.is-idle[data-slide=sit] .deck-slide.is-active .label-word.insight-spine{animation:6s ease-in-out -4s infinite label-word-pulse}.diagram-keyboard .label-word{opacity:.35}.page.deck.is-idle[data-slide=keyboard] .deck-slide.is-active .insight-flat{animation:5.5s ease-in-out infinite insight-pulse}.page.deck.is-idle[data-slide=keyboard] .deck-slide.is-active .label-word.insight-flat{animation:5.5s ease-in-out infinite label-word-pulse}.page.deck.is-idle[data-slide=keyboard] .deck-slide.is-active .insight-wrists{animation:5.5s ease-in-out -2.75s infinite insight-pulse}.page.deck.is-idle[data-slide=keyboard] .deck-slide.is-active .label-word.insight-wrists{animation:5.5s ease-in-out -2.75s infinite label-word-pulse}.diagram-screen .mark-bad,.diagram-screen .status-low,.diagram-screen .status-high{opacity:0}.diagram-screen .mark-good,.diagram-screen .status-ok{opacity:1}.diagram-screen .screen-lift{transform:translateY(0)}.page.deck.is-idle[data-slide=screen] .deck-slide.is-active .screen-lift{animation:6s ease-in-out infinite screen-height}.page.deck.is-idle[data-slide=screen] .deck-slide.is-active .mark-bad{animation:6s ease-in-out infinite mark-bad-vis}.page.deck.is-idle[data-slide=screen] .deck-slide.is-active .mark-good{animation:6s ease-in-out infinite mark-good-vis}.page.deck.is-idle[data-slide=screen] .deck-slide.is-active .status-low{animation:6s ease-in-out infinite status-low}.page.deck.is-idle[data-slide=screen] .deck-slide.is-active .status-high{animation:6s ease-in-out infinite status-high}.page.deck.is-idle[data-slide=screen] .deck-slide.is-active .status-ok{animation:6s ease-in-out infinite status-ok}.page.deck.is-idle[data-slide=screen] .deck-slide.is-active .eyes-cue{animation:2.8s ease-in-out infinite label-word-pulse}.page.deck.is-idle .deck-slide.is-active .diagram-keys-slant .slant-row-0{--slant-x:0px;animation:4.5s ease-in-out infinite slant-row}.page.deck.is-idle .deck-slide.is-active .diagram-keys-slant .slant-row-1{--slant-x:14px;animation:4.5s ease-in-out infinite slant-row}.page.deck.is-idle .deck-slide.is-active .diagram-keys-slant .slant-row-2{--slant-x:28px;animation:4.5s ease-in-out infinite slant-row}.page.deck.is-idle .deck-slide.is-active .diagram-home-row .home-hand{transform-box:fill-box;transform-origin:50%;animation:3.2s ease-in-out infinite finger-settle}.page.deck.is-idle .deck-slide.is-active .diagram-thumbs .hand-right{animation:4.2s ease-in-out infinite hand-enter}.page.deck.is-idle .deck-slide.is-active .diagram-thumbs .space-bar{animation:4.2s ease-in-out infinite space-press}.page.deck.is-idle .deck-slide.is-active .diagram-one-hand .hand-panel-left{animation:3.5s ease-in-out infinite one-hand-left}.page.deck.is-idle .deck-slide.is-active .diagram-one-hand .hand-panel-right{animation:3.5s ease-in-out infinite one-hand-right}.page.deck.is-idle .deck-slide.is-active .diagram-associative .assoc-story{animation:8s linear infinite assoc-story}.page.deck.is-idle .deck-slide.is-active .diagram-associative .assoc-letter{animation:8s linear infinite assoc-letter}.page.deck.is-idle .deck-slide.is-active .diagram-associative .assoc-finger{animation:8s linear infinite assoc-finger}.page.deck.is-idle .deck-slide.is-active .diagram-associative .assoc-key{animation:8s linear infinite assoc-key}.page.deck.is-idle .deck-slide.is-active .diagram-associative .press-finger{animation:8s linear infinite press-dip}@media (prefers-reduced-motion:reduce){.page.deck.is-idle .deck-btn.primary:not(:disabled),.page.deck.is-idle .deck-dot.is-active:after,.page.deck.is-idle .deck-hint,.page.deck.is-idle .deck-swipe-exit.is-exit,.page.deck.is-idle .deck-slide.is-active .diagram-welcome .welcome-mark,.page.deck.is-idle .deck-slide.is-active .diagram-links .ready-mark,.page.deck.is-idle[data-slide=sit] .insight,.page.deck.is-idle[data-slide=sit] .label-word,.page.deck.is-idle[data-slide=sit] .shoulder-L,.page.deck.is-idle[data-slide=sit] .shoulder-R,.page.deck.is-idle[data-slide=keyboard] .insight,.page.deck.is-idle[data-slide=keyboard] .label-word,.page.deck.is-idle[data-slide=screen] .screen-lift,.page.deck.is-idle[data-slide=screen] .mark-bad,.page.deck.is-idle[data-slide=screen] .mark-good,.page.deck.is-idle[data-slide=screen] .status,.page.deck.is-idle[data-slide=screen] .eyes-cue,.page.deck.is-idle .deck-slide.is-active .diagram-keys-slant .slant-row,.page.deck.is-idle .deck-slide.is-active .diagram-home-row .home-hand,.page.deck.is-idle .deck-slide.is-active .diagram-thumbs .hand-right,.page.deck.is-idle .deck-slide.is-active .diagram-thumbs .space-bar,.page.deck.is-idle .deck-slide.is-active .diagram-one-hand .hand-panel,.page.deck.is-idle .deck-slide.is-active .diagram-associative .assoc-beat,.page.deck.is-idle .deck-slide.is-active .diagram-associative .press-finger{animation:none!important}.diagram-associative .assoc-beat{opacity:0}.diagram-associative .assoc-key{opacity:1}.diagram-sit .label-word{opacity:.85;fill:var(--color-primary)}.diagram-sit .shoulder-L{transform:translate(2px,2px)}.diagram-sit .shoulder-R{transform:translate(-2px,2px)}.diagram-thumbs .hand-right{opacity:1;transform:none}}body:has(.page.deck){justify-content:center;align-items:center}body:has(.page.lesson-stub){justify-content:stretch;align-items:stretch}body:has(.page.deck) #app{width:100%;height:100dvh;max-height:100dvh;margin:0;overflow:hidden}body:has(.page.lesson-stub) #app{width:100%;min-height:100dvh}body:has(.page.deck) #app>.page.deck{width:100%;max-width:72rem;height:100%;margin-inline:auto}