.typing-app{color:#304b3e;background:#faf7ee;min-height:100svh;padding:0 max(20px,50vw - 550px);font-family:Arial,sans-serif}.typing-app button,.typing-app a{-webkit-tap-highlight-color:transparent}.typing-app button{cursor:pointer;font:inherit}.typing-app button:focus-visible,.typing-app a:focus-visible,.typing-board:focus-visible{outline-offset:5px;outline:3px solid #8364ab}.typing-header{border-bottom:1px solid #dedfd0;justify-content:space-between;align-items:center;gap:16px;padding:25px 0;display:flex}.typing-header a{color:inherit;align-items:center;gap:10px;font-size:23px;text-decoration:none;display:flex}.typing-header a span{margin-left:16px;font-size:13px}.typing-header>div{align-items:center;gap:10px;font-size:13px;display:flex}.typing-header img{border-radius:50%}.typing-heading{text-align:center;margin:36px 0 28px}.typing-heading>p:first-child,.typing-instruction{letter-spacing:2px;color:#637966;font-size:11px;font-weight:700}.typing-heading h1{margin:12px 0;font-family:Georgia,serif;font-size:clamp(32px,5vw,51px);font-weight:400}.typing-heading h1 em{color:#628258}.typing-heading>p:last-child{color:#70806e;font-size:15px}.typing-picker,.typing-console{background:#fffdf7;border:1px solid #d8dfcf;border-radius:25px;overflow:hidden;box-shadow:0 12px 40px #344c3c08}.typing-picker{padding:28px}.typing-intro{text-align:center}.typing-intro>span{font-size:45px}.typing-intro h2{margin:12px;font-family:Georgia,serif;font-size:29px;font-weight:400}.typing-intro p{color:#6c7969;font-size:14px;line-height:1.7}.typing-lessons{grid-template-columns:1fr 1fr;gap:13px;margin:25px 0;display:grid}.typing-lessons button{text-align:left;color:#304b3e;background:#f1f4e8;border:1px solid #dce3cf;border-radius:16px;align-items:center;gap:16px;padding:20px;transition:background .2s;display:flex}.typing-lessons button:hover{background:#e4ecd7}.typing-lessons button>span{font-size:32px}.typing-lessons button>b{margin-left:auto}.typing-lessons h3{margin:5px 0;font-family:Georgia,serif;font-size:21px;font-weight:400}.typing-lessons small{color:#637653;font-size:11px}.typing-lessons p{color:#677663;margin:0;font-size:12px}.typing-note{text-align:center;color:#66775e;padding:0 14px;font-size:12px;line-height:1.7}.typing-note button{color:#526a42;background:0 0;border:0;margin-left:12px;padding:8px;text-decoration:underline}.typing-toolbar{border-bottom:1px solid #e5e9dd;justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;font-size:13px;display:flex}.typing-toolbar button{color:#536b48;background:0 0;border:0;padding:8px}.typing-garden{background:linear-gradient(#f0f5e9,#f9faf2);border-bottom:3px solid #dce6ca;justify-content:center;gap:clamp(6px,2vw,24px);padding:24px 15px 16px;display:flex}.typing-garden span{opacity:.45;font-size:clamp(22px,4vw,35px)}.typing-garden .grown{opacity:1;animation:.4s ease-out typing-grow}.typing-board{text-align:center;padding:24px 15px 12px;outline-offset:-4px!important}.typing-word{flex-wrap:wrap;justify-content:center;gap:7px;max-width:900px;margin:24px auto;display:flex}.typing-word>span{color:#788475;background:#f0eee6;border-bottom:3px solid #d9dccf;border-radius:10px;justify-content:center;align-items:center;width:clamp(27px,4.5vw,49px);height:clamp(45px,6vw,64px);font-family:Georgia,serif;font-size:clamp(25px,4vw,39px);display:inline-flex}.typing-word .current{color:#423c24;background:#f9d987;border:2px solid #b99135;transform:translateY(-3px);box-shadow:0 0 0 5px #f9d98744}.typing-word .done{color:#47703d;background:#deead2;border-color:#91b480}.typing-feedback{color:#526b45;min-height:24px;font-size:14px;line-height:1.6}.typing-primary{color:#fff;background:#43664b;border:0;border-radius:30px;padding:14px 24px;font-weight:700!important}.typing-hear{color:#536b48;background:#f7f9f0;border:1px solid #cdd8c2;border-radius:24px;padding:9px 17px}.typing-keyboard{text-align:center;max-width:750px;margin:auto;padding:20px 12px 5px}.typing-key-row{justify-content:center;gap:7px;margin-bottom:8px;display:flex}.typing-key-row button{color:#42583d;background:#f6f3eb;border:1px solid #d8dcca;border-bottom:4px solid #d1d8c5;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;width:57px;height:58px;display:flex;position:relative}.typing-key-row b{font-size:19px}.typing-key-row small{opacity:.65;font-size:11px}.typing-key-row i{background:#879478;width:12px;height:2px;position:absolute;bottom:4px}.typing-keyboard .lit{color:#403b26;background:#f9d987;border-color:#b99135;box-shadow:0 0 0 3px #f9d98744}.typing-space{color:#42583d;background:#f6f3eb;border:1px solid #d8dcca;border-bottom:4px solid #d1d8c5;border-radius:9px;width:42%;height:43px}.typing-space span{margin-left:20px}.typing-keyboard button:disabled{opacity:.5;cursor:default}.typing-footer{color:#75816b;justify-content:space-between;gap:12px;padding:24px 0 32px;font-size:12px;display:flex}@keyframes typing-grow{0%{transform:scale(.6)translateY(8px)}to{transform:scale(1)translateY(0)}}@media (max-width:600px){.typing-app{padding:0 12px}.typing-header{padding:17px 0}.typing-header>div span{display:none}.typing-header a{font-size:19px}.typing-header a span{margin-left:5px;font-size:12px}.typing-heading{margin:25px 0 20px}.typing-picker{padding:20px 14px}.typing-lessons{grid-template-columns:1fr}.typing-lessons button{padding:16px}.typing-toolbar{gap:6px;padding:10px 8px;font-size:11px}.typing-toolbar button{font-size:11px}.typing-word{gap:5px;margin:20px auto}.typing-word>span{width:28px;height:43px;font-size:27px}.typing-key-row{gap:4px}.typing-key-row button{border-radius:6px;width:calc(10vw - 8.6px);height:48px}.typing-key-row b{font-size:15px}.typing-keyboard{padding:15px 7px 5px}.typing-footer{flex-direction:column;align-items:center}.typing-feedback{font-size:13px}.typing-board{padding:20px 10px 12px}}@media (prefers-reduced-motion:reduce){.typing-garden .grown{animation:none}.typing-lessons button{transition:none}}@media (max-height:850px){.typing-app.is-playing .typing-header{padding:12px 0}.typing-app.is-playing .typing-heading{margin:14px 0}.typing-app.is-playing .typing-heading h1{margin:6px 0;font-size:32px}.typing-app.is-playing .typing-heading>p{display:none}.typing-app.is-playing .typing-toolbar{padding:8px 14px}.typing-app.is-playing .typing-garden{padding:10px}.typing-app.is-playing .typing-garden span{font-size:26px}.typing-app.is-playing .typing-board{padding:10px}.typing-app.is-playing .typing-word{margin:14px auto}.typing-app.is-playing .typing-word>span{height:44px;font-size:28px}.typing-app.is-playing .typing-feedback{margin:8px 0}.typing-app.is-playing .typing-keyboard{padding-top:10px}.typing-app.is-playing .typing-key-row button{height:43px}.typing-app.is-playing .typing-footer{padding:12px 0}.typing-app.is-playing .typing-note{margin:7px 0}}