.practice-page{max-width:960px;margin:0 auto}.practice-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:6px 0 24px}.practice-heading .eyebrow{margin-bottom:8px}.practice-heading h1{font-size:28px;letter-spacing:-.7px;margin-bottom:0}.practice-heading p{margin:12px 0 0}.practice-workspace{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;padding:0 26px}.practice-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--border);padding:18px 0;color:var(--muted);font-size:13px}.practice-timer{flex-shrink:0;display:flex;align-items:center;gap:14px}.practice-timer small{font-size:11px}.practice-timer b{min-width:64px;font-size:27px;line-height:1.2;color:var(--text);font-variant-numeric:tabular-nums;text-align:right}.practice-text-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:22px 0 10px}.practice-text-heading h2{font-size:13px;letter-spacing:0;font-weight:650;color:var(--muted);margin:0}.practice-page .practice-passage{max-height:330px;min-height:210px;margin-bottom:20px;padding:8px 3px 18px;font-size:var(--typing-size,21px);line-height:2.1;overflow-wrap:anywhere}.practice-passage .passage-word{white-space:pre-wrap}.practice-passage .active-word{background:var(--primary-soft)}.practice-input-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;font-weight:650;margin-bottom:9px}.practice-input-label span{font-size:11px;font-weight:400;color:var(--muted)}.practice-page #typing-input{min-height:56px;max-height:110px;padding:13px 14px;border-radius:8px;scroll-margin-bottom:24px}.practice-footer{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:12px 0 16px}.practice-footer p{font-size:11px;margin:0;max-width:75%}.practice-footer .text-button{font-size:11px;white-space:nowrap;min-height:25px}.practice-notice{font-size:12px;color:var(--muted);margin:0}.practice-notice:empty{display:none}.practice-notice:not(:empty){padding:0 0 14px}.practice-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:20px 0 0;padding:0}.practice-metrics>div{min-width:0;border-right:1px solid var(--border);padding:4px 10px}.practice-metrics>div:last-child{border-right:0}.practice-metrics dt{font-size:11px;color:var(--muted);margin-bottom:3px}.practice-metrics dd{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums;margin:0;line-height:1.4}.practice-result-metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:30px}.practice-report{border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:26px}.practice-report h2{font-size:21px}.practice-report p{font-size:13px}.practice-report kbd{font-size:17px;font-family:Consolas,"Courier New",monospace;font-weight:650;white-space:pre-wrap}.practice-tips{margin-top:26px;padding-top:22px;border-top:1px solid var(--border)}.practice-tips h3{font-size:16px}.practice-tips ul{margin:0;padding-left:20px;font-size:13px;line-height:1.8}.practice-tips li+li{margin-top:9px}.practice-success{color:var(--success)}.practice-result-actions{margin-top:24px}.practice-result-actions>.text-button{margin-left:auto}
@media(max-width:700px){.practice-heading{gap:12px;margin-bottom:18px}.practice-heading h1{font-size:25px}.practice-heading>.text-button{font-size:11px}.practice-workspace{padding:0 15px}.practice-toolbar{gap:12px;font-size:11px;padding:15px 0}.practice-timer{display:block;text-align:right}.practice-timer small{display:block;font-size:9px}.practice-timer b{display:block;font-size:24px;min-width:58px}.practice-text-heading{padding-top:16px;align-items:flex-start}.practice-text-heading h2{font-size:12px;overflow-wrap:anywhere}.practice-text-heading .tag{font-size:8px}.practice-page .practice-passage{max-height:270px;min-height:170px;font-size:var(--typing-size,19px);margin-bottom:14px}.practice-input-label{font-size:11px;align-items:flex-start}.practice-input-label span{font-size:9px;max-width:150px;text-align:right}.practice-footer{gap:12px}.practice-footer p{font-size:9px;max-width:none;flex:1}.practice-footer .text-button{font-size:10px}.practice-metrics{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:15px}.practice-metrics>div:nth-child(3n){border-right:0}.practice-metrics dt{font-size:10px}.practice-metrics dd{font-size:22px}.practice-result-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-result-metrics>div:nth-child(3){border-right:1px solid var(--border)}.practice-result-metrics>div:nth-child(2n){border-right:0}.practice-report{padding:18px}.practice-result-actions{align-items:stretch}.practice-result-actions>.text-button{margin-left:0;padding:10px}}
body.club-shell:not(.home-page) .practice-page{--success:#17643f;--danger:#b42318}
.dark body.club-shell:not(.home-page) .practice-page{--success:#8aebc8;--danger:#ff8c99}