/*! AgileFingers practice page styles */
:root{--af-practice-main-width: var(--af-page-content-main-width, 63.4375rem);--af-practice-panel-bg: var(--af-surface);--af-practice-stage-bg: #fbfcfb;--af-practice-accordion-bg: #FFE092;--af-practice-keyboard-frame: var(--af-keyboard-palette-frame);--af-practice-muted-text: #DCDCDC;--af-practice-typed-text: #6d6e71;--af-practice-preview-line-size: 1.9375rem;--af-practice-panel-height: clamp(17rem, 32vh, 21.5rem);--af-practice-hidden-panel-min-height: var(--af-practice-panel-height);--af-hands-blur-height: 1rem;--af-hands-footer-gap: .7rem}html[data-theme-resolved=dark]{--af-practice-panel-bg: #444343;--af-practice-stage-bg: #444343;--af-practice-muted-text: #D1D1D1;--af-practice-typed-text: #B8B8B8}.af-practice-hero{max-width:var(--af-practice-main-width);padding:0}.af-practice-page-view .af-page-heading--compact{padding-block-end:var(--af-practice-panel-edge-gap)}.af-practice-page-view{--af-practice-footer-revenue-clearance: 1rem;--af-practice-panel-edge-gap: var(--af-page-breadcrumb-content-gap)}.af-practice-page-view .af-page-content-layout{--af-page-content-footer-ad-gap: var(--af-practice-footer-revenue-clearance)}@media (min-width: 992px){.af-practice-page-view .af-page-content-shell{padding-bottom:0}.af-practice-page-view .af-page-content-revenue-right-stack{margin-bottom:var(--af-practice-footer-revenue-clearance)}}.af-practice-title{text-wrap:balance}.af-practice-title strong{font-weight:700}.af-practice-section{position:relative;z-index:0;max-width:var(--af-practice-main-width);padding-block-end:var(--af-practice-panel-edge-gap)}body.af-practice-page-view:not(.hidden-keyboard) .af-practice-section:not(.hidden-keyboard){padding-block-end:var(--af-hands-footer-gap)}.af-practice-shell,.af-practice-view{position:relative;z-index:1;width:100%;min-width:0}.af-practice-page-view .clear{clear:both}.af-practice-panel{position:relative;z-index:1;overflow:hidden;width:100%;height:var(--af-practice-panel-height);padding:clamp(1.5rem,3vh,2.25rem) clamp(2rem,4vw,3rem);padding-block-end:clamp(1rem,2vh,1.5rem);border-radius:2.1875rem;background:var(--af-practice-panel-bg)}.af-practice-typing-view{display:grid;height:100%;min-height:0;grid-template-rows:auto auto minmax(0,1fr)}.af-practice-panel-header{display:grid;gap:.75rem;padding:0}.af-practice-panel-title{display:contents;min-width:0;margin:0;color:var(--af-practice-muted-text);font-family:Inter,Cousine,Noto Sans JP,Noto Sans KR,system-ui,-apple-system,Segoe UI,sans-serif;font-size:.95rem;font-weight:700;line-height:1.3}.af-practice-legacy-counters{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}.af-practice-typing-area{box-sizing:border-box;grid-row:3;width:calc(100% + var(--af-practice-cursor-inline-gutter));height:100%;min-height:0;margin:0;margin-inline-start:calc(-1 * var(--af-practice-cursor-inline-gutter));margin-top:0!important;overflow:hidden;padding:0;padding-inline-start:var(--af-practice-cursor-inline-gutter)}.af-practice-stage{height:100%}.af-practice-panel .typing-content-elements{height:100%;width:100%;min-height:0;margin:0;margin-top:0!important}.typing-content-elements,.typing-content-elements *{font-family:Roboto Mono,Cousine,Noto Sans JP,Noto Sans KR,monospace}.af-practice-panel .model-text-rows{display:flex;flex-direction:column;height:100%;min-width:0;min-height:0}.af-practice-panel .typing-elements-left-to-right{position:relative;flex:0 0 auto;margin:0 0 .625rem;overflow:visible}.af-practice-panel .currently-written-text,.af-practice-panel .typing-elements-centered{margin-left:0;color:var(--af-muted);font-size:2rem;letter-spacing:0;white-space:nowrap}.af-practice-panel .currently-written-text{color:var(--af-text)!important;display:flex;height:2.05em;flex-wrap:nowrap;overflow:hidden;line-height:1.2}.af-practice-panel .currently-written-text>div{display:block;float:left;height:2em;min-width:.58em;flex:0 0 auto;margin-bottom:-.05em}.af-practice-panel .written-text-char,.af-practice-panel .written-text-char-error{display:block;float:none;height:auto;text-align:center}.af-practice-panel .written-text-char-error,.af-practice-panel .written-text-char-error .model-text-enter-char{color:#c1bdbd}.af-practice-panel .written-text-char-error{font-size:.6em;height:1.1em!important;margin-bottom:.1em;line-height:1.1}.af-practice-panel .character-error,.af-practice-panel .typing-elements-centered_typed-text b,.af-practice-panel .error-text-enter-char{color:#bb3a4a;font-weight:400}[data-theme-resolved=dark] .af-practice-panel .character-error,[data-theme-resolved=dark] .af-practice-panel .typing-elements-centered_typed-text b,[data-theme-resolved=dark] .af-practice-panel .error-text-enter-char{color:#ffad9f}.af-practice-panel .model-text-enter-char{color:var(--af-primary);font-family:inherit}.af-practice-panel .mapped-text-enter-char{font-family:inherit}.af-practice-panel .character-typed{color:var(--af-practice-typed-text)}.af-practice-panel .model-text-150-zoom .typing-elements-left-to-right{margin-top:0;margin-bottom:.625rem}.af-practice-panel .model-text-150-zoom .currently-written-text{height:2.05em}.af-practice-panel .model-text-150-zoom .currently-written-text,.af-practice-panel .model-text-150-zoom .typing-elements-centered{font-size:2.7em}.af-practice-panel .model-text-150-zoom .currently-written-text>div{margin-bottom:.2em}.af-practice-panel.japanese-sheet .written-text-char,.af-practice-panel.korean-sheet .written-text-char{width:1.565rem;font-size:1.5rem}.af-practice-panel.japanese-sheet .written-text-char-error,.af-practice-panel.korean-sheet .written-text-char-error{font-size:1rem}.af-practice-panel.japanese-sheet .typing-elements-centered,.af-practice-panel.korean-sheet .typing-elements-centered{font-size:1.5rem}.af-practice-panel .typing-elements-centered{--af-practice-first-letter-error-lane: .875em;flex:0 0 auto;height:1.85em;padding-top:var(--af-practice-first-letter-error-lane);padding-bottom:.7em;margin-bottom:.9375rem;background:inherit}.af-practice-panel .typing-elements-centered_left-to-right,.af-practice-panel .typing-elements-centered_right-to-left{display:grid;width:100%;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))}.af-practice-panel .typing-elements-centered_typed-text-wrapper,.af-practice-panel .typing-elements-centered_model-text-wrapper{box-sizing:border-box;min-width:0;overflow:hidden}.af-practice-panel .typing-elements-centered_model-text-wrapper{overflow-x:clip;overflow-y:visible}.af-practice-panel .typing-elements-centered_right-to-left .typing-elements-centered_model-text-wrapper{grid-column:1;grid-row:1}.af-practice-panel .typing-elements-centered_right-to-left .typing-elements-centered_typed-text-wrapper{grid-column:2;grid-row:1}.af-practice-panel .typing-centered-first-letter,.af-practice-panel .typing-centered-right-text-letters{float:left;color:var(--af-text)}.af-practice-panel .typing-elements-centered_right-to-left .typing-elements-centered_model-text div,.af-practice-panel .typing-elements-centered_right-to-left .typing-centered-first-letter{float:right}.af-practice-panel .typing-elements-centered_typed-text-wrapper{height:4.25rem;padding-top:.65em;margin-top:-.65em;text-align:right}.af-practice-panel .model-text-150-zoom .typing-elements-centered_typed-text-wrapper{height:2.7em;padding-top:.975em;margin-top:-.975em}.af-practice-panel .typing-elements-centered_typed-text{float:right;color:var(--af-practice-typed-text)}.af-practice-panel .typing-elements-centered_right-to-left .typing-elements-centered_typed-text,.af-practice-panel .typing-elements-centered_typed-text div{float:left}.af-practice-panel .typing-elements-centered_typed-text .af-practice-typed-cell{position:relative;box-sizing:border-box}.af-practice-panel .typing-elements-centered_typed-text-wrapper .correctLetter{position:absolute;inset-inline:0;inset-block-start:-.95em;margin:0;color:#c1bdbd;text-align:center;pointer-events:none}.af-practice-panel .correctLetter span,.af-practice-panel .first-letter-error{font-size:.6em;text-align:center}.af-practice-panel .first-letter,.af-practice-panel .typing-centered-right-text-letters .left,.af-practice-panel .typing-elements-centered_typed-text div{min-width:.94rem}.af-practice-panel .first-letter-error{height:1.25em;margin-block-start:-1.25em;color:#bb3a4a;line-height:1.25}html[data-theme-resolved=dark] .af-practice-panel .first-letter-error{color:#ffad9f}.af-practice-panel .inserted-text-wrapper{height:1em;margin-bottom:-1em}.af-practice-panel .inserted-text{width:1rem;border:0;margin-right:auto;margin-left:auto;background-color:var(--af-practice-stage-bg);color:var(--af-text);caret-color:auto;font-size:1rem;opacity:0;text-align:right}.af-practice-panel .inserted-text:focus{outline-width:0}.af-practice-panel .inserted-text.no-width{width:0}.af-practice-panel .inserted-text.rtl{direction:rtl;text-align:right!important}.af-practice-panel .currently-written-text.rtl{float:right;margin-right:.18em}.af-practice-panel .model-text-2nd-line.rtl{direction:rtl;text-align:right}.af-practice-panel .af-practice-remaining-text{display:block;min-height:0;flex:1 1 auto;overflow:hidden;padding:0;border:0;border-radius:0;background:inherit}.af-practice-panel .model-text-area-wrapper-2nd-line-inner.af-practice-remaining-text-inner{box-sizing:border-box;height:100%;min-height:0;margin-top:0;overflow:hidden;padding-top:0;width:100%}.af-practice-preview-text{--af-practice-preview-max-height: calc(4lh + .2em) ;box-sizing:border-box;width:100%;height:100%;max-height:var(--af-practice-preview-max-height);overflow:hidden;padding-block:.1em;padding-inline:0;color:var(--af-practice-muted-text);font-size:1.25rem;line-height:1.55}@media (min-height: 1000px){.af-practice-preview-text{--af-practice-preview-max-height: calc(5lh + .2em) }}.af-practice-preview-text,.af-practice-preview-text *{border:0;box-shadow:none;text-decoration:none}.af-practice-typing-view[hidden],.af-practice-information-view[hidden]{display:none}.af-practice-information-view{position:relative;display:grid;height:100%;min-height:0;min-width:0;grid-template-rows:minmax(0,1fr);color:var(--af-text)}.af-practice-information-toolbar{position:absolute;inset-block-start:0;inset-inline-end:clamp(.5rem,1vw,.75rem);z-index:2;margin-right:.9rem}.af-practice-information-close{position:relative}.af-practice-information-content{width:100%;height:100%;max-width:none;min-height:0;overflow-y:auto;padding-right:clamp(.25rem,1vw,.75rem);color:var(--af-text);scrollbar-gutter:stable}.af-practice-information-content>:last-child{margin-bottom:0}.af-practice-information-content .practice-text-about-copy{white-space:normal;overflow-wrap:anywhere;line-height:1.7}.practice-text-about-copy .practice-text-paragraph{margin:0 0 1em;white-space:pre-wrap}.practice-text-about-copy .practice-text-paragraph--empty{min-height:1.7em}.practice-text-about-copy .practice-text-paragraph:last-child{margin-bottom:0}.af-practice-info-title{margin:0 0 1rem;padding-inline-end:calc(var(--af-surface-close-size) + .75rem);color:var(--af-text);font-size:1.25rem;line-height:1.25}.af-practice-interaction{position:relative;z-index:2}.af-practice-accordion-area{position:relative;z-index:4;margin-top:.6875rem}.af-practice-command-row{display:flex;min-height:2.5rem;align-items:center;justify-content:space-between;gap:1rem;padding:0 .75rem}.af-practice-command-group{min-width:0}.af-practice-options-toggle,.af-practice-about-toggle,.af-practice-info-link,.af-practice-option-button{min-height:2.5rem;border:none;background:transparent;color:var(--af-text);font:inherit;font-family:Inter,Cousine,Noto Sans JP,Noto Sans KR,system-ui,-apple-system,Segoe UI,sans-serif;font-size:.9375rem;font-weight:400;line-height:1.2}.af-practice-options-toggle,.af-practice-about-toggle,.af-practice-info-link{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .75rem}.af-practice-options-toggle:before,.af-practice-info-link:before{content:"";width:0;height:0;flex:0 0 auto;border-top:.42rem solid currentColor;border-right:.32rem solid transparent;border-left:.32rem solid transparent;transition:transform .15s ease}.af-practice-options-toggle[aria-expanded=true]:before,.af-practice-info-link[aria-expanded=true]:before{transform:rotate(180deg)}.af-practice-options-toggle:hover,.af-practice-options-toggle:focus-visible,.af-practice-info-link:hover,.af-practice-info-link:focus-visible{outline:.15rem solid var(--af-primary);outline-offset:.12rem;text-decoration:underline}#keyboard-view .af-practice-options-panel{position:absolute;inset-block-start:calc(100% + .25rem);inset-inline-start:.75rem;z-index:5;float:none;display:grid;width:calc(100% - 1.5rem);max-width:42rem;height:auto;max-height:min(22rem,100vh - var(--af-header-height) - 2 * var(--af-practice-panel-edge-gap));max-height:min(22rem,100dvh - var(--af-header-height) - 2 * var(--af-practice-panel-edge-gap));min-width:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem .5rem;margin:0;padding:.75rem;border:1px solid var(--af-border);border-radius:1rem;background:var(--af-surface);box-shadow:0 .4rem 1rem #0000001f;text-align:start;overflow-y:auto}#keyboard-view .af-practice-options-panel[hidden]{display:none}#keyboard-view .af-practice-options-group{display:contents;margin:0}.af-practice-option-button{align-items:center;gap:.5rem;width:100%;height:auto;min-height:2.75rem;margin:0;padding:.55rem .7rem;border:0;border-radius:.55rem;float:none;justify-content:flex-start;background-color:transparent;background-image:none!important;background-position:initial;background-size:initial;background-repeat:initial;box-shadow:none;font-size:.8125rem;font-weight:400;text-align:start;color:var(--af-text);text-decoration:none;cursor:pointer}.af-practice-option-button{display:inline-flex}.af-practice-option-button:hover,.af-practice-option-button:focus-visible{background-color:var(--af-surface-muted, var(--af-practice-stage-bg));color:var(--af-primary);text-decoration:none}.af-practice-option-button:hover .af-practice-option-title,.af-practice-option-button:focus-visible .af-practice-option-title{text-decoration:underline}.af-practice-option-button:focus-visible{outline:.15rem solid var(--af-primary);outline-offset:.1rem}.af-practice-option-button[aria-pressed=true]{color:var(--af-chart-heading-color);font-weight:400;text-decoration:none}.af-practice-option-button[aria-pressed=true]:hover,.af-practice-option-button[aria-pressed=true]:focus-visible{color:var(--af-primary)}.af-practice-option-button[aria-disabled=true]{opacity:.48;cursor:not-allowed}.af-practice-option-icon{--af-practice-option-icon-image: none;width:1.25rem;height:1.25rem;aspect-ratio:1;flex:0 0 1.5rem;background-color:currentColor;-webkit-mask:var(--af-practice-option-icon-image) center/contain no-repeat;mask:var(--af-practice-option-icon-image) center/contain no-repeat}@media (min-height: 900px){:root{--af-practice-panel-height: clamp(20rem, 31vh, 22rem)}}@media (max-height: 899.98px){.af-practice-panel{padding-block:1.5rem 1rem}.af-practice-panel .typing-elements-left-to-right{margin-bottom:.5rem}}@media (max-height: 759.98px){:root{--af-practice-panel-height: clamp(15.75rem, 36vh, 17rem)}}@media (max-height: 799.98px){.af-practice-page-view{--af-practice-short-screen-breadcrumb-gap: var(--af-mobile-compact-activity-gap, 1rem)}.af-practice-page-view .af-page-heading--compact{padding-block-start:calc(var(--af-practice-short-screen-breadcrumb-gap) + 1px);padding-block-end:var(--af-practice-short-screen-breadcrumb-gap)}.af-practice-options-toggle,.af-practice-about-toggle,.af-practice-info-link,.af-practice-option-button{font-size:.8125rem}}.show-keyboard-button .af-practice-option-icon{--af-practice-option-icon-image: url(/static/img/af-icon-keyboard-on-01.svg)}.hidden-keyboard .show-keyboard-button .af-practice-option-icon{--af-practice-option-icon-image: url(/static/img/af-icon-keyboard-off-01.svg)}.moving-cursor-button .af-practice-option-icon{--af-practice-option-icon-image: url(/static/img/af-cursor-static-01.svg)}.moving-cursor-button.moving-cursor-icon .af-practice-option-icon{--af-practice-option-icon-image: url(/static/img/af-cursor-moving-01.svg)}.allow-typos-button .af-practice-option-icon{--af-practice-option-icon-image: url(/static/img/af-icon-typos-allowed-01.svg)}.allow-typos-button.typos-prevented .af-practice-option-icon{--af-practice-option-icon-image: url(/static/img/af-icon-typos-not-allowed-01.svg)}.keyboard-sound-button .af-practice-option-icon{--af-practice-option-icon-image: url(/static/img/af-icon-sound-01.svg)}.keyboard-sound-button.sound-muted .af-practice-option-icon{--af-practice-option-icon-image: url(/static/img/af-icon-sound-muted-01.svg)}.keyboard-refresh-button .af-practice-option-icon{--af-practice-option-icon-image: url(/static/img/af-icon-refresh-01.svg)}.keyboard-reset-level-button .af-practice-option-icon{--af-practice-option-icon-image: url(/static/img/af-icon-refresh-01.svg)}.keyboard-pause-button .af-practice-option-icon{--af-practice-option-icon-image: url(/static/img/af-icon-pause-01.svg)}.keyboard-pause-button.paused .af-practice-option-icon{--af-practice-option-icon-image: url(/static/img/af-icon-play-01.svg)}.af-practice-info-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.af-practice-keyboard{position:relative;z-index:1;--af-practice-keyboard-fit-width: 65.5rem;--af-practice-keyboard-stage-aspect-ratio: 1048 / 312;--af-practice-keyboard-stage-width-per-height: 3.35897436;--af-practice-keyboard-canvas-aspect-ratio: 1226 / 859;--af-practice-keyboard-canvas-width: 116.98473282%;--af-practice-keyboard-canvas-top: 0%;--af-practice-keyboard-outer-frame-top: 0%;--af-practice-keyboard-outer-frame-left: 12.69083969%;--af-practice-keyboard-outer-frame-width: 74.61832061%;--af-practice-keyboard-outer-frame-height: 100%;--af-practice-keyboard-outer-frame-radius-x: 4.98721228%;--af-practice-keyboard-outer-frame-radius-y: 12.5%;--af-practice-keyboard-surface-top: 1.28205128%;--af-practice-keyboard-surface-left: .89514066%;--af-practice-keyboard-surface-width: 98.20971867%;--af-practice-keyboard-surface-height: 91.98717949%;--af-practice-keyboard-surface-radius-x: 4.55729167%;--af-practice-keyboard-surface-radius-y: 12.19512195%;--af-keyboard-key-bg: var(--af-keyboard-palette-key-bg);--af-keyboard-key-border: var(--af-keyboard-palette-key-border);--af-keyboard-key-text: var(--af-keyboard-palette-key-text);--af-keyboard-key-active-bg: var(--af-keyboard-palette-key-active-bg);--af-keyboard-key-active-border: var(--af-keyboard-palette-key-active-border);--af-keyboard-key-active-text: var(--af-keyboard-palette-key-active-text);--af-practice-keyboard-frame-surface: var(--af-keyboard-palette-surface);--af-hand-fill: #FFC9B2;--af-hand-frame: #484031;width:min(100%,65.5rem,var(--af-practice-keyboard-fit-width));margin:.0625rem auto 0;overflow:visible}html[data-theme-resolved=dark] .af-practice-keyboard{--af-hand-fill: #ffcbc8;--af-hand-frame: #8d706c}.af-practice-keyboard .empty-keyboard{position:absolute;top:0;bottom:auto!important;left:0;z-index:1;width:100%;min-width:0;height:auto;aspect-ratio:var(--af-practice-keyboard-stage-aspect-ratio);margin:0;border:0;background-image:none!important;filter:none;pointer-events:none}.af-practice-keyboard-component{position:absolute;top:var(--af-practice-keyboard-outer-frame-top);left:var(--af-practice-keyboard-outer-frame-left);width:var(--af-practice-keyboard-outer-frame-width);height:var(--af-practice-keyboard-outer-frame-height)}.af-practice-keyboard-frame{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--af-practice-keyboard-outer-frame-radius-x)/var(--af-practice-keyboard-outer-frame-radius-y);background:var(--af-practice-keyboard-frame)}.af-practice-keyboard-frame-content{position:absolute;top:var(--af-practice-keyboard-surface-top);left:var(--af-practice-keyboard-surface-left);box-sizing:border-box;width:var(--af-practice-keyboard-surface-width);height:var(--af-practice-keyboard-surface-height);border-radius:var(--af-practice-keyboard-surface-radius-x)/var(--af-practice-keyboard-surface-radius-y);background:var(--af-practice-keyboard-frame-surface)}.af-practice-keyboard .canvas-keyboard-wrapper{position:relative;bottom:auto;z-index:2;display:block;box-sizing:border-box;width:100%;height:auto;min-height:0;margin:0 auto;padding:0;overflow:visible}.af-practice-keyboard .canvas-keyboard-wrapper>canvas{position:relative;z-index:1;display:block;flex:none;left:50%;width:var(--af-practice-keyboard-canvas-width)!important;height:auto!important;max-width:none;aspect-ratio:var(--af-practice-keyboard-canvas-aspect-ratio);border-radius:.65rem;margin-top:var(--af-practice-keyboard-canvas-top);transform:translate(-50%)}.af-practice-keyboard[data-af-practice-canvas-clip-mode] .canvas-keyboard-wrapper>canvas{-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 var(--af-practice-hand-fade-start),transparent var(--af-practice-hand-fade-end),transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 var(--af-practice-hand-fade-start),transparent var(--af-practice-hand-fade-end),transparent 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media (min-width: 62rem) and (max-width: 79.999rem){.af-practice-keyboard{width:min(100%,82vw,65.5rem,var(--af-practice-keyboard-fit-width))}}@media (min-width: 100rem){.af-practice-keyboard{left:50%;width:min(65.5rem,var(--af-practice-keyboard-fit-width));max-width:none;margin-inline:0;transform:translate(-50%)}}.hidden-keyboard .af-practice-keyboard,#typing-elements-practice.hidden-keyboard .af-practice-keyboard{display:none}body.hidden-keyboard.af-practice-page-view>#base-centered-content-wrapper,body.hidden-keyboard.af-practice-page-view #base-centered-content,body.hidden-keyboard.af-practice-page-view .af-page-content-shell,body.hidden-keyboard.af-practice-page-view .af-page-content-main,body.hidden-keyboard.af-practice-page-view .af-practice-section,body.hidden-keyboard.af-practice-page-view .af-practice-shell,body.hidden-keyboard.af-practice-page-view .af-practice-view{display:flex;flex-direction:column}body.hidden-keyboard.af-practice-page-view #base-centered-content,body.hidden-keyboard.af-practice-page-view .af-page-content-shell,body.hidden-keyboard.af-practice-page-view .af-page-content-layout{min-height:0;flex:1 1 auto}body.hidden-keyboard.af-practice-page-view .af-page-content-main{min-height:0;align-self:stretch}body.hidden-keyboard.af-practice-page-view .af-practice-section,body.hidden-keyboard.af-practice-page-view .af-practice-shell,body.hidden-keyboard.af-practice-page-view .af-practice-view{min-height:0;flex:1 1 auto}body.hidden-keyboard.af-practice-page-view .af-practice-panel-anchor{display:flex;min-height:var(--af-practice-hidden-panel-min-height);flex:1 1 var(--af-practice-panel-height);flex-direction:column}body.hidden-keyboard.af-practice-page-view .af-practice-panel{min-height:0;height:auto;flex:1 1 auto}body.hidden-keyboard.af-practice-page-view .af-practice-interaction,body.hidden-keyboard.af-practice-page-view .af-practice-accordion-area{flex:0 0 auto}body.hidden-keyboard.af-practice-page-view .af-practice-typing-view,body.hidden-keyboard.af-practice-page-view .af-practice-typing-area,body.hidden-keyboard.af-practice-page-view .af-practice-stage,body.hidden-keyboard.af-practice-page-view .typing-content-elements,body.hidden-keyboard.af-practice-page-view .model-text-rows,body.hidden-keyboard.af-practice-page-view .af-practice-remaining-text,body.hidden-keyboard.af-practice-page-view .af-practice-remaining-text-inner,body.hidden-keyboard.af-practice-page-view .af-practice-preview-text{min-height:0;max-height:100%}body.hidden-keyboard.af-practice-page-view .af-practice-remaining-text{min-height:calc(var(--af-practice-preview-line-size) + .2rem)}@media (min-width: 992px) and (max-height: 799.98px){body.hidden-keyboard.af-practice-page-view{--af-practice-short-screen-main-height: calc(100vh - var(--af-header-height));--af-practice-short-screen-main-height: calc(100dvh - var(--af-header-height))}body.hidden-keyboard.af-practice-page-view .af-page-content-main{height:var(--af-practice-short-screen-main-height);align-self:start}}:is(body.hidden-keyboard #keyboard-view,#typing-elements-practice.hidden-keyboard #keyboard-view) .af-practice-options-panel{inset-block-start:auto;inset-block-end:calc(100% + .25rem)}@media (max-width: 1359.98px){.af-page-decorations--practice-keyboard .af-page-decoration--practice-content-coffee,.af-page-decorations--practice-keyboard .af-page-decoration--practice-content-star{display:none}}@media (max-width: 575.98px){.af-practice-options-panel{max-width:none}}@media (min-width: 768px) and (max-height: 800px){.af-practice-section{padding-block-end:clamp(.75rem,2vh,1.25rem)}}@media (min-width: 768px) and (max-height: 659.98px){.af-practice-page-view{--af-practice-short-screen-breadcrumb-gap: .75rem}body:not(.hidden-keyboard){--af-practice-panel-height: clamp( 13.8125rem, calc(36vh - var(--af-practice-preview-line-size)), 15.0625rem )}}.af-flashcard-controls{width:100%;max-width:var(--af-page-readable-width, 56rem);margin:1rem 0 1.5rem}.af-flashcard-control--wide{flex:1 1 18rem}.af-flashcard-secondary-nav{max-width:var(--af-page-readable-width, 56rem);margin-block:0 1.25rem;font-family:Inter,Cousine,Noto Sans JP,Noto Sans KR,system-ui,-apple-system,Segoe UI,sans-serif}.af-flashcard-secondary-nav ul{display:flex;flex-wrap:wrap;gap:.45rem;margin:0;padding:0;list-style:none}.af-flashcard-secondary-nav__item{min-height:2rem;display:inline-flex;align-items:center;padding:.35rem .75rem;border:1px solid var(--af-border);border-radius:999rem;background:var(--af-surface);color:var(--af-link);font-size:.82rem;font-weight:600;line-height:1.15;text-decoration:none;text-transform:none}.af-flashcard-secondary-nav__item.is-current{border-color:var(--af-text);color:var(--af-text);font-weight:400}.af-flashcard-secondary-nav a:hover{color:var(--af-text);text-decoration:underline}.af-flashcard-secondary-nav a:focus-visible{outline:.1875rem solid var(--af-primary);outline-offset:.125rem}.af-flashcard-catalogue-groups,.af-flashcard-language-list,.af-flashcard-topic-list{display:grid}.af-flashcard-catalogue-groups{align-items:start;gap:1.25rem}.af-flashcard-language-panel,.af-flashcard-topic-panel{min-height:0;gap:.75rem}.af-flashcard-group-title{overflow-wrap:anywhere}.af-flashcard-language-row{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(6.5rem,9rem);gap:1rem;align-items:center;padding:.6rem .65rem;border-block-end:1px solid var(--af-list-panel-line, var(--af-border))}.af-flashcard-language-row:last-child,.af-flashcard-topic-row:last-child{border-block-end:0}.af-flashcard-language-link,.af-flashcard-topic-link{min-width:0;display:inline-flex;align-items:baseline;gap:.4rem;color:var(--af-text);font-family:Bricolage Grotesque,Inter,Cousine,Noto Sans JP,Noto Sans KR,system-ui,-apple-system,Segoe UI,sans-serif;font-size:1rem;line-height:1.3;text-decoration:none;overflow-wrap:anywhere}.af-flashcard-language-link:hover,.af-flashcard-language-link:focus-visible{color:var(--af-text);text-decoration:underline}.af-flashcard-topic-link:hover,.af-flashcard-topic-link:focus-visible{color:var(--af-text);text-decoration:none}.af-flashcard-language-link .loop-index,.af-flashcard-topic-link .loop-index{flex:0 0 auto;color:var(--af-page-muted);font-family:Inter,Cousine,Noto Sans JP,Noto Sans KR,system-ui,-apple-system,Segoe UI,sans-serif;font-size:.85rem}.af-flashcard-topic-header,.af-flashcard-topic-row{min-width:0;display:grid;grid-template-columns:minmax(14rem,1fr) minmax(5.5rem,.22fr) minmax(4rem,.18fr) minmax(6.5rem,.24fr);gap:.65rem;align-items:center}.af-flashcard-topic-header{padding:0 .65rem .35rem;color:var(--af-page-muted);font-family:Inter,Cousine,Noto Sans JP,Noto Sans KR,system-ui,-apple-system,Segoe UI,sans-serif;font-size:.76rem;font-weight:400;line-height:1.2;text-align:center}.af-flashcard-topic-row{min-height:3rem;padding:.55rem .65rem;border-block-end:1px solid var(--af-list-panel-line, var(--af-border))}.af-flashcard-topic-stat{min-width:0;color:var(--af-text);font-family:Inter,Cousine,Noto Sans JP,Noto Sans KR,system-ui,-apple-system,Segoe UI,sans-serif;font-size:.82rem;font-weight:600;text-align:center}.af-flashcard-topic-link{width:fit-content;max-width:100%}.af-flashcard-topic-heading{min-width:0;margin:0}.af-flashcard-topic-row .af-practice-action-link,.af-flashcard-language-row .af-practice-action-link{min-height:2rem;border-radius:999rem;font-size:.82rem;font-weight:600;white-space:nowrap}.af-flashcard-topic-detail-host{grid-column:1/-1;width:100%}.af-flashcard-topic-detail-host[hidden]{display:none}.af-flashcard-topic-detail{display:grid;gap:.85rem;padding:.85rem 0 .25rem;border-block-start:1px solid var(--af-list-panel-line, var(--af-border))}.af-flashcard-topic-detail__groups,.af-flashcard-state-group{min-width:0;display:grid;gap:.55rem}.af-flashcard-state-group__title{margin:0;color:var(--af-text);font-family:Inter,Cousine,Noto Sans JP,Noto Sans KR,system-ui,-apple-system,Segoe UI,sans-serif;font-size:.82rem;font-weight:600}.af-flashcard-topic-detail__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.af-flashcard-topic-word{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.65rem;align-items:center;padding:.65rem .75rem;border:1px solid var(--af-neutral-card-border);border-radius:.7rem;background:var(--af-neutral-card-surface);color:var(--af-text);transition:border-color .14s ease,background-color .14s ease,box-shadow .14s ease}.af-flashcard-topic-word:hover,.af-flashcard-topic-word:focus-within,.af-flashcard-topic-word:active,.af-flashcard-topic-word.is-active,.af-flashcard-topic-word.is-selected{border-color:var(--af-primary);border-color:color-mix(in srgb,var(--af-primary) 48%,var(--af-neutral-card-border));background:var(--af-surface)}.af-flashcard-topic-word:focus-within{box-shadow:0 0 0 .16rem var(--af-primary)}.af-flashcard-topic-word__copy,.af-flashcard-topic-word__state{min-width:0;display:grid;gap:.15rem}.af-flashcard-topic-word__copy{overflow-wrap:anywhere}.af-flashcard-topic-word__copy>span,.af-flashcard-topic-word__state>span:first-child,.af-flashcard-topic-detail__empty{color:var(--af-page-muted);font-family:Inter,Cousine,Noto Sans JP,Noto Sans KR,system-ui,-apple-system,Segoe UI,sans-serif;font-size:.8rem}.af-flashcard-topic-word__state{justify-items:end;text-align:end}.af-flashcard-topic-detail__empty{margin:0}.af-flashcard-topic-detail__footer{display:flex;justify-content:flex-end}.af-flashcard-topic-detail__summary.af-action-button{width:auto;min-width:10rem}.af-flashcard-summary-hero{padding-block-end:clamp(1rem,2vw,1.5rem)}.af-flashcard-summary-hero .af-flashcard-secondary-nav{margin-block-end:.75rem}.af-flashcard-summary-content{display:grid;gap:1.25rem}.af-flashcard-summary-content>.af-flashcard-controls{max-width:none;margin:0}.af-flashcard-hero-progress{width:min(100%,var(--af-page-readable-width, 56rem));min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.5rem;margin-block-start:0;padding-block-start:1rem;border-block-start:1px solid var(--af-border)}.af-flashcard-hero-progress__content{min-width:0;display:grid;gap:.65rem}.af-flashcard-hero-progress__content h2{margin:0;font-size:1rem}.af-flashcard-hero-progress__action .af-action-button{min-width:10rem;width:auto}.af-flashcard-memorized-count{display:flex;flex-wrap:wrap;gap:.45rem;align-items:baseline;color:var(--af-page-copy)}.af-flashcard-summary-notice{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.9rem 1rem;border:1px solid var(--af-border);border-radius:.85rem;background:var(--af-surface);color:var(--af-text)}.af-flashcard-summary-notice[hidden]{display:none}.af-flashcard-text-action{padding:.2rem 0;border:0;background:transparent;color:var(--af-link);font-family:Inter,Cousine,Noto Sans JP,Noto Sans KR,system-ui,-apple-system,Segoe UI,sans-serif;font-size:.84rem;font-weight:700;line-height:1.25;text-align:start;cursor:pointer}.af-flashcard-text-action:hover,.af-flashcard-text-action:focus-visible{color:var(--af-text)}.af-flashcard-excluded-card{min-height:0}.af-flashcard-summary-overview{display:grid;gap:.75rem}.af-flashcard-summary-overview h2{margin:0;color:var(--af-text);font-family:Bricolage Grotesque,Inter,Cousine,Noto Sans JP,Noto Sans KR,system-ui,-apple-system,Segoe UI,sans-serif;font-size:1.35rem}.af-flashcard-management,.af-flashcard-state-groups{display:grid;gap:1.25rem}.af-flashcard-summary-state-card{min-height:0}.af-flashcard-summary-state-card__groups{display:grid;gap:1rem}.af-flashcard-summary-state-card__groups>.af-flashcard-state-group+.af-flashcard-state-group{padding-block-start:1rem;border-block-start:1px solid var(--af-border)}.af-flashcard-excluded-card[hidden]{display:none}.af-flashcard-word-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.af-flashcard-word{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.65rem;align-items:center;padding:.75rem;border:1px solid var(--af-neutral-card-border);border-radius:.75rem;background:var(--af-neutral-card-surface);color:var(--af-text);transition:border-color .14s ease,background-color .14s ease,box-shadow .14s ease}.af-flashcard-word:hover,.af-flashcard-word:focus-within,.af-flashcard-word:active,.af-flashcard-word.is-active,.af-flashcard-word.is-selected{border-color:var(--af-primary);border-color:color-mix(in srgb,var(--af-primary) 48%,var(--af-neutral-card-border));background:var(--af-surface)}.af-flashcard-word:focus-within{box-shadow:0 0 0 .16rem var(--af-primary)}.af-flashcard-level-badge{min-width:2rem;min-height:2rem;display:inline-flex;align-items:center;justify-content:center;padding:.2rem .5rem;border:1px solid var(--af-button-border-color);border-radius:999rem;background:var(--af-button-neutral);color:var(--af-button-neutral-text);font-family:Inter,Cousine,Noto Sans JP,Noto Sans KR,system-ui,-apple-system,Segoe UI,sans-serif;font-size:.82rem;font-weight:800;line-height:1}.af-flashcard-state-legend-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.af-flashcard-state-legend{min-width:0;flex:1 1 auto;display:flex;flex-wrap:wrap;gap:.5rem .75rem;margin:0;padding:0;color:var(--af-page-muted);font-family:Inter,Cousine,Noto Sans JP,Noto Sans KR,system-ui,-apple-system,Segoe UI,sans-serif;font-size:.8rem;list-style:none}.af-flashcard-state-legend-row .af-flashcard-text-action{flex:0 1 auto;margin-inline-start:auto}.af-flashcard-state-legend li{display:inline-flex;align-items:center;gap:.35rem}.af-flashcard-state-legend__copy{min-width:0;display:grid;gap:.05rem}.af-flashcard-state-legend__copy strong{color:var(--af-text);font-weight:600}.af-flashcard-state-legend__copy>span{font-size:.72rem}.af-flashcard-state-marker{min-width:2rem;min-height:2rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--af-border);border-radius:999rem;background:var(--af-surface);color:var(--af-text);font-weight:700;line-height:1}.af-flashcard-state-marker.is-memorized{border-color:var(--af-button-continue);background:var(--af-button-continue)}.af-flashcard-state-legend .af-flashcard-state-marker{min-width:1.55rem;min-height:1.55rem}.af-flashcard-state-group__count{color:var(--af-page-muted);font-size:.82em;font-weight:600}.af-flashcard-word{grid-template-rows:auto auto}.af-flashcard-word.is-excluded{opacity:.58}.af-flashcard-word__copy{min-width:0;display:grid;gap:.15rem;overflow-wrap:anywhere}.af-flashcard-word__translation,.af-flashcard-word__pronunciation{color:var(--af-page-copy);font-size:.86rem}.af-flashcard-word__actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.35rem .75rem}.af-custom-flashcards-workspace{display:grid;gap:1.25rem}.af-custom-flashcard-list-card,.af-custom-flashcard-editor{min-height:0}.af-custom-flashcard-list-toolbar,.af-custom-flashcard-editor-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.af-custom-flashcard-list-toolbar .af-action-button{width:auto;min-width:8rem}.af-custom-flashcard-list,.af-custom-flashcard-editor,.af-custom-flashcard-edit-list{display:grid}.af-custom-flashcard-list-header,.af-custom-flashcard-row{min-width:0;display:grid;grid-template-columns:minmax(12rem,1fr) minmax(5.5rem,.22fr) minmax(4rem,.18fr) minmax(6.5rem,.24fr) minmax(3.5rem,.16fr);gap:.65rem;align-items:center}.af-custom-flashcard-list-header{padding:0 .65rem .35rem;color:var(--af-page-muted);font-family:Inter,Cousine,Noto Sans JP,Noto Sans KR,system-ui,-apple-system,Segoe UI,sans-serif;font-size:.76rem;line-height:1.2;text-align:center}.af-custom-flashcard-list-header .af-practice-list-header-action{grid-column:span 2}.af-custom-flashcard-row{min-height:3rem;padding:.55rem .65rem;border-block-end:1px solid var(--af-list-panel-line, var(--af-border))}.af-custom-flashcard-row:last-child{border-block-end:0}.af-custom-flashcard-stat{min-width:0;font-family:Inter,Cousine,Noto Sans JP,Noto Sans KR,system-ui,-apple-system,Segoe UI,sans-serif;font-size:.82rem;text-align:center}.af-custom-flashcard-row .af-flashcard-topic-link{font-weight:700}.af-custom-flashcard-row .af-practice-list-edit-cell{display:flex;justify-content:center}.af-custom-flashcard-editor{gap:1rem}.af-custom-flashcard-editor[hidden],.af-custom-flashcard-delete[hidden]{display:none}.af-custom-flashcard-title-field,.af-custom-flashcard-field{min-width:0;display:grid;gap:.3rem}.af-custom-flashcard-title-field{max-width:36rem}.af-custom-flashcard-fields{min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:.85rem;align-items:end;padding:0;border:0;margin:0}.af-custom-flashcard-title-field label,.af-custom-flashcard-field label{color:var(--af-text);font-family:Inter,Cousine,Noto Sans JP,Noto Sans KR,system-ui,-apple-system,Segoe UI,sans-serif;font-size:.88rem;font-weight:600}.af-custom-flashcard-field-note{color:var(--af-page-muted);font-family:Inter,Cousine,Noto Sans JP,Noto Sans KR,system-ui,-apple-system,Segoe UI,sans-serif;font-size:.76rem}.af-custom-flashcard-add-word{margin-block-end:1.25rem;white-space:nowrap}.af-form-error{min-height:1rem;color:var(--af-error, #a5291c);font-family:Inter,Cousine,Noto Sans JP,Noto Sans KR,system-ui,-apple-system,Segoe UI,sans-serif;font-size:.76rem}.af-custom-flashcard-edit-list{gap:.4rem}.af-custom-flashcard-edit-item{min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:.75rem;align-items:center;padding:.65rem 0;border-block-end:1px solid var(--af-border);color:var(--af-text);overflow-wrap:anywhere}.af-custom-flashcard-edit-pronunciation{color:var(--af-page-muted)}.af-custom-flashcard-edit-actions{display:flex;flex-wrap:wrap;gap:.65rem}.af-custom-flashcard-editor-actions{justify-content:flex-start}.af-custom-flashcard-editor-actions .af-action-button,.af-custom-flashcard-editor-actions .af-pill-link{width:auto;min-width:8rem}.af-custom-flashcard-delete{margin-inline-start:auto}.af-flashcard-practice-prompt{display:grid;gap:.55rem;margin-block:1rem .75rem;padding-block-end:.75rem;border-block-end:1px solid var(--af-border)}.af-flashcard-practice-prompt__main{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:1rem}.af-flashcard-source-word{min-width:0;margin:0;color:var(--af-text);font-family:Inter,Cousine,Noto Sans JP,Noto Sans KR,system-ui,-apple-system,Segoe UI,sans-serif;font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:800;line-height:1.2;overflow-wrap:anywhere}.af-flashcard-practice-levels,.af-flashcard-level-change{flex:0 0 auto;display:flex;align-items:center;gap:.4rem}.af-flashcard-level-change.is-animating>[aria-hidden=true]{animation:af-flashcard-level-arrow-in .3s ease-out .18s both}.af-flashcard-level-change.is-animating>:is(.af-flashcard-level-badge,.af-flashcard-state-marker){animation:af-flashcard-level-in .6s cubic-bezier(.2,.75,.25,1.15) both}@keyframes af-flashcard-level-arrow-in{0%{opacity:0;transform:translate(-.75rem)}to{opacity:1;transform:translate(0)}}@keyframes af-flashcard-level-in{0%{opacity:0;transform:translate(-3rem) rotate(-180deg) scale(.75)}to{opacity:1;transform:translate(0) rotate(360deg) scale(1)}}.af-flashcard-answer-summary{grid-area:1/1;align-content:center;justify-items:center;display:grid;gap:.35rem;min-height:6.5rem;padding:.75rem;color:var(--af-text);text-align:center}.af-flashcard-answer-summary[hidden],.af-flashcard-level-change[hidden],.af-flashcard-pronunciation[hidden]{display:none}.af-flashcard-answer-summary__expected,.af-flashcard-answer-summary__typed{margin:0;font-family:Roboto Mono,Cousine,Noto Sans JP,Noto Sans KR,monospace;font-size:clamp(1.35rem,3vw,1.9rem);overflow-wrap:anywhere}.af-flashcard-answer-summary__label,.af-flashcard-pronunciation,.af-flashcard-answer-summary__continue{color:var(--af-page-muted);font-family:Inter,Cousine,Noto Sans JP,Noto Sans KR,system-ui,-apple-system,Segoe UI,sans-serif;font-size:.82rem}.af-flashcard-answer-summary__continue{margin:.15rem 0 0}.af-flashcard-practice-page .af-practice-typing-area{display:grid}.af-flashcard-practice-page .af-practice-stage{grid-area:1/1}.af-flashcard-practice-page .af-practice-typing-area.is-answer-complete .af-practice-stage{opacity:0;pointer-events:none}.af-flashcard-practice-page .af-practice-panel .typing-content-elements{min-height:6.5rem}@media (min-height: 640px){.af-flashcard-practice-page .af-flashcard-pronunciation[hidden]{display:flex;visibility:hidden}}.af-flashcard-practice-page .keyboard-reset-level-button:disabled{opacity:.45;cursor:not-allowed}.af-flashcard-practice-page .canvas-keyboard-wrapper.is-flashcard-keyboard-muted{opacity:.68}@media (max-width: 991.98px){.af-flashcard-topic-header{display:none}.af-flashcard-topic-row{grid-template-columns:minmax(0,1fr) repeat(2,minmax(4rem,auto))}.af-flashcard-topic-heading{grid-column:1/-1}.af-flashcard-topic-stat{display:grid;gap:.15rem;text-align:start}.af-flashcard-topic-stat:before{content:attr(data-label);color:var(--af-page-muted);font-size:.7rem;font-weight:400;line-height:1.15}.af-flashcard-word-grid,.af-flashcard-topic-detail__list{grid-template-columns:repeat(2,minmax(0,1fr))}.af-custom-flashcard-list-header{display:none}.af-custom-flashcard-row{grid-template-columns:repeat(3,minmax(0,1fr))}.af-custom-flashcard-row .af-flashcard-topic-heading{grid-column:1/-1}.af-custom-flashcard-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.af-custom-flashcard-add-word{align-self:end}}@media (max-width: 575.98px){.af-flashcard-control--wide{width:100%}.af-flashcard-language-row{grid-template-columns:minmax(0,1fr)}.af-flashcard-topic-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.af-flashcard-topic-row .af-practice-action-cell{grid-column:1/-1;min-height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.55rem;background:var(--af-surface);background:color-mix(in srgb,var(--af-surface) 45%,transparent)}.af-flashcard-hero-progress{grid-template-columns:minmax(0,1fr)}.af-flashcard-hero-progress__action .af-action-button,.af-flashcard-topic-detail__summary.af-action-button{width:100%}.af-flashcard-word-grid,.af-flashcard-topic-detail__list{grid-template-columns:minmax(0,1fr)}.af-custom-flashcard-row,.af-custom-flashcard-fields,.af-custom-flashcard-edit-item{grid-template-columns:repeat(2,minmax(0,1fr))}.af-custom-flashcard-row .af-flashcard-topic-heading,.af-custom-flashcard-field,.af-custom-flashcard-add-word,.af-custom-flashcard-edit-actions{grid-column:1/-1}.af-custom-flashcard-delete{margin-inline-start:0}.af-flashcard-practice-prompt__main{align-items:flex-start}}@media (max-width: 991.98px){.af-practice-page-view{--af-practice-effective-keyboard-reserve: 0px;scroll-padding-block-end:calc(var(--af-practice-effective-keyboard-reserve) + var(--af-mobile-touch-target))}.af-practice-page-view.af-native-keyboard-open{--af-practice-effective-keyboard-reserve: var(--af-keyboard-occlusion, 0px)}.af-practice-section,.af-practice-hero{max-width:100%}.af-practice-section{padding-block-end:var(--af-practice-effective-keyboard-reserve)!important}.af-practice-panel{height:clamp(10rem,30vh,14rem);height:clamp(10rem,min(30dvh,30svh),14rem);min-height:10rem;padding:clamp(.75rem,3vw,1.15rem);border-radius:var(--af-mobile-card-radius)}.af-practice-panel .currently-written-text,.af-practice-panel .typing-elements-centered{font-size:clamp(1.25rem,5.5vw,1.85rem)}.af-practice-preview-text{--af-practice-preview-max-height: calc(4lh + .2em) ;font-size:clamp(1rem,4vw,1.2rem)}.af-practice-command-row{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;min-height:var(--af-mobile-touch-target);align-items:stretch;gap:clamp(.2rem,1.5vw,.5rem);padding-inline:0}.af-practice-command-group,.af-practice-info-links{min-width:0}.af-practice-command-group{justify-self:start}.af-practice-command-row>:only-child{grid-column:1/-1}.af-practice-info-links{flex-wrap:nowrap;justify-self:end;justify-content:flex-end}.af-practice-options-toggle,.af-practice-about-toggle,.af-practice-info-link{width:auto;max-width:100%;min-width:0;min-height:var(--af-mobile-touch-target);justify-content:flex-start;gap:.35rem;padding-inline:clamp(.3rem,2vw,.65rem);font-size:12px;white-space:normal}.af-practice-progress .af-progress-message__content{grid-template-areas:"accuracy progress bar";grid-template-columns:minmax(0,1fr) auto minmax(3.5rem,calc(var(--af-progress-message-width) * .36));column-gap:clamp(.2rem,1vw,.35rem);justify-items:stretch}.af-practice-progress--without-accuracy .af-progress-message__content{grid-template-areas:"progress bar";grid-template-columns:auto minmax(3.5rem,calc(var(--af-progress-message-width) * .36))}.af-practice-progress .af-progress-message__text{justify-self:end;text-align:end}.af-practice-progress__accuracy{min-width:0;justify-self:start;white-space:nowrap}.af-practice-progress .af-progress-message__bar{width:100%;justify-self:end}#keyboard-view .af-practice-options-panel{position:static;width:100%;max-width:none;max-height:min(22rem,var(--af-visual-viewport-height) - 5rem);grid-template-columns:repeat(2,minmax(0,1fr));margin-block:.25rem .5rem}.af-practice-keyboard{--af-practice-keyboard-mobile-growth: clamp(0rem, calc(8vw - 3rem) , 2.5rem);width:min(100% + var(--af-practice-keyboard-mobile-growth),100vw - 1rem - env(safe-area-inset-left) - env(safe-area-inset-right),var(--af-practice-keyboard-fit-width));overflow:hidden;overflow:clip}.af-page-decorations--practice-panel,.af-page-decorations--practice-keyboard{display:none}}@media (max-width: 575.98px){.af-practice-progress__accuracy,.af-practice-progress .af-progress-message__text{font-size:12px}#keyboard-view .af-practice-options-panel{grid-template-columns:minmax(0,1fr)}.af-practice-option-button{width:100%;justify-content:flex-start}}@media (max-width: 991.98px) and (orientation: landscape){.af-practice-panel{height:clamp(9rem,34vh,11.5rem);height:clamp(9rem,34dvh,11.5rem);min-height:9rem}}