.typing-container[data-v-d740150c]{--typing-main-width:min(800px, calc(100vw - 32px));--typing-content-width:var(--typing-main-width);--typing-stats-width:128px;--typing-practice-gap:clamp(28px, 4vw, 56px);--typing-stage-width:min(calc(var(--typing-main-width) + var(--typing-stats-width) + var(--typing-practice-gap)), calc(100vw - 32px));background:radial-gradient(circle at 18% 8%,#ffde082e,#0000 28%),linear-gradient(#fffdf2,#eef6ff 42%,#f5f8fb);flex-direction:column;height:100%;min-height:calc(100vh - 60px);display:flex;position:relative;overflow:hidden}.typing-container__wrapper[data-v-d740150c]{flex-direction:row;gap:20px;width:100%;max-width:1400px;margin:0 auto;padding:0 20px;display:flex}.typing-container__main[data-v-d740150c]{flex-direction:column;flex:1;min-width:0;display:flex}.typing-container__content[data-v-d740150c]{box-sizing:border-box;width:var(--typing-content-width);overscroll-behavior:contain;flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;max-width:100%;height:clamp(220px,36dvh,380px);min-height:220px;margin:22px auto 0;display:flex;overflow:auto}.typing-container.with-stats .typing-container__content[data-v-d740150c]{margin-left:max(0px, calc((100% - var(--typing-stage-width))/2));margin-right:auto}.typing-container.with-stats.keyboard-hidden .typing-container__content[data-v-d740150c]{height:clamp(520px,100dvh - 188px,760px);min-height:min(520px,100dvh - 188px);margin-left:auto;margin-right:auto}.typing-container__keyboard[data-v-d740150c]{flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:center;width:100%;margin-top:clamp(16px,3dvh,36px);padding:0 24px;display:flex}.typing-container__keyboard-stage[data-v-d740150c]{width:var(--typing-main-width)}.typing-container__keyboard-stage--with-stats[data-v-d740150c]{grid-template-columns:minmax(0, var(--typing-main-width)) var(--typing-stats-width);-moz-column-gap:var(--typing-practice-gap);column-gap:var(--typing-practice-gap);width:var(--typing-stage-width);justify-content:center;display:grid}.typing-container__progress[data-v-d740150c]{grid-column:1;width:100%;height:8px}.typing-container__practice-area[data-v-d740150c]{display:contents}.typing-container__hands[data-v-d740150c]{grid-column:1;width:100%;min-height:clamp(150px,24dvh,220px);max-height:345px;margin-top:14px;position:relative}.typing-container__stats[data-v-d740150c]{width:var(--typing-stats-width);grid-area:2/2;padding-top:clamp(16px,2.5dvh,28px)}.typing-container.keyboard-hidden .typing-container__keyboard[data-v-d740150c]{margin-top:12px}.typing-container.keyboard-hidden .typing-container__keyboard-stage--with-stats[data-v-d740150c]{grid-template-columns:minmax(0, var(--typing-main-width));width:var(--typing-main-width);row-gap:10px}.typing-container.keyboard-hidden .typing-container__stats[data-v-d740150c]{grid-area:1/1;width:100%;padding-top:0}.typing-container.keyboard-hidden .typing-container__progress[data-v-d740150c]{grid-row:2}.typing-container.keyboard-hidden .typing-container__hands[data-v-d740150c]{grid-row:3;min-height:1px;max-height:1px;margin-top:0;overflow:hidden}.typing-container.keyboard-hidden .typing-container__stats[data-v-d740150c] .typing-stats-panel{flex-flow:wrap;justify-content:center;gap:10px clamp(28px,5vw,56px);width:100%}.typing-container.keyboard-hidden .typing-container__stats[data-v-d740150c] .typing-stats-panel__item{align-items:center;gap:2px;min-width:96px}.typing-container.keyboard-hidden .typing-container__stats[data-v-d740150c] .typing-stats-panel__value{color:#5f666d;font-size:28px;line-height:32px}.typing-container.keyboard-hidden .typing-container__stats[data-v-d740150c] .typing-stats-panel__label{color:#9aa0a6;font-size:13px;line-height:17px}.typing-container.keyboard-hidden .typing-container__stats[data-v-d740150c] .typing-stats-panel__unit{color:#9aa0a6;font-size:10px;line-height:14px}.typing-container.with-buttons[data-v-d740150c]{min-height:calc(100vh - 160px)}.typing-container.with-buttons .typing-container__content[data-v-d740150c]{height:clamp(190px,30dvh,300px);min-height:190px}.typing-container.with-buttons .typing-container__hands[data-v-d740150c]{min-height:clamp(150px,24dvh,220px);max-height:345px}.typing-container.with-buttons.keyboard-hidden .typing-container__content[data-v-d740150c]{height:clamp(520px,100dvh - 188px,760px);min-height:min(520px,100dvh - 188px)}.typing-container.with-buttons.keyboard-hidden .typing-container__hands[data-v-d740150c]{min-height:1px;max-height:1px}@media (max-width:1023px){.typing-container[data-v-d740150c]{min-height:calc(100dvh - 50px);overflow-y:auto}.typing-container__content[data-v-d740150c]{align-items:flex-start;width:calc(100vw - 24px);height:clamp(190px,32dvh,300px);min-height:190px;margin-top:16px;overflow-y:auto}.typing-container.with-stats .typing-container__content[data-v-d740150c]{margin-left:auto;margin-right:auto}.typing-container__keyboard[data-v-d740150c]{margin-top:18px;padding:0 12px 24px}.typing-container__keyboard-stage[data-v-d740150c]{width:calc(100vw - 24px);display:block}.typing-container__practice-area[data-v-d740150c]{flex-direction:column;align-items:center;gap:10px;display:flex}.typing-container__hands[data-v-d740150c]{min-height:clamp(140px,22dvh,190px);max-height:260px}.typing-container__stats[data-v-d740150c]{flex:0 auto;order:-1;width:min(800px,100%);padding-top:4px}.typing-container.with-buttons[data-v-d740150c]{min-height:calc(100dvh - 120px)}.typing-container.with-buttons .typing-container__content[data-v-d740150c]{height:clamp(170px,28dvh,240px);min-height:170px}.typing-container.with-buttons .typing-container__hands[data-v-d740150c]{min-height:clamp(140px,22dvh,190px);max-height:260px}}@media (max-width:767px){.typing-container[data-v-d740150c]{min-height:calc(100dvh - 50px)}.typing-container__content[data-v-d740150c]{width:calc(100vw - 20px);height:auto;min-height:170px;max-height:42dvh;margin-top:12px}.typing-container__keyboard[data-v-d740150c]{padding:0 10px calc(18px + env(safe-area-inset-bottom));margin-top:14px}.typing-container__hands[data-v-d740150c]{width:100%;min-height:clamp(120px,20dvh,160px);max-height:180px}.typing-container__progress[data-v-d740150c]{width:calc(100vw - 20px)}.typing-container.with-buttons[data-v-d740150c]{min-height:calc(100dvh - 96px)}.typing-container.with-buttons .typing-container__content[data-v-d740150c]{height:auto;min-height:150px;max-height:36dvh}.typing-container.with-buttons .typing-container__hands[data-v-d740150c]{min-height:clamp(120px,20dvh,160px);max-height:180px}}@media (max-height:900px){.typing-container__content[data-v-d740150c]{height:clamp(170px,32dvh,320px)}.typing-container.with-buttons .typing-container__content[data-v-d740150c]{height:clamp(180px,30dvh,280px);min-height:180px}}@media (max-height:800px){.typing-container__content[data-v-d740150c]{height:clamp(280px,46dvh,360px)}.typing-container.with-buttons .typing-container__content[data-v-d740150c]{height:clamp(170px,28dvh,240px);min-height:170px}.typing-container__hands[data-v-d740150c]{min-height:clamp(118px,18dvh,150px);max-height:190px}}@media (max-height:700px){.typing-container__content[data-v-d740150c]{height:clamp(240px,46dvh,320px)}.typing-container.with-buttons .typing-container__content[data-v-d740150c]{height:clamp(150px,26dvh,190px);min-height:150px}}@media (max-height:600px){.typing-container__content[data-v-d740150c]{height:clamp(220px,46dvh,300px)}.typing-container.with-buttons .typing-container__content[data-v-d740150c]{height:clamp(140px,22dvh,160px);min-height:140px}}@media (max-width:1023px){.typing-container__content[data-v-d740150c]{height:clamp(180px,30dvh,280px);min-height:180px}.typing-container.with-buttons .typing-container__content[data-v-d740150c]{height:clamp(160px,28dvh,230px);min-height:160px}}@media (max-width:1100px) and (max-height:800px){.typing-container__content[data-v-d740150c]{height:clamp(280px,46dvh,360px)}.typing-container__hands[data-v-d740150c]{min-height:clamp(118px,18dvh,150px);max-height:190px}}@media (max-width:767px){.typing-container__content[data-v-d740150c],.typing-container.with-buttons .typing-container__content[data-v-d740150c]{height:auto}}@media (max-width:1200px){.typing-container__wrapper[data-v-d740150c]{max-width:100%;padding:0}}