.oral{margin:28px 0 44px;font-size:20px;line-height:1.6;scroll-margin-top:100px;text-align:center}
.oral-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px;text-align:left}
.oral h1{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.3;margin:26px 0 12px}
.oral p{margin:14px 0}.oral .help{font-size:.85rem;color:#486477}
.oral .oral-progress{font-size:.85rem;color:#365f81;font-weight:600}
.oral button{min-height:56px;font-size:.95rem;white-space:normal;line-height:1.4;cursor:pointer}
.oral .text-button{font-size:.85rem;text-underline-offset:4px}.oral .primary{padding:14px 32px}
.oral .oral-status{font-size:1.15rem;color:#24465d;min-height:38px;font-weight:600}
.oral-orb{width:140px;height:140px;margin:30px auto 20px;border-radius:50%;background:#e7f0f5;box-shadow:0 0 0 12px #f5f8fa;display:flex;align-items:center;justify-content:center;gap:6px;transition:background .3s}
.oral-orb span{width:7px;height:20px;background:#427393;border-radius:8px;transform-origin:center}
.oral-orb span:nth-child(2),.oral-orb span:nth-child(4){height:36px}.oral-orb span:nth-child(3){height:52px}
.oral-orb[data-mode=listening]{background:#dff0e9;box-shadow:0 0 0 12px #f0f8f4}.oral-orb[data-mode=listening] span{background:#25745b}
.oral-orb[data-mode=speaking] span,.oral-orb[data-mode=listening] span{animation:oral-wave 1.6s ease-in-out infinite}.oral-orb span:nth-child(2){animation-delay:.2s!important}.oral-orb span:nth-child(3){animation-delay:.4s!important}.oral-orb span:nth-child(4){animation-delay:.6s!important}
.oral-orb[data-mode=thinking]{animation:oral-breathe 2s ease-in-out infinite}.oral-orb[data-mode=paused]{opacity:.55}
@keyframes oral-wave{50%{transform:scaleY(.5)}}@keyframes oral-breathe{50%{opacity:.55}}
.oral-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:24px 0 18px}
.oral button:focus-visible,.oral summary:focus-visible,.oral textarea:focus-visible{outline:3px solid #aa6c28;outline-offset:4px}
.oral button:disabled{opacity:.65;cursor:default}
.oral .oral-text{border-top:1px solid #d2dce3;margin-top:26px;padding-top:12px;text-align:left}.oral summary{cursor:pointer;padding:10px 0;font-size:.85rem;text-align:center}
.oral textarea{display:block;width:100%;min-height:100px;font:inherit;padding:12px;border:1px solid #7d9bb0;border-radius:7px;margin:8px 0}.oral label{font-size:.9rem}
.oral-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.oral-options:empty{display:none}
.oral-option{border:1px solid #7d9bb0;border-radius:8px;background:#fff;color:#183e58;padding:17px 20px;text-align:left}.oral-option:hover{background:#edf5fa}
@media(prefers-reduced-motion:reduce){.oral-orb,.oral-orb span{animation:none!important;transition:none}}
@media(max-width:640px){.oral{font-size:19px;padding:24px 18px}.oral-options{grid-template-columns:1fr}.oral-actions>button{flex:1 1 auto}.oral-heading{display:block}.oral h1{font-size:1.9rem}.welcome-actions{align-items:stretch;flex-direction:column}.welcome-actions>button{width:100%;min-height:56px}}
.oral-figure{margin:24px auto;max-width:780px}.oral-figure img{display:block;width:100%;height:auto;border:1px solid #c5d4df;border-radius:8px}.oral-figure:not([hidden])~.oral-orb{width:72px;height:72px;margin:20px auto}.oral-figure:not([hidden])~.oral-orb span{max-height:30px}