.ct-coach{margin:20px 0;padding:18px;border:1px solid #d8e6f2;border-radius:18px;background:#f8fbff;color:#163c62;font-family:Inter,system-ui,sans-serif}.ct-coach *{box-sizing:border-box}.ct-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;margin-bottom:14px}.ct-tools strong{margin-right:auto}.ct-tools select,.ct-tools button{font:inherit;font-size:11px;border:1px solid #d7e3ef;border-radius:7px;background:white;color:#345875;padding:7px;cursor:pointer;max-width:100%}.ct-tools :focus-visible{outline:2px solid #1479eb;outline-offset:3px}.ct-board{padding:8px;border:1px solid #dce6ef;border-radius:12px;background:#edf2f8}.ct-board[hidden]{display:none!important}.ct-row{display:flex;gap:4px;margin:4px 0}.ct-key{position:relative;flex:1 1 0;min-width:0;height:35px;display:flex;align-items:center;justify-content:center;font:600 12px/1 system-ui,sans-serif;border:1px solid #d3deea;border-bottom-width:3px;border-radius:6px;background:#fff;transition:background .12s,transform .12s,box-shadow .12s;user-select:none}.ct-wide{flex:1.5}.ct-shift{flex:1.9}.ct-space{flex:7}.ct-finger-pink{background:#fff0f4}.ct-finger-violet{background:#f3efff}.ct-finger-blue{background:#eaf5ff}.ct-finger-aqua{background:#e7faf6}.ct-home:after{content:'';position:absolute;bottom:4px;width:8px;height:2px;border-radius:2px;background:#6e8ca0}.ct-key.ct-next{background:#16c8b5;color:#063d40;border-color:#099e93;box-shadow:0 0 0 2px #10beaa35;font-weight:900}.ct-key.ct-pressed{transform:translateY(2px);background:#136ed2;color:white;box-shadow:none}.ct-key.ct-miss{background:#e94b68;color:white;border-color:#b8314b}.ct-help{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:13px;font-size:12px}.ct-help strong{color:#087d76}.ct-help span{color:#61788f}.ct-legend{font-size:11px;line-height:1.7;margin:10px 0 0!important;color:#73899c!important}.ct-correct{color:#09806d;background:#daf8ef}.ct-error{color:#b52747;background:#ffe1e8;text-decoration:underline;text-decoration-thickness:2px}.ct-cursor{border-bottom:3px solid #1586e4;background:#daedff}.ct-text{white-space:pre-wrap;overflow-wrap:anywhere;font-variant-ligatures:none}.ct-meter{height:6px;overflow:hidden;border-radius:20px;background:#e5edf5}.ct-meter span{display:block;height:100%;width:0;background:linear-gradient(90deg,#1479eb,#16c8b5);transition:width .18s}.ct-result{border-radius:12px;padding:14px;background:#e6faf3;color:#096c56;font-size:13px;line-height:1.7}.ct-result:empty{display:none}.ct-live{font-variant-numeric:tabular-nums}.ct-coach:focus-within{border-color:#9ccbec}@media(max-width:600px){.ct-coach{padding:10px}.ct-board{padding:4px}.ct-row{gap:2px;margin:3px 0}.ct-key{height:28px;font-size:9px;border-radius:4px}.ct-wide,.ct-shift{font-size:7px}.ct-help{font-size:11px}.ct-tools select{font-size:10px}}@media(prefers-reduced-motion:reduce){.ct-key,.ct-meter span{transition:none}}