:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:#333;background:#f5f5f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:#f5f5f5}.container{max-width:840px;margin:0 auto;padding:20px}h1{margin:.67em 0 10px;color:#2c3e50;text-align:center}h2{font-size:1.5rem}p{margin-bottom:20px;line-height:1.5}textarea{width:100%;height:150px;padding:10px;resize:vertical;border:1px solid #ccc;border-radius:4px;font:inherit;font-size:16px}textarea:focus-visible,button:focus-visible{outline:3px solid rgba(52,152,219,.35);outline-offset:2px}.controls{margin-top:10px;text-align:center}.controls button{margin:10px 10px 0;padding:10px 20px;cursor:pointer;border:0;border-radius:4px;color:#fff;font:inherit;font-size:16px}#startBtn{background-color:#3498db}#stopBtn{background-color:#e74c3c}#stopBtn:disabled{cursor:not-allowed;background-color:#bdc3c7}#demoBtn{background-color:#27ae60}#pinyinBtn{background-color:#8e44ad}#timerContainer{margin-top:10px;color:#e67e22;font-size:18px;text-align:center}#timerMessage{display:none;margin-left:8px;color:#e74c3c}#transcriptContainer,#pinyinOutputContainer,#resultContainer{margin-top:20px;padding:15px;border-radius:4px;background-color:#fff;box-shadow:0 0 5px #0000001a}#transcript,#pinyinOutput,#report{word-break:break-word;white-space:pre-wrap}#transcript{min-height:40px}ul{padding-left:20px}li{margin-bottom:6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:560px){.container{padding:16px}h1{font-size:1.75rem}.controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.controls button{width:100%;margin:0}}