.learning-controls{display:flex;align-items:center;gap:8px;margin:0 0 10px}.control-label,.learning-summary{font-size:13px;color:#718095}.learning-summary{margin-left:auto}.mode-button{border:1px solid #d3deeb;border-radius:7px;background:#fff;color:#385b80;font-weight:700;padding:8px 13px}.mode-button.selected{background:#e5f2ff;border-color:#80b6ed;color:#1d5c9c}.typing-card{background:#fff;border:1px solid #e2e9f1;border-radius:10px;box-shadow:0 3px 14px #263b5410;padding:20px 24px;margin-top:9px}.typing-heading{display:flex;justify-content:space-between;align-items:center}.typing-heading span{color:#b65d3a;font-size:13px;font-variant-numeric:tabular-nums}.typing-card p{line-height:1.5}.typing-entry{display:flex;gap:9px}.typing-entry input{min-width:0;flex:1;border:1px solid #b9c9db;border-radius:7px;padding:10px 12px;font:inherit}.typing-entry input:focus{outline:2px solid #8abaf0}.typing-entry button,.explain button{border:1px solid #b5d5f5;background:#e9f4ff;color:#225f9a;border-radius:7px;padding:9px 12px;font-weight:700}.typing-card #typing-feedback{min-height:20px;color:#6d8094;font-size:13px;margin-bottom:0}.typing-card #typing-feedback.error{color:#a94d43}.typing-card #typing-feedback.success{color:#27805f}.segment-break{border-top:1px solid #dbe8f6;background:#f0f7ff;padding:12px 14px;margin:5px 0 12px;border-radius:8px;color:#365e87;line-height:1.6}.segment-break strong{display:block;font-size:12px;color:#2b6da9;margin-bottom:4px}.segment-break.current{outline:2px solid #83b8e9}.segment-break p{margin:0}.explain button{cursor:pointer;margin-top:8px}.typing-card[hidden],.explain[hidden],.mode-button[hidden]{display:none}@media(max-width:700px){.learning-controls{flex-wrap:wrap}.learning-summary{margin-left:0;width:100%}.typing-card{padding:16px}}