.practice-choice{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 18px}
.practice-choice>span{color:var(--muted);font-size:13px;font-weight:600}
.practice-deck{position:relative}
.practice-front{display:none}
.practice-actions{display:flex;justify-content:flex-end;margin:0 0 12px}
.practice-actions button{min-height:44px}
body[data-practice-self="true"] :is(#conversationState,#stageTrack,#strategyStrip,#contextDetails,#reason){display:none!important}
body[data-practice-self="true"] .practice-deck{perspective:1400px}
body[data-practice-self="true"] .practice-rotor{display:grid;transform-style:preserve-3d;transition:transform .38s cubic-bezier(.2,.75,.3,1)}
body[data-practice-self="true"] .practice-rotor.is-revealed{transform:rotateY(180deg)}
body[data-practice-self="true"] :is(.practice-front,.practice-back){grid-area:1/1;backface-visibility:hidden;-webkit-backface-visibility:hidden;min-width:0}
body[data-practice-self="true"] .practice-front{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:18px;padding:36px;min-height:330px;border:1px solid var(--line);border-radius:26px;background:var(--surface-solid);color:var(--text)}
.practice-front h3{font-size:clamp(27px,3vw,42px);line-height:1.1;letter-spacing:-.04em;margin:0}
.practice-front p{color:var(--muted);font-size:15px;line-height:1.6;max-width:38ch;margin:0}
.practice-front button{min-height:44px}
body[data-practice-self="true"] .practice-back{transform:rotateY(180deg)}
body[data-practice-self="true"] .practice-back[aria-hidden="true"]{visibility:hidden}
body[data-practice-self="true"] .practice-front[aria-hidden="true"]{visibility:hidden}
@media(prefers-reduced-motion:reduce){body[data-practice-self="true"] .practice-rotor{transition:none}}
#practiceEyebrow{color:var(--muted)}
#revealPractice:not(:disabled){background:#0068d6;color:#fff;opacity:1;transition:none}
#revealPractice:not(:disabled):hover{background:#005bbb}
#revealPractice:focus-visible{outline:3px solid var(--choice-focus);outline-offset:4px}
