.trainer{border:1px solid var(--line);background:#fff;border-radius:24px;flex-direction:column;gap:20px;padding:clamp(22px,4vw,40px);display:flex;box-shadow:0 20px 50px #163c3914}.tr-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.field{flex-direction:column;gap:8px;display:flex}.field label{color:var(--green);font-size:15px;font-weight:700}.select{border:2px solid var(--line);min-height:48px;font:inherit;color:var(--ink);appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23214e4b' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 12px center/18px no-repeat;border-radius:10px;min-width:min(100%,300px);padding:10px 40px 10px 14px;font-size:16px}.select:focus{border-color:var(--green)}.instr{background:var(--sage);border-radius:12px;margin:0;padding:14px 18px;font-size:17px;line-height:1.6}.target{letter-spacing:.02em;background:var(--cream);word-break:break-word;border-radius:14px;padding:18px 20px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:clamp(20px,2.6vw,28px);line-height:1.8}.ch{color:#8a9494;white-space:pre-wrap;border-radius:4px;padding:1px 0}.ch.ok{color:var(--green);background:#dcebe3}.ch.err{color:#fff;background:#b3261e}.ch.cur{box-shadow:inset 0 -3px 0 var(--orange);color:var(--ink)}.ch.extra{color:#fff;background:#b3261e;text-decoration:line-through}.typebox{border:2px solid var(--line);resize:vertical;width:100%;min-height:96px;color:var(--ink);background:#fff;border-radius:14px;padding:14px 16px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:20px;line-height:1.6}.typebox:focus{border-color:var(--green);outline-offset:1px;outline:3px solid #b65b2c59}.typebox:disabled{color:#6b7474;background:#f4f4f1}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}@media (width<=520px){.stats{gap:8px}.stat{padding:12px}.stat span{font-size:12px;line-height:1.3}.stat b{font-size:22px}.tr-top{flex-direction:column;align-items:stretch}.select{width:100%}}.stat{background:var(--cream);border-radius:14px;flex-direction:column;gap:2px;padding:14px 16px;display:flex}.stat b{color:var(--green);font-size:clamp(24px,3vw,32px);line-height:1.1}.stat span{color:var(--muted);font-size:14px;font-weight:600}.tr-status{color:var(--green);min-height:26px;margin:0;font-size:16px;font-weight:700}.tr-status.done{color:#1e6b3a}.tr-hint{color:var(--muted);margin:0;font-size:14px}.progress{background:var(--sage);border-radius:99px;height:8px;overflow:hidden}.progress i{background:var(--green);border-radius:99px;height:100%;transition:width .15s;display:block}