@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;700&display=swap";body{font-family:Noto Sans TC,sans-serif;background-color:#1a202c;color:#fff;display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0;width:100%}.container{max-width:1000px;min-width:300px;padding:0 10px;margin:0 auto;display:flex;flex-direction:column;gap:20px}h1{font-size:32px;font-weight:700;text-align:center;margin:10px 0}textarea{width:100%;height:160px;padding:16px;border:1px solid #4B5563;border-radius:8px;resize:none;outline:none;background-color:#2d3748;color:#fff;font-size:16px;margin:10px 0}textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa}textarea::placeholder{color:#9ca3af}.checkbox-container{display:flex;align-items:center;gap:10px;margin:10px 0}input[type=checkbox]{margin-right:8px;accent-color:#60A5FA}button{padding:12px 16px;border:none;border-radius:8px;color:#fff;font-size:16px;cursor:pointer;min-height:44px;margin:10px 0}button.start{width:200px;margin:0 auto;background-color:#2563eb;display:block}button.start:hover:not(:disabled){background-color:#1e40af}button.start:disabled{background-color:#4b5563;cursor:not-allowed}button.pause{background-color:#f59e0b}button.pause:hover{background-color:#d97706}button.replay{background-color:#16a34a}button.replay:hover{background-color:#15803d}button.reset{background-color:#4b5563}button.reset:hover{background-color:#374151}.play-section{text-align:center}.play-word{font-size:180px;font-family:monospace;display:flex;align-items:center;justify-content:center;transition:opacity .2s;margin:20px 0}.slider-container{margin:10px 0}.slider-container label{display:block;margin-bottom:10px;font-size:16px}input[type=range]{width:100%;accent-color:#60A5FA}.slider-container span{display:block;margin-top:10px;font-size:16px}.button-group{display:flex;justify-content:center;gap:10px;margin:10px 0}