.nt-practice{max-width:880px;margin:0 auto;padding:32px 12px 64px;min-width:0}[data-practice-boot-shell]{min-height:100dvh;background:var(--nt-canvas)}[data-practice-boot-shell] .redesign-app-shell__header{background:var(--nt-canvas)}.nt-practice[data-practice-boot]{max-width:none;min-height:calc(100dvh - 72px);margin:0;padding:0}@media(max-width:767px){.nt-practice[data-practice-boot]{min-height:calc(100dvh - 56px)}}.nt-practice-skel{display:block;flex:0 0 auto;background:linear-gradient(100deg,var(--nt-ink-200) 20%,var(--nt-canvas) 50%,var(--nt-ink-200) 80%);background-size:220% 100%;border-radius:8px}.nt-practice-skel--chip{display:inline-flex;min-height:32px;align-items:center;padding:5px 10px;border:1px solid var(--nt-primary-300);border-radius:var(--nt-radius-sm, 8px);background:var(--nt-white);color:transparent;font-size:12px;font-weight:800;white-space:nowrap}.nt-practice-skel--icon{width:32px;height:32px;border-radius:8px}.nt-practice-skel--locale{width:72px;height:36px;border-radius:9px}.nt-practice-skel--line{height:.55em;width:94%;border-radius:6px}.nt-practice-skel--line-short{width:62%}.nt-practice[data-state=active] .nt-practice__prompt[data-practice-skeleton]{display:flex;flex-direction:column;justify-content:center;gap:.42em}.nt-practice[data-state=active] .nt-practice__active-key.is-skeleton{width:27px;border-color:var(--nt-ink-200);background:var(--nt-ink-200);color:transparent}.nt-practice-skel-board{display:grid;gap:7px;width:100%;padding:10px 8px 12px}.nt-practice-skel-row{display:flex;justify-content:center;gap:5px}.nt-practice-skel-row i{display:block;width:36px;height:36px;border-radius:8px;background:var(--nt-ink-200)}.nt-practice-skel-row:last-child i:first-child,.nt-practice-skel-row:last-child i:last-child{width:72px}@media(prefers-reduced-motion:no-preference){.nt-practice-skel,.nt-practice-skel-row i,.nt-practice[data-state=active] .nt-practice__active-key.is-skeleton{animation:nt-practice-skel 1.2s ease-in-out infinite}}@keyframes nt-practice-skel{0%{background-position:100% 0}to{background-position:-100% 0}}.nt-practice-skel-row i,.nt-practice[data-state=active] .nt-practice__active-key.is-skeleton{background-image:linear-gradient(100deg,var(--nt-ink-200) 20%,var(--nt-canvas) 50%,var(--nt-ink-200) 80%);background-size:220% 100%}@media(max-width:767px){.nt-practice-skel--chip{min-height:30px;font-size:11px}.nt-practice-skel--icon{width:30px;height:30px}.nt-practice-skel-row i{width:22px;height:28px}.nt-practice-skel-row:last-child i:first-child,.nt-practice-skel-row:last-child i:last-child{width:48px}}.nt-practice__heading,.nt-practice__session-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.nt-practice__heading h1{margin:2px 0 8px;font-size:clamp(28px,4vw,38px);line-height:1.2}.nt-practice__eyebrow{margin:0;color:var(--nt-ink-700);font-size:14px;font-weight:700}.nt-practice__intro{max-width:650px;color:var(--nt-ink-700);margin:12px 0 28px}.nt-practice__context{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.nt-practice__field{display:grid;gap:8px;font-weight:700;font-size:14px;min-width:0}.nt-practice__field select{width:100%;min-height:48px;padding:10px 12px;color:var(--nt-ink-800);background:var(--nt-white);border:1px solid var(--nt-ink-400);border-radius:10px;font-size:16px}.nt-practice__card{padding:clamp(20px,4vw,36px);border:1px solid var(--nt-ink-300);border-radius:18px;background:var(--nt-white)}.nt-practice__card h2{margin:16px 0 10px;font-size:25px;line-height:1.35}.nt-practice__card p{color:var(--nt-ink-700)}.nt-practice__badge{display:inline-block;padding:5px 12px;border-radius:8px;color:var(--nt-primary-800);background:var(--nt-primary-100);font-size:13px;font-weight:700}.nt-practice__sample{padding:20px;background:var(--nt-ink-100);border-radius:10px;font-size:22px;line-height:1.8;overflow-wrap:anywhere}.nt-practice__actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:26px}.nt-practice__actions .nt-button{min-height:48px}.nt-practice__details{margin-top:28px;padding-top:18px;border-top:1px solid var(--nt-ink-200)}.nt-practice__details summary{cursor:pointer;font-weight:700}.nt-practice__privacy,.nt-practice__hint{color:var(--nt-ink-700);font-size:14px;line-height:1.65}.nt-practice__privacy{margin-top:24px}.nt-practice__prompt{margin:28px 0;padding:28px;min-height:160px;max-height:320px;overflow-y:auto;background:var(--nt-ink-100);border:1px solid var(--nt-ink-300);border-radius:16px;font-family:system-ui,sans-serif;font-size:clamp(24px,3vw,32px);line-height:2;white-space:pre-wrap;overflow-wrap:anywhere;unicode-bidi:plaintext}.nt-practice__unit{color:var(--nt-ink-600)}.nt-practice__unit.is-correct{color:var(--nt-success-700)}.nt-practice__unit.is-error{color:var(--nt-error-700);background:var(--nt-error-100);text-decoration:underline;text-decoration-thickness:2px}.nt-practice__unit.is-current{background:var(--nt-primary-100);text-decoration:underline;text-decoration-color:var(--nt-primary-900);text-decoration-thickness:3px;text-underline-offset:5px}.nt-practice__targets{flex:1 0 100%;margin:0;font-size:.875rem;color:var(--nt-primary-800)}.nt-practice__progress{width:100%;height:10px;accent-color:var(--nt-primary-600)}.nt-practice__progress-label{margin-top:5px;font-size:14px;color:var(--nt-ink-700)}.nt-practice[dir=rtl] .nt-practice__progress-label{text-align:right}.nt-practice__input-label{display:grid;gap:8px;margin-top:24px;font-size:14px;font-weight:700}.nt-practice__input{resize:vertical;width:100%;min-height:80px;padding:14px;border:2px solid var(--nt-ink-500);border-radius:10px;background:var(--nt-white);color:var(--nt-ink-900);font-family:system-ui,sans-serif;font-size:22px}.nt-practice :is(button,a,select,textarea,summary):focus-visible{outline:3px solid var(--nt-focus);outline-offset:4px}.nt-practice__composition{min-height:24px;color:var(--nt-primary-700)}.nt-practice__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:32px 0}.nt-practice__stats dt{color:var(--nt-ink-700);font-size:15px}.nt-practice__stats dd{margin:8px 0;font-size:36px;font-weight:800}.nt-practice__save-status{min-height:24px}.redesign-app-shell:has(.nt-practice) .nt-goal-card,.redesign-app-shell:has(.nt-practice) .nt-xp-card{display:none}.redesign-app-shell.is-practice-layout{background:var(--nt-canvas)}.redesign-app-shell.is-practice-layout .redesign-app-shell__header{position:relative;z-index:20;display:flex;align-items:center;min-height:72px;margin-left:0;padding:0 clamp(16px,3vw,48px);gap:clamp(8px,1.2vw,16px);background:var(--nt-canvas);border:0}.redesign-app-shell.is-practice-layout .redesign-app-shell__mobile-brand{display:inline-flex!important;flex:0 0 auto;margin-inline-end:auto;color:var(--nt-ink-900);font-size:28px}.redesign-app-shell.is-practice-layout .redesign-brand-mark{color:transparent}.redesign-app-shell.is-practice-layout .redesign-app-shell__header>.nt-reward-bar{flex:0 0 auto;order:2;width:auto;max-width:none;margin:0}.redesign-app-shell.is-practice-layout .nt-reward-bar__language .nt-flag{width:26px;height:17px}.redesign-app-shell.is-practice-layout .nt-practice__header-icon-button .nt-icon[data-icon^=volume]{width:26px;height:26px}.redesign-app-shell.is-practice-layout:has(.nt-practice[data-state=active]) .redesign-app-shell__header{background:var(--nt-canvas)}.nt-practice-shell__actions{display:flex;flex:0 0 auto;order:1;min-width:0;align-items:center;gap:4px}.nt-practice-shell__tools{order:3}.nt-practice-shell__actions .nt-practice__phase{flex:1 1 auto;min-width:0}.nt-practice-shell__actions .nt-practice__utilities{display:flex;flex:0 0 auto;align-items:center;gap:4px}.redesign-app-shell.is-practice-layout .nt-practice-shell__actions .nt-button{min-height:32px;padding:5px 10px;border:1px solid var(--nt-primary-300);border-radius:var(--nt-radius-sm);background:var(--nt-white);box-shadow:none;color:var(--nt-primary-800);font-size:12px;font-weight:800;white-space:nowrap}.redesign-app-shell.is-practice-layout .nt-practice-shell__actions .nt-button:hover{transform:none;background:var(--nt-primary-50);box-shadow:none}.redesign-app-shell.is-practice-layout .nt-practice-shell__actions .nt-practice__header-icon-button{display:inline-grid;width:32px;min-width:32px;height:32px;min-height:32px;padding:0;border:0;background:transparent;color:var(--nt-ink-600);place-items:center}.redesign-app-shell.is-practice-layout .nt-practice-shell__actions .nt-practice__header-icon-button:hover{background:transparent;color:var(--nt-ink-700)}.redesign-app-shell.is-practice-layout .nt-practice__header-icon-button .nt-button__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.redesign-app-shell.is-practice-layout .nt-practice__header-icon-button .nt-button__icon{display:inline-flex;align-items:center;justify-content:center}.redesign-app-shell.is-practice-layout .nt-practice__header-icon-button .nt-icon{width:22px;height:22px;filter:grayscale(1) brightness(0);opacity:.55}.redesign-app-shell.is-practice-layout .nt-practice__header-icon-button .nt-icon[data-icon^=keyboard]{width:30px;height:30px;opacity:.6}.redesign-app-shell.is-practice-layout .redesign-app-shell__main{min-height:calc(100dvh - 72px);margin-left:0;padding:0 clamp(16px,3vw,48px) 32px;background:var(--nt-canvas)}.redesign-app-shell.is-practice-layout .redesign-app-shell__outlet{width:min(1100px,100%)}@media(max-width:767px){.redesign-app-shell.is-practice-layout .redesign-app-shell__header{min-height:56px;flex-wrap:wrap;gap:4px;padding:8px 14px}.redesign-app-shell.is-practice-layout .redesign-app-shell__mobile-brand{font-size:19px}.redesign-app-shell.is-practice-layout .redesign-brand-mark{width:24px;height:24px}.nt-practice-shell__actions{flex-wrap:wrap;justify-content:flex-end;gap:4px}.nt-practice-shell__actions .nt-practice__phase{order:2;flex-basis:100%}.redesign-app-shell.is-practice-layout .nt-practice-shell__actions .nt-button{min-height:30px;padding:4px 8px;font-size:11px}.redesign-app-shell.is-practice-layout .nt-practice-shell__actions .nt-practice__header-icon-button{width:30px;min-width:30px;height:30px;min-height:30px;padding:0}.redesign-app-shell.is-practice-layout .nt-practice-shell__actions [data-practice-action=stats]{width:30px;min-width:30px;padding:0;justify-content:center}.redesign-app-shell.is-practice-layout .nt-practice-shell__actions [data-practice-action=stats] .nt-button__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.redesign-app-shell.is-practice-layout .redesign-app-shell__header>.nt-reward-bar{min-height:44px}.redesign-app-shell.is-practice-layout .redesign-app-shell__main{min-height:calc(100dvh - 56px);padding:0 14px 24px}.nt-practice{padding:16px 0 32px}.nt-practice__context{grid-template-columns:minmax(0,1fr);gap:12px}.nt-practice__card h2{font-size:22px}.nt-practice__sample{padding:14px;font-size:20px}.nt-practice__prompt{padding:16px;margin:18px 0;min-height:120px;max-height:28dvh}.nt-practice__actions{gap:12px}.nt-practice__actions .nt-button{flex:1 1 auto}.nt-practice__stats{gap:16px}.nt-practice__stats dd{font-size:30px}}.redesign-app-shell:has(.nt-practice[data-state=active]),.redesign-app-shell:has(.nt-practice[data-state=active]) .redesign-app-shell__main{background:var(--nt-canvas)}.redesign-app-shell:has(.nt-practice[data-state=active]) .redesign-app-shell__outlet{width:min(1368px,100%)}.nt-practice[data-state=active]{max-width:none;min-height:calc(100dvh - 72px);margin:0;padding:0;color:var(--nt-ink-900)}.nt-practice[data-state=active] .nt-practice__stage{display:flex;min-height:inherit;flex-direction:column;padding:4px 0 20px}.nt-practice[data-state=active] .nt-practice__session-heading{display:none;flex-wrap:wrap;gap:6px;order:1;width:min(800px,100%);min-height:24px;margin:0 auto;padding:0;align-items:center}.nt-practice[data-state=active] .nt-practice__session-name{max-width:min(64ch,calc(100% - 84px));margin:0 auto 0 0;overflow:hidden;color:var(--nt-ink-700);font-size:12px;font-weight:700;letter-spacing:.025em;text-overflow:ellipsis;white-space:nowrap}.nt-practice[data-state=active] .nt-practice__utilities{display:flex;align-items:center;justify-content:flex-end;gap:6px}.nt-practice[data-state=active] .nt-practice__setup{position:relative;flex:0 0 auto}.nt-practice[data-state=active] .nt-practice__setup-summary{display:inline-flex;min-height:32px;max-width:142px;align-items:center;gap:5px;padding:5px 9px;overflow:hidden;color:var(--nt-primary-800);font-size:12px;font-weight:800;line-height:1;list-style:none;cursor:pointer;user-select:none;white-space:nowrap;border:1px solid var(--nt-primary-300);border-radius:var(--nt-radius-sm);background:var(--nt-white)}.nt-practice[data-state=active] .nt-practice__setup-summary::-webkit-details-marker{display:none}.nt-practice[data-state=active] .nt-practice__setup-summary:after{flex:0 0 auto;content:"⌄";font-size:14px;transition:transform var(--nt-duration-fast)}.nt-practice[data-state=active] .nt-practice__setup[open] .nt-practice__setup-summary{border-color:var(--nt-primary-600);background:var(--nt-primary-50)}.nt-practice[data-state=active] .nt-practice__setup[open] .nt-practice__setup-summary:after{transform:rotate(180deg)}.nt-practice[data-state=active] .nt-practice__setup-summary:focus-visible{outline:3px solid var(--nt-primary-500);outline-offset:3px}.nt-practice[data-state=active] .nt-practice__setup-value{overflow:hidden;text-overflow:ellipsis}.nt-practice[data-state=active] .nt-practice__setup-panel{position:absolute;z-index:12;top:calc(100% + 8px);right:0;display:grid;width:min(278px,calc(100vw - 24px));gap:10px;padding:12px;border:1px solid var(--nt-primary-200);border-radius:12px;background:var(--nt-white);box-shadow:0 14px 30px color-mix(in srgb,var(--nt-ink-900) 16%,transparent)}.nt-practice[data-state=active] .nt-practice__setup:not([open]) .nt-practice__setup-panel{display:none}.nt-practice[data-state=active] .nt-practice__setup-field{display:grid;gap:5px;color:var(--nt-ink-700);font-size:11px;font-weight:800}.nt-practice[data-state=active] .nt-practice__setup-field--toggles{display:flex;flex-wrap:wrap;gap:8px}.nt-practice[data-state=active] .nt-practice__setup-field--toggles .nt-button .nt-icon{width:20px;height:20px}.nt-practice[data-state=active] .nt-practice__setup-field select{min-width:0;min-height:34px;padding:5px 8px;border:1px solid var(--nt-primary-300);border-radius:7px;background:var(--nt-white);color:var(--nt-ink-900);font:inherit;font-size:12px;font-weight:650}.nt-practice[data-state=active] .nt-practice__utilities .nt-button{min-height:32px;padding:5px 10px;border:1px solid var(--nt-primary-300);border-radius:var(--nt-radius-sm);background:var(--nt-white);box-shadow:none;color:var(--nt-primary-800);font-size:12px;font-weight:800}.nt-practice[data-state=active] .nt-practice__utilities .nt-button:hover{transform:none;background:var(--nt-primary-50);box-shadow:none}.nt-practice[data-state=active] .nt-practice__settings-dialog{width:min(820px,calc(100vw - 32px));max-width:none;max-height:min(760px,calc(100dvh - 32px));margin:auto;padding:0;overflow:auto;border:0;border-radius:16px;background:var(--nt-white);color:var(--nt-ink-900);box-shadow:0 24px 64px color-mix(in srgb,var(--nt-ink-900) 28%,transparent)}.nt-practice[data-state=active] .nt-practice__settings-dialog::backdrop{background:color-mix(in srgb,var(--nt-ink-900, #2b3444) 46%,transparent)}.nt-practice[data-state=active] .nt-practice__settings-panel{padding:clamp(18px,3vw,28px)}.nt-practice[data-state=active] .nt-practice__settings-header{display:flex;gap:16px;align-items:center;justify-content:space-between}.nt-practice[data-state=active] .nt-practice__settings-title{margin:0;color:var(--nt-ink-900);font-size:clamp(20px,3vw,26px)}.nt-practice[data-state=active] .nt-practice__settings-panel .nt-practice__setup-panel{position:static;display:grid;width:auto;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:20px;padding:0;border:0;box-shadow:none}.nt-practice[data-state=active] .nt-practice__finish[disabled]{display:none}.nt-practice[data-state=active] .nt-practice__hud{position:relative;z-index:2;display:flex;order:2;width:min(1100px,100%);flex-direction:column;gap:6px;margin:2px auto 0;color:var(--nt-ink-700);font-size:15px}.nt-practice[data-state=active] .nt-practice__hud-row{display:flex;min-width:0;align-items:center;gap:14px;flex-wrap:wrap}.nt-practice[data-state=active] .nt-practice__hud-row+.nt-practice__hud-row{padding-top:6px}.nt-practice[data-state=active] .nt-practice__hud-label{flex:0 0 90px}.nt-practice[data-state=active] .nt-practice__hud-item,.nt-practice[data-state=active] .nt-practice__hud-history{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap}.nt-practice[data-state=active] .nt-practice__hud-item{gap:5px}.nt-practice[data-state=active] .nt-practice__hud-item strong,.nt-practice[data-state=active] .nt-practice__hud-history,.nt-practice[data-state=active] .nt-practice__current-key{color:var(--nt-ink-900);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;font-weight:500}.nt-practice[data-state=active] .nt-practice__metric-change,.nt-practice[data-state=active] .nt-practice__hud-trend{font-weight:700;font-variant-numeric:tabular-nums}.nt-practice[data-state=active] .nt-practice__metric-change.is-up,.nt-practice[data-state=active] .nt-practice__hud-trend.is-up{color:var(--nt-success-700)}.nt-practice[data-state=active] .nt-practice__metric-change.is-down,.nt-practice[data-state=active] .nt-practice__hud-trend.is-down{color:var(--nt-error-700)}.nt-practice[data-state=active] .nt-practice__metric-change.is-flat,.nt-practice[data-state=active] .nt-practice__hud-trend.is-flat{color:var(--nt-ink-600)}.nt-practice[data-state=active] .nt-practice__current-key{display:inline-flex;min-height:27px;align-items:center;gap:4px}.nt-practice[data-state=active] .nt-practice__active-key{display:inline-grid;min-width:27px;height:27px;place-items:center;padding:0 5px;border:1px solid var(--nt-ink-300);background:var(--nt-ink-100);color:var(--nt-ink-800)}.nt-practice[data-state=active] .nt-practice__active-key.is-focus{border-color:var(--nt-primary-400);background:var(--nt-primary-100);color:var(--nt-primary-900);font-weight:700}.nt-practice[data-state=active] .nt-practice__hud-row--keys{flex-wrap:nowrap}.nt-practice[data-state=active] .nt-practice__target-map{display:flex;min-width:0;min-height:27px;flex:1 1 auto;flex-wrap:nowrap;align-items:center;gap:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none}.nt-practice[data-state=active] .nt-practice__target-map::-webkit-scrollbar{display:none}.nt-practice[data-state=active] .nt-practice__target-map.is-overflowing{cursor:grab}.nt-practice[data-state=active] .nt-practice__target-map.is-dragging,.nt-practice[data-state=active] .nt-practice__target-map.is-dragging .nt-practice__target-tile{cursor:grabbing;scroll-behavior:auto;user-select:none}.nt-practice[data-state=active] .nt-practice__target-map .nt-practice__target-tile{flex:0 0 auto}@media(prefers-reduced-motion:no-preference){.nt-practice[data-state=active] .nt-practice__target-map{scroll-behavior:smooth}}.nt-practice[data-state=active] .nt-practice__target-tile{display:inline-grid;min-width:27px;height:27px;place-items:center;padding:0 5px;border:1px solid color-mix(in srgb,var(--nt-success) 35%,var(--nt-white));background:var(--nt-success);color:var(--nt-ink-900);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;line-height:1;cursor:pointer}.nt-practice[data-state=active] .nt-practice__target-tile:focus-visible{outline:2px solid var(--nt-focus);outline-offset:-2px}.nt-practice[data-state=active] .nt-practice__key-popup{position:absolute;top:calc(100% + 4px);z-index:10;left:var(--nt-practice-key-popup-left, max(0px, calc((100% - 570px)/2) ));width:min(570px,100%);padding:16px;border:1px solid var(--nt-ink-300);border-radius:var(--nt-radius-lg);background:var(--nt-white);box-shadow:0 16px 36px color-mix(in srgb,var(--nt-ink-900) 14%,transparent);color:var(--nt-ink-800);pointer-events:auto}.nt-practice[data-state=active] .nt-practice__key-popup:before,.nt-practice[data-state=active] .nt-practice__key-popup:after{position:absolute;left:var(--nt-practice-key-popup-arrow-x, 50%);width:14px;height:14px;content:"";transform:translate(-50%) rotate(45deg)}.nt-practice[data-state=active] .nt-practice__key-popup:before{top:-8px;border-top:1px solid var(--nt-ink-300);border-left:1px solid var(--nt-ink-300);background:var(--nt-white)}.nt-practice[data-state=active] .nt-practice__key-popup:after{top:-6px;background:var(--nt-white)}.nt-practice[data-state=active] .nt-practice__key-popup[hidden]{display:none}.nt-practice[data-state=active] .nt-practice__key-popup-header{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;font-size:13px}.nt-practice[data-state=active] .nt-practice__key-popup-letter{display:grid;width:42px;height:42px;place-items:center;border-radius:var(--nt-radius-sm);background:var(--nt-primary-100);color:var(--nt-primary-900);font-size:24px;overflow:hidden;text-overflow:ellipsis}.nt-practice[data-state=active] .nt-practice__key-popup-metrics{display:flex;flex-wrap:wrap;align-content:start;gap:5px 14px;padding-top:4px;line-height:1.4}.nt-practice[data-state=active] .nt-practice__key-popup-rate.is-up{color:var(--nt-success-700);font-weight:700}.nt-practice[data-state=active] .nt-practice__key-popup-rate.is-down{color:var(--nt-error-700);font-weight:700}.nt-practice[data-state=active] .nt-practice__key-popup-status{margin:12px 0 0;color:var(--nt-ink-700);font-size:.9rem;font-weight:700;text-align:center}.nt-practice[data-state=active] .nt-practice__key-popup-status.is-target{color:var(--nt-success-700)}.nt-practice[data-state=active] .nt-practice__key-popup-empty{margin:22px 0 8px;text-align:center}.nt-practice[data-state=active] .nt-practice__key-popup svg{display:block;width:100%;margin-top:14px}.nt-practice[data-state=active] .nt-practice__chart-grid{stroke:var(--nt-primary-100);stroke-width:1}.nt-practice[data-state=active] .nt-practice__chart-line{fill:none;stroke:var(--nt-primary-600);stroke-width:3}.nt-practice[data-state=active] .nt-practice__chart-point{fill:var(--nt-primary-600)}.nt-practice[data-state=active] .nt-practice__chart-label{fill:var(--nt-ink-700);font-size:10px}.nt-practice[data-state=active] .nt-practice__chart-target{stroke:var(--nt-ink-500);stroke-width:1.5;stroke-dasharray:4 3}.nt-practice[data-state=active] .nt-practice__chart-target-label,.nt-practice[data-state=active] .nt-practice__chart-x-label{fill:var(--nt-ink-700);font-size:10px}.nt-practice[data-state=active] .nt-practice__target-tile.is-unrated{border-color:var(--nt-ink-300);background:repeating-linear-gradient(135deg,var(--nt-ink-100) 0 4px,var(--nt-ink-400) 4px 5px);color:var(--nt-ink-600)}.nt-practice[data-state=active] .nt-practice__target-tile.is-todo{border-color:var(--nt-accent-200);background:var(--nt-accent-100);color:var(--nt-accent-800)}.nt-practice[data-state=active] .nt-practice__target-tile.is-passed{border-color:color-mix(in srgb,var(--nt-success) 35%,var(--nt-white));background:var(--nt-success-100);color:var(--nt-success-700)}.nt-practice[data-state=active] .nt-practice__target-tile.is-active{position:relative;z-index:1;box-shadow:inset 0 -2px 0 var(--nt-primary-300)}.nt-practice[data-state=active] .nt-practice__target-tile.is-focus{border-color:var(--nt-primary-400);box-shadow:inset 0 -2px 0 var(--nt-primary-600);font-weight:700}.nt-practice[data-state=active] .nt-practice__progress{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.nt-practice[data-state=active] .nt-practice__progress-label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.nt-practice[data-state=active] .nt-practice__target-zone{position:relative;z-index:0;order:4;width:min(1320px,calc(100vw - 48px));min-height:128px;margin:clamp(20px,16dvh - 56px,96px) auto 0}.nt-practice[data-state=active] .nt-practice__prompt{min-height:128px;max-height:308px;margin:0;padding:0;overflow-y:auto;border:0;border-radius:0;background:transparent;color:var(--nt-ink-500);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:clamp(25px,3.1vw,35px);font-weight:650;letter-spacing:-.035em;line-height:1.42;text-wrap:pretty}.nt-practice[data-state=active] .nt-practice__prompt[dir=rtl]{font-family:system-ui,sans-serif;letter-spacing:normal;line-height:1.7}.nt-practice[data-state=active] .nt-practice__target-zone .nt-practice__input{position:absolute;z-index:2;inset:0;width:100%;height:100%;min-height:128px;margin:0;padding:0;resize:none;overflow:hidden;border:0;border-radius:0;background:transparent;color:transparent;caret-color:transparent;opacity:0}.nt-practice[data-state=active] .nt-practice__target-zone .nt-practice__input:focus-visible{outline:0;box-shadow:none}.nt-practice[data-state=active] .nt-practice__target-zone[data-paused=true] .nt-practice__prompt{filter:blur(3px);opacity:.7;user-select:none}.nt-practice[data-state=active] .nt-practice__activate:not([hidden]){position:absolute;z-index:3;top:50%;left:50%;max-width:calc(100% - 24px);padding:14px 28px;transform:translate(-50%,-50%);border:1px solid var(--nt-ink-300);border-radius:0;background:var(--nt-ink-100);box-shadow:0 3px 17px color-mix(in srgb,var(--nt-ink-900) 20%,transparent);color:var(--nt-ink-900);font:400 clamp(16px,2vw,22px)/1.3 system-ui,sans-serif;text-align:center;white-space:normal;cursor:pointer}.nt-practice[data-state=active] .nt-practice__activate:focus-visible{outline:2px solid var(--nt-focus);outline-offset:3px}.nt-practice[data-state=active] .nt-practice__unit{color:var(--nt-ink-500)}.nt-practice[data-state=active] .nt-practice__unit.is-correct{color:var(--nt-ink-500);opacity:.52}.nt-practice[data-state=active] .nt-practice__unit.is-error{position:relative;border-radius:2px;background:var(--nt-error-100);color:var(--nt-error);text-decoration-color:var(--nt-error)}.nt-practice[data-state=active] .nt-practice__unit.is-error[data-expected]:after{position:absolute;top:calc(100% + 1px);inset-inline:-.2em;color:var(--nt-primary-800);content:attr(data-expected);font-size:.58em;font-weight:700;line-height:1;text-align:center;text-decoration:none;pointer-events:none}.nt-practice[data-state=active] .nt-practice__unit.is-current{position:relative;z-index:0;background:transparent;color:var(--nt-primary-900);text-decoration:none}.nt-practice[data-state=active] .nt-practice__unit.is-current:before{position:absolute;top:.13em;inset-inline-start:-.09em;width:3px;height:1.12em;background:var(--nt-primary-600);content:""}@media(prefers-reduced-motion:no-preference){.nt-practice[data-state=active] .nt-practice__unit.is-current:before{animation:nt-practice-caret 1.05s steps(1,end) infinite}}@keyframes nt-practice-caret{0%,48%{opacity:1}49%,to{opacity:.18}}.nt-practice[data-state=active] .nt-practice-keyboard{order:8;flex:0 0 auto;width:min(660px,100%);margin:auto auto 0}@media(min-width:650px){.nt-practice[data-state=active] .nt-practice-keyboard:has(.keyboard--jis){width:min(800px,100%)}}.nt-practice[data-state=active] .nt-practice-keyboard[data-state=loading]{min-height:345px}.nt-practice[data-state=active] .nt-practice__hint,.nt-practice[data-state=active] .nt-practice__composition{order:6;width:min(735px,100%);margin:10px auto 0;color:var(--nt-ink-600);font-size:12px;line-height:1.5}.nt-practice[data-state=active] .nt-practice__composition{min-height:0;color:var(--nt-primary-700)}.nt-practice[data-state=active] .nt-practice__composition:empty{margin:0;height:0;overflow:hidden}.nt-practice[data-state=active] .nt-practice__sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(max-width:767px){.redesign-app-shell:has(.nt-practice[data-state=active]) .redesign-app-shell__main{padding-top:6px}.nt-practice[data-state=active]{min-height:auto}.nt-practice[data-state=active] .nt-practice__stage{min-height:auto;padding:0 0 24px}.nt-practice[data-state=active] .nt-practice__session-heading{min-height:30px}.nt-practice[data-state=active] .nt-practice__session-name{max-width:calc(100% - 132px);font-size:11px}.nt-practice[data-state=active] .nt-practice__utilities .nt-button{min-height:30px;padding:4px 8px;font-size:11px}.nt-practice[data-state=active] .nt-practice__settings-dialog{width:min(100vw - 20px,820px)}.nt-practice[data-state=active] .nt-practice__settings-panel{padding:18px 14px}.nt-practice[data-state=active] .nt-practice__settings-panel .nt-practice__setup-panel{grid-template-columns:minmax(0,1fr)}.nt-practice[data-state=active] .nt-practice__hud{gap:8px;margin-top:6px;font-size:13px}.nt-practice[data-state=active] .nt-practice__hud-row{gap:5px 9px}.nt-practice[data-state=active] .nt-practice__hud-label{flex-basis:100%}.nt-practice[data-state=active] .nt-practice__hud-row--keys{flex-wrap:wrap}.nt-practice[data-state=active] .nt-practice__target-map{flex-basis:100%}.nt-practice[data-state=active] .nt-practice__hud-item strong,.nt-practice[data-state=active] .nt-practice__hud-history{font-size:12px}.nt-practice[data-state=active] .nt-practice__active-key,.nt-practice[data-state=active] .nt-practice__target-tile{min-height:25px;height:25px}.nt-practice[data-state=active] .nt-practice__target-tile{min-width:25px;font-size:12px}.nt-practice[data-state=active] .nt-practice__key-popup{left:0;padding:12px}.nt-practice[data-state=active] .nt-practice__key-popup-header{font-size:12px}.nt-practice[data-state=active] .nt-practice__progress{width:1px;margin-top:0}.nt-practice[data-state=active] .nt-practice__target-zone{min-height:104px;margin-top:clamp(16px,12dvh - 16px,80px)}.nt-practice[data-state=active] .nt-practice__prompt{min-height:104px;max-height:30dvh;font-size:clamp(22px,7vw,28px);line-height:1.46}.nt-practice[data-state=active] .nt-practice__target-zone .nt-practice__input{min-height:104px}.nt-practice[data-state=active] .nt-practice-keyboard{width:100%;margin-top:18px}.nt-practice[data-state=active] .nt-practice-keyboard[data-state=loading]{min-height:190px}.nt-practice[data-state=active] .nt-practice__hint,.nt-practice[data-state=active] .nt-practice__composition{width:100%}}.nt-practice[data-state=active] .nt-practice__phase{position:relative;min-height:36px;--nt-phase-accent: var(--nt-primary-600);--nt-phase-soft: var(--nt-primary-50);--nt-phase-line: var(--nt-primary-200)}.nt-practice[data-state=active] .nt-practice__phase[hidden]{display:none}.nt-practice[data-state=active] .nt-practice__phase[data-phase="3"]{--nt-phase-accent: var(--nt-primary-800);--nt-phase-soft: var(--nt-primary-100);--nt-phase-line: var(--nt-primary-300)}.nt-practice[data-state=active] .nt-practice__phase-main{display:flex;min-height:36px;align-items:center;gap:8px 14px;flex-wrap:wrap;color:var(--nt-ink-800);font-size:14px}.nt-practice[data-state=active] .nt-practice__phase[data-notice=true] .nt-practice__phase-main{visibility:hidden}.nt-practice[data-state=active] .nt-practice__phase-chip{display:inline-flex;min-height:28px;align-items:center;gap:7px;padding:3px 11px;border:1px solid var(--nt-phase-line);border-radius:999px;background:var(--nt-phase-soft);color:var(--nt-phase-accent);font-weight:700}.nt-practice[data-state=active] .nt-practice__phase-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.nt-practice[data-state=active] .nt-practice__phase-short{display:none}.nt-practice[data-state=active] .nt-practice__phase-seg{display:inline-flex;padding:2px;border:1px solid var(--nt-ink-300);border-radius:999px;background:var(--nt-ink-100)}.nt-practice[data-state=active] .nt-practice__phase-seg[hidden]{display:none}.nt-practice[data-state=active] .nt-practice__phase-seg button{display:inline-flex;min-height:26px;align-items:center;gap:6px;padding:2px 11px;border:0;border-radius:999px;background:transparent;color:var(--nt-ink-700);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.nt-practice[data-state=active] .nt-practice__phase-seg button[aria-pressed=true]{background:var(--nt-white);color:var(--nt-phase-accent);box-shadow:0 1px 3px color-mix(in srgb,var(--nt-ink-900) 18%,transparent)}.nt-practice[data-state=active] .nt-practice__phase-seg button:disabled{cursor:default;color:var(--nt-success-700)}.nt-practice[data-state=active] .nt-practice__phase-seg button:focus-visible{outline:3px solid var(--nt-primary-500);outline-offset:1px}.nt-practice[data-state=active] .nt-practice__phase-lv{color:var(--nt-ink-500);font-size:12px;font-variant-numeric:tabular-nums}.nt-practice[data-state=active] .nt-practice__phase-goal{font-variant-numeric:tabular-nums}.nt-practice[data-state=active] .nt-practice__phase-goal[hidden],.nt-practice[data-state=active] .nt-practice__phase-count[hidden]{display:none}.nt-practice[data-state=active] .nt-practice__phase-count{display:inline-flex;align-items:center;gap:8px;margin-inline-start:auto;font-variant-numeric:tabular-nums}.nt-practice[data-state=active] .nt-practice__phase-meter{position:relative;width:90px;height:6px;overflow:hidden;border-radius:999px;background:var(--nt-ink-200)}.nt-practice[data-state=active] .nt-practice__phase-meter i{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:var(--nt-success)}.nt-practice[data-state=active] .nt-practice__phase-notice{position:absolute;inset:0;display:none;align-items:center;gap:9px;padding:0 12px;overflow:hidden;border:1px solid color-mix(in srgb,var(--nt-success) 35%,var(--nt-white));border-radius:10px;background:var(--nt-success-100);color:var(--nt-success-700);font-size:14px;font-weight:700}.nt-practice[data-state=active] .nt-practice__phase[data-notice=true] .nt-practice__phase-notice{display:flex}.nt-practice[data-state=active] .nt-practice__phase-notice-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nt-practice[data-state=active] .nt-practice__phase[data-phase="3"] .nt-practice__phase-notice{border-color:var(--nt-primary-300);background:var(--nt-primary-100);color:var(--nt-primary-900)}.redesign-app-shell:has(.nt-practice[data-state=active]) .nt-practice-shell__actions .nt-practice__phase{position:relative;min-height:36px;--nt-phase-accent: var(--nt-primary-600);--nt-phase-soft: var(--nt-primary-50);--nt-phase-line: var(--nt-primary-200)}.redesign-app-shell:has(.nt-practice[data-state=active]) .nt-practice-shell__actions .nt-practice__phase[hidden]{display:none}.redesign-app-shell:has(.nt-practice[data-state=active]) .nt-practice-shell__actions .nt-practice__phase[data-phase="3"]{--nt-phase-accent: var(--nt-primary-800);--nt-phase-soft: var(--nt-primary-100);--nt-phase-line: var(--nt-primary-300)}.redesign-app-shell:has(.nt-practice[data-state=active]) .nt-practice-shell__actions .nt-practice__phase-main{display:flex;min-height:36px;align-items:center;gap:8px 14px;flex-wrap:wrap;color:var(--nt-ink-800);font-size:14px}.redesign-app-shell:has(.nt-practice[data-state=active]) .nt-practice-shell__actions .nt-practice__phase[data-notice=true] .nt-practice__phase-main{visibility:hidden}.redesign-app-shell:has(.nt-practice[data-state=active]) .nt-practice-shell__actions .nt-practice__phase-chip{display:inline-flex;min-height:28px;align-items:center;gap:7px;padding:3px 11px;border:1px solid var(--nt-phase-line);border-radius:999px;background:var(--nt-phase-soft);color:var(--nt-phase-accent);font-weight:700}.redesign-app-shell:has(.nt-practice[data-state=active]) .nt-practice-shell__actions .nt-practice__phase-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.redesign-app-shell:has(.nt-practice[data-state=active]) .nt-practice-shell__actions .nt-practice__phase-short{display:none}.redesign-app-shell:has(.nt-practice[data-state=active]) .nt-practice-shell__actions .nt-practice__phase-seg{display:inline-flex;padding:2px;border:1px solid var(--nt-ink-300);border-radius:999px;background:var(--nt-ink-100)}.redesign-app-shell:has(.nt-practice[data-state=active]) .nt-practice-shell__actions .nt-practice__phase-seg[hidden]{display:none}.redesign-app-shell:has(.nt-practice[data-state=active]) .nt-practice-shell__actions .nt-practice__phase-seg button{display:inline-flex;min-height:26px;align-items:center;gap:6px;padding:2px 11px;border:0;border-radius:999px;background:transparent;color:var(--nt-ink-700);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.redesign-app-shell:has(.nt-practice[data-state=active]) .nt-practice-shell__actions .nt-practice__phase-seg button[aria-pressed=true]{background:var(--nt-white);color:var(--nt-phase-accent);box-shadow:0 1px 3px color-mix(in srgb,var(--nt-ink-900) 18%,transparent)}.redesign-app-shell:has(.nt-practice[data-state=active]) .nt-practice-shell__actions .nt-practice__phase-lv{color:var(--nt-ink-500);font-size:12px;font-variant-numeric:tabular-nums}.redesign-app-shell:has(.nt-practice[data-state=active]) .nt-practice-shell__actions .nt-practice__phase-goal{font-variant-numeric:tabular-nums}.redesign-app-shell:has(.nt-practice[data-state=active]) .nt-practice-shell__actions .nt-practice__phase-goal[hidden],.redesign-app-shell:has(.nt-practice[data-state=active]) .nt-practice-shell__actions .nt-practice__phase-count[hidden]{display:none}.redesign-app-shell:has(.nt-practice[data-state=active]) .nt-practice-shell__actions .nt-practice__phase-count{display:inline-flex;align-items:center;gap:8px;margin-inline-start:auto;font-variant-numeric:tabular-nums}.redesign-app-shell:has(.nt-practice[data-state=active]) .nt-practice-shell__actions .nt-practice__phase-meter{position:relative;width:90px;height:6px;overflow:hidden;border-radius:999px;background:var(--nt-ink-200)}.redesign-app-shell:has(.nt-practice[data-state=active]) .nt-practice-shell__actions .nt-practice__phase-meter i{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:var(--nt-success)}.redesign-app-shell:has(.nt-practice[data-state=active]) .nt-practice-shell__actions .nt-practice__phase-notice{position:absolute;inset:0;display:none;align-items:center;gap:9px;padding:0 12px;overflow:hidden;border:1px solid color-mix(in srgb,var(--nt-success) 35%,var(--nt-white));border-radius:10px;background:var(--nt-success-100);color:var(--nt-success-700);font-size:14px;font-weight:700}.redesign-app-shell:has(.nt-practice[data-state=active]) .nt-practice-shell__actions .nt-practice__phase[data-notice=true] .nt-practice__phase-notice{display:flex}.redesign-app-shell:has(.nt-practice[data-state=active]) .nt-practice-shell__actions .nt-practice__phase-notice-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nt-practice[data-state=active] .nt-practice__stage:not([data-phase="1"]) .nt-practice__hud-row--metrics{display:none}.nt-practice[data-state=active] .nt-practice__stage[data-keyboard=off] .nt-practice-keyboard{display:none}.nt-practice[data-state=active] .nt-practice__readout{display:none;position:relative;order:5;width:fit-content;max-width:100%;margin:auto auto 0;padding-top:18px;align-items:flex-end;justify-content:center;gap:10px 36px;flex-wrap:wrap;transition:opacity var(--nt-duration-fast, .16s)}.nt-practice[data-state=active] .nt-practice__stage:not([data-phase="1"]) .nt-practice__readout{display:flex}.nt-practice[data-state=active] .nt-practice__stage[data-keyboard=off] .nt-practice__readout{margin-top:clamp(28px,14dvh - 24px,120px)}.nt-practice[data-state=active] .nt-practice__readout[data-idle=true]{opacity:.45}.nt-practice[data-state=active] .nt-practice__readout-metric{display:grid;gap:6px;min-width:150px}.nt-practice[data-state=active] .nt-practice__readout-line{display:inline-flex;align-items:baseline;gap:8px}.nt-practice[data-state=active] .nt-practice__readout-num{color:var(--nt-ink-900);font-size:34px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.nt-practice[data-state=active] .nt-practice__readout-num:empty:before{content:"​"}.nt-practice[data-state=active] .nt-practice__readout-unit{color:var(--nt-ink-600);font-size:14px}.nt-practice[data-state=active] .nt-practice__readout-target{padding:2px 9px;border-radius:999px;background:var(--nt-ink-100);color:var(--nt-ink-700);font-size:12px;font-weight:700;white-space:nowrap}.nt-practice[data-state=active] .nt-practice__readout-target[data-met=true]{background:var(--nt-success-100);color:var(--nt-success-700)}.nt-practice[data-state=active] .nt-practice__readout-target[hidden],.nt-practice[data-state=active] .nt-practice__readout-bar b[hidden]{display:none}.nt-practice[data-state=active] .nt-practice__readout-bar{position:relative;height:5px;border-radius:999px;background:var(--nt-ink-200)}.nt-practice[data-state=active] .nt-practice__readout-bar i{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:var(--nt-primary-500)}.nt-practice[data-state=active] .nt-practice__readout-bar i[data-met=true]{background:var(--nt-success)}.nt-practice[data-state=active] .nt-practice__readout-bar b{position:absolute;top:-3px;width:2px;height:11px;background:var(--nt-ink-700)}.nt-practice[data-state=active] .nt-practice__readout-paused{position:absolute;left:calc(100% + 24px);bottom:0;white-space:nowrap;color:var(--nt-ink-600);font-size:13px;font-weight:600}.nt-practice[data-state=active] .nt-practice__readout-level{display:block;width:min(960px,100%);margin:0 auto 8px;color:var(--nt-primary-700);font-size:clamp(22px,2.2vw,28px);font-weight:800;line-height:1.2;min-height:1.2em;text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap}.nt-practice[data-state=active] .nt-practice__stage[data-phase="1"]>.nt-practice__readout-level{display:none}.nt-practice[data-state=active] .nt-practice__readout-paused[hidden]{display:inline;visibility:hidden}.nt-practice-milestone{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:16px;background:color-mix(in srgb,var(--nt-ink-900) 42%,transparent);animation:nt-practice-milestone-fade .18s ease-out}.nt-practice-milestone[hidden],.nt-practice-milestone [hidden]{display:none}.nt-practice-milestone__panel{box-sizing:border-box;width:min(440px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;padding:24px 22px 22px;border-radius:20px;background:var(--nt-white);box-shadow:0 24px 60px color-mix(in srgb,var(--nt-ink-900) 22%,transparent);text-align:center;animation:nt-practice-milestone-rise .22s cubic-bezier(.2,.8,.2,1)}.nt-practice-milestone__panel:focus,.nt-practice-milestone__panel:focus-visible{outline:none}.nt-practice-milestone__mascot{display:block;width:96px;height:96px;margin:-4px auto 6px}.nt-practice-milestone__mascot img{width:100%;height:100%;object-fit:contain}.nt-practice-milestone__title{margin:0;color:var(--nt-ink-900);font-size:22px;line-height:1.25}.nt-practice-milestone__lead{margin:6px 0 18px;color:var(--nt-ink-700);font-size:15px}.nt-practice-milestone__options{display:grid;gap:10px}.nt-practice-milestone__option{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:12px;padding:12px 14px;border:2px solid var(--nt-ink-300);border-radius:14px;background:var(--nt-white);color:var(--nt-ink-900);font:inherit;text-align:start;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,transform .12s ease}.nt-practice-milestone__option:hover{border-color:var(--nt-primary-400);background:var(--nt-primary-50)}.nt-practice-milestone__option:focus-visible,.nt-practice-milestone__option:focus{outline:none;box-shadow:none;border-color:var(--nt-primary-600);background:var(--nt-primary-50)}.nt-practice-milestone__option:focus-visible{outline:3px solid var(--nt-focus);outline-offset:3px}.nt-practice-milestone__option:active{transform:scale(.98)}.nt-practice-milestone__icon{display:grid;width:40px;height:40px;place-items:center;border-radius:12px;background:var(--nt-primary-100);color:var(--nt-primary-700)}.nt-practice-milestone__option[data-track=accuracy] .nt-practice-milestone__icon{background:var(--nt-success-100);color:var(--nt-success-700)}.nt-practice-milestone__option-text{display:grid;gap:2px;min-width:0}.nt-practice-milestone__option-text strong{font-size:16px}.nt-practice-milestone__option-text span{color:var(--nt-ink-600);font-size:13px}.nt-practice-milestone__goal{margin:0 0 18px;padding:10px 12px;border-radius:12px;background:var(--nt-primary-100);color:var(--nt-primary-900);font-weight:700}.nt-practice-milestone__start{width:100%;min-height:44px;border:0;border-radius:12px;background:var(--nt-primary-600);color:var(--nt-white);font:inherit;font-weight:700;cursor:pointer}.nt-practice-milestone__start:hover{background:var(--nt-primary-700)}.nt-practice-milestone__start:focus-visible{outline:3px solid var(--nt-focus);outline-offset:2px;box-shadow:none}@keyframes nt-practice-milestone-fade{0%{opacity:0}}@keyframes nt-practice-milestone-rise{0%{opacity:0;transform:translateY(12px) scale(.98)}}@media(prefers-reduced-motion:reduce){.nt-practice-milestone,.nt-practice-milestone__panel{animation:none}.nt-practice-milestone__option{transition:none}}.nt-practice[data-state=active] .nt-practice__hud-tip{display:inline-grid;width:15px;height:15px;margin-inline-start:4px;place-items:center;border:1px solid var(--nt-ink-400);border-radius:50%;color:var(--nt-ink-600);font:italic 700 10px/1 Georgia,serif;cursor:help;vertical-align:middle}.nt-practice[data-state=active] .nt-practice__hud-tip:before{content:"i"}.nt-practice[data-state=active] .nt-practice__hud-need[hidden]{display:none}.nt-practice[data-state=active] .nt-practice__key-popup-metrics dt{color:var(--nt-ink-600)}.nt-practice[data-state=active] .nt-practice__key-popup-metrics dt:empty{display:none}.nt-practice[data-state=active] .nt-practice__key-popup-metrics dd{margin:0 12px 0 4px;font-weight:700}.nt-practice[data-state=active] .nt-practice__key-popup-relieved{flex-basis:100%;color:var(--nt-ink-700);font-weight:600!important}@media(prefers-reduced-motion:no-preference){.nt-practice[data-state=active] .nt-practice__target-map.is-sweeping .nt-practice__target-tile{animation:nt-practice-sweep .48s ease-out both;animation-delay:calc(var(--nt-sweep-index, 0) * 25ms)}}@keyframes nt-practice-sweep{0%{filter:none;transform:none}40%{filter:brightness(1.08) saturate(1.4);transform:translateY(-2px)}to{filter:none;transform:none}}@media(max-width:767px){.nt-practice[data-state=active] .nt-practice__phase-long{display:none}.nt-practice[data-state=active] .nt-practice__phase-short{display:inline}.nt-practice[data-state=active] .nt-practice__phase-goal{display:none}.nt-practice[data-state=active] .nt-practice__phase-main{gap:6px 8px;font-size:13px}.nt-practice[data-state=active] .nt-practice__phase-meter{width:56px}.nt-practice[data-state=active] .nt-practice__phase-notice{font-size:13px}.nt-practice[data-state=active] .nt-practice__phase-notice-text{white-space:normal;line-height:1.25}.nt-practice[data-state=active] .nt-practice__readout{width:min(960px,100%);gap:10px 20px;padding-top:12px}.nt-practice[data-state=active] .nt-practice__readout-paused{position:static;align-self:center}.nt-practice[data-state=active] .nt-practice__readout-metric{min-width:0;flex:1 1 130px}.nt-practice[data-state=active] .nt-practice__readout-num{font-size:28px}.redesign-app-shell:has(.nt-practice[data-state=active]) .nt-practice-shell__actions .nt-practice__phase-long{display:none}.redesign-app-shell:has(.nt-practice[data-state=active]) .nt-practice-shell__actions .nt-practice__phase-short{display:inline}.redesign-app-shell:has(.nt-practice[data-state=active]) .nt-practice-shell__actions .nt-practice__phase-goal{display:none}.redesign-app-shell:has(.nt-practice[data-state=active]) .nt-practice-shell__actions .nt-practice__phase-main{gap:6px 8px;font-size:13px}.redesign-app-shell:has(.nt-practice[data-state=active]) .nt-practice-shell__actions .nt-practice__phase-meter{width:56px}.redesign-app-shell:has(.nt-practice[data-state=active]) .nt-practice-shell__actions .nt-practice__phase-notice{font-size:13px}.redesign-app-shell:has(.nt-practice[data-state=active]) .nt-practice-shell__actions .nt-practice__phase-notice-text{white-space:normal;line-height:1.25}}.nt-practice-stats{display:grid;gap:20px;max-width:1080px;margin:0 auto;padding:16px}.nt-practice-stats__header{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;justify-content:space-between}.nt-practice-stats__header h1{margin:0;font-size:1.5rem}.nt-practice-stats__scope,.nt-practice-stats__empty{margin:4px 0 0;color:var(--nt-ink-600)}.nt-practice-stats__section{border:1px solid var(--nt-primary-200);border-radius:var(--nt-radius-sm);background:var(--nt-white);padding:14px 16px;min-width:0}.nt-practice-stats__heading{margin:0 0 10px;font-size:1rem}.nt-practice-stats__tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0}.nt-practice-stats__tile{border:1px solid var(--nt-primary-200);border-radius:var(--nt-radius-sm);background:var(--nt-white);padding:10px 12px}.nt-practice-stats__tile dt{font-size:.8rem;color:var(--nt-ink-600)}.nt-practice-stats__tile dd{margin:2px 0 0;font-size:1.35rem;font-weight:700;color:var(--nt-primary-800)}.nt-practice-stats__data-tooltip{position:fixed;z-index:100;width:min(300px,calc(100vw - 32px));padding:11px 13px;border:1px solid var(--nt-ink-300);border-radius:10px;background:var(--nt-white);color:var(--nt-ink-900);font:600 .8rem/1.45 ui-sans-serif,system-ui,sans-serif;text-align:start;box-shadow:0 16px 36px color-mix(in srgb,var(--nt-ink-900) 22%,transparent);pointer-events:none}.nt-practice-stats__data-tooltip[hidden]{display:none}.nt-practice-stats__data-tooltip-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center}.nt-practice-stats__data-tooltip-row+.nt-practice-stats__data-tooltip-row{margin-top:5px}.nt-practice-stats__data-tooltip-row:first-child:not(:has(.nt-practice-stats__data-tooltip-swatch)){grid-template-columns:minmax(0,1fr);padding-bottom:5px;border-bottom:1px solid var(--nt-ink-200);color:var(--nt-ink-700)}.nt-practice-stats__data-tooltip-row:first-child:not(:has(.nt-practice-stats__data-tooltip-swatch)) strong{display:none}.nt-practice-stats__data-tooltip-row strong{font-variant-numeric:tabular-nums}.nt-practice-stats__data-tooltip-swatch{width:12px;height:12px;border-radius:3px;background:var(--nt-primary-400)}.nt-practice-stats__data-tooltip-swatch.is-speed,.nt-practice-stats__data-tooltip-swatch.is-reference,.nt-practice-stats__data-tooltip-swatch.is-hits{background:var(--nt-primary-400)}.nt-practice-stats__data-tooltip-swatch.is-misses{background:color-mix(in srgb,var(--nt-error) 55%,var(--nt-white))}.nt-practice-stats__data-tooltip-swatch.is-rate{background:color-mix(in srgb,var(--nt-error) 30%,var(--nt-white))}.nt-practice-stats__data-tooltip-swatch.is-activity-0{background:var(--nt-ink-200)}.nt-practice-stats__data-tooltip-swatch.is-activity-1{background:var(--nt-primary-200)}.nt-practice-stats__data-tooltip-swatch.is-activity-2{background:var(--nt-primary-300)}.nt-practice-stats__data-tooltip-swatch.is-activity-3{background:var(--nt-primary-500)}.nt-practice-stats__data-tooltip-swatch.is-activity-4{background:var(--nt-primary-700)}.nt-practice-stats__fingers,.nt-practice-stats__keys{position:relative}.nt-practice-stats__panel-head{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.nt-practice-stats__panel-head .nt-practice-stats__heading{margin:0}.nt-practice-stats__metric{display:inline-flex;padding:3px;border:1px solid var(--nt-ink-300);border-radius:10px;background:var(--nt-ink-100)}.nt-practice-stats__metric-option{min-height:32px;padding:4px 14px;border:0;border-radius:7px;background:transparent;color:var(--nt-ink-700);font-size:.8rem;font-weight:700;cursor:pointer}.nt-practice-stats__metric-option[aria-pressed=true]{background:var(--nt-white);color:var(--nt-ink-900);box-shadow:0 1px 3px color-mix(in srgb,var(--nt-ink-900) 18%,transparent)}.nt-practice-stats__metric-option:focus-visible{outline:3px solid var(--nt-primary-500);outline-offset:2px}.nt-practice-stats__hand-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.nt-practice-stats__hand{display:grid;gap:4px;justify-items:center;min-width:0;margin:0}.nt-practice-stats__hand-art{width:min(340px,100%);height:auto;overflow:visible}.nt-practice-stats__palm{fill:var(--nt-ink-200);fill-opacity:.45}.nt-practice-stats__contour{fill:none;stroke:var(--nt-ink-400);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.nt-practice-stats__finger{cursor:pointer;outline:none}.nt-practice-stats__finger:focus-visible,.nt-practice-stats__key-row:focus-visible,.nt-practice-stats__hit-column:focus-visible{outline:3px solid var(--nt-primary-700);outline-offset:3px}.nt-practice-stats__finger-hit{fill:transparent;stroke:transparent;stroke-width:36;pointer-events:all}.nt-practice-stats__finger-line{fill:transparent;stroke:var(--nt-primary-600);stroke-width:7;stroke-linecap:round;stroke-linejoin:round;transition:fill var(--nt-duration-fast),stroke-width var(--nt-duration-fast)}.nt-practice-stats__finger[data-trend=empty] .nt-practice-stats__finger-line{stroke:var(--nt-ink-400);stroke-dasharray:10 12}.nt-practice-stats__finger:is(:hover,:focus-visible,.is-hovered) .nt-practice-stats__finger-line{fill:color-mix(in srgb,var(--nt-primary-600) 16%,transparent);stroke-width:10}.nt-practice-stats__finger:focus-visible .nt-practice-stats__finger-line{stroke:var(--nt-primary-800)}.nt-practice-stats__finger-label{fill:var(--nt-primary-800);font-size:40px;font-weight:700;paint-order:stroke;stroke:var(--nt-white);stroke-width:8px;stroke-linejoin:round}.nt-practice-stats__finger[data-trend=up] .nt-practice-stats__finger-label{fill:var(--nt-success-700)}.nt-practice-stats__finger[data-trend=down] .nt-practice-stats__finger-label{fill:var(--nt-error-700)}.nt-practice-stats__finger[data-trend=empty] .nt-practice-stats__finger-label{fill:var(--nt-ink-500)}.nt-practice-stats__hand-total{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;justify-content:center;color:var(--nt-ink-600);font-size:.85rem}.nt-practice-stats__hand-total strong{color:var(--nt-primary-800);font-size:1rem}.nt-practice-stats__trend{font-weight:700}.nt-practice-stats__trend.is-up{color:var(--nt-success-700)}.nt-practice-stats__trend.is-down{color:var(--nt-error-700)}.nt-practice-stats__chart.nt-practice-stats__key-chart{padding:0}.nt-practice-stats__key-rows{display:grid;gap:4px;margin:0;padding:0;list-style:none}.nt-practice-stats__key-row{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center;min-height:44px;padding:0 8px;border-radius:8px;cursor:pointer;outline:none}.nt-practice-stats__key-row:is(:hover,:focus-visible){background:var(--nt-primary-50)}.nt-practice-stats__key-row:focus-visible{box-shadow:inset 0 0 0 2px var(--nt-primary-500)}.nt-practice-stats__keycap{display:inline-grid;min-width:34px;height:34px;place-items:center;padding:0 6px;border:1px solid var(--nt-ink-400);border-radius:7px;background:var(--nt-ink-100);box-shadow:0 2px 0 var(--nt-ink-300);color:var(--nt-ink-900);font:600 .95rem ui-monospace,SFMono-Regular,Menlo,monospace}.nt-practice-stats__key-track{position:relative;height:34px;margin-inline:34px;background:linear-gradient(to right,var(--nt-ink-200) 1px,transparent 1px) 0 0 / 20% 100%;border-inline-end:1px solid var(--nt-ink-200)}.nt-practice-stats__key-segment{position:absolute;top:50%;height:4px;transform:translateY(-50%);border-radius:2px;background:var(--nt-primary-500)}.nt-practice-stats__key-dot{position:absolute;top:50%;width:12px;height:12px;transform:translate(-50%,-50%);border-radius:50%;background:var(--nt-primary-600)}.nt-practice-stats__key-dot.is-previous{border:2px solid var(--nt-primary-600);background:var(--nt-white)}.nt-practice-stats__key-row[data-trend=up] :is(.nt-practice-stats__key-segment,.nt-practice-stats__key-dot.is-last){background:var(--nt-success)}.nt-practice-stats__key-row[data-trend=down] :is(.nt-practice-stats__key-segment,.nt-practice-stats__key-dot.is-last){background:var(--nt-error)}.nt-practice-stats__key-dot[hidden],.nt-practice-stats__key-segment[hidden]{display:none}.nt-practice-stats__key-value{position:absolute;top:-2px;transform:translate(-50%);color:var(--nt-ink-600);font-size:.7rem;white-space:nowrap;font-variant-numeric:tabular-nums}.nt-practice-stats__key-value.is-last{top:auto;bottom:-3px;color:var(--nt-ink-900);font-weight:700}.nt-practice-stats__key-chart.is-empty{min-height:120px;border:1px dashed var(--nt-ink-300);border-radius:8px;background:repeating-linear-gradient(to bottom,transparent 0 43px,var(--nt-ink-200) 43px 44px)}.nt-practice-stats__chart-empty[hidden]{display:none}.nt-practice-stats__tooltip{position:absolute;z-index:5;width:min(340px,calc(100% - 16px));padding:14px 16px;border:1px solid var(--nt-ink-300);border-radius:12px;background:var(--nt-white);color:var(--nt-ink-900);font-size:.82rem;line-height:1.4;box-shadow:0 12px 32px color-mix(in srgb,var(--nt-ink-900) 16%,transparent);pointer-events:none}.nt-practice-stats__tooltip[hidden]{display:none}.nt-practice-stats__tooltip-title{display:inline-block;margin-bottom:10px;padding:3px 10px;border:1px solid var(--nt-ink-300);border-radius:7px;background:var(--nt-ink-100);font-weight:700}.nt-practice-stats__tooltip-title:first-letter{text-transform:uppercase}.nt-practice-stats__tooltip-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.nt-practice-stats__tooltip-column{display:grid;gap:3px;margin:0}.nt-practice-stats__tooltip-period{margin:0 0 2px;color:var(--nt-ink-700);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.nt-practice-stats__tooltip-column div{display:flex;gap:8px;justify-content:space-between}.nt-practice-stats__tooltip dt{color:var(--nt-ink-600)}.nt-practice-stats__tooltip dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}.nt-practice-stats__tooltip dd[data-period=previous]{color:var(--nt-ink-600)}.nt-practice-stats__tooltip dd[data-period=last]{color:var(--nt-primary-700)}.nt-practice-stats__tooltip-change{display:flex;justify-content:space-between;margin:10px 0 0;padding-top:8px;border-top:1px solid var(--nt-ink-200);color:var(--nt-ink-600)}.nt-practice-stats__tooltip-change[data-trend=up] strong{color:var(--nt-success-700)}.nt-practice-stats__tooltip-change[data-trend=down] strong{color:var(--nt-error-700)}.nt-practice-stats__distribution-current{margin:0;color:var(--nt-primary-800);font-size:.8rem;font-weight:700;font-variant-numeric:tabular-nums}.nt-practice-stats__chart.nt-practice-stats__distribution-chart{padding:26px 0 28px}.nt-practice-stats__distribution-plot{position:relative;height:190px;border-block-end:1px solid var(--nt-ink-400)}.nt-practice-stats__histogram{position:relative;display:grid;grid-template-columns:repeat(15,minmax(0,1fr));gap:4px;align-items:end;height:100%;margin:0;padding:0;list-style:none}.nt-practice-stats__bucket{position:relative;display:grid;height:100%;min-width:0}.nt-practice-stats__bucket-bar{align-self:end;height:calc(var(--value, 0) * 100%);min-height:0;border-radius:4px 4px 0 0;background:var(--nt-primary-400)}.nt-practice-stats__bucket-label{position:absolute;top:calc(100% + 4px);left:0;transform:translate(-50%);color:var(--nt-ink-600);font-size:.65rem;white-space:nowrap}.nt-practice-stats__speed-marker{position:absolute;z-index:1;top:-22px;bottom:0;pointer-events:none}.nt-practice-stats__speed-marker:after{content:"";position:absolute;inset-block:calc(1em + 4px) 0;border-inline-start:2px dotted var(--nt-primary-700)}.nt-practice-stats__you{position:absolute;top:0;left:50%;transform:translate(-50%);color:var(--nt-primary-700);font-size:.7rem;font-weight:800;white-space:nowrap}.nt-practice-stats__lists{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.nt-practice-stats__list ol{display:grid;gap:6px;margin:0;padding:0;list-style:none}.nt-practice-stats__list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.nt-practice-stats__label{font-weight:700;overflow-wrap:anywhere}.nt-practice-stats__value{color:var(--nt-ink-600);font-variant-numeric:tabular-nums}.nt-practice-stats__chart{position:relative;padding:18px 0 0}.nt-practice-stats__axis{position:absolute;inset-block-start:0;inset-inline-start:6px;color:var(--nt-ink-600);font-size:.75rem;font-variant-numeric:tabular-nums}.nt-practice-stats__bars{display:flex;align-items:flex-end;gap:3px;height:120px;margin:0;padding:0 4px;list-style:none;border-inline-start:1px solid var(--nt-ink-400);border-block-end:1px solid var(--nt-ink-400);background:repeating-linear-gradient(to top,transparent 0 calc(25% - 1px),var(--nt-ink-200) calc(25% - 1px) 25%)}.nt-practice-stats__bar{flex:1 1 0;min-width:3px;height:calc(var(--value, 0) * 100%);min-height:2px;border-radius:3px 3px 0 0;background:var(--nt-primary-600)}.nt-practice-stats__bar.is-empty{min-height:0;background:transparent}.nt-practice-stats__chart-empty{position:absolute;top:calc(50% + 9px);left:50%;margin:0;padding:2px 10px;transform:translate(-50%,-50%);border-radius:var(--nt-radius-sm);background:var(--nt-white);color:var(--nt-ink-600);font-size:.875rem;white-space:nowrap;pointer-events:none}.nt-practice-stats__activity-calendar{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:20px auto;column-gap:8px;width:100%;min-width:0}.nt-practice-stats__activity-months{grid-column:2;display:grid;grid-template-columns:repeat(52,minmax(0,1fr));align-items:end;gap:clamp(2px,.28vw,4px);min-width:0;color:var(--nt-ink-700);font-size:.75rem;line-height:1}.nt-practice-stats__activity-months span{overflow:visible;white-space:nowrap}.nt-practice-stats__activity-weekdays{grid-column:1;grid-row:2;display:grid;grid-template-rows:repeat(7,minmax(0,1fr));min-width:0;color:var(--nt-ink-700);font-size:.75rem;line-height:1}.nt-practice-stats__activity-weekdays span{align-self:center;text-align:end}.nt-practice-stats__heatmap{grid-column:2;grid-row:2;display:grid;grid-template-columns:repeat(52,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,1fr));aspect-ratio:52 / 7;gap:clamp(2px,.28vw,4px);min-width:0;margin:0;padding:0;list-style:none}.nt-practice-stats__day{min-width:0;min-height:0;border-radius:2px;background:var(--nt-ink-200);transition:background-color var(--nt-duration-fast)}.nt-practice-stats__day[data-level="1"]{background:var(--nt-primary-200)}.nt-practice-stats__day[data-level="2"]{background:var(--nt-primary-300)}.nt-practice-stats__day[data-level="3"]{background:var(--nt-primary-500)}.nt-practice-stats__day[data-level="4"]{background:var(--nt-primary-700)}.nt-practice-stats__day:focus-visible{position:relative;z-index:1;outline:3px solid var(--nt-primary-700);outline-offset:2px}.nt-practice-stats__activity-legend{display:flex;width:max-content;align-items:center;gap:5px;margin:10px 0 0 42px;color:var(--nt-ink-700);font-size:.75rem;font-variant-numeric:tabular-nums}.nt-practice-stats__activity-swatch{width:13px;aspect-ratio:1;border-radius:2px;background:var(--nt-ink-200)}.nt-practice-stats__activity-swatch[data-level="1"]{background:var(--nt-primary-200)}.nt-practice-stats__activity-swatch[data-level="2"]{background:var(--nt-primary-300)}.nt-practice-stats__activity-swatch[data-level="3"]{background:var(--nt-primary-500)}.nt-practice-stats__activity-swatch[data-level="4"]{background:var(--nt-primary-700)}.nt-practice-stats__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.nt-practice-stats__footer-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:4px}.nt-practice-stats__export{position:relative}.nt-practice-stats__export>summary{list-style:none;cursor:pointer}.nt-practice-stats__export>summary::-webkit-details-marker{display:none}.nt-practice-stats__export>summary:after{content:"";display:inline-block;width:6px;height:6px;margin-inline-start:8px;border:solid currentColor;border-width:0 2px 2px 0;transform:translateY(-2px) rotate(45deg)}.nt-practice-stats__export-list{position:absolute;z-index:20;inset-inline-end:0;top:calc(100% + 6px);display:grid;min-width:180px;padding:6px;border:1px solid var(--nt-ink-300);border-radius:10px;background:var(--nt-white);box-shadow:0 12px 32px color-mix(in srgb,var(--nt-ink-900) 14%,transparent)}.nt-practice-stats__export-item{min-height:40px;padding:6px 12px;border:0;border-radius:7px;background:transparent;color:var(--nt-ink-900);font:inherit;font-weight:600;text-align:start;cursor:pointer}.nt-practice-stats__export-item:is(:hover,:focus-visible){background:var(--nt-primary-50)}.nt-practice-stats__export-item:disabled{color:var(--nt-ink-500);cursor:progress}.nt-practice-stats__export-status{margin:0;padding:0 12px;color:var(--nt-ink-600);font-size:.8rem}.nt-practice-stats__export-status:empty{display:none}.nt-practice-stats__dialog{width:min(460px,calc(100vw - 32px));padding:20px;border:1px solid var(--nt-ink-300);border-radius:14px;background:var(--nt-white);color:var(--nt-ink-900);box-shadow:0 20px 48px color-mix(in srgb,var(--nt-ink-900) 20%,transparent)}.nt-practice-stats__dialog::backdrop{background:color-mix(in srgb,var(--nt-ink-900, #2b3444) 35%,transparent)}.nt-practice-stats__dialog h2{margin:0 0 8px;font-size:1.15rem}.nt-practice-stats__dialog p{margin:0 0 14px;color:var(--nt-ink-700);line-height:1.45}.nt-practice-stats__dialog-choices{display:grid;gap:8px;margin:0 0 18px;padding:0;border:0}.nt-practice-stats__dialog-choices legend{margin-bottom:6px;padding:0;font-weight:700}.nt-practice-stats__dialog-choices label{display:flex;gap:10px;align-items:center;min-height:40px;padding:6px 10px;border:1px solid var(--nt-ink-300);border-radius:8px;cursor:pointer}.nt-practice-stats__dialog-choices label:has(input:checked){border-color:var(--nt-primary-500);background:var(--nt-primary-50)}.nt-practice-stats__dialog-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.nt-button.nt-practice-stats__danger{border-color:var(--nt-error-700);background:var(--nt-error-700);color:var(--nt-white)}.nt-button.nt-practice-stats__danger:is(:hover,:focus-visible){background:color-mix(in srgb,var(--nt-error-700) 85%,var(--nt-ink-900))}.nt-practice-stats__plot-frame{padding:0;min-width:0}.nt-practice-stats__plot-frame.is-empty,.nt-practice-stats__hits-frame.is-empty{min-height:140px;border:1px dashed var(--nt-ink-300);border-radius:8px}.nt-practice-stats__plot{display:block;max-width:100%;overflow:visible;touch-action:pan-y}.nt-practice-stats__grid line{stroke:var(--nt-ink-200);stroke-width:1}.nt-practice-stats__grid line.is-axis{stroke:var(--nt-ink-400)}.nt-practice-stats__tick{fill:var(--nt-ink-600);font-size:11px;font-variant-numeric:tabular-nums}.nt-practice-stats__series.is-speed .nt-practice-stats__dot{fill:var(--nt-primary-500);fill-opacity:.85}.nt-practice-stats__series.is-accuracy .nt-practice-stats__dot{fill:var(--nt-success);fill-opacity:.8}.nt-practice-stats__step{fill:none;stroke:var(--nt-ink-500);stroke-width:2;stroke-linejoin:round}.nt-practice-stats__trend-line{stroke:var(--nt-primary-700);stroke-width:2;stroke-dasharray:6 5;stroke-linecap:round}.nt-practice-stats__target-line{stroke:var(--nt-ink-500);stroke-width:1.5;stroke-dasharray:3 4}.nt-practice-stats__target-label{fill:var(--nt-ink-700);font-size:11px;font-weight:700}.nt-practice-stats__guide{stroke:var(--nt-ink-400);stroke-width:1}.nt-practice-stats__chart-tip{position:absolute;z-index:5;min-width:150px;padding:8px 10px;border:1px solid var(--nt-ink-300);border-radius:10px;background:var(--nt-white);color:var(--nt-ink-900);font-size:.78rem;box-shadow:0 10px 28px color-mix(in srgb,var(--nt-ink-900) 14%,transparent);pointer-events:none}.nt-practice-stats__chart-tip[hidden]{display:none}.nt-practice-stats__chart-tip div{display:flex;gap:12px;justify-content:space-between}.nt-practice-stats__chart-tip strong{font-variant-numeric:tabular-nums}.nt-practice-stats__chart-tip-title{margin-bottom:4px;color:var(--nt-ink-700);font-weight:700}.nt-practice-stats__plot-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:8px}.nt-practice-stats__smoothness{display:inline-flex;gap:10px;align-items:center;color:var(--nt-ink-700);font-size:.85rem}.nt-practice-stats__smoothness input{width:min(220px,50vw);accent-color:var(--nt-primary-500)}.nt-practice-stats__legend{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;margin:10px 0 0;color:var(--nt-ink-700);font-size:.8rem}.nt-practice-stats__legend-axis{flex-basis:100%;color:var(--nt-ink-500)}.nt-practice-stats__legend-item{display:inline-flex;gap:6px;align-items:center}.nt-practice-stats__swatch{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--nt-primary-500)}.nt-practice-stats__swatch.is-accuracy{background:var(--nt-success)}.nt-practice-stats__swatch.is-keys{height:3px;border-radius:2px;background:var(--nt-ink-500)}.nt-practice-stats__swatch.is-trend{width:16px;height:0;border-radius:0;border-top:2px dashed var(--nt-primary-700);background:none}.nt-practice-stats__swatch.is-target{width:16px;height:0;border-radius:0;border-top:2px dotted var(--nt-ink-500);background:none}.nt-practice-stats__swatch.is-hits{border-radius:3px;background:var(--nt-primary-400)}.nt-practice-stats__swatch.is-misses{border-radius:3px;background:color-mix(in srgb,var(--nt-error) 55%,var(--nt-white))}.nt-practice-stats__swatch.is-rate{border-radius:3px;background:color-mix(in srgb,var(--nt-error) 30%,var(--nt-white))}.nt-practice-stats__key-strip{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}.nt-practice-stats__key-choice{min-width:34px;height:34px;padding:0 7px;border:1px solid var(--nt-ink-300);border-radius:7px;background:var(--nt-ink-100);color:var(--nt-ink-500);font:600 .9rem ui-monospace,SFMono-Regular,Menlo,monospace;cursor:pointer}.nt-practice-stats__key-choice[data-state=weak]{border-color:var(--nt-accent-200);background:var(--nt-accent-100);color:var(--nt-accent-800)}.nt-practice-stats__key-choice[data-state=mastered]{border-color:color-mix(in srgb,var(--nt-success) 35%,var(--nt-white));background:var(--nt-success-100);color:var(--nt-success-700)}.nt-practice-stats__key-choice[aria-pressed=true]{border-color:var(--nt-primary-600);box-shadow:0 0 0 2px var(--nt-primary-200);color:var(--nt-ink-900)}.nt-practice-stats__key-choice:focus-visible{outline:3px solid var(--nt-primary-500);outline-offset:2px}.nt-practice-stats__key-metrics{display:flex;flex-wrap:wrap;gap:6px 20px;margin:0 0 12px;color:var(--nt-ink-700);font-size:.88rem}.nt-practice-stats__key-metric strong{color:var(--nt-ink-900);font-variant-numeric:tabular-nums}.nt-practice-stats__key-metric[data-trend=up] strong{color:var(--nt-success-700)}.nt-practice-stats__key-metric[data-trend=down] strong{color:var(--nt-error-700)}.nt-practice-stats__hits-frame{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;padding:0;overflow-x:auto}.nt-practice-stats__hits-axis{display:grid;grid-template-rows:150px 44px;color:var(--nt-ink-600);font-size:.7rem;font-variant-numeric:tabular-nums;text-align:end}.nt-practice-stats__hits{display:grid;grid-template-columns:repeat(var(--columns, 1),minmax(18px,1fr));gap:3px;min-width:calc(var(--columns, 1) * 21px);margin:0;padding:0;list-style:none}.nt-practice-stats__hit-column{display:grid;grid-template-rows:150px 40px auto;gap:4px;min-width:0;border-radius:4px;outline:none}.nt-practice-stats__hit-column:focus-visible{box-shadow:0 0 0 2px var(--nt-primary-500)}.nt-practice-stats__hit-stack{position:relative;display:flex;flex-direction:column;align-self:end;height:calc(var(--value, 0) * 100%);min-height:2px;overflow:hidden;border-radius:3px 3px 0 0;background:var(--nt-primary-400)}.nt-practice-stats__hit-miss{height:calc(var(--share, 0) * 100%);background:color-mix(in srgb,var(--nt-error) 55%,var(--nt-white))}.nt-practice-stats__hit-rate{align-self:start;height:calc(var(--value, 0) * 100%);border-radius:0 0 3px 3px;background:color-mix(in srgb,var(--nt-error) 30%,var(--nt-white))}.nt-practice-stats__hit-label{overflow:hidden;color:var(--nt-ink-900);font:600 .75rem ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center;text-overflow:clip;white-space:nowrap}.nt-practice-stats__hits{border-block-end:0}.nt-practice-stats__heatmap-stage{position:relative;max-width:100%;clip-path:inset(0)}.nt-practice-stats__heatmap-stage{isolation:isolate}.nt-practice-stats__heatmap-stage .nt-practice-keyboard{position:relative;z-index:0;isolation:isolate;filter:grayscale(.9) opacity(.75);pointer-events:none}.nt-practice-stats__heatmap-overlay{position:absolute;z-index:1;inset:0;pointer-events:none}.nt-practice-stats__heat{position:absolute;width:var(--size);height:var(--size);transform:translate(-50%,-50%);border-radius:50%;background:conic-gradient(color-mix(in srgb,var(--nt-error) 65%,transparent) 0 var(--miss),color-mix(in srgb,var(--nt-primary-500) 60%,transparent) var(--miss) 360deg);box-shadow:0 0 0 1px color-mix(in srgb,var(--nt-white) 70%,transparent);pointer-events:auto}@media(min-width:641px)and (max-width:900px){.nt-practice-stats__tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.nt-practice-stats{padding:12px}.nt-practice-stats__tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.nt-practice-stats__hand-pair{grid-template-columns:minmax(0,1fr);gap:12px}.nt-practice-stats__hand-art{width:min(300px,100%)}.nt-practice-stats__distribution-plot{height:150px}.nt-practice-stats__histogram{gap:2px}.nt-practice-stats__bucket:nth-child(2n) .nt-practice-stats__bucket-label{display:none}.nt-practice-stats__key-track{margin-inline:22px}.nt-practice-stats__activity-calendar{grid-template-columns:27px minmax(0,1fr);column-gap:6px}.nt-practice-stats__activity-months,.nt-practice-stats__activity-weekdays{font-size:.68rem}.nt-practice-stats__actions{width:100%}.nt-practice-stats__export-list{inset-inline-end:auto;inset-inline-start:0}.nt-practice-stats__section{padding:12px}.nt-practice-stats__hits-axis{grid-template-rows:110px 44px}.nt-practice-stats__hit-column{grid-template-rows:110px 40px auto}.nt-practice-stats__activity-months,.nt-practice-stats__heatmap{gap:3px}.nt-practice-stats__activity-legend{margin-left:33px}.nt-practice-stats__activity-calendar{overflow-x:auto;padding-bottom:2px}.nt-practice-stats__activity-months,.nt-practice-stats__heatmap{min-width:560px}}.nt-practice-stats__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.nt-practice-stats__intro{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:14px 16px;border:1px dashed var(--nt-primary-300);border-radius:var(--nt-radius-sm);background:var(--nt-primary-50)}.nt-practice-stats__intro .nt-practice-stats__empty{margin:0}.nt-practice__daily-meter::-webkit-progress-bar{background:var(--nt-primary-100);border-radius:4px}.nt-practice__daily-meter::-webkit-progress-value{background:var(--nt-primary-600);border-radius:4px}.nt-practice__daily-meter::-moz-progress-bar{background:var(--nt-primary-600);border-radius:4px}.nt-practice[data-state=active]{--bg: var(--nt-canvas);--caret: var(--nt-primary-600);--sub: var(--nt-ink-500);--text: var(--nt-ink-800);--error: var(--nt-error);--error-extra: var(--nt-error-700);--roundness: 14px}.nt-practice[data-state=active] .nt-practice__prompt.nt-words-prompt.typing-prompt{--nt-words-line: 1.5em;box-sizing:content-box;position:relative;width:100%;min-width:0;max-width:none;height:calc(3 * var(--nt-words-line));min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--sub);overflow:hidden;text-align:start;outline:none;font-family:roboto-mono,Roboto Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:clamp(1.3rem,2.35vw,2rem);font-weight:500;letter-spacing:normal;line-height:1.56;white-space:normal;overflow-wrap:normal;text-wrap:wrap;unicode-bidi:normal;-webkit-user-select:none;user-select:none}.nt-practice .nt-words-prompt .nt-words{position:relative;display:flex;flex-wrap:wrap;align-content:flex-start;width:100%;will-change:transform}.nt-practice .nt-words-prompt .word{display:flex;height:1em;margin:.25em .3em;padding:0;border:0;border-bottom:2px solid transparent;line-height:1em;white-space:pre}.nt-practice .nt-words-prompt .nt-words__break{flex-basis:100%;width:100%;height:0}.nt-practice .nt-words-prompt .letter{display:inline-block;margin:0;padding:0;border:0;background:none;color:var(--sub);line-height:1em;font:inherit}.nt-practice .nt-words-prompt .letter.is-right,.nt-practice .nt-words-prompt .letter.is-masked{color:var(--text)}.nt-practice .nt-words-prompt .letter.is-wrong{color:var(--error)}.nt-practice .nt-words-prompt .letter.is-wrong[data-expected]{position:relative}.nt-practice .nt-words-prompt .letter.is-wrong[data-expected]:after{content:attr(data-expected);position:absolute;top:calc(100% + 2px);left:-.25em;right:-.25em;color:color-mix(in srgb,var(--text) 65%,var(--sub));font-size:.6em;font-weight:700;line-height:1;text-align:center;text-shadow:none;pointer-events:none}.nt-practice .nt-words-prompt .letter.is-extra{color:var(--error-extra)}.nt-practice .nt-words-prompt .letter.is-extra.is-masked{color:var(--text)}.nt-practice .nt-words-prompt .word.is-error{border-bottom-color:var(--error);text-shadow:1px 0 0 var(--bg),-1px 0 0 var(--bg),0 1px 0 var(--bg),0 -1px 0 var(--bg),1px 1px 0 var(--bg),-1px -1px 0 var(--bg),1px -1px 0 var(--bg),-1px 1px 0 var(--bg)}.nt-practice .nt-words-prompt .letter.is-flash{color:var(--error)}.nt-practice .nt-words-prompt .nt-caret{position:absolute;top:0;left:0;z-index:2;width:.1em;height:1.2em;border-radius:var(--roundness);background:var(--caret);pointer-events:none;transition:transform .1s ease-in-out;animation:nt-words-caret-blink 1s ease-in-out infinite;will-change:transform}.nt-practice .nt-words-prompt .nt-caret.is-wrap{transition:transform .16s ease-out}.nt-practice .nt-words-prompt .nt-caret.is-snap{transition:none}.nt-practice .nt-words-prompt .nt-caret.is-typing{animation:none;opacity:1}.nt-practice .nt-words-prompt .nt-caret.is-flash{background:var(--error)}@keyframes nt-words-caret-blink{0%,to{opacity:1}50%{opacity:0}}@media(max-width:640px){.nt-practice[data-state=active] .nt-practice__prompt.nt-words-prompt.typing-prompt{height:calc(5 * var(--nt-words-line));min-height:0;font-size:clamp(1.25rem,5.7vw,1.7rem)}}.nt-practice .nt-practice__stream{position:relative;display:flex;flex-wrap:wrap;align-content:flex-start;width:100%;transition:transform .16s ease-out;will-change:transform}.nt-practice .nt-practice__sentence,.nt-practice .nt-practice__sentence .nt-words{display:contents}.nt-practice .nt-practice__retired{flex:none;height:0}.nt-practice .nt-practice__stream.is-instant{transition:none}.nt-practice .nt-practice__sentence:not([data-practice-sentence=current]) .nt-caret{display:none}.nt-practice__targets[data-empty=true]{visibility:hidden}@media(prefers-reduced-motion:reduce){.nt-practice .nt-practice__stream,.nt-practice .nt-words-prompt .nt-caret.is-wrap{transition:none}}