.typing-container[data-v-2b5d4083]{display:flex;flex-direction:column;background:radial-gradient(circle at 18% 8%,rgba(255,222,8,.18),transparent 28%),linear-gradient(180deg,#fffdf2,#eef6ff 42%,#f5f8fb);height:100%;min-height:calc(100vh - 60px);position:relative;overflow:hidden}.typing-container__wrapper[data-v-2b5d4083]{display:flex;flex-direction:row;width:100%;max-width:1400px;margin:0 auto;gap:20px;padding:0 20px}.typing-container__main[data-v-2b5d4083]{display:flex;flex-direction:column;flex:1;min-width:0}.typing-container__content[data-v-2b5d4083]{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:22px;height:clamp(180px,34dvh,360px);max-width:100%;padding:0 24px;flex-shrink:0;overflow:auto;overscroll-behavior:contain}.typing-container__keyboard[data-v-2b5d4083]{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin-top:clamp(16px,3dvh,36px);flex-shrink:0;width:100%;padding:0 24px}.typing-container__progress[data-v-2b5d4083]{width:min(800px,calc(100vw - 32px));height:8px}.typing-container__hands[data-v-2b5d4083]{margin-top:14px;position:relative;max-height:345px;min-height:clamp(150px,24dvh,220px)}.typing-container.with-buttons[data-v-2b5d4083]{min-height:calc(100vh - 160px)}.typing-container.with-buttons .typing-container__content[data-v-2b5d4083]{height:clamp(160px,30dvh,300px);min-height:140px}.typing-container.with-buttons .typing-container__hands[data-v-2b5d4083]{min-height:clamp(150px,24dvh,220px);max-height:345px}@media(max-width:1023px){.typing-container[data-v-2b5d4083]{min-height:calc(100dvh - 50px);overflow-y:auto}.typing-container__content[data-v-2b5d4083]{margin-top:16px;height:clamp(160px,30dvh,300px);padding:0 12px;align-items:flex-start;overflow-y:auto}.typing-container__keyboard[data-v-2b5d4083]{margin-top:18px;padding:0 12px 24px}.typing-container__hands[data-v-2b5d4083]{min-height:clamp(140px,22dvh,190px);max-height:260px}.typing-container.with-buttons[data-v-2b5d4083]{min-height:calc(100dvh - 120px)}.typing-container.with-buttons .typing-container__content[data-v-2b5d4083]{height:clamp(140px,28dvh,240px)}.typing-container.with-buttons .typing-container__hands[data-v-2b5d4083]{min-height:clamp(140px,22dvh,190px);max-height:260px}}@media(max-width:767px){.typing-container[data-v-2b5d4083]{min-height:calc(100dvh - 50px)}.typing-container__content[data-v-2b5d4083]{height:auto;min-height:140px;max-height:42dvh;margin-top:12px;padding:0 10px}.typing-container__keyboard[data-v-2b5d4083]{margin-top:14px;padding:0 10px calc(18px + env(safe-area-inset-bottom))}.typing-container__hands[data-v-2b5d4083]{min-height:clamp(120px,20dvh,160px);max-height:180px;width:100%}.typing-container__progress[data-v-2b5d4083]{width:calc(100vw - 20px)}.typing-container.with-buttons[data-v-2b5d4083]{min-height:calc(100dvh - 96px)}.typing-container.with-buttons .typing-container__content[data-v-2b5d4083]{height:auto;min-height:120px;max-height:36dvh}.typing-container.with-buttons .typing-container__hands[data-v-2b5d4083]{min-height:clamp(120px,20dvh,160px);max-height:180px}}@media(max-height:900px){.typing-container__content[data-v-2b5d4083]{height:clamp(170px,32dvh,320px)}.typing-container.with-buttons .typing-container__content[data-v-2b5d4083]{height:clamp(150px,30dvh,280px)}}@media(max-height:800px){.typing-container__content[data-v-2b5d4083]{height:clamp(280px,46dvh,360px)}.typing-container.with-buttons .typing-container__content[data-v-2b5d4083]{height:clamp(140px,28dvh,240px)}.typing-container__hands[data-v-2b5d4083]{min-height:clamp(118px,18dvh,150px);max-height:190px}}@media(max-height:700px){.typing-container__content[data-v-2b5d4083]{height:clamp(240px,46dvh,320px)}.typing-container.with-buttons .typing-container__content[data-v-2b5d4083]{height:clamp(120px,26dvh,190px)}}@media(max-height:600px){.typing-container__content[data-v-2b5d4083]{height:clamp(220px,46dvh,300px)}.typing-container.with-buttons .typing-container__content[data-v-2b5d4083]{height:clamp(110px,22dvh,160px)}}@media(max-width:1023px){.typing-container__content[data-v-2b5d4083]{height:clamp(150px,30dvh,280px)}.typing-container.with-buttons .typing-container__content[data-v-2b5d4083]{height:clamp(130px,28dvh,230px)}}@media(max-width:1100px)and (max-height:800px){.typing-container__content[data-v-2b5d4083]{height:clamp(280px,46dvh,360px)}.typing-container__hands[data-v-2b5d4083]{min-height:clamp(118px,18dvh,150px);max-height:190px}}@media(max-width:767px){.typing-container__content[data-v-2b5d4083],.typing-container.with-buttons .typing-container__content[data-v-2b5d4083]{height:auto}}@media(max-width:1200px){.typing-container__wrapper[data-v-2b5d4083]{max-width:100%;padding:0}}