@font-face{font-family:__Inter_aaf875;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ec159349637c90ad-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c88,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_aaf875;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/513657b02c5c193f-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_aaf875;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/fd4db3eb5472fc27-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_aaf875;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/51ed15f9841b9f9d-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_aaf875;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/05a31a2ca4975f99-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_aaf875;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/d6b16ce4a6175f26-s.woff2) format("woff2");unicode-range:u+0100-02af,u+0304,u+0308,u+0329,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_aaf875;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c9a5bc6a7c948fb0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_aaf875;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_aaf875{font-family:__Inter_aaf875,__Inter_Fallback_aaf875;font-style:normal}*{margin:0;padding:0}html{--color-1:#6c5d4e;--color-2:#826a48;--color-3:#ae8853;--color-4:#9d684b;--color-5:#9d956c;--color-6:#cbb874;--text-color:#f5fffa;--bg-color:#09090b;--card-color:#020817;--light-blue:#3b82f6}body{background-color:var(--bg-color);font-family:Arial,sans-serif;font-weight:500;height:100vh}.container{max-width:1440px;padding:0 70px;margin:0 auto}.text-display{color:#fff}.highlight{color:red}.result{font-size:40px;margin-bottom:20px;text-align:center}.keyboard{display:flex;flex-direction:column}.row{list-style:none;display:flex}.li-item{height:3em;width:3em;color:#000;border-radius:.4em;line-height:3em;letter-spacing:1px;margin:.4em;transition:.3s;text-align:center;font-size:1em}#tab{width:5em}#caps{width:6em}#left-shift{width:8em}#enter{width:6em}#right-shift{width:8em}#back{width:5em}.pinky{background-color:var(--color-1);border:2px solid var(--color-1)}.pinky.selected{color:var(--color-1)}.ring{background-color:var(--color-2);border:2px solid var(--color-2)}.ring.selected{color:var(--color-2)}.middle{background-color:var(--color-3);border:2px solid var(--color-3)}.middle.selected{color:var(--color-3)}.pointer1st{background-color:var(--color-4);border:2px solid var(--color-4)}.pointer1st.selected{color:var(--color-4)}.pointer2nd{background-color:var(--color-5);border:2px solid var(--color-5)}.pointer2nd.selected{color:var(--color-5)}.fill-out-key{background-color:var(--color-6);border:2px solid var(--color-6)}.selected{background-color:transparent;animation:vibrate .3s linear infinite both}.hit{animation:hit .3s cubic-bezier(.39,.575,.565,1) both}.result{margin-top:0}@keyframes hit{0%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes vibrate{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.result{color:#fff}