.pron-coach{max-width:1200px;margin:auto}.pron-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(115deg,#fff1f5,#f1fbf7 70%,#edf5ff);border:1px solid #eee5ef;border-radius:28px;padding:28px;margin-bottom:22px}.pron-hero h1{margin:.4em 0}.pron-hero p{max-width:680px;line-height:1.65}.pron-hero img{width:160px;height:160px;object-fit:contain;border-radius:28px;flex-shrink:0}.pron-tabs{margin-bottom:22px;flex-wrap:wrap}.pron-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;align-items:start}.pron-coach .card{min-width:0}.pron-coach label{display:block;line-height:1.55}.pron-coach select,.pron-coach input[type=search]{display:block;width:100%;max-width:100%;margin:8px 0 18px;padding:11px;border:1px solid #dcd8eb;border-radius:12px;background:#fff;color:#292647;font:inherit}.pron-coach select{white-space:normal}.pron-coach textarea{min-height:100px;resize:vertical;margin-top:8px}.pron-coach h2{overflow-wrap:anywhere}.pron-tip{padding:16px;background:#f5f2ff;border-radius:16px;line-height:1.75}.pron-pairs{display:grid;gap:12px}.pron-pairs>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pron-word{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid #d7e9e3;border-radius:16px;background:#f4fcf8;padding:18px 8px;color:#293954;cursor:pointer;min-height:115px;overflow-wrap:anywhere}.pron-word:hover{background:#e7f6ef;border-color:#67bca3}.pron-word b{font-size:1.2rem}.pron-word .ipa{font-size:1rem;font-weight:400}.pron-word small{color:#405c62}.pron-target{border:1px solid #e9dff4;background:#fffcff;border-radius:18px;padding:18px;margin:22px 0}.pron-target>p{font-size:1.25rem;line-height:1.65;color:#272141}.pron-coach .row{flex-wrap:wrap;gap:9px}.pron-coach button{min-height:44px}.pron-coach button:disabled{opacity:.55;cursor:not-allowed}.pron-coach button:focus-visible,.pron-coach select:focus-visible,.pron-coach input:focus-visible,.pron-coach summary:focus-visible,.pron-coach textarea:focus-visible{outline:3px solid #7362d6;outline-offset:3px}.pron-mic>p,.pron-mic details p{line-height:1.7}.pron-mic #pronStatus{padding:13px;background:#f2f7ff;border-radius:12px;min-height:55px}.pron-coach audio{display:block;width:100%;margin:10px 0 14px}.pron-recognition{border-top:1px solid #e7e2ed;border-bottom:1px solid #e7e2ed;margin:22px 0;padding:18px 0}.pron-recognition summary,.pron-guide summary{font-weight:700;cursor:pointer;line-height:1.6}.pron-consent{display:flex!important;align-items:flex-start;gap:10px;margin:15px 0}.pron-consent input,.pron-checklist input{width:20px;height:20px;flex-shrink:0;accent-color:#7160d8;margin:2px 0}.pron-checklist{display:grid;gap:13px;margin-bottom:20px}.pron-checklist label{display:flex;align-items:flex-start;gap:10px}.pron-boundary{font-size:.9rem;color:#615367;padding:12px;background:#fff5e7;border-radius:12px}.pron-guide{margin-top:20px}.pron-guide li{margin:10px 0;line-height:1.65}.pron-guide a{color:#5844ab;text-decoration:underline;line-height:1.8}.pron-coach .voice-picker select{display:inline-block;width:auto;margin-left:8px}.pron-coach #pronPlayback .btn{margin:0 8px 8px 0}.pron-coach #pronTranscript{overflow-wrap:anywhere}.pron-coach .ipa{font-family:Arial,sans-serif}
@media(max-width:850px){.pron-layout{grid-template-columns:1fr}.pron-hero{padding:22px}.pron-hero img{width:120px;height:120px}.pron-coach .card{padding:20px}.pron-tabs button{flex:1}.pron-mic{scroll-margin-top:80px}}
@media(max-width:480px){.pron-hero{gap:8px;align-items:flex-start}.pron-hero img{width:75px;height:75px}.pron-hero h1{font-size:1.65rem}.pron-hero p{font-size:.93rem}.pron-coach .card{padding:17px}.pron-target{padding:14px}.pron-target>p{font-size:1.08rem}.pron-coach .row>button{flex:1 1 110px}.pron-tabs{gap:4px}.pron-tabs button{font-size:.88rem;padding:10px 6px}.pron-coach .voice-picker select{display:block;margin-left:0;width:100%}}