.HruiJW_wrap{width:100%;container-type:inline-size}.HruiJW_card{--pad:6.5cqw;aspect-ratio:4/5;padding:var(--pad);background:radial-gradient(circle, #00000012 .28cqw, transparent .32cqw) 0 0 / 3.4cqw 3.4cqw, var(--tint);color:var(--deep);font-family:var(--font-nunito), system-ui, sans-serif;border-radius:6cqw;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0000000a,0 4cqw 10cqw -6cqw #00000040}.HruiJW_head{align-items:center;gap:3cqw;display:flex}.HruiJW_icon{border-radius:2.6cqw;width:10cqw;height:10cqw;box-shadow:0 .6cqw 1.6cqw #00000026}.HruiJW_name{font-size:5cqw;font-weight:800;line-height:1.05}.HruiJW_subtitle{opacity:.6;font-size:3.4cqw;font-weight:600}.HruiJW_pill{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:#ffffffa6;border:.3cqw solid #ffffffe6;border-radius:99px;margin-left:auto;padding:1.4cqw 3cqw;font-size:2.6cqw;font-weight:800}.HruiJW_big{letter-spacing:-.03em;margin-top:5cqw;font-size:19cqw;font-weight:800;line-height:.95}.HruiJW_bigLabel{opacity:.8;margin-top:1.6cqw;font-size:4.2cqw;font-weight:700}.HruiJW_chartTitle{letter-spacing:.06em;text-transform:uppercase;opacity:.7;margin-top:5cqw;font-size:2.6cqw;font-weight:800}.HruiJW_bars{gap:1.3cqw;height:17cqw;margin-top:2cqw;display:flex}.HruiJW_bar{flex-direction:column;flex:1;gap:1.2cqw;display:flex}.HruiJW_track{background:#ffffff8c;border-radius:1.4cqw;flex:1;position:relative;overflow:hidden}.HruiJW_fill{background:var(--ink);opacity:.72;border-radius:1.4cqw;position:absolute;inset:auto 0 0}.HruiJW_bar[data-last] .HruiJW_fill{background:var(--deep);opacity:1}.HruiJW_barLabel{text-align:center;opacity:.6;font-size:2.3cqw;font-weight:700}.HruiJW_bar[data-last] .HruiJW_barLabel{opacity:1;font-weight:900}.HruiJW_tiles{grid-template-columns:1fr 1fr;gap:2cqw;margin-top:4cqw;display:grid}.HruiJW_tile{background:#ffffff80;border:.3cqw solid #ffffffbf;border-radius:3cqw;align-items:center;gap:2.4cqw;min-width:0;padding:2.6cqw;display:flex}.HruiJW_tileIcon{background:color-mix(in srgb, var(--ink) 16%, transparent);border-radius:50%;flex:none;place-items:center;width:7cqw;height:7cqw;display:grid}.HruiJW_tileIcon svg{width:3.6cqw;height:3.6cqw}.HruiJW_tileLabel{opacity:.7;white-space:nowrap;font-size:2.6cqw;font-weight:600}.HruiJW_tileValue{white-space:nowrap;font-size:3.8cqw;font-weight:800;line-height:1.15}.HruiJW_foot{justify-content:space-between;align-items:baseline;margin-top:auto;font-size:2.6cqw;display:flex}.HruiJW_foot strong{font-size:3.6cqw;font-weight:800}.HruiJW_foot span{opacity:.7}
.wRGbBq_window{--blue:#4a8fe2;--blue-dark:#3a7bd0;text-align:left;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px #00000012,0 10px 24px -14px #0000002e}.wRGbBq_titlebar{background:#ececee;border-bottom:1px solid #dcdcdf;align-items:center;gap:14px;height:46px;padding:0 14px;display:flex}.wRGbBq_lights{gap:7px;display:flex}.wRGbBq_lights i{background:#ff5f57;border-radius:50%;width:12px;height:12px}.wRGbBq_lights i:nth-child(2){background:#febc2e}.wRGbBq_lights i:nth-child(3){background:#28c840}.wRGbBq_tab{background:#f7f7f8;border-radius:8px 8px 0 0;width:130px;height:26px;margin-top:20px}.wRGbBq_address{background:#fff;border:1px solid #e0e0e3;border-radius:7px;flex:1;height:26px}.wRGbBq_page{padding:clamp(14px,3vw,36px) clamp(12px,5vw,64px) clamp(16px,3vw,34px)}.wRGbBq_toolbar{align-items:center;gap:12px;display:flex}.wRGbBq_lessonName{color:#999;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:15px;overflow:hidden}.wRGbBq_picker select{appearance:none;font:inherit;color:#444;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%23888' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 11px center/10px no-repeat,#fff;border:1px solid #e0e0e3;border-radius:999px;padding:7px 30px 7px 12px;font-size:14px}.wRGbBq_redo{background:linear-gradient(180deg, #6aa8f0, var(--blue-dark));color:#fff;cursor:pointer;border:none;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 2px 6px -2px #3a7bd0b3}.wRGbBq_redo svg{width:20px;height:20px}.wRGbBq_lesson{font-family:var(--font-jetbrains), ui-monospace, monospace;color:#a3a3a3;-webkit-user-select:none;user-select:none;margin-top:clamp(18px,3vw,34px);padding-bottom:14px;font-size:clamp(17px,3.1vw,32px);line-height:2.35;position:relative}.wRGbBq_word{white-space:nowrap;display:inline-block;position:relative}.wRGbBq_char{line-height:1.35;display:inline-block;position:relative}.wRGbBq_char[data-state=done]{color:#1d9a2b;background:#e5f6dc;box-shadow:inset 0 0 0 1px #fff}.wRGbBq_char[data-state=miss]{color:#1d9a2b;background:#fde7ad;box-shadow:inset 0 0 0 1px #fff}.wRGbBq_char[data-state=current]{color:#b3b3b3}.wRGbBq_char[data-state=current]:after{content:"";background:var(--blue);border-radius:1px;height:2px;animation:1s step-end infinite wRGbBq_blink;position:absolute;bottom:-3px;left:8%;right:8%}@keyframes wRGbBq_blink{50%{opacity:.25}}.wRGbBq_char[data-space][data-state=todo]:before,.wRGbBq_char[data-space][data-state=current]:before{content:"";background:radial-gradient(circle,#d4d4d4 1.4px,#0000 1.6px) 0 0/3px 4.5px repeat-y;width:3px;height:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wRGbBq_wpm{color:#777;white-space:nowrap;pointer-events:none;font-family:Georgia,Times New Roman,serif;font-size:clamp(8px,.34em,12px);line-height:1;position:absolute;bottom:100%;left:50%;transform:translate(-50%,.25em)}.wRGbBq_wpm small{vertical-align:.35em;font-size:.8em}.wRGbBq_wpm b{color:#555;font-weight:700}.wRGbBq_track{background:#e6e6e6;height:2px;position:absolute;bottom:0;left:0;right:0}.wRGbBq_track span{background:var(--blue);height:100%;transition:width .15s;display:block}.wRGbBq_stats{font-family:var(--font-jetbrains), ui-monospace, monospace;letter-spacing:.02em;color:#888;text-transform:uppercase;flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:6px 34px;margin-top:12px;font-size:13px;display:flex}.wRGbBq_stats b{color:#777;text-transform:none;font-size:clamp(24px,3.4vw,36px);font-weight:300}.wRGbBq_again{font:inherit;font-family:var(--font-nunito), system-ui, sans-serif;text-transform:none;color:#fff;background:var(--blue);cursor:pointer;border:none;border-radius:999px;margin-right:auto;padding:7px 16px;font-size:15px;font-weight:600}.wRGbBq_board{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;max-width:700px;margin:clamp(22px,4vw,48px) auto 0;container-type:inline-size}.wRGbBq_row{--gap:clamp(2px, .6cqw, 4px);--u:calc((100cqw - 14 * var(--gap)) / 15);--kh:calc(var(--u) * .92);gap:var(--gap);margin-bottom:var(--gap);display:flex}.wRGbBq_row:last-child{margin-bottom:0}.wRGbBq_key{--h:var(--kh);width:calc(var(--u) * var(--w) + var(--gap) * (var(--w) - 1));height:var(--h);padding:calc(var(--u) * .08) calc(var(--u) * .12);border-radius:calc(var(--u) * .08);color:#444;font-family:system-ui,-apple-system,sans-serif;font-size:max(7px, calc(var(--u) * .2));cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #d5d5d8;outline:none;flex-direction:column;flex:none;justify-content:flex-start;align-items:flex-start;line-height:1.1;transition:background 60ms,transform 60ms;display:flex;position:relative}.wRGbBq_key[data-char]{font-size:max(9px, calc(var(--u) * .28));justify-content:flex-end;align-items:center}.wRGbBq_key[data-next]{background:var(--blue);border-color:var(--blue-dark);color:#fff}.wRGbBq_key[data-next] .wRGbBq_sub{color:#ffffffbf}.wRGbBq_key[data-down]{background:#e8eef8;transition-duration:0s;transform:translateY(1px)}.wRGbBq_key[data-next][data-down]{background:var(--blue-dark)}.wRGbBq_sub{top:calc(var(--u) * .06);left:calc(var(--u) * .12);color:#aaa;font-size:.72em;position:absolute}.wRGbBq_label{pointer-events:none}.wRGbBq_arrows{align-items:flex-end;gap:var(--gap);margin-left:auto;display:flex}.wRGbBq_arrowStack{gap:calc(var(--gap) / 2);flex-direction:column;display:flex}.wRGbBq_arrowSide,.wRGbBq_key.wRGbBq_arrowHalf{--h:calc((var(--kh) - var(--gap) / 2) / 2);font-size:max(5px, calc(var(--u) * .15));justify-content:center;align-items:center}.wRGbBq_short{display:none}@container (max-width:620px){.wRGbBq_long{display:none}.wRGbBq_short{font-size:1.5em;display:inline}.wRGbBq_key:not([data-char]){justify-content:center;align-items:center}}@media (max-width:560px){.wRGbBq_tab,.wRGbBq_address{display:none}.wRGbBq_titlebar{height:34px}.wRGbBq_lessonName{display:none}.wRGbBq_toolbar{justify-content:flex-end}.wRGbBq_lesson{line-height:2.5}.wRGbBq_stats{gap:4px 20px;font-size:11px}.wRGbBq_row{--gap:3px;--kh:calc(var(--u) * 1.45)}}@media (prefers-reduced-motion:reduce){.wRGbBq_key,.wRGbBq_track span{transition:none}.wRGbBq_char[data-state=current]:after{animation:none}}