#cl-training[hidden]{display:none}#cl-training{position:fixed;inset:0;z-index:100005;background:radial-gradient(ellipse at 10% 10%,#3d685b44,transparent 60%),#07100de8;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);display:flex;align-items:center;justify-content:center;padding:24px;font-family:Poppins,sans-serif;color:#e7f1e9;overflow:auto}
body.gt-ui #gt-more-panel #cl-training-menu{display:flex;width:100%;margin:10px 0 0;background:linear-gradient(125deg,#b0e8c522,#a2f3ca08);border:1px solid #b8edce45;color:#d5f5e0;box-shadow:inset 0 1px #fff2;text-align:left}
body.gt-ui #gt-dock-bar #cl-training-button{color:#d5f5e0;border-color:#b8edce45;background:linear-gradient(125deg,#b0e8c522,#a2f3ca08);box-shadow:inset 0 1px #fff1;letter-spacing:0;font-weight:500;min-height:32px}
#cl-training-button svg{width:17px;height:17px;flex:none}
body.light.gt-ui #gt-dock-bar #cl-training-button{color:#285b3b;border-color:#78ad8c;background:linear-gradient(125deg,#effff5d9,#ccecd966)}
.cl-practice{width:min(1080px,100%);max-height:calc(100dvh - 48px);overflow:auto;border:1px solid #e8fff333;border-radius:24px;background:linear-gradient(135deg,#e0ffec15,#d8e9ff06 45%,#fdedc409);box-shadow:0 30px 120px #0008,inset 0 1px #fff2;padding:30px;box-sizing:border-box}.cl-practice header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.cl-practice h2{font:400 39px/1.1 'Cormorant Garamond',Georgia;margin:8px 0}.cl-practice header p{font-size:12px;color:#b2c4b8;margin:8px 0 20px}.cl-practice button,.cl-practice select{font:500 11px Poppins;color:#d9ebe0;border:1px solid #d4eddd30;background:#daf7e009;border-radius:10px;padding:10px 14px;cursor:pointer}.cl-practice button:hover{background:#dbffe21a}.cl-practice button:focus-visible,.cl-practice select:focus-visible,.cl-practice input:focus-visible{outline:2px solid #c6efd4;outline-offset:3px}.cl-practice button:disabled{opacity:.4;cursor:default}.cl-practice select{background:#1c2922;max-width:100%}.cl-practice .cl-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:8px 0 25px}.cl-tabs button{text-align:left;padding:15px 18px;border-radius:14px;line-height:1.5}.cl-tabs button strong{display:block;font-size:13px;font-weight:500}.cl-tabs button small{display:block;color:#a7bcaf;font-size:10px}.cl-tabs button[aria-pressed=true]{background:linear-gradient(125deg,#b0e8c525,#a2f3ca09);border-color:#bbf1cf70;box-shadow:inset 0 1px #fff2}.cl-controls{display:flex;gap:18px;flex-wrap:wrap;align-items:flex-end;padding-bottom:20px}.cl-controls label{font-size:10px;color:#b4c9bc;display:grid;gap:7px}.cl-controls input[type=number]{width:62px;border:1px solid #d4eddd30;border-radius:10px;background:#0002;padding:10px;color:#e5f2e9;font:12px Poppins}.cl-controls .cl-check{display:flex;align-items:center;padding:10px 0;gap:8px}.cl-controls input[type=checkbox]{accent-color:#a1e1b5}.cl-stage{border:1px solid #dbffea2f;background:linear-gradient(125deg,#e1fff116,#eeffff03);border-radius:18px;box-shadow:inset 0 1px #fff2,0 12px 32px #0001;padding:17px 20px;overflow:auto}.cl-stage-head{display:flex;justify-content:space-between;gap:20px}.cl-stage-head h3{font:500 13px Poppins;margin:0}.cl-stage-head span{font-size:10px;color:#b3c9bb}.cl-staff{min-width:540px;min-height:150px}.cl-staff svg{display:block;width:100%;height:auto}.cl-beats{display:flex;gap:9px;margin:0 auto 4px;justify-content:center}.cl-beats i{font:normal 11px Poppins;color:#9ab5a4;border:1px solid #b7d8c02b;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;transition:background .08s}.cl-beats i.active{background:#b6edc4;color:#14311d;border-color:#d9fbe2;box-shadow:0 0 20px #9ce8b533}.cl-practice-actions{display:flex;align-items:center;gap:10px;margin:18px 0}.cl-practice .cl-primary{background:linear-gradient(120deg,#b4eac6,#7bc99a);color:#132e1d;border-color:#ddffea80;min-width:135px}.cl-instructions{font-size:11px;color:#c1d7c9;line-height:1.7;flex:1;margin:0}.cl-read-answers{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.cl-read-answers[hidden]{display:none}.cl-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cl-metrics>div{border-top:1px solid #cce6d72b;padding-top:14px}.cl-metrics small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#adc6b6}.cl-metrics strong{display:block;font:400 29px 'Cormorant Garamond';margin-top:4px}.cl-feedback{font-size:12px;min-height:24px;margin:15px 0 0;color:#c0ebce}.cl-pad{touch-action:manipulation;user-select:none}.cl-tap{min-width:120px}.cl-training-foot{font-size:9px;color:#9cb3a5;margin-top:15px}.cl-training-foot button{font-size:9px;padding:4px 8px}.cl-calibration{display:flex;align-items:center;gap:12px;font-size:10px;color:#b1cbb9;margin-top:12px}.cl-calibration input{accent-color:#acd9b8;width:170px}.cl-progress{height:3px;border-radius:3px;background:#c8eed119;overflow:hidden;margin:13px 0}.cl-progress i{display:block;height:100%;width:0;background:#b2eec5;transition:width .1s linear}
@media(max-width:650px){#cl-training{padding:10px}.cl-practice{padding:18px;max-height:calc(100dvh - 20px)}.cl-practice h2{font-size:31px}.cl-practice .cl-tabs{gap:6px}.cl-tabs button{padding:10px}.cl-tabs button strong{font-size:11px}.cl-tabs button small{display:none}.cl-controls{gap:12px}.cl-practice-actions{flex-wrap:wrap}.cl-instructions{flex-basis:100%}.cl-metrics strong{font-size:24px}.cl-stage{padding:12px}}
@media(prefers-reduced-motion:reduce){#cl-training *{transition:none!important}}
@media(min-width:900px){
 .cl-practice{display:grid;grid-template-columns:minmax(0,1fr) 190px;column-gap:22px;grid-template-areas:'heading heading' 'tabs tabs' 'controls controls' 'score metrics' 'pads pads' 'actions actions' 'feedback feedback' 'latency latency' 'foot foot';padding:24px 28px}
 .cl-practice>header{grid-area:heading}.cl-practice .cl-tabs{grid-area:tabs;margin:5px 0 16px}.cl-practice .cl-controls{grid-area:controls;padding-bottom:14px}.cl-practice .cl-stage{grid-area:score;padding:12px 16px}.cl-practice .cl-read-answers{grid-area:pads;margin:10px 0 0}.cl-practice .cl-practice-actions{grid-area:actions;margin:12px 0 0}.cl-practice .cl-metrics{grid-area:metrics;display:flex;flex-direction:column;justify-content:space-around}.cl-practice .cl-feedback{grid-area:feedback;margin:10px 0 0;min-height:20px}.cl-practice .cl-calibration{grid-area:latency;margin-top:8px}.cl-practice .cl-training-foot{grid-area:foot;margin-top:10px}.cl-practice h2{font-size:34px;margin:5px 0}.cl-practice header p{margin:7px 0 12px;text-transform:none!important;letter-spacing:0!important;font-size:11px}.cl-tabs button{padding:11px 15px}.cl-stage .cl-staff{min-height:140px}.cl-stage .cl-staff svg{max-height:145px}.cl-stage .cl-progress{margin:8px 0 0}.cl-practice .cl-instructions{font-size:10px}.cl-practice .cl-beats i{width:24px;height:24px;font-size:10px}
}
@media(max-width:650px){.cl-practice header p{font-size:10px;text-transform:none!important;letter-spacing:0!important;margin-bottom:12px}.cl-practice .cl-tabs{margin-bottom:16px}.cl-practice .cl-controls{padding-bottom:12px}.cl-stage .cl-staff svg{max-height:145px}.cl-stage .cl-staff{min-height:145px}.cl-practice .cl-metrics{position:relative}}