.practice-demo-card{border:1px solid var(--hair);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 24px 56px -40px #2b1d144d}.practice-demo-topline{border-bottom:1px solid var(--hair);background:var(--ivory-soft);color:var(--espresso-muted);font:9px/1.5 var(--mono);letter-spacing:.13em;text-transform:uppercase;justify-content:space-between;gap:18px;padding:12px 16px;display:flex}.practice-scene{border-bottom:1px solid var(--hair);background:#e7edf1;grid-template-columns:170px minmax(0,1fr);align-items:center;gap:22px;padding:18px 20px;display:grid}.practice-scene-art{background:#ffffff85;border-radius:12px;place-items:center;min-height:138px;display:grid}.practice-scene-art svg{width:150px;height:auto}.practice-scene-art .receipt{fill:#fff;stroke:#94a6b5;stroke-width:1.5px}.practice-scene-art .receipt-line,.practice-scene-art .charge-line{fill:none;stroke:var(--accent);stroke-width:3px;stroke-linecap:round}.practice-scene-art .charge{fill:#d5e0e8;stroke:var(--accent);stroke-width:1.5px}.practice-scene-copy>span,.practice-speaker,.practice-response-head>span,.practice-coach>span{color:var(--accent);font:9px/1.5 var(--mono);letter-spacing:.14em;text-transform:uppercase}.practice-scene-copy h4{max-width:24ch;font-family:var(--serif);margin:7px 0 13px;font-size:22px;font-weight:500;line-height:1.15}.practice-scene-meta{flex-wrap:wrap;gap:6px;display:flex}.practice-scene-meta small{color:var(--espresso-soft);background:#ffffff8c;border:1px solid #2e47612e;border-radius:999px;padding:5px 8px;font-size:10px}.practice-conversation{padding:18px 20px 20px}.practice-turn{border-bottom:1px solid var(--hair);grid-template-columns:34px 1fr;gap:12px;padding-bottom:18px;display:grid}.practice-avatar{background:var(--accent-deep);color:#fff;width:34px;height:34px;font:10px var(--mono);border-radius:50%;place-items:center;display:grid}.practice-turn p{max-width:52ch;color:var(--espresso);margin:4px 0 10px;font-size:14px;line-height:1.55}.practice-response-head{grid-template-columns:24px 1fr;align-items:baseline;gap:8px;margin:17px 0 10px;display:grid}.practice-response-head h4{margin:0;font-size:16px;font-weight:500}.practice-choice{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:8px;margin-top:8px;display:grid}.practice-choice-select{border:1px solid var(--hair);width:100%;color:var(--espresso);text-align:left;cursor:pointer;background:#fff;border-radius:9px;grid-template-columns:24px 1fr;gap:10px;padding:11px 12px;font-size:13px;line-height:1.45;display:grid}.practice-choice-select:hover{border-color:var(--accent)}.practice-choice .k{border:1px solid var(--hair);width:22px;height:22px;color:var(--espresso-muted);font:9px var(--mono);border-radius:5px;place-items:center;display:grid}.practice-choice>.audio-chip{border-radius:9px;justify-content:center;width:44px;padding:0}.practice-choice>.audio-chip span{display:none}.practice-choice.is-good .practice-choice-select{border-color:var(--stamp-green);background:#3e6d4d0f}.practice-choice.is-weak .practice-choice-select{background:#a8733812;border-color:#a87338}.practice-coach{background:var(--ivory-soft);border-radius:9px;margin-top:12px;padding:12px 14px}.practice-coach p{color:var(--espresso-soft);margin:4px 0 0;font-size:13px;line-height:1.5}@media (width<=600px){.practice-demo-topline{flex-direction:column;align-items:flex-start;gap:3px}.practice-scene{grid-template-columns:96px minmax(0,1fr);gap:14px;padding:14px}.practice-scene-art{min-height:104px}.practice-scene-art svg{width:100px}.practice-scene-copy h4{font-size:18px}.practice-conversation{padding:16px 14px}.practice-choice-select{font-size:12px}.practice-choice{grid-template-columns:1fr}.practice-choice>.audio-chip{gap:8px;width:100%;min-height:40px}.practice-choice>.audio-chip span{display:inline}}#demoAudioStatus{color:var(--espresso-soft);font-size:14px;line-height:1.5}#demoAudioStatus:empty{display:none}.audio-chip{min-height:44px;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);border:1px solid var(--hair);cursor:pointer;background:#fff;border-radius:100px;align-items:center;gap:7px;padding:6px 12px;font-size:9px;transition:border-color .15s,background .15s;display:inline-flex}.audio-chip:hover{border-color:var(--accent)}.audio-chip.playing{background:var(--accent-tint);border-color:var(--accent-soft)}.audio-chip svg{width:8px;height:10px;fill:var(--accent);flex:none}.app-frame-body>.audio-chip{margin-bottom:14px}#chatBody .audio-chip{margin-top:6px}