/* English Secrets · OET Speaking role-plays (/oet-speaking/). Loaded after oetw.css. */
.rpc{border:2px solid #0b3b36;border-radius:14px;overflow:hidden;background:var(--card)}
.rph{display:flex;justify-content:space-between;align-items:center;background:#0b3b36;color:#fff;padding:8px 14px;font-size:12.5px;letter-spacing:.12em}
.rph b{letter-spacing:.02em;font-size:14px}
.rpc dl{display:grid;grid-template-columns:110px 1fr;gap:8px 12px;margin:0;padding:14px 16px 4px;font-size:15px}
.rpc dt{font-weight:800;color:#0f766e}
.rpc dd{margin:0}
.rpc h4{margin:8px 16px 4px;font-size:14.5px;color:#0f766e}
.rpc ul{margin:0 16px 12px;padding-left:20px;font-size:15px;line-height:1.55}
.rpc li{margin:4px 0}
.rpc .who{margin:0;padding:10px 16px;border-top:1px solid var(--line);font-size:14px;color:var(--mute);background:var(--bg)}
textarea.nts{min-height:260px}
.mynotes{margin-top:12px;border:1px dashed var(--line);border-radius:12px;padding:10px 14px;font-size:14px;white-space:pre-wrap}
.mynotes p{margin:4px 0 0;color:var(--mute)}
.live{display:flex;align-items:center;gap:10px;font-weight:700;padding:10px 14px;border-radius:12px;background:var(--okbg);color:var(--ok)}
.mic{width:14px;height:14px;border-radius:50%;background:var(--bad);box-shadow:0 0 0 0 rgba(208,51,80,.5);animation:owmic 1.6s infinite;flex:0 0 auto}
@keyframes owmic{0%{box-shadow:0 0 0 0 rgba(208,51,80,.5)}70%{box-shadow:0 0 0 10px rgba(208,51,80,0)}100%{box-shadow:0 0 0 0 rgba(208,51,80,0)}}
@media(prefers-reduced-motion:reduce){.mic{animation:none}}
.tr{margin-top:12px;max-height:440px;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:4px}
.tr.done{max-height:none}
.bub{max-width:88%;padding:9px 13px;border-radius:14px;font-size:15px;line-height:1.5}
.bub b{display:block;font-size:12px;letter-spacing:.04em;opacity:.75;margin-bottom:2px}
.bub.you{align-self:flex-end;background:linear-gradient(135deg,#14b8a6,#0f9d8a);color:#fff;border-bottom-right-radius:4px}
.bub.pt{align-self:flex-start;background:var(--bg);border:1px solid var(--line);border-bottom-left-radius:4px}
.dots{opacity:.6}
@media(max-width:560px){.rpc dl{grid-template-columns:1fr;gap:2px}.rpc dt{margin-top:6px}.bub{max-width:96%}}
.btn.ptt{display:block;width:100%;margin-top:12px;font-size:17px;padding:16px}
.btn.ptt.rec{background:linear-gradient(135deg,#ef4444,#b91c1c);box-shadow:0 10px 24px rgba(185,28,28,.3)}