.app-container{max-width:400px;margin:0 auto;padding:20px;text-align:center;font-family:Quicksand,sans-serif;background:#f0f7ff;min-height:100vh}.card{background:#fff;padding:40px;border-radius:32px;box-shadow:0 15px 35px #0000001a}.mic-btn{width:100px;height:100px;border-radius:50%;border:none;background:#5b9bd5;color:#fff;cursor:pointer;transition:.3s;margin:20px 0;display:flex;align-items:center;justify-content:center}.mic-btn.active{background:#ff6b9d;transform:scale(1.1);box-shadow:0 0 30px #ff6b9d;animation:pulse 1.5s infinite}.cn-word{font-size:4rem;font-weight:800;color:#2c3e50;margin:20px 0}.stats{display:flex;justify-content:space-between;font-size:1.2rem;font-weight:700;color:#5b9bd5}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:15px;color:#5b9bd5}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}button{padding:15px 30px;border-radius:99px;border:none;background:#4ecdc4;color:#fff;cursor:pointer;font-weight:700;font-size:1rem;transition:.2s}button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.transcript{min-height:1.5em;color:#666;font-style:italic}